mirror of
https://github.com/Swiftgram/Telegram-iOS.git
synced 2025-07-17 08:41:10 +00:00
973 lines
41 KiB
Swift
973 lines
41 KiB
Swift
import Foundation
|
|
import UIKit
|
|
import Display
|
|
import AsyncDisplayKit
|
|
import TelegramPresentationData
|
|
import CheckNode
|
|
import ListSectionComponent
|
|
import ComponentFlow
|
|
import TextFieldComponent
|
|
import AccountContext
|
|
import MultilineTextComponent
|
|
import PresentationDataUtils
|
|
import LottieComponent
|
|
import PlainButtonComponent
|
|
import SwiftSignalKit
|
|
|
|
public final class ListComposePollOptionComponent: Component {
|
|
public final class ResetText: Equatable {
|
|
public let value: NSAttributedString
|
|
|
|
public init(value: NSAttributedString) {
|
|
self.value = value
|
|
}
|
|
|
|
public static func ==(lhs: ResetText, rhs: ResetText) -> Bool {
|
|
return lhs === rhs
|
|
}
|
|
}
|
|
|
|
public final class Selection: Equatable {
|
|
public let isSelected: Bool
|
|
public let toggle: () -> Void
|
|
|
|
public init(isSelected: Bool, toggle: @escaping () -> Void) {
|
|
self.isSelected = isSelected
|
|
self.toggle = toggle
|
|
}
|
|
|
|
public static func ==(lhs: Selection, rhs: Selection) -> Bool {
|
|
if lhs.isSelected != rhs.isSelected {
|
|
return false
|
|
}
|
|
return true
|
|
}
|
|
}
|
|
|
|
public enum InputMode {
|
|
case keyboard
|
|
case emoji
|
|
}
|
|
|
|
public final class EmojiSuggestion {
|
|
public struct Position: Equatable {
|
|
public var range: NSRange
|
|
public var value: String
|
|
}
|
|
|
|
public var localPosition: CGPoint
|
|
public var position: Position
|
|
public var disposable: Disposable?
|
|
public var value: Any?
|
|
|
|
init(localPosition: CGPoint, position: Position) {
|
|
self.localPosition = localPosition
|
|
self.position = position
|
|
self.disposable = nil
|
|
self.value = nil
|
|
}
|
|
}
|
|
|
|
public let externalState: TextFieldComponent.ExternalState?
|
|
public let context: AccountContext
|
|
public let theme: PresentationTheme
|
|
public let strings: PresentationStrings
|
|
public let placeholder: NSAttributedString?
|
|
public let isEnabled: Bool
|
|
public let resetText: ResetText?
|
|
public let assumeIsEditing: Bool
|
|
public let characterLimit: Int?
|
|
public let enableInlineAnimations: Bool
|
|
public let canReorder: Bool
|
|
public let emptyLineHandling: TextFieldComponent.EmptyLineHandling
|
|
public let returnKeyAction: (() -> Void)?
|
|
public let backspaceKeyAction: (() -> Void)?
|
|
public let selection: Selection?
|
|
public let inputMode: InputMode?
|
|
public let alwaysDisplayInputModeSelector: Bool
|
|
public let toggleInputMode: (() -> Void)?
|
|
public let deleteAction: (() -> Void)?
|
|
public let paste: ((TextFieldComponent.PasteData) -> Void)?
|
|
public let tag: AnyObject?
|
|
|
|
public init(
|
|
externalState: TextFieldComponent.ExternalState?,
|
|
context: AccountContext,
|
|
theme: PresentationTheme,
|
|
strings: PresentationStrings,
|
|
placeholder: NSAttributedString? = nil,
|
|
isEnabled: Bool = true,
|
|
resetText: ResetText? = nil,
|
|
assumeIsEditing: Bool = false,
|
|
characterLimit: Int,
|
|
enableInlineAnimations: Bool = true,
|
|
canReorder: Bool = false,
|
|
emptyLineHandling: TextFieldComponent.EmptyLineHandling,
|
|
returnKeyAction: (() -> Void)?,
|
|
backspaceKeyAction: (() -> Void)?,
|
|
selection: Selection?,
|
|
inputMode: InputMode?,
|
|
alwaysDisplayInputModeSelector: Bool = false,
|
|
toggleInputMode: (() -> Void)?,
|
|
deleteAction: (() -> Void)? = nil,
|
|
paste: ((TextFieldComponent.PasteData) -> Void)? = nil,
|
|
tag: AnyObject? = nil
|
|
) {
|
|
self.externalState = externalState
|
|
self.context = context
|
|
self.theme = theme
|
|
self.strings = strings
|
|
self.placeholder = placeholder
|
|
self.isEnabled = isEnabled
|
|
self.resetText = resetText
|
|
self.assumeIsEditing = assumeIsEditing
|
|
self.characterLimit = characterLimit
|
|
self.enableInlineAnimations = enableInlineAnimations
|
|
self.canReorder = canReorder
|
|
self.emptyLineHandling = emptyLineHandling
|
|
self.returnKeyAction = returnKeyAction
|
|
self.backspaceKeyAction = backspaceKeyAction
|
|
self.selection = selection
|
|
self.inputMode = inputMode
|
|
self.alwaysDisplayInputModeSelector = alwaysDisplayInputModeSelector
|
|
self.toggleInputMode = toggleInputMode
|
|
self.deleteAction = deleteAction
|
|
self.paste = paste
|
|
self.tag = tag
|
|
}
|
|
|
|
public static func ==(lhs: ListComposePollOptionComponent, rhs: ListComposePollOptionComponent) -> Bool {
|
|
if lhs.externalState !== rhs.externalState {
|
|
return false
|
|
}
|
|
if lhs.context !== rhs.context {
|
|
return false
|
|
}
|
|
if lhs.theme !== rhs.theme {
|
|
return false
|
|
}
|
|
if lhs.strings !== rhs.strings {
|
|
return false
|
|
}
|
|
if lhs.placeholder != rhs.placeholder {
|
|
return false
|
|
}
|
|
if lhs.isEnabled != rhs.isEnabled {
|
|
return false
|
|
}
|
|
if lhs.resetText != rhs.resetText {
|
|
return false
|
|
}
|
|
if lhs.assumeIsEditing != rhs.assumeIsEditing {
|
|
return false
|
|
}
|
|
if lhs.characterLimit != rhs.characterLimit {
|
|
return false
|
|
}
|
|
if lhs.enableInlineAnimations != rhs.enableInlineAnimations {
|
|
return false
|
|
}
|
|
if lhs.canReorder != rhs.canReorder {
|
|
return false
|
|
}
|
|
if lhs.emptyLineHandling != rhs.emptyLineHandling {
|
|
return false
|
|
}
|
|
if lhs.selection != rhs.selection {
|
|
return false
|
|
}
|
|
if lhs.inputMode != rhs.inputMode {
|
|
return false
|
|
}
|
|
if lhs.alwaysDisplayInputModeSelector != rhs.alwaysDisplayInputModeSelector {
|
|
return false
|
|
}
|
|
if (lhs.deleteAction == nil) != (rhs.deleteAction == nil) {
|
|
return false
|
|
}
|
|
return true
|
|
}
|
|
|
|
private final class CheckView: HighlightTrackingButton {
|
|
private var checkLayer: CheckLayer?
|
|
private var theme: PresentationTheme?
|
|
|
|
var action: (() -> Void)?
|
|
|
|
override init(frame: CGRect) {
|
|
super.init(frame: frame)
|
|
|
|
self.addTarget(self, action: #selector(self.pressed), for: .touchUpInside)
|
|
|
|
self.highligthedChanged = { [weak self] highlighted in
|
|
if let self, self.bounds.width > 0.0 {
|
|
let animateScale = true
|
|
|
|
let topScale: CGFloat = (self.bounds.width - 8.0) / self.bounds.width
|
|
let maxScale: CGFloat = (self.bounds.width + 2.0) / self.bounds.width
|
|
|
|
if highlighted {
|
|
self.layer.removeAnimation(forKey: "opacity")
|
|
self.layer.removeAnimation(forKey: "transform.scale")
|
|
|
|
if animateScale {
|
|
let transition = ComponentTransition(animation: .curve(duration: 0.2, curve: .easeInOut))
|
|
transition.setScale(layer: self.layer, scale: topScale)
|
|
}
|
|
} else {
|
|
if animateScale {
|
|
let transition = ComponentTransition(animation: .none)
|
|
transition.setScale(layer: self.layer, scale: 1.0)
|
|
|
|
self.layer.animateScale(from: topScale, to: maxScale, duration: 0.13, timingFunction: CAMediaTimingFunctionName.easeOut.rawValue, removeOnCompletion: false, completion: { [weak self] _ in
|
|
guard let self else {
|
|
return
|
|
}
|
|
|
|
self.layer.animateScale(from: maxScale, to: 1.0, duration: 0.1, timingFunction: CAMediaTimingFunctionName.easeIn.rawValue)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
@objc private func pressed() {
|
|
self.action?()
|
|
}
|
|
|
|
func update(size: CGSize, theme: PresentationTheme, isSelected: Bool, transition: ComponentTransition) {
|
|
let checkLayer: CheckLayer
|
|
if let current = self.checkLayer {
|
|
checkLayer = current
|
|
} else {
|
|
checkLayer = CheckLayer(theme: CheckNodeTheme(theme: theme, style: .plain), content: .check)
|
|
self.checkLayer = checkLayer
|
|
self.layer.addSublayer(checkLayer)
|
|
}
|
|
|
|
if self.theme !== theme {
|
|
self.theme = theme
|
|
|
|
checkLayer.theme = CheckNodeTheme(theme: theme, style: .plain)
|
|
}
|
|
|
|
checkLayer.frame = CGRect(origin: CGPoint(), size: size)
|
|
checkLayer.setSelected(isSelected, animated: !transition.animation.isImmediate)
|
|
}
|
|
}
|
|
|
|
private final class DeleteRevealView: UIView {
|
|
private let backgroundView: UIView
|
|
|
|
private let _title: String
|
|
private let title = ComponentView<Empty>()
|
|
|
|
private var revealOffset: CGFloat = 0.0
|
|
|
|
var currentSize = CGSize()
|
|
|
|
var tapped: (Bool) -> Void = { _ in }
|
|
|
|
init(title: String, color: UIColor) {
|
|
self._title = title
|
|
|
|
self.backgroundView = UIView()
|
|
self.backgroundView.backgroundColor = color
|
|
self.backgroundView.isUserInteractionEnabled = false
|
|
|
|
super.init(frame: .zero)
|
|
|
|
self.clipsToBounds = true
|
|
|
|
self.addSubview(self.backgroundView)
|
|
|
|
let tapRecognizer = UITapGestureRecognizer(target: self, action: #selector(self.handleTap(_:)))
|
|
self.addGestureRecognizer(tapRecognizer)
|
|
}
|
|
|
|
required public init?(coder: NSCoder) {
|
|
preconditionFailure()
|
|
}
|
|
|
|
@objc private func handleTap(_ gestureRecignizer: UITapGestureRecognizer) {
|
|
let location = gestureRecignizer.location(in: self)
|
|
if self.backgroundView.frame.contains(location) {
|
|
self.tapped(true)
|
|
} else {
|
|
self.tapped(false)
|
|
}
|
|
}
|
|
|
|
override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
|
|
if abs(self.revealOffset) < .ulpOfOne {
|
|
return false
|
|
}
|
|
return super.point(inside: point, with: event)
|
|
}
|
|
|
|
func updateLayout(availableSize: CGSize, revealOffset: CGFloat, transition: ComponentTransition) -> CGSize {
|
|
let previousRevealOffset = self.revealOffset
|
|
self.revealOffset = revealOffset
|
|
|
|
let titleSize = self.title.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(
|
|
MultilineTextComponent(
|
|
text: .plain(
|
|
NSAttributedString(
|
|
string: self._title,
|
|
font: Font.regular(17.0),
|
|
textColor: .white
|
|
)
|
|
)
|
|
)
|
|
),
|
|
environment: {},
|
|
containerSize: availableSize
|
|
)
|
|
let size = CGSize(width: max(74.0, titleSize.width + 20.0), height: availableSize.height)
|
|
let previousRevealFactor = abs(previousRevealOffset) / size.width
|
|
let revealFactor = abs(revealOffset) / size.width
|
|
let backgroundWidth = size.width * max(1.0, abs(revealFactor))
|
|
|
|
let previousIsExtended = previousRevealFactor >= 2.0
|
|
let isExtended = revealFactor >= 2.0
|
|
var titleTransition = transition
|
|
if isExtended != previousIsExtended {
|
|
titleTransition = .spring(duration: 0.3)
|
|
}
|
|
|
|
if let titleView = self.title.view {
|
|
if titleView.superview == nil {
|
|
self.backgroundView.addSubview(titleView)
|
|
}
|
|
let titleFrame = CGRect(
|
|
origin: CGPoint(
|
|
x: revealFactor > 2.0 ? 10.0 : max(10.0, backgroundWidth - titleSize.width - 10.0),
|
|
y: floor((size.height - titleSize.height) / 2.0)
|
|
),
|
|
size: titleSize
|
|
)
|
|
|
|
if titleTransition.animation.isImmediate && titleView.layer.animation(forKey: "position") != nil {
|
|
} else {
|
|
titleTransition.setFrame(view: titleView, frame: titleFrame)
|
|
}
|
|
}
|
|
|
|
let backgroundFrame = CGRect(origin: CGPoint(x: availableSize.width + revealOffset, y: 0.0), size: CGSize(width: backgroundWidth, height: size.height))
|
|
transition.setFrame(view: self.backgroundView, frame: backgroundFrame)
|
|
|
|
self.currentSize = size
|
|
|
|
return size
|
|
}
|
|
}
|
|
|
|
public final class View: UIView, ListSectionComponent.ChildView, ComponentTaggedView, UIGestureRecognizerDelegate {
|
|
private let textField = ComponentView<Empty>()
|
|
|
|
private var modeSelector: ComponentView<Empty>?
|
|
private var reorderIconView: UIImageView?
|
|
|
|
private var checkView: CheckView?
|
|
|
|
private var deleteRevealView: DeleteRevealView?
|
|
private var revealOffset: CGFloat = 0.0
|
|
public private(set) var isRevealed: Bool = false
|
|
|
|
private var recognizer: RevealOptionsGestureRecognizer?
|
|
|
|
private var customPlaceholder: ComponentView<Empty>?
|
|
|
|
private var component: ListComposePollOptionComponent?
|
|
private weak var state: EmptyComponentState?
|
|
private var isUpdating: Bool = false
|
|
|
|
public var currentText: String {
|
|
if let textFieldView = self.textField.view as? TextFieldComponent.View {
|
|
return textFieldView.inputState.inputText.string
|
|
} else {
|
|
return ""
|
|
}
|
|
}
|
|
|
|
public var currentAttributedText: NSAttributedString {
|
|
if let textFieldView = self.textField.view as? TextFieldComponent.View {
|
|
return textFieldView.inputState.inputText
|
|
} else {
|
|
return NSAttributedString(string: "")
|
|
}
|
|
}
|
|
|
|
public var textFieldView: TextFieldComponent.View? {
|
|
return self.textField.view as? TextFieldComponent.View
|
|
}
|
|
|
|
public var currentTag: AnyObject? {
|
|
return self.component?.tag
|
|
}
|
|
|
|
public var customUpdateIsHighlighted: ((Bool) -> Void)?
|
|
public private(set) var separatorInset: CGFloat = 0.0
|
|
|
|
public override init(frame: CGRect) {
|
|
super.init(frame: CGRect())
|
|
}
|
|
|
|
required public init?(coder: NSCoder) {
|
|
preconditionFailure()
|
|
}
|
|
|
|
public func matches(tag: Any) -> Bool {
|
|
if let component = self.component, let componentTag = component.tag {
|
|
let tag = tag as AnyObject
|
|
if componentTag === tag {
|
|
return true
|
|
}
|
|
}
|
|
return false
|
|
}
|
|
|
|
public func activateInput() {
|
|
if let textFieldView = self.textField.view as? TextFieldComponent.View {
|
|
textFieldView.activateInput()
|
|
}
|
|
}
|
|
|
|
public func insertText(text: NSAttributedString) {
|
|
if let textFieldView = self.textField.view as? TextFieldComponent.View {
|
|
textFieldView.insertText(text)
|
|
}
|
|
}
|
|
|
|
public func backwardsDeleteText() {
|
|
if let textFieldView = self.textField.view as? TextFieldComponent.View {
|
|
textFieldView.deleteBackward()
|
|
}
|
|
}
|
|
|
|
override public func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
|
|
if let recognizer = self.recognizer, gestureRecognizer == self.recognizer, recognizer.numberOfTouches == 0 {
|
|
let translation = recognizer.velocity(in: recognizer.view)
|
|
if abs(translation.y) > 4.0 && abs(translation.y) > abs(translation.x) * 2.5 {
|
|
return false
|
|
}
|
|
}
|
|
return true
|
|
}
|
|
|
|
@objc private func handlePan(_ gestureRecognizer: UIPanGestureRecognizer) {
|
|
guard let component = self.component, component.deleteAction != nil else {
|
|
return
|
|
}
|
|
|
|
let translation = gestureRecognizer.translation(in: self)
|
|
let velocity = gestureRecognizer.velocity(in: self)
|
|
let revealWidth: CGFloat = self.deleteRevealView?.currentSize.width ?? 74.0
|
|
|
|
switch gestureRecognizer.state {
|
|
case .began:
|
|
self.window?.endEditing(true)
|
|
|
|
if self.isRevealed {
|
|
let location = gestureRecognizer.location(in: self)
|
|
if location.x > self.bounds.width - revealWidth {
|
|
gestureRecognizer.isEnabled = false
|
|
gestureRecognizer.isEnabled = true
|
|
return
|
|
}
|
|
}
|
|
|
|
case .changed:
|
|
var offset = self.revealOffset + translation.x
|
|
offset = max(-revealWidth * 6.0, min(0, offset))
|
|
|
|
self.revealOffset = offset
|
|
self.state?.updated()
|
|
gestureRecognizer.setTranslation(CGPoint(), in: self)
|
|
|
|
case .ended, .cancelled:
|
|
var shouldReveal = false
|
|
|
|
if abs(velocity.x) >= 100.0 {
|
|
shouldReveal = velocity.x < 0
|
|
} else {
|
|
if self.revealOffset.isZero && self.revealOffset < 0 {
|
|
shouldReveal = self.revealOffset < -revealWidth * 0.5
|
|
} else if self.isRevealed {
|
|
shouldReveal = self.revealOffset < -revealWidth * 0.3
|
|
} else {
|
|
shouldReveal = self.revealOffset < -revealWidth * 0.5
|
|
}
|
|
}
|
|
|
|
let isExtendedSwipe = self.revealOffset < -revealWidth * 2.0
|
|
|
|
if isExtendedSwipe && shouldReveal {
|
|
component.deleteAction?()
|
|
|
|
self.isRevealed = false
|
|
let transition = ComponentTransition(animation: .curve(duration: 0.3, curve: .spring))
|
|
self.revealOffset = 0.0
|
|
self.state?.updated(transition: transition)
|
|
} else {
|
|
let targetOffset: CGFloat = shouldReveal ? -revealWidth : 0.0
|
|
self.isRevealed = shouldReveal
|
|
|
|
let transition = ComponentTransition(animation: .curve(duration: 0.3, curve: .spring))
|
|
self.revealOffset = targetOffset
|
|
self.state?.updated(transition: transition)
|
|
}
|
|
default:
|
|
break
|
|
}
|
|
}
|
|
|
|
@objc private func handleTap(_ gestureRecognizer: UITapGestureRecognizer) {
|
|
guard self.isRevealed else {
|
|
return
|
|
}
|
|
|
|
let location = gestureRecognizer.location(in: self)
|
|
if location.x >= self.bounds.width + self.revealOffset {
|
|
self.component?.deleteAction?()
|
|
}
|
|
}
|
|
|
|
func update(component: ListComposePollOptionComponent, availableSize: CGSize, state: EmptyComponentState, environment: Environment<Empty>, transition: ComponentTransition) -> CGSize {
|
|
self.isUpdating = true
|
|
defer {
|
|
self.isUpdating = false
|
|
}
|
|
|
|
let previousComponent = self.component
|
|
self.component = component
|
|
self.state = state
|
|
|
|
let verticalInset: CGFloat = 12.0
|
|
var leftInset: CGFloat = 16.0
|
|
var rightInset: CGFloat = 16.0
|
|
let modeSelectorSize = CGSize(width: 32.0, height: 32.0)
|
|
|
|
if component.selection != nil {
|
|
leftInset += 34.0
|
|
}
|
|
|
|
if component.inputMode != nil {
|
|
rightInset += 34.0
|
|
}
|
|
|
|
if component.canReorder {
|
|
rightInset += 16.0
|
|
}
|
|
|
|
let textFieldSize = self.textField.update(
|
|
transition: transition,
|
|
component: AnyComponent(TextFieldComponent(
|
|
context: component.context,
|
|
theme: component.theme,
|
|
strings: component.strings,
|
|
externalState: component.externalState ?? TextFieldComponent.ExternalState(),
|
|
fontSize: 17.0,
|
|
textColor: component.theme.list.itemPrimaryTextColor,
|
|
accentColor: component.theme.list.itemPrimaryTextColor,
|
|
insets: UIEdgeInsets(top: verticalInset, left: 8.0, bottom: verticalInset, right: 8.0),
|
|
hideKeyboard: component.inputMode == .emoji,
|
|
customInputView: nil,
|
|
placeholder: component.placeholder,
|
|
resetText: component.resetText.flatMap { resetText in
|
|
let result = NSMutableAttributedString(attributedString: resetText.value)
|
|
result.addAttributes([
|
|
.font: Font.regular(17.0),
|
|
.foregroundColor: component.theme.list.itemPrimaryTextColor
|
|
], range: NSRange(location: 0, length: result.length))
|
|
return result
|
|
},
|
|
isOneLineWhenUnfocused: false,
|
|
characterLimit: component.characterLimit,
|
|
enableInlineAnimations: component.enableInlineAnimations,
|
|
emptyLineHandling: component.emptyLineHandling,
|
|
externalHandlingForMultilinePaste: true,
|
|
formatMenuAvailability: .none,
|
|
returnKeyType: .next,
|
|
lockedFormatAction: {
|
|
},
|
|
present: { _ in
|
|
},
|
|
paste: { [weak self] data in
|
|
guard let self, let component = self.component else {
|
|
return
|
|
}
|
|
if let paste = component.paste, case .text = data {
|
|
paste(data)
|
|
}
|
|
},
|
|
returnKeyAction: { [weak self] in
|
|
guard let self, let component = self.component else {
|
|
return
|
|
}
|
|
component.returnKeyAction?()
|
|
},
|
|
backspaceKeyAction: { [weak self] in
|
|
guard let self, let component = self.component else {
|
|
return
|
|
}
|
|
component.backspaceKeyAction?()
|
|
}
|
|
)),
|
|
environment: {},
|
|
containerSize: CGSize(width: availableSize.width - leftInset - rightInset + 8.0 * 2.0, height: availableSize.height)
|
|
)
|
|
|
|
let size = CGSize(width: availableSize.width, height: textFieldSize.height - 1.0)
|
|
let textFieldFrame = CGRect(origin: CGPoint(x: leftInset - 16.0 + self.revealOffset, y: 0.0), size: textFieldSize)
|
|
|
|
if let textFieldView = self.textField.view {
|
|
if textFieldView.superview == nil {
|
|
self.addSubview(textFieldView)
|
|
self.textField.parentState = state
|
|
}
|
|
transition.setFrame(view: textFieldView, frame: textFieldFrame)
|
|
|
|
transition.setAlpha(view: textFieldView, alpha: component.isEnabled ? 1.0 : 0.3)
|
|
textFieldView.isUserInteractionEnabled = component.isEnabled
|
|
}
|
|
|
|
if let selection = component.selection {
|
|
let checkView: CheckView
|
|
var animateIn = false
|
|
if let current = self.checkView {
|
|
checkView = current
|
|
} else {
|
|
animateIn = true
|
|
checkView = CheckView()
|
|
self.checkView = checkView
|
|
self.addSubview(checkView)
|
|
|
|
checkView.action = { [weak self] in
|
|
guard let self, let component = self.component else {
|
|
return
|
|
}
|
|
component.selection?.toggle()
|
|
}
|
|
}
|
|
let checkSize = CGSize(width: 22.0, height: 22.0)
|
|
let checkFrame = CGRect(origin: CGPoint(x: floor((leftInset - checkSize.width) * 0.5) + self.revealOffset, y: floor((size.height - checkSize.height) * 0.5)), size: checkSize)
|
|
|
|
if animateIn {
|
|
checkView.frame = CGRect(origin: CGPoint(x: -checkSize.width, y: self.bounds.height == 0.0 ? checkFrame.minY : floor((self.bounds.height - checkSize.height) * 0.5)), size: checkFrame.size)
|
|
transition.setPosition(view: checkView, position: checkFrame.center)
|
|
transition.setBounds(view: checkView, bounds: CGRect(origin: CGPoint(), size: checkFrame.size))
|
|
checkView.update(size: checkFrame.size, theme: component.theme, isSelected: selection.isSelected, transition: .immediate)
|
|
} else {
|
|
transition.setPosition(view: checkView, position: checkFrame.center)
|
|
transition.setBounds(view: checkView, bounds: CGRect(origin: CGPoint(), size: checkFrame.size))
|
|
checkView.update(size: checkFrame.size, theme: component.theme, isSelected: selection.isSelected, transition: transition)
|
|
}
|
|
} else if let checkView = self.checkView {
|
|
self.checkView = nil
|
|
transition.setPosition(view: checkView, position: CGPoint(x: -checkView.bounds.width * 0.5, y: size.height * 0.5), completion: { [weak checkView] _ in
|
|
checkView?.removeFromSuperview()
|
|
})
|
|
}
|
|
|
|
var rightIconsInset: CGFloat = 0.0
|
|
if component.canReorder, let externalState = component.externalState, externalState.hasText {
|
|
var reorderIconTransition = transition
|
|
let reorderIconView: UIImageView
|
|
if let current = self.reorderIconView {
|
|
reorderIconView = current
|
|
} else {
|
|
reorderIconTransition = reorderIconTransition.withAnimation(.none)
|
|
reorderIconView = UIImageView()
|
|
self.reorderIconView = reorderIconView
|
|
self.addSubview(reorderIconView)
|
|
}
|
|
reorderIconView.image = PresentationResourcesItemList.itemListReorderIndicatorIcon(component.theme)
|
|
|
|
var reorderIconSize = CGSize()
|
|
if let icon = reorderIconView.image {
|
|
reorderIconSize = icon.size
|
|
}
|
|
|
|
let reorderIconFrame = CGRect(origin: CGPoint(x: size.width - 14.0 - reorderIconSize.width + self.revealOffset, y: floor((size.height - reorderIconSize.height) * 0.5)), size: reorderIconSize)
|
|
reorderIconTransition.setPosition(view: reorderIconView, position: reorderIconFrame.center)
|
|
reorderIconTransition.setBounds(view: reorderIconView, bounds: CGRect(origin: CGPoint(), size: reorderIconFrame.size))
|
|
|
|
rightIconsInset += 36.0
|
|
} else if let reorderIconView = self.reorderIconView {
|
|
self.reorderIconView = nil
|
|
if !transition.animation.isImmediate {
|
|
let alphaTransition: ComponentTransition = .easeInOut(duration: 0.2)
|
|
alphaTransition.setAlpha(view: reorderIconView, alpha: 0.0, completion: { [weak reorderIconView] _ in
|
|
reorderIconView?.removeFromSuperview()
|
|
})
|
|
alphaTransition.setScale(view: reorderIconView, scale: 0.001)
|
|
} else {
|
|
reorderIconView.removeFromSuperview()
|
|
}
|
|
}
|
|
|
|
if let inputMode = component.inputMode {
|
|
var modeSelectorTransition = transition
|
|
let modeSelector: ComponentView<Empty>
|
|
if let current = self.modeSelector {
|
|
modeSelector = current
|
|
} else {
|
|
modeSelectorTransition = modeSelectorTransition.withAnimation(.none)
|
|
modeSelector = ComponentView()
|
|
self.modeSelector = modeSelector
|
|
}
|
|
let animationName: String
|
|
var playAnimation = false
|
|
if let previousComponent, let previousInputMode = previousComponent.inputMode {
|
|
if previousInputMode != inputMode {
|
|
playAnimation = true
|
|
}
|
|
}
|
|
switch inputMode {
|
|
case .keyboard:
|
|
animationName = "input_anim_keyToSmile"
|
|
case .emoji:
|
|
animationName = "input_anim_smileToKey"
|
|
}
|
|
|
|
let _ = modeSelector.update(
|
|
transition: modeSelectorTransition,
|
|
component: AnyComponent(PlainButtonComponent(
|
|
content: AnyComponent(LottieComponent(
|
|
content: LottieComponent.AppBundleContent(
|
|
name: animationName
|
|
),
|
|
color: component.theme.chat.inputPanel.inputControlColor.blitOver(component.theme.list.itemBlocksBackgroundColor, alpha: 1.0),
|
|
size: modeSelectorSize
|
|
)),
|
|
effectAlignment: .center,
|
|
action: { [weak self] in
|
|
guard let self, let component = self.component else {
|
|
return
|
|
}
|
|
component.toggleInputMode?()
|
|
},
|
|
animateScale: false
|
|
)),
|
|
environment: {},
|
|
containerSize: modeSelectorSize
|
|
)
|
|
let modeSelectorFrame = CGRect(origin: CGPoint(x: size.width - rightIconsInset - 4.0 - modeSelectorSize.width + self.revealOffset, y: floor((size.height - modeSelectorSize.height) * 0.5)), size: modeSelectorSize)
|
|
if let modeSelectorView = modeSelector.view as? PlainButtonComponent.View {
|
|
let alphaTransition: ComponentTransition = .easeInOut(duration: 0.2)
|
|
|
|
if modeSelectorView.superview == nil {
|
|
self.addSubview(modeSelectorView)
|
|
ComponentTransition.immediate.setAlpha(view: modeSelectorView, alpha: 0.0)
|
|
ComponentTransition.immediate.setScale(view: modeSelectorView, scale: 0.001)
|
|
}
|
|
|
|
if let animationView = modeSelectorView.contentView as? LottieComponent.View {
|
|
if playAnimation {
|
|
animationView.playOnce()
|
|
}
|
|
}
|
|
|
|
modeSelectorTransition.setPosition(view: modeSelectorView, position: modeSelectorFrame.center)
|
|
modeSelectorTransition.setBounds(view: modeSelectorView, bounds: CGRect(origin: CGPoint(), size: modeSelectorFrame.size))
|
|
|
|
if let externalState = component.externalState {
|
|
let displaySelector = externalState.isEditing || component.alwaysDisplayInputModeSelector
|
|
|
|
alphaTransition.setAlpha(view: modeSelectorView, alpha: displaySelector ? 1.0 : 0.0)
|
|
alphaTransition.setScale(view: modeSelectorView, scale: displaySelector ? 1.0 : 0.001)
|
|
}
|
|
}
|
|
} else if let modeSelector = self.modeSelector {
|
|
self.modeSelector = nil
|
|
if let modeSelectorView = modeSelector.view {
|
|
if !transition.animation.isImmediate {
|
|
let alphaTransition: ComponentTransition = .easeInOut(duration: 0.2)
|
|
alphaTransition.setAlpha(view: modeSelectorView, alpha: 0.0, completion: { [weak modeSelectorView] _ in
|
|
modeSelectorView?.removeFromSuperview()
|
|
})
|
|
alphaTransition.setScale(view: modeSelectorView, scale: 0.001)
|
|
} else {
|
|
modeSelectorView.removeFromSuperview()
|
|
}
|
|
}
|
|
}
|
|
|
|
if let deleteAction = component.deleteAction {
|
|
var deleteRevealViewTransition = transition
|
|
let deleteRevealView: DeleteRevealView
|
|
if let current = self.deleteRevealView {
|
|
deleteRevealView = current
|
|
} else {
|
|
deleteRevealViewTransition = .immediate
|
|
deleteRevealView = DeleteRevealView(title: component.strings.Common_Delete, color: component.theme.list.itemDisclosureActions.destructive.fillColor)
|
|
deleteRevealView.tapped = { [weak self] action in
|
|
guard let self else {
|
|
return
|
|
}
|
|
if action {
|
|
deleteAction()
|
|
} else {
|
|
self.revealOffset = 0.0
|
|
self.isRevealed = false
|
|
self.state?.updated(transition: .spring(duration: 0.3))
|
|
}
|
|
}
|
|
self.deleteRevealView = deleteRevealView
|
|
self.addSubview(deleteRevealView)
|
|
|
|
if self.recognizer == nil {
|
|
let recognizer = RevealOptionsGestureRecognizer(target: self, action: #selector(self.handlePan(_:)))
|
|
recognizer.delegate = self
|
|
self.addGestureRecognizer(recognizer)
|
|
self.recognizer = recognizer
|
|
}
|
|
}
|
|
|
|
let _ = deleteRevealView.updateLayout(availableSize: size, revealOffset: self.revealOffset, transition: deleteRevealViewTransition)
|
|
deleteRevealView.frame = CGRect(origin: .zero, size: size)
|
|
} else {
|
|
if let deleteRevealView = self.deleteRevealView {
|
|
self.deleteRevealView = nil
|
|
deleteRevealView.removeFromSuperview()
|
|
}
|
|
|
|
if let panGestureRecognizer = self.recognizer {
|
|
self.recognizer = nil
|
|
self.removeGestureRecognizer(panGestureRecognizer)
|
|
}
|
|
|
|
self.isRevealed = false
|
|
self.revealOffset = 0.0
|
|
}
|
|
|
|
self.separatorInset = leftInset
|
|
|
|
return size
|
|
}
|
|
|
|
public func updateCustomPlaceholder(value: String, size: CGSize, transition: ComponentTransition) {
|
|
guard let component = self.component else {
|
|
return
|
|
}
|
|
|
|
let verticalInset: CGFloat = 12.0
|
|
var leftInset: CGFloat = 16.0
|
|
let rightInset: CGFloat = 16.0
|
|
|
|
if component.selection != nil {
|
|
leftInset += 34.0
|
|
}
|
|
|
|
if !value.isEmpty {
|
|
let customPlaceholder: ComponentView<Empty>
|
|
var customPlaceholderTransition = transition
|
|
if let current = self.customPlaceholder {
|
|
customPlaceholder = current
|
|
} else {
|
|
customPlaceholderTransition = customPlaceholderTransition.withAnimation(.none)
|
|
customPlaceholder = ComponentView()
|
|
self.customPlaceholder = customPlaceholder
|
|
}
|
|
|
|
let placeholderSize = customPlaceholder.update(
|
|
transition: .immediate,
|
|
component: AnyComponent(MultilineTextComponent(
|
|
text: .plain(NSAttributedString(string: value.isEmpty ? " " : value, font: Font.regular(17.0), textColor: component.theme.list.itemPlaceholderTextColor))
|
|
)),
|
|
environment: {},
|
|
containerSize: CGSize(width: size.width - leftInset - rightInset, height: 100.0)
|
|
)
|
|
let placeholderFrame = CGRect(origin: CGPoint(x: leftInset, y: verticalInset), size: placeholderSize)
|
|
if let placeholderView = customPlaceholder.view {
|
|
if placeholderView.superview == nil {
|
|
placeholderView.layer.anchorPoint = CGPoint()
|
|
placeholderView.isUserInteractionEnabled = false
|
|
self.insertSubview(placeholderView, at: 0)
|
|
}
|
|
transition.setPosition(view: placeholderView, position: placeholderFrame.origin)
|
|
placeholderView.bounds = CGRect(origin: CGPoint(), size: placeholderFrame.size)
|
|
|
|
if let externalState = component.externalState {
|
|
placeholderView.isHidden = externalState.hasText
|
|
}
|
|
}
|
|
} else if let customPlaceholder = self.customPlaceholder {
|
|
self.customPlaceholder = nil
|
|
customPlaceholder.view?.removeFromSuperview()
|
|
}
|
|
}
|
|
}
|
|
|
|
public func makeView() -> View {
|
|
return View(frame: CGRect())
|
|
}
|
|
|
|
public func update(view: View, availableSize: CGSize, state: EmptyComponentState, environment: Environment<Empty>, transition: ComponentTransition) -> CGSize {
|
|
return view.update(component: self, availableSize: availableSize, state: state, environment: environment, transition: transition)
|
|
}
|
|
}
|
|
|
|
final class RevealOptionsGestureRecognizer: UIPanGestureRecognizer {
|
|
var validatedGesture = false
|
|
var firstLocation: CGPoint = CGPoint()
|
|
|
|
var allowAnyDirection = false
|
|
var lastVelocity: CGPoint = CGPoint()
|
|
|
|
override public init(target: Any?, action: Selector?) {
|
|
super.init(target: target, action: action)
|
|
|
|
if #available(iOS 13.4, *) {
|
|
self.allowedScrollTypesMask = .continuous
|
|
}
|
|
|
|
self.maximumNumberOfTouches = 1
|
|
}
|
|
|
|
override public func reset() {
|
|
super.reset()
|
|
|
|
self.validatedGesture = false
|
|
}
|
|
|
|
func becomeCancelled() {
|
|
self.state = .cancelled
|
|
}
|
|
|
|
override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent) {
|
|
super.touchesBegan(touches, with: event)
|
|
|
|
let touch = touches.first!
|
|
self.firstLocation = touch.location(in: self.view)
|
|
}
|
|
|
|
override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent) {
|
|
let location = touches.first!.location(in: self.view)
|
|
let translation = CGPoint(x: location.x - self.firstLocation.x, y: location.y - self.firstLocation.y)
|
|
|
|
if !self.validatedGesture {
|
|
if !self.allowAnyDirection && translation.x > 0.0 {
|
|
self.state = .failed
|
|
} else if abs(translation.y) > 4.0 && abs(translation.y) > abs(translation.x) * 2.5 {
|
|
self.state = .failed
|
|
} else if abs(translation.x) > 4.0 && abs(translation.y) * 2.5 < abs(translation.x) {
|
|
self.validatedGesture = true
|
|
}
|
|
}
|
|
|
|
if self.validatedGesture {
|
|
self.lastVelocity = self.velocity(in: self.view)
|
|
super.touchesMoved(touches, with: event)
|
|
}
|
|
}
|
|
}
|