ComponentSelect.swift 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369
  1. //
  2. // ComponentSelect.swift
  3. // KMComponentLibrary
  4. //
  5. // Created by Niehaoyu on 2024/9/3.
  6. //
  7. import Cocoa
  8. import AppKit
  9. @objc public protocol ComponentSelectDelegate: AnyObject {
  10. @objc optional func componentSelectDidSelect(view: ComponentSelect?, menuItemProperty: ComponentMenuitemProperty?)
  11. }
  12. public class ComponentSelect: ComponentBaseXibView {
  13. @IBOutlet var contendBox: NSBox!
  14. @IBOutlet var leftIconImage: NSImageView!
  15. @IBOutlet var rightIconImage: NSImageView!
  16. @IBOutlet var inputField: ComponentTextField!
  17. @IBOutlet var errorTipLabel: NSTextField!
  18. @IBOutlet var contendBoxBottomConst: NSLayoutConstraint!
  19. @IBOutlet var leftIconWidthConst: NSLayoutConstraint!
  20. @IBOutlet var fieldLeftConst: NSLayoutConstraint!
  21. // MARK: Private Property
  22. private var _properties : ComponentSelectProperties = ComponentSelectProperties()
  23. private var isGroupViewShow: Bool = false
  24. private var groupView: ComponentGroup!
  25. private var menuitemPropertys: [ComponentMenuitemProperty] = []
  26. private var selItemProperty: ComponentMenuitemProperty? = ComponentMenuitemProperty()
  27. weak open var delegate: ComponentSelectDelegate?
  28. // MARK: 初始化
  29. deinit {
  30. NotificationCenter.default.removeObserver(self)
  31. }
  32. public required init?(coder decoder: NSCoder) {
  33. super.init(coder: decoder)
  34. }
  35. override init(frame frameRect: NSRect) {
  36. super.init(frame: frameRect)
  37. }
  38. public override func awakeFromNib() {
  39. super.awakeFromNib()
  40. self.inputField.componentDelegate = self
  41. self.inputField.focusRingType = .none
  42. NotificationCenter.default.addObserver(self, selector: #selector(textFieldDidBeginEditingNotification(_:)), name: NSControl.textDidBeginEditingNotification, object: inputField)
  43. NotificationCenter.default.addObserver(self, selector: #selector(textFieldDidChangeNotification(_:)), name: NSControl.textDidChangeNotification, object: inputField)
  44. NotificationCenter.default.addObserver(self, selector: #selector(textFieldDidEndEditingNotification(_:)), name: NSControl.textDidEndEditingNotification, object: inputField)
  45. }
  46. //Setter
  47. public var properties : ComponentSelectProperties {
  48. get {
  49. return _properties
  50. }
  51. set {
  52. _properties = newValue
  53. ComponentLibrary.shared.configSelectComponent(properties: _properties)
  54. self.reloadData()
  55. self.window?.makeFirstResponder(nil)
  56. }
  57. }
  58. //MARK: - Public
  59. public func reloadData() {
  60. self.setupUI()
  61. self.refreshUI()
  62. }
  63. public func updateMenuItemsArr(_ propertys: [ComponentMenuitemProperty]) {
  64. self.menuitemPropertys = propertys
  65. }
  66. public func selectItemAtIndex(_ index: Int) {
  67. if index >= 0 && index < menuitemPropertys.count {
  68. let chooseIndex: Int = index
  69. let chooseProperty = menuitemPropertys[chooseIndex]
  70. self.inputField.stringValue = chooseProperty.text
  71. self.properties.state = .normal
  72. self.refreshUI()
  73. self.selItemProperty = chooseProperty
  74. }
  75. }
  76. public func indexOfSelect() -> NSInteger {
  77. if let selProperty = selItemProperty {
  78. if let index = menuitemPropertys.firstIndex(of: selProperty) {
  79. return index
  80. }
  81. }
  82. return -1
  83. }
  84. //MARK: - SetupUI
  85. func setupUI() {
  86. if self.properties.showLeftIcon == true {
  87. self.leftIconImage.isHidden = false
  88. self.leftIconWidthConst.constant = self.properties.propertyInfo.leftIconWidth ?? 16
  89. self.fieldLeftConst.constant = self.leftIconWidthConst.constant + 12
  90. } else {
  91. self.leftIconImage.isHidden = true
  92. self.fieldLeftConst.constant = 8
  93. }
  94. if self.properties.isError == true {
  95. self.contendBoxBottomConst.constant = 18
  96. self.errorTipLabel.isHidden = false
  97. } else {
  98. self.contendBoxBottomConst.constant = 0
  99. self.errorTipLabel.isHidden = true
  100. }
  101. if self.properties.isDisabled == false {
  102. self.inputField.isEditable = true
  103. if self.properties.creatable == false {
  104. self.inputField.isEditable = false
  105. }
  106. } else {
  107. self.inputField.isEditable = false
  108. }
  109. self.inputField.font = self.properties.propertyInfo.textFont
  110. self.inputField.stringValue = properties.text ?? ""
  111. if let chooseProperty = self.selItemProperty {
  112. self.inputField.stringValue = chooseProperty.text
  113. }
  114. }
  115. func refreshUI() {
  116. self.contendBox.cornerRadius = self.properties.propertyInfo.cornerRadius
  117. self.contendBox.borderWidth = self.properties.propertyInfo.borderWidth
  118. var fillColor: NSColor?
  119. var borderColor: NSColor?
  120. if self.properties.state == .normal {
  121. fillColor = self.properties.propertyInfo.color_nor
  122. borderColor = self.properties.propertyInfo.borderColor_nor
  123. } else if self.properties.state == .hover {
  124. fillColor = self.properties.propertyInfo.color_hov
  125. if self.properties.isError == true {
  126. fillColor = self.properties.propertyInfo.color_error_hov
  127. }
  128. borderColor = self.properties.propertyInfo.borderColor_hov
  129. } else if self.properties.state == .pressed {
  130. fillColor = self.properties.propertyInfo.color_active
  131. borderColor = self.properties.propertyInfo.borderColor_active
  132. }
  133. var textColor: NSColor = properties.propertyInfo.textColor
  134. if self.properties.isDisabled == true {
  135. fillColor = self.properties.propertyInfo.color_dis
  136. borderColor = self.properties.propertyInfo.borderColor_dis
  137. textColor = properties.propertyInfo.textColor_dis
  138. }
  139. if self.properties.isError == true {
  140. borderColor = self.properties.propertyInfo.borderColor_error
  141. }
  142. if let color = fillColor {
  143. self.contendBox.fillColor = color
  144. }
  145. if let color = borderColor {
  146. self.contendBox.borderColor = color
  147. }
  148. if let placeholder = properties.placeholder {
  149. self.inputField.placeholderString = placeholder
  150. }
  151. self.inputField.textColor = textColor
  152. self.rightIconImage.image = ComponentLibrary.shared.image(forResource: "suffix")
  153. if properties.isDisabled {
  154. rightIconImage.image = ComponentLibrary.shared.image(forResource: "suffix_dis")
  155. }
  156. self.errorTipLabel.textColor = self.properties.propertyInfo.errorTipTextColor
  157. self.errorTipLabel.font = self.properties.propertyInfo.errorTipTextFont
  158. if let errorText = properties.errorText {
  159. self.errorTipLabel.stringValue = errorText
  160. }
  161. }
  162. func showGroupView() {
  163. if (groupView?.superview) != nil {
  164. return
  165. }
  166. var viewHeight: CGFloat = 8.0
  167. for item in self.menuitemPropertys {
  168. item.state = .normal
  169. item.itemSelected = false
  170. if item == selItemProperty {
  171. item.itemSelected = true
  172. }
  173. if item.type == .normal {
  174. viewHeight += 36
  175. } else if item.type == .divider {
  176. viewHeight += 8
  177. }
  178. }
  179. if groupView == nil {
  180. groupView = ComponentGroup.createFromNib(in: ComponentLibrary.shared.componentBundle())
  181. }
  182. groupView?.frame = CGRectMake(310, 0, 260, viewHeight)
  183. groupView?.reloadData()
  184. groupView.groupDelegate = self
  185. groupView?.showWithPoint(self.frame.origin, inView: self)
  186. groupView?.updateGroupInfo(menuitemPropertys)
  187. self.isGroupViewShow = true
  188. }
  189. func hideGroupView() {
  190. self.groupView?.removeGroupView()
  191. self.isGroupViewShow = false
  192. }
  193. //MARK: - TextNotification
  194. @objc func textFieldDidBeginEditingNotification(_ notification: Notification) {
  195. }
  196. @objc func textFieldDidChangeNotification(_ notification: Notification) {
  197. self.selItemProperty = nil
  198. }
  199. @objc func textFieldDidEndEditingNotification(_ notification: Notification) {
  200. }
  201. //MARK: - MouseEvent
  202. public override func mouseEntered(with event: NSEvent) {
  203. super.mouseEntered(with: event)
  204. if self.properties.isDisabled == false &&
  205. self.inputField.isResponder == false &&
  206. self.isGroupViewShow == false {
  207. self.properties.state = .hover
  208. }
  209. self.refreshUI()
  210. }
  211. public override func mouseMoved(with event: NSEvent) {
  212. super.mouseMoved(with: event)
  213. }
  214. public override func mouseExited(with event: NSEvent) {
  215. super.mouseExited(with: event)
  216. if self.properties.isDisabled == false &&
  217. self.inputField.isResponder == false &&
  218. self.isGroupViewShow == false {
  219. self.properties.state = .normal
  220. }
  221. self.refreshUI()
  222. }
  223. public override func mouseDown(with event: NSEvent) {
  224. super.mouseDown(with: event)
  225. }
  226. public override func mouseUp(with event: NSEvent) {
  227. super.mouseUp(with: event)
  228. if self.properties.isDisabled == false {
  229. let point = convert(event.locationInWindow, from: nil)
  230. if CGRectContainsPoint(self.rightIconImage.frame, point) {
  231. self.properties.state = .pressed
  232. self.showGroupView()
  233. }
  234. }
  235. if self.properties.isDisabled == false &&
  236. self.inputField.isResponder == false &&
  237. self.isGroupViewShow == false {
  238. self.properties.state = .normal
  239. }
  240. self.refreshUI()
  241. }
  242. }
  243. extension ComponentSelect: ComponentTextFieldDelegate {
  244. func componentTextFieldDidResponderChanged(textField: NSTextField) {
  245. if self.properties.isDisabled == false {
  246. if self.inputField.isResponder {
  247. self.properties.state = .pressed
  248. self.showGroupView()
  249. } else {
  250. self.properties.state = .normal
  251. }
  252. }
  253. self.refreshUI()
  254. }
  255. }
  256. extension ComponentSelect: ComponentGroupDelegate {
  257. public func componentGroupDidDismiss(group: ComponentGroup?) {
  258. self.properties.state = .normal
  259. self.isGroupViewShow = false
  260. self.window?.makeFirstResponder(nil)
  261. self.refreshUI()
  262. }
  263. public func componentGroupDidSelect(group: ComponentGroup?, menuItemProperty: ComponentMenuitemProperty?) {
  264. self.inputField.stringValue = menuItemProperty?.text ?? ""
  265. self.properties.state = .normal
  266. self.refreshUI()
  267. self.selItemProperty = menuItemProperty
  268. self.delegate?.componentSelectDidSelect?(view: self, menuItemProperty: menuItemProperty)
  269. self.window?.makeFirstResponder(nil)
  270. }
  271. }