huibo-ui 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (839) hide show
  1. package/dist/cjs/{a11y-802de67a.js → a11y-4385c871.js} +17 -2
  2. package/dist/cjs/a11y-4385c871.js.map +1 -0
  3. package/dist/cjs/{date-helpers-904747ff.js → date-helpers-c05ef385.js} +10 -17
  4. package/dist/cjs/date-helpers-c05ef385.js.map +1 -0
  5. package/dist/cjs/hb-affix.cjs.entry.js +1 -1
  6. package/dist/cjs/hb-alert.cjs.entry.js +2 -1
  7. package/dist/cjs/hb-alert.cjs.entry.js.map +1 -1
  8. package/dist/cjs/hb-aside.cjs.entry.js +1 -1
  9. package/dist/cjs/hb-avatar.cjs.entry.js +1 -1
  10. package/dist/cjs/hb-backtop.cjs.entry.js +2 -2
  11. package/dist/cjs/hb-badge.cjs.entry.js +1 -1
  12. package/dist/cjs/hb-breadcrumb-item.cjs.entry.js +1 -1
  13. package/dist/cjs/hb-breadcrumb.cjs.entry.js +1 -1
  14. package/dist/cjs/hb-button.cjs.entry.js +2 -2
  15. package/dist/cjs/hb-calendar.cjs.entry.js +78 -10
  16. package/dist/cjs/hb-calendar.cjs.entry.js.map +1 -1
  17. package/dist/cjs/hb-card.cjs.entry.js +1 -1
  18. package/dist/cjs/hb-cascader.cjs.entry.js +306 -146
  19. package/dist/cjs/hb-cascader.cjs.entry.js.map +1 -1
  20. package/dist/cjs/hb-checkbox-group.cjs.entry.js +12 -8
  21. package/dist/cjs/hb-checkbox-group.cjs.entry.js.map +1 -1
  22. package/dist/cjs/hb-checkbox.cjs.entry.js +9 -4
  23. package/dist/cjs/hb-checkbox.cjs.entry.js.map +1 -1
  24. package/dist/cjs/hb-collapse-item.cjs.entry.js +13 -4
  25. package/dist/cjs/hb-collapse-item.cjs.entry.js.map +1 -1
  26. package/dist/cjs/hb-collapse.cjs.entry.js +20 -15
  27. package/dist/cjs/hb-collapse.cjs.entry.js.map +1 -1
  28. package/dist/cjs/hb-color-picker-panel.cjs.entry.js +2 -2
  29. package/dist/cjs/hb-color-picker.cjs.entry.js +108 -28
  30. package/dist/cjs/hb-color-picker.cjs.entry.js.map +1 -1
  31. package/dist/cjs/hb-config-provider.cjs.entry.js +1 -1
  32. package/dist/cjs/hb-container.cjs.entry.js +2 -2
  33. package/dist/cjs/hb-date-picker-pane.cjs.entry.js +2 -2
  34. package/dist/cjs/hb-date-picker.cjs.entry.js +90 -9
  35. package/dist/cjs/hb-date-picker.cjs.entry.js.map +1 -1
  36. package/dist/cjs/hb-date-range-picker.cjs.entry.js +3 -3
  37. package/dist/cjs/hb-date-time-picker.cjs.entry.js +3 -3
  38. package/dist/cjs/hb-descriptions.cjs.entry.js +2 -2
  39. package/dist/cjs/hb-descriptions.cjs.entry.js.map +1 -1
  40. package/dist/cjs/hb-dialog.cjs.entry.js +51 -12
  41. package/dist/cjs/hb-dialog.cjs.entry.js.map +1 -1
  42. package/dist/cjs/hb-divider.cjs.entry.js +2 -2
  43. package/dist/cjs/hb-drawer.cjs.entry.js +34 -4
  44. package/dist/cjs/hb-drawer.cjs.entry.js.map +1 -1
  45. package/dist/cjs/hb-dropdown.cjs.entry.js +91 -11
  46. package/dist/cjs/hb-dropdown.cjs.entry.js.map +1 -1
  47. package/dist/cjs/hb-empty.cjs.entry.js +1 -1
  48. package/dist/cjs/hb-float-button.cjs.entry.js +2 -2
  49. package/dist/cjs/hb-footer.cjs.entry.js +1 -1
  50. package/dist/cjs/hb-form-item.cjs.entry.js +61 -9
  51. package/dist/cjs/hb-form-item.cjs.entry.js.map +1 -1
  52. package/dist/cjs/hb-form.cjs.entry.js +13 -8
  53. package/dist/cjs/hb-form.cjs.entry.js.map +1 -1
  54. package/dist/cjs/hb-header.cjs.entry.js +1 -1
  55. package/dist/cjs/hb-image-preview.cjs.entry.js +13 -9
  56. package/dist/cjs/hb-image-preview.cjs.entry.js.map +1 -1
  57. package/dist/cjs/hb-image.cjs.entry.js +21 -3
  58. package/dist/cjs/hb-image.cjs.entry.js.map +1 -1
  59. package/dist/cjs/hb-input-number.cjs.entry.js +7 -7
  60. package/dist/cjs/hb-input-number.cjs.entry.js.map +1 -1
  61. package/dist/cjs/hb-input-tag.cjs.entry.js +2 -2
  62. package/dist/cjs/hb-input.cjs.entry.js +40 -3
  63. package/dist/cjs/hb-input.cjs.entry.js.map +1 -1
  64. package/dist/cjs/hb-layout.cjs.entry.js +36 -14
  65. package/dist/cjs/hb-layout.cjs.entry.js.map +1 -1
  66. package/dist/cjs/hb-link.cjs.entry.js +2 -2
  67. package/dist/cjs/hb-loading.cjs.entry.js +2 -2
  68. package/dist/cjs/hb-main.cjs.entry.js +1 -1
  69. package/dist/cjs/hb-menu-item.cjs.entry.js +14 -5
  70. package/dist/cjs/hb-menu-item.cjs.entry.js.map +1 -1
  71. package/dist/cjs/hb-menu.cjs.entry.js +3 -3
  72. package/dist/cjs/hb-menu.cjs.entry.js.map +1 -1
  73. package/dist/cjs/hb-message.cjs.entry.js +13 -4
  74. package/dist/cjs/hb-message.cjs.entry.js.map +1 -1
  75. package/dist/cjs/hb-notification.cjs.entry.js +2 -2
  76. package/dist/cjs/hb-page-header.cjs.entry.js +1 -1
  77. package/dist/cjs/hb-pagination.cjs.entry.js +24 -8
  78. package/dist/cjs/hb-pagination.cjs.entry.js.map +1 -1
  79. package/dist/cjs/hb-popconfirm.cjs.entry.js +57 -8
  80. package/dist/cjs/hb-popconfirm.cjs.entry.js.map +1 -1
  81. package/dist/cjs/hb-popover.cjs.entry.js +37 -5
  82. package/dist/cjs/hb-popover.cjs.entry.js.map +1 -1
  83. package/dist/cjs/hb-progress.cjs.entry.js +1 -1
  84. package/dist/cjs/hb-radio.cjs.entry.js +8 -3
  85. package/dist/cjs/hb-radio.cjs.entry.js.map +1 -1
  86. package/dist/cjs/hb-rate.cjs.entry.js +46 -4
  87. package/dist/cjs/hb-rate.cjs.entry.js.map +1 -1
  88. package/dist/cjs/hb-result.cjs.entry.js +1 -1
  89. package/dist/cjs/hb-row.cjs.entry.js +2 -2
  90. package/dist/cjs/hb-scrollbar.cjs.entry.js +5 -5
  91. package/dist/cjs/hb-scrollbar.cjs.entry.js.map +1 -1
  92. package/dist/cjs/hb-segmented.cjs.entry.js +50 -5
  93. package/dist/cjs/hb-segmented.cjs.entry.js.map +1 -1
  94. package/dist/cjs/hb-select.cjs.entry.js +64 -16
  95. package/dist/cjs/hb-select.cjs.entry.js.map +1 -1
  96. package/dist/cjs/hb-slider.cjs.entry.js +186 -23
  97. package/dist/cjs/hb-slider.cjs.entry.js.map +1 -1
  98. package/dist/cjs/hb-space.cjs.entry.js +2 -2
  99. package/dist/cjs/hb-statistic.cjs.entry.js +1 -1
  100. package/dist/cjs/hb-step.cjs.entry.js +1 -1
  101. package/dist/cjs/hb-steps.cjs.entry.js +30 -9
  102. package/dist/cjs/hb-steps.cjs.entry.js.map +1 -1
  103. package/dist/cjs/hb-sub-menu.cjs.entry.js +5 -5
  104. package/dist/cjs/hb-switch.cjs.entry.js +9 -4
  105. package/dist/cjs/hb-switch.cjs.entry.js.map +1 -1
  106. package/dist/cjs/hb-tab-pane.cjs.entry.js +1 -1
  107. package/dist/cjs/hb-table.cjs.entry.js +26 -17
  108. package/dist/cjs/hb-table.cjs.entry.js.map +1 -1
  109. package/dist/cjs/hb-tabs.cjs.entry.js +31 -10
  110. package/dist/cjs/hb-tabs.cjs.entry.js.map +1 -1
  111. package/dist/cjs/hb-tag.cjs.entry.js +3 -2
  112. package/dist/cjs/hb-tag.cjs.entry.js.map +1 -1
  113. package/dist/cjs/hb-text.cjs.entry.js +2 -2
  114. package/dist/cjs/hb-time-picker.cjs.entry.js +14 -9
  115. package/dist/cjs/hb-time-picker.cjs.entry.js.map +1 -1
  116. package/dist/cjs/hb-time-select.cjs.entry.js +13 -4
  117. package/dist/cjs/hb-time-select.cjs.entry.js.map +1 -1
  118. package/dist/cjs/hb-timeline.cjs.entry.js +1 -1
  119. package/dist/cjs/hb-tooltip.cjs.entry.js +43 -6
  120. package/dist/cjs/hb-tooltip.cjs.entry.js.map +1 -1
  121. package/dist/cjs/hb-transfer.cjs.entry.js +2 -2
  122. package/dist/cjs/hb-tree-select.cjs.entry.js +215 -23
  123. package/dist/cjs/hb-tree-select.cjs.entry.js.map +1 -1
  124. package/dist/cjs/hb-tree.cjs.entry.js +145 -12
  125. package/dist/cjs/hb-tree.cjs.entry.js.map +1 -1
  126. package/dist/cjs/hb-upload.cjs.entry.js +3 -3
  127. package/dist/cjs/hb-watermark.cjs.entry.js +19 -11
  128. package/dist/cjs/hb-watermark.cjs.entry.js.map +1 -1
  129. package/dist/cjs/huibo-ui.cjs.js +1 -1
  130. package/dist/cjs/loader.cjs.js +1 -1
  131. package/dist/cjs/transition-59f1da0f.js +34 -0
  132. package/dist/cjs/transition-59f1da0f.js.map +1 -0
  133. package/dist/collection/collection-manifest.json +3 -3
  134. package/dist/collection/components/Affix/Affix.js +1 -1
  135. package/dist/collection/components/Alert/Alert.js +2 -1
  136. package/dist/collection/components/Alert/Alert.js.map +1 -1
  137. package/dist/collection/components/Avatar/Avatar.js +1 -1
  138. package/dist/collection/components/Backtop/Backtop.js +2 -2
  139. package/dist/collection/components/Badge/Badge.js +1 -1
  140. package/dist/collection/components/Breadcrumb/Breadcrumb.js +1 -1
  141. package/dist/collection/components/Breadcrumb/BreadcrumbItem.js +1 -1
  142. package/dist/collection/components/Button/Button.js +2 -2
  143. package/dist/collection/components/Calendar/Calendar.js +84 -10
  144. package/dist/collection/components/Calendar/Calendar.js.map +1 -1
  145. package/dist/collection/components/Calendar/calendar.css +16 -0
  146. package/dist/collection/components/Card/Card.js +1 -1
  147. package/dist/collection/components/Cascader/Cascader.js +410 -194
  148. package/dist/collection/components/Cascader/Cascader.js.map +1 -1
  149. package/dist/collection/components/Cascader/cascader.css +170 -16
  150. package/dist/collection/components/Checkbox/Checkbox.js +9 -4
  151. package/dist/collection/components/Checkbox/Checkbox.js.map +1 -1
  152. package/dist/collection/components/Checkbox/CheckboxGroup.js +12 -8
  153. package/dist/collection/components/Checkbox/CheckboxGroup.js.map +1 -1
  154. package/dist/collection/components/Collapse/Collapse.js +20 -15
  155. package/dist/collection/components/Collapse/Collapse.js.map +1 -1
  156. package/dist/collection/components/Collapse/CollapseItem.js +33 -4
  157. package/dist/collection/components/Collapse/CollapseItem.js.map +1 -1
  158. package/dist/collection/components/ColorPicker/ColorPicker.js +109 -28
  159. package/dist/collection/components/ColorPicker/ColorPicker.js.map +1 -1
  160. package/dist/collection/components/ColorPicker/color-picker.css +21 -3
  161. package/dist/collection/components/ColorPickerPanel/ColorPickerPanel.js +2 -2
  162. package/dist/collection/components/ConfigProvider/ConfigProvider.js +1 -1
  163. package/dist/collection/components/Container/Aside.js +1 -1
  164. package/dist/collection/components/Container/Container.js +2 -2
  165. package/dist/collection/components/Container/Footer.js +1 -1
  166. package/dist/collection/components/Container/Header.js +1 -1
  167. package/dist/collection/components/Container/Main.js +1 -1
  168. package/dist/collection/components/DatePicker/DatePicker.js +94 -12
  169. package/dist/collection/components/DatePicker/DatePicker.js.map +1 -1
  170. package/dist/collection/components/DatePicker/date-picker.css +63 -2
  171. package/dist/collection/components/DatePickerPane/DatePickerPane.js +1 -1
  172. package/dist/collection/components/DateRangePicker/DateRangePicker.js +2 -2
  173. package/dist/collection/components/DateTimePicker/DateTimePicker.js +2 -2
  174. package/dist/collection/components/Descriptions/Descriptions.js +1 -1
  175. package/dist/collection/components/Descriptions/descriptions.css +52 -10
  176. package/dist/collection/components/Dialog/Dialog.js +54 -10
  177. package/dist/collection/components/Dialog/Dialog.js.map +1 -1
  178. package/dist/collection/components/Dialog/dialog.css +57 -11
  179. package/dist/collection/components/Divider/Divider.js +2 -2
  180. package/dist/collection/components/Drawer/Drawer.js +34 -3
  181. package/dist/collection/components/Drawer/Drawer.js.map +1 -1
  182. package/dist/collection/components/Drawer/drawer.css +207 -17
  183. package/dist/collection/components/Dropdown/Dropdown.js +103 -12
  184. package/dist/collection/components/Dropdown/Dropdown.js.map +1 -1
  185. package/dist/collection/components/Dropdown/dropdown.css +26 -3
  186. package/dist/collection/components/Empty/Empty.js +1 -1
  187. package/dist/collection/components/FloatButton/FloatButton.js +2 -2
  188. package/dist/collection/components/Form/Form.js +14 -9
  189. package/dist/collection/components/Form/Form.js.map +1 -1
  190. package/dist/collection/components/Form/FormItem.js +62 -10
  191. package/dist/collection/components/Form/FormItem.js.map +1 -1
  192. package/dist/collection/components/Form/form-item.css +57 -6
  193. package/dist/collection/components/Form/form.css +1 -0
  194. package/dist/collection/components/Image/Image.js +24 -3
  195. package/dist/collection/components/Image/Image.js.map +1 -1
  196. package/dist/collection/components/ImagePreview/ImagePreview.js +13 -9
  197. package/dist/collection/components/ImagePreview/ImagePreview.js.map +1 -1
  198. package/dist/collection/components/Input/Input.js +39 -2
  199. package/dist/collection/components/Input/Input.js.map +1 -1
  200. package/dist/collection/components/Input/input.css +22 -4
  201. package/dist/collection/components/InputNumber/InputNumber.js +6 -6
  202. package/dist/collection/components/InputNumber/InputNumber.js.map +1 -1
  203. package/dist/collection/components/InputNumber/input-number.css +11 -1
  204. package/dist/collection/components/InputTag/InputTag.js +2 -2
  205. package/dist/collection/components/Layout/Layout.js +87 -34
  206. package/dist/collection/components/Layout/Layout.js.map +1 -1
  207. package/dist/collection/components/Layout/Row.js +2 -2
  208. package/dist/collection/components/Layout/layout.css +1732 -71
  209. package/dist/collection/components/Link/Link.js +2 -2
  210. package/dist/collection/components/Loading/Loading.js +2 -2
  211. package/dist/collection/components/Menu/Menu.js +2 -2
  212. package/dist/collection/components/Menu/MenuItem.js +34 -5
  213. package/dist/collection/components/Menu/MenuItem.js.map +1 -1
  214. package/dist/collection/components/Menu/SubMenu.js +4 -4
  215. package/dist/collection/components/Menu/menu.css +25 -0
  216. package/dist/collection/components/Message/Message.js +13 -4
  217. package/dist/collection/components/Message/Message.js.map +1 -1
  218. package/dist/collection/components/Notification/Notification.js +2 -2
  219. package/dist/collection/components/PageHeader/PageHeader.js +1 -1
  220. package/dist/collection/components/Pagination/Pagination.js +26 -7
  221. package/dist/collection/components/Pagination/Pagination.js.map +1 -1
  222. package/dist/collection/components/Pagination/pagination.css +23 -0
  223. package/dist/collection/components/Popconfirm/Popconfirm.js +66 -7
  224. package/dist/collection/components/Popconfirm/Popconfirm.js.map +1 -1
  225. package/dist/collection/components/Popconfirm/popconfirm.css +80 -16
  226. package/dist/collection/components/Popover/Popover.js +46 -4
  227. package/dist/collection/components/Popover/Popover.js.map +1 -1
  228. package/dist/collection/components/Popover/popover.css +49 -8
  229. package/dist/collection/components/Progress/Progress.js +1 -1
  230. package/dist/collection/components/Radio/Radio.js +8 -3
  231. package/dist/collection/components/Radio/Radio.js.map +1 -1
  232. package/dist/collection/components/Rate/Rate.js +46 -4
  233. package/dist/collection/components/Rate/Rate.js.map +1 -1
  234. package/dist/collection/components/Result/Result.js +1 -1
  235. package/dist/collection/components/Scrollbar/Scrollbar.js +5 -5
  236. package/dist/collection/components/Scrollbar/Scrollbar.js.map +1 -1
  237. package/dist/collection/components/Segmented/Segmented.js +65 -6
  238. package/dist/collection/components/Segmented/Segmented.js.map +1 -1
  239. package/dist/collection/components/Select/Select.js +63 -15
  240. package/dist/collection/components/Select/Select.js.map +1 -1
  241. package/dist/collection/components/Select/select.css +50 -5
  242. package/dist/collection/components/Slider/Slider.js +218 -24
  243. package/dist/collection/components/Slider/Slider.js.map +1 -1
  244. package/dist/collection/components/Slider/slider.css +57 -7
  245. package/dist/collection/components/Space/Space.js +2 -2
  246. package/dist/collection/components/Statistic/Statistic.js +1 -1
  247. package/dist/collection/components/Steps/Step.js +1 -1
  248. package/dist/collection/components/Steps/Steps.js +35 -8
  249. package/dist/collection/components/Steps/Steps.js.map +1 -1
  250. package/dist/collection/components/Switch/Switch.js +8 -3
  251. package/dist/collection/components/Switch/Switch.js.map +1 -1
  252. package/dist/collection/components/Switch/switch.css +47 -1
  253. package/dist/collection/components/Table/Table.js +25 -16
  254. package/dist/collection/components/Table/Table.js.map +1 -1
  255. package/dist/collection/components/Table/table.css +26 -2
  256. package/dist/collection/components/Tabs/TabPane.js +1 -1
  257. package/dist/collection/components/Tabs/Tabs.js +31 -10
  258. package/dist/collection/components/Tabs/Tabs.js.map +1 -1
  259. package/dist/collection/components/Tag/Tag.js +3 -2
  260. package/dist/collection/components/Tag/Tag.js.map +1 -1
  261. package/dist/collection/components/Text/Text.js +2 -2
  262. package/dist/collection/components/TimePicker/TimePicker.js +14 -9
  263. package/dist/collection/components/TimePicker/TimePicker.js.map +1 -1
  264. package/dist/collection/components/TimeSelect/TimeSelect.js +13 -4
  265. package/dist/collection/components/TimeSelect/TimeSelect.js.map +1 -1
  266. package/dist/collection/components/Timeline/Timeline.js +1 -1
  267. package/dist/collection/components/Tooltip/Tooltip.js +52 -6
  268. package/dist/collection/components/Tooltip/Tooltip.js.map +1 -1
  269. package/dist/collection/components/Tooltip/tooltip.css +24 -2
  270. package/dist/collection/components/Transfer/Transfer.js +2 -2
  271. package/dist/collection/components/Tree/Tree.js +147 -13
  272. package/dist/collection/components/Tree/Tree.js.map +1 -1
  273. package/dist/collection/components/TreeSelect/TreeSelect.js +219 -23
  274. package/dist/collection/components/TreeSelect/TreeSelect.js.map +1 -1
  275. package/dist/collection/components/TreeSelect/tree-select.css +41 -7
  276. package/dist/collection/components/Upload/Upload.js +3 -3
  277. package/dist/collection/components/Watermark/Watermark.js +19 -11
  278. package/dist/collection/components/Watermark/Watermark.js.map +1 -1
  279. package/dist/collection/utils/a11y.js +15 -1
  280. package/dist/collection/utils/a11y.js.map +1 -1
  281. package/dist/collection/utils/date-helpers.js +9 -16
  282. package/dist/collection/utils/date-helpers.js.map +1 -1
  283. package/dist/collection/utils/transition.js +29 -0
  284. package/dist/collection/utils/transition.js.map +1 -0
  285. package/dist/components/hb-affix.js +1 -1
  286. package/dist/components/hb-alert.js +2 -1
  287. package/dist/components/hb-alert.js.map +1 -1
  288. package/dist/components/hb-aside.js +1 -1
  289. package/dist/components/hb-avatar.js +1 -1
  290. package/dist/components/hb-backtop.js +2 -2
  291. package/dist/components/hb-badge.js +1 -1
  292. package/dist/components/hb-breadcrumb-item.js +1 -1
  293. package/dist/components/hb-breadcrumb.js +1 -1
  294. package/dist/components/hb-button.js +2 -2
  295. package/dist/components/hb-calendar.js +80 -11
  296. package/dist/components/hb-calendar.js.map +1 -1
  297. package/dist/components/hb-card.js +1 -1
  298. package/dist/components/hb-cascader.js +309 -146
  299. package/dist/components/hb-cascader.js.map +1 -1
  300. package/dist/components/hb-checkbox-group.js +12 -8
  301. package/dist/components/hb-checkbox-group.js.map +1 -1
  302. package/dist/components/hb-checkbox.js +9 -4
  303. package/dist/components/hb-checkbox.js.map +1 -1
  304. package/dist/components/hb-collapse-item.js +14 -4
  305. package/dist/components/hb-collapse-item.js.map +1 -1
  306. package/dist/components/hb-collapse.js +20 -15
  307. package/dist/components/hb-collapse.js.map +1 -1
  308. package/dist/components/hb-color-picker-panel.js +2 -2
  309. package/dist/components/hb-color-picker.js +110 -29
  310. package/dist/components/hb-color-picker.js.map +1 -1
  311. package/dist/components/hb-config-provider.js +1 -1
  312. package/dist/components/hb-container.js +2 -2
  313. package/dist/components/hb-date-picker-pane.js +2 -2
  314. package/dist/components/hb-date-picker.js +92 -10
  315. package/dist/components/hb-date-picker.js.map +1 -1
  316. package/dist/components/hb-date-range-picker.js +3 -3
  317. package/dist/components/hb-date-time-picker.js +3 -3
  318. package/dist/components/hb-descriptions.js +2 -2
  319. package/dist/components/hb-descriptions.js.map +1 -1
  320. package/dist/components/hb-dialog.js +53 -13
  321. package/dist/components/hb-dialog.js.map +1 -1
  322. package/dist/components/hb-divider.js +2 -2
  323. package/dist/components/hb-drawer.js +36 -5
  324. package/dist/components/hb-drawer.js.map +1 -1
  325. package/dist/components/hb-dropdown.js +94 -12
  326. package/dist/components/hb-dropdown.js.map +1 -1
  327. package/dist/components/hb-empty.js +1 -1
  328. package/dist/components/hb-float-button.js +2 -2
  329. package/dist/components/hb-footer.js +1 -1
  330. package/dist/components/hb-form-item.js +61 -9
  331. package/dist/components/hb-form-item.js.map +1 -1
  332. package/dist/components/hb-form.js +13 -8
  333. package/dist/components/hb-form.js.map +1 -1
  334. package/dist/components/hb-header.js +1 -1
  335. package/dist/components/hb-icon.js +1 -89
  336. package/dist/components/hb-icon.js.map +1 -1
  337. package/dist/components/hb-image-preview.js +13 -9
  338. package/dist/components/hb-image-preview.js.map +1 -1
  339. package/dist/components/hb-image.js +23 -3
  340. package/dist/components/hb-image.js.map +1 -1
  341. package/dist/components/hb-input-number.js +7 -7
  342. package/dist/components/hb-input-number.js.map +1 -1
  343. package/dist/components/hb-input-tag.js +2 -2
  344. package/dist/components/hb-input.js +40 -3
  345. package/dist/components/hb-input.js.map +1 -1
  346. package/dist/components/hb-layout.js +36 -14
  347. package/dist/components/hb-layout.js.map +1 -1
  348. package/dist/components/hb-link.js +2 -2
  349. package/dist/components/hb-loading.js +2 -2
  350. package/dist/components/hb-main.js +1 -1
  351. package/dist/components/hb-menu-item.js +15 -5
  352. package/dist/components/hb-menu-item.js.map +1 -1
  353. package/dist/components/hb-menu.js +3 -3
  354. package/dist/components/hb-menu.js.map +1 -1
  355. package/dist/components/hb-message.js +13 -4
  356. package/dist/components/hb-message.js.map +1 -1
  357. package/dist/components/hb-notification.js +2 -2
  358. package/dist/components/hb-page-header.js +1 -1
  359. package/dist/components/hb-pagination.js +28 -10
  360. package/dist/components/hb-pagination.js.map +1 -1
  361. package/dist/components/hb-popconfirm.js +58 -8
  362. package/dist/components/hb-popconfirm.js.map +1 -1
  363. package/dist/components/hb-popover.js +38 -5
  364. package/dist/components/hb-popover.js.map +1 -1
  365. package/dist/components/hb-progress.js +1 -1
  366. package/dist/components/hb-radio.js +8 -3
  367. package/dist/components/hb-radio.js.map +1 -1
  368. package/dist/components/hb-rate.js +46 -4
  369. package/dist/components/hb-rate.js.map +1 -1
  370. package/dist/components/hb-result.js +1 -1
  371. package/dist/components/hb-row.js +2 -2
  372. package/dist/components/hb-scrollbar.js +5 -5
  373. package/dist/components/hb-scrollbar.js.map +1 -1
  374. package/dist/components/hb-segmented.js +54 -6
  375. package/dist/components/hb-segmented.js.map +1 -1
  376. package/dist/components/hb-select.js +64 -16
  377. package/dist/components/hb-select.js.map +1 -1
  378. package/dist/components/hb-slider.js +191 -24
  379. package/dist/components/hb-slider.js.map +1 -1
  380. package/dist/components/hb-space.js +2 -2
  381. package/dist/components/hb-statistic.js +1 -1
  382. package/dist/components/hb-step.js +1 -1
  383. package/dist/components/hb-steps.js +35 -8
  384. package/dist/components/hb-steps.js.map +1 -1
  385. package/dist/components/hb-sub-menu.js +5 -5
  386. package/dist/components/hb-switch.js +9 -4
  387. package/dist/components/hb-switch.js.map +1 -1
  388. package/dist/components/hb-tab-pane.js +1 -1
  389. package/dist/components/hb-table.js +26 -17
  390. package/dist/components/hb-table.js.map +1 -1
  391. package/dist/components/hb-tabs.js +31 -10
  392. package/dist/components/hb-tabs.js.map +1 -1
  393. package/dist/components/hb-tag.js +3 -2
  394. package/dist/components/hb-tag.js.map +1 -1
  395. package/dist/components/hb-text.js +2 -2
  396. package/dist/components/hb-time-picker.js +14 -9
  397. package/dist/components/hb-time-picker.js.map +1 -1
  398. package/dist/components/hb-time-select.js +13 -4
  399. package/dist/components/hb-time-select.js.map +1 -1
  400. package/dist/components/hb-timeline.js +1 -1
  401. package/dist/components/hb-tooltip.js +44 -6
  402. package/dist/components/hb-tooltip.js.map +1 -1
  403. package/dist/components/hb-transfer.js +2 -2
  404. package/dist/components/hb-tree-select.js +219 -24
  405. package/dist/components/hb-tree-select.js.map +1 -1
  406. package/dist/components/hb-tree.js +147 -13
  407. package/dist/components/hb-tree.js.map +1 -1
  408. package/dist/components/hb-upload.js +3 -3
  409. package/dist/components/hb-watermark.js +19 -11
  410. package/dist/components/hb-watermark.js.map +1 -1
  411. package/dist/components/{p-cc0aeb50.js → p-00aa34c8.js} +17 -3
  412. package/dist/components/p-00aa34c8.js.map +1 -0
  413. package/dist/components/p-86d92faf.js +93 -0
  414. package/dist/components/p-86d92faf.js.map +1 -0
  415. package/dist/{esm/date-helpers-e4d85a67.js → components/p-e0876aca.js} +10 -17
  416. package/dist/components/p-e0876aca.js.map +1 -0
  417. package/dist/components/p-fad66d69.js +32 -0
  418. package/dist/components/p-fad66d69.js.map +1 -0
  419. package/dist/esm/{a11y-f9ab2964.js → a11y-e4cde5b0.js} +17 -3
  420. package/dist/esm/a11y-e4cde5b0.js.map +1 -0
  421. package/dist/{components/p-cf94cbf6.js → esm/date-helpers-259ed2f1.js} +10 -17
  422. package/dist/esm/date-helpers-259ed2f1.js.map +1 -0
  423. package/dist/esm/hb-affix.entry.js +1 -1
  424. package/dist/esm/hb-alert.entry.js +2 -1
  425. package/dist/esm/hb-alert.entry.js.map +1 -1
  426. package/dist/esm/hb-aside.entry.js +1 -1
  427. package/dist/esm/hb-avatar.entry.js +1 -1
  428. package/dist/esm/hb-backtop.entry.js +2 -2
  429. package/dist/esm/hb-badge.entry.js +1 -1
  430. package/dist/esm/hb-breadcrumb-item.entry.js +1 -1
  431. package/dist/esm/hb-breadcrumb.entry.js +1 -1
  432. package/dist/esm/hb-button.entry.js +2 -2
  433. package/dist/esm/hb-calendar.entry.js +78 -10
  434. package/dist/esm/hb-calendar.entry.js.map +1 -1
  435. package/dist/esm/hb-card.entry.js +1 -1
  436. package/dist/esm/hb-cascader.entry.js +306 -146
  437. package/dist/esm/hb-cascader.entry.js.map +1 -1
  438. package/dist/esm/hb-checkbox-group.entry.js +12 -8
  439. package/dist/esm/hb-checkbox-group.entry.js.map +1 -1
  440. package/dist/esm/hb-checkbox.entry.js +9 -4
  441. package/dist/esm/hb-checkbox.entry.js.map +1 -1
  442. package/dist/esm/hb-collapse-item.entry.js +13 -4
  443. package/dist/esm/hb-collapse-item.entry.js.map +1 -1
  444. package/dist/esm/hb-collapse.entry.js +20 -15
  445. package/dist/esm/hb-collapse.entry.js.map +1 -1
  446. package/dist/esm/hb-color-picker-panel.entry.js +2 -2
  447. package/dist/esm/hb-color-picker.entry.js +108 -28
  448. package/dist/esm/hb-color-picker.entry.js.map +1 -1
  449. package/dist/esm/hb-config-provider.entry.js +1 -1
  450. package/dist/esm/hb-container.entry.js +2 -2
  451. package/dist/esm/hb-date-picker-pane.entry.js +2 -2
  452. package/dist/esm/hb-date-picker.entry.js +90 -9
  453. package/dist/esm/hb-date-picker.entry.js.map +1 -1
  454. package/dist/esm/hb-date-range-picker.entry.js +3 -3
  455. package/dist/esm/hb-date-time-picker.entry.js +3 -3
  456. package/dist/esm/hb-descriptions.entry.js +2 -2
  457. package/dist/esm/hb-descriptions.entry.js.map +1 -1
  458. package/dist/esm/hb-dialog.entry.js +51 -12
  459. package/dist/esm/hb-dialog.entry.js.map +1 -1
  460. package/dist/esm/hb-divider.entry.js +2 -2
  461. package/dist/esm/hb-drawer.entry.js +34 -4
  462. package/dist/esm/hb-drawer.entry.js.map +1 -1
  463. package/dist/esm/hb-dropdown.entry.js +91 -11
  464. package/dist/esm/hb-dropdown.entry.js.map +1 -1
  465. package/dist/esm/hb-empty.entry.js +1 -1
  466. package/dist/esm/hb-float-button.entry.js +2 -2
  467. package/dist/esm/hb-footer.entry.js +1 -1
  468. package/dist/esm/hb-form-item.entry.js +61 -9
  469. package/dist/esm/hb-form-item.entry.js.map +1 -1
  470. package/dist/esm/hb-form.entry.js +13 -8
  471. package/dist/esm/hb-form.entry.js.map +1 -1
  472. package/dist/esm/hb-header.entry.js +1 -1
  473. package/dist/esm/hb-image-preview.entry.js +13 -9
  474. package/dist/esm/hb-image-preview.entry.js.map +1 -1
  475. package/dist/esm/hb-image.entry.js +21 -3
  476. package/dist/esm/hb-image.entry.js.map +1 -1
  477. package/dist/esm/hb-input-number.entry.js +7 -7
  478. package/dist/esm/hb-input-number.entry.js.map +1 -1
  479. package/dist/esm/hb-input-tag.entry.js +2 -2
  480. package/dist/esm/hb-input.entry.js +40 -3
  481. package/dist/esm/hb-input.entry.js.map +1 -1
  482. package/dist/esm/hb-layout.entry.js +36 -14
  483. package/dist/esm/hb-layout.entry.js.map +1 -1
  484. package/dist/esm/hb-link.entry.js +2 -2
  485. package/dist/esm/hb-loading.entry.js +2 -2
  486. package/dist/esm/hb-main.entry.js +1 -1
  487. package/dist/esm/hb-menu-item.entry.js +14 -5
  488. package/dist/esm/hb-menu-item.entry.js.map +1 -1
  489. package/dist/esm/hb-menu.entry.js +3 -3
  490. package/dist/esm/hb-menu.entry.js.map +1 -1
  491. package/dist/esm/hb-message.entry.js +13 -4
  492. package/dist/esm/hb-message.entry.js.map +1 -1
  493. package/dist/esm/hb-notification.entry.js +2 -2
  494. package/dist/esm/hb-page-header.entry.js +1 -1
  495. package/dist/esm/hb-pagination.entry.js +24 -8
  496. package/dist/esm/hb-pagination.entry.js.map +1 -1
  497. package/dist/esm/hb-popconfirm.entry.js +57 -8
  498. package/dist/esm/hb-popconfirm.entry.js.map +1 -1
  499. package/dist/esm/hb-popover.entry.js +37 -5
  500. package/dist/esm/hb-popover.entry.js.map +1 -1
  501. package/dist/esm/hb-progress.entry.js +1 -1
  502. package/dist/esm/hb-radio.entry.js +8 -3
  503. package/dist/esm/hb-radio.entry.js.map +1 -1
  504. package/dist/esm/hb-rate.entry.js +46 -4
  505. package/dist/esm/hb-rate.entry.js.map +1 -1
  506. package/dist/esm/hb-result.entry.js +1 -1
  507. package/dist/esm/hb-row.entry.js +2 -2
  508. package/dist/esm/hb-scrollbar.entry.js +5 -5
  509. package/dist/esm/hb-scrollbar.entry.js.map +1 -1
  510. package/dist/esm/hb-segmented.entry.js +51 -6
  511. package/dist/esm/hb-segmented.entry.js.map +1 -1
  512. package/dist/esm/hb-select.entry.js +64 -16
  513. package/dist/esm/hb-select.entry.js.map +1 -1
  514. package/dist/esm/hb-slider.entry.js +186 -23
  515. package/dist/esm/hb-slider.entry.js.map +1 -1
  516. package/dist/esm/hb-space.entry.js +2 -2
  517. package/dist/esm/hb-statistic.entry.js +1 -1
  518. package/dist/esm/hb-step.entry.js +1 -1
  519. package/dist/esm/hb-steps.entry.js +28 -7
  520. package/dist/esm/hb-steps.entry.js.map +1 -1
  521. package/dist/esm/hb-sub-menu.entry.js +5 -5
  522. package/dist/esm/hb-switch.entry.js +9 -4
  523. package/dist/esm/hb-switch.entry.js.map +1 -1
  524. package/dist/esm/hb-tab-pane.entry.js +1 -1
  525. package/dist/esm/hb-table.entry.js +26 -17
  526. package/dist/esm/hb-table.entry.js.map +1 -1
  527. package/dist/esm/hb-tabs.entry.js +31 -10
  528. package/dist/esm/hb-tabs.entry.js.map +1 -1
  529. package/dist/esm/hb-tag.entry.js +3 -2
  530. package/dist/esm/hb-tag.entry.js.map +1 -1
  531. package/dist/esm/hb-text.entry.js +2 -2
  532. package/dist/esm/hb-time-picker.entry.js +14 -9
  533. package/dist/esm/hb-time-picker.entry.js.map +1 -1
  534. package/dist/esm/hb-time-select.entry.js +13 -4
  535. package/dist/esm/hb-time-select.entry.js.map +1 -1
  536. package/dist/esm/hb-timeline.entry.js +1 -1
  537. package/dist/esm/hb-tooltip.entry.js +43 -6
  538. package/dist/esm/hb-tooltip.entry.js.map +1 -1
  539. package/dist/esm/hb-transfer.entry.js +2 -2
  540. package/dist/esm/hb-tree-select.entry.js +215 -23
  541. package/dist/esm/hb-tree-select.entry.js.map +1 -1
  542. package/dist/esm/hb-tree.entry.js +145 -12
  543. package/dist/esm/hb-tree.entry.js.map +1 -1
  544. package/dist/esm/hb-upload.entry.js +3 -3
  545. package/dist/esm/hb-watermark.entry.js +19 -11
  546. package/dist/esm/hb-watermark.entry.js.map +1 -1
  547. package/dist/esm/huibo-ui.js +1 -1
  548. package/dist/esm/loader.js +1 -1
  549. package/dist/esm/transition-4295d789.js +32 -0
  550. package/dist/esm/transition-4295d789.js.map +1 -0
  551. package/dist/huibo-ui/huibo-ui.css +1 -1
  552. package/dist/huibo-ui/huibo-ui.esm.js +1 -1
  553. package/dist/huibo-ui/huibo-ui.esm.js.map +1 -1
  554. package/dist/huibo-ui/p-00aa34c8.js +2 -0
  555. package/dist/huibo-ui/p-00aa34c8.js.map +1 -0
  556. package/dist/huibo-ui/p-02f15843.entry.js +2 -0
  557. package/dist/huibo-ui/p-0cc1e3f3.entry.js +2 -0
  558. package/dist/huibo-ui/p-0cc1e3f3.entry.js.map +1 -0
  559. package/dist/huibo-ui/{p-f1c084c5.entry.js → p-0ddae4e9.entry.js} +2 -2
  560. package/dist/huibo-ui/{p-672076c3.entry.js → p-10f6c184.entry.js} +2 -2
  561. package/dist/huibo-ui/p-10f6c184.entry.js.map +1 -0
  562. package/dist/huibo-ui/{p-6ac242fe.entry.js → p-14c3b47b.entry.js} +2 -2
  563. package/dist/huibo-ui/{p-8c80a765.entry.js → p-15db24e9.entry.js} +2 -2
  564. package/dist/huibo-ui/{p-8b027491.entry.js → p-193efdc0.entry.js} +2 -2
  565. package/dist/huibo-ui/{p-8d925e3d.entry.js → p-1b0fbe69.entry.js} +2 -2
  566. package/dist/huibo-ui/{p-85f68526.entry.js → p-1b98152b.entry.js} +2 -2
  567. package/dist/huibo-ui/p-1b98152b.entry.js.map +1 -0
  568. package/dist/huibo-ui/p-1f6d0adb.entry.js +2 -0
  569. package/dist/huibo-ui/p-1f6d0adb.entry.js.map +1 -0
  570. package/dist/huibo-ui/{p-f374d5a3.entry.js → p-20632186.entry.js} +2 -2
  571. package/dist/huibo-ui/{p-e6f2d71d.entry.js → p-20fc554b.entry.js} +2 -2
  572. package/dist/huibo-ui/{p-64ca0980.entry.js → p-29092b85.entry.js} +2 -2
  573. package/dist/huibo-ui/p-29092b85.entry.js.map +1 -0
  574. package/dist/huibo-ui/p-2bc30b1b.entry.js +2 -0
  575. package/dist/huibo-ui/p-2bc30b1b.entry.js.map +1 -0
  576. package/dist/huibo-ui/{p-fd19813c.entry.js → p-2bcda1bb.entry.js} +2 -2
  577. package/dist/huibo-ui/{p-231a7335.entry.js → p-2ca9796a.entry.js} +2 -2
  578. package/dist/huibo-ui/p-2ca9796a.entry.js.map +1 -0
  579. package/dist/huibo-ui/{p-e0768565.entry.js → p-3042f986.entry.js} +2 -2
  580. package/dist/huibo-ui/{p-be48d2aa.entry.js → p-3dacb26b.entry.js} +2 -2
  581. package/dist/huibo-ui/{p-6a1ec3ff.entry.js → p-3deff48c.entry.js} +2 -2
  582. package/dist/huibo-ui/{p-c321c4aa.entry.js → p-412ff618.entry.js} +2 -2
  583. package/dist/huibo-ui/p-415295f3.entry.js +2 -0
  584. package/dist/huibo-ui/p-415295f3.entry.js.map +1 -0
  585. package/dist/huibo-ui/p-494e6c25.entry.js +2 -0
  586. package/dist/huibo-ui/p-494e6c25.entry.js.map +1 -0
  587. package/dist/huibo-ui/p-4d87d7f4.entry.js +2 -0
  588. package/dist/huibo-ui/p-4d87d7f4.entry.js.map +1 -0
  589. package/dist/huibo-ui/p-54a28052.entry.js +2 -0
  590. package/dist/huibo-ui/p-54a28052.entry.js.map +1 -0
  591. package/dist/huibo-ui/{p-88127de1.entry.js → p-55cd13eb.entry.js} +2 -2
  592. package/dist/huibo-ui/{p-58ebb9b3.entry.js → p-5c839288.entry.js} +2 -2
  593. package/dist/huibo-ui/p-5e253c15.entry.js +2 -0
  594. package/dist/huibo-ui/p-5e253c15.entry.js.map +1 -0
  595. package/dist/huibo-ui/p-63d68c61.entry.js +2 -0
  596. package/dist/huibo-ui/p-63d68c61.entry.js.map +1 -0
  597. package/dist/huibo-ui/{p-a042e3d0.entry.js → p-6518c435.entry.js} +2 -2
  598. package/dist/huibo-ui/p-687d8dff.entry.js +2 -0
  599. package/dist/huibo-ui/p-687d8dff.entry.js.map +1 -0
  600. package/dist/huibo-ui/p-688460ce.entry.js +2 -0
  601. package/dist/huibo-ui/p-688460ce.entry.js.map +1 -0
  602. package/dist/huibo-ui/p-69bb1dd9.entry.js +2 -0
  603. package/dist/huibo-ui/p-69bb1dd9.entry.js.map +1 -0
  604. package/dist/huibo-ui/{p-a0015341.entry.js → p-6bfeab80.entry.js} +2 -2
  605. package/dist/huibo-ui/{p-4001c08d.entry.js → p-6c23fbd1.entry.js} +2 -2
  606. package/dist/huibo-ui/p-6c23fbd1.entry.js.map +1 -0
  607. package/dist/huibo-ui/p-6c8cf248.entry.js +2 -0
  608. package/dist/huibo-ui/p-6c8cf248.entry.js.map +1 -0
  609. package/dist/huibo-ui/p-6efed295.entry.js +2 -0
  610. package/dist/huibo-ui/p-6efed295.entry.js.map +1 -0
  611. package/dist/huibo-ui/{p-8b1ae77e.entry.js → p-746a11a3.entry.js} +2 -2
  612. package/dist/huibo-ui/{p-c3e8893d.entry.js → p-79b24b83.entry.js} +2 -2
  613. package/dist/huibo-ui/p-79b24b83.entry.js.map +1 -0
  614. package/dist/huibo-ui/p-7a38b3e2.entry.js +2 -0
  615. package/dist/huibo-ui/p-7a38b3e2.entry.js.map +1 -0
  616. package/dist/huibo-ui/{p-c922d672.entry.js → p-7a682c56.entry.js} +2 -2
  617. package/dist/huibo-ui/{p-8c987d57.entry.js → p-7f65dc36.entry.js} +2 -2
  618. package/dist/huibo-ui/{p-463de26d.entry.js → p-815fc943.entry.js} +2 -2
  619. package/dist/huibo-ui/{p-d87fc21a.entry.js → p-88a6c905.entry.js} +2 -2
  620. package/dist/huibo-ui/{p-77017274.entry.js → p-89be7973.entry.js} +2 -2
  621. package/dist/huibo-ui/p-8a202bc5.entry.js +2 -0
  622. package/dist/huibo-ui/p-8a202bc5.entry.js.map +1 -0
  623. package/dist/huibo-ui/{p-315feadf.entry.js → p-8c4415ed.entry.js} +2 -2
  624. package/dist/huibo-ui/p-8c4415ed.entry.js.map +1 -0
  625. package/dist/huibo-ui/{p-9319c650.entry.js → p-950e7465.entry.js} +2 -2
  626. package/dist/huibo-ui/{p-6b381d0e.entry.js → p-96cecd21.entry.js} +2 -2
  627. package/dist/huibo-ui/p-96cecd21.entry.js.map +1 -0
  628. package/dist/huibo-ui/{p-710f38de.entry.js → p-98b513cd.entry.js} +2 -2
  629. package/dist/huibo-ui/p-98b513cd.entry.js.map +1 -0
  630. package/dist/huibo-ui/{p-5df47135.entry.js → p-a190ca89.entry.js} +2 -2
  631. package/dist/huibo-ui/{p-0e65e1bd.entry.js → p-ac18c68b.entry.js} +2 -2
  632. package/dist/huibo-ui/p-ac18c68b.entry.js.map +1 -0
  633. package/dist/huibo-ui/{p-d64b91ef.entry.js → p-ac45291c.entry.js} +2 -2
  634. package/dist/huibo-ui/p-ac45291c.entry.js.map +1 -0
  635. package/dist/huibo-ui/{p-477d8568.entry.js → p-aeae83af.entry.js} +2 -2
  636. package/dist/huibo-ui/{p-b489a526.entry.js → p-b06c8020.entry.js} +2 -2
  637. package/dist/huibo-ui/{p-dfaf7e37.entry.js → p-b105cf76.entry.js} +2 -2
  638. package/dist/huibo-ui/p-b105cf76.entry.js.map +1 -0
  639. package/dist/huibo-ui/{p-c3e665f6.entry.js → p-b38802b0.entry.js} +2 -2
  640. package/dist/huibo-ui/p-b38802b0.entry.js.map +1 -0
  641. package/dist/huibo-ui/{p-ea74fcae.entry.js → p-b3fd12c7.entry.js} +2 -2
  642. package/dist/huibo-ui/p-b3fd12c7.entry.js.map +1 -0
  643. package/dist/huibo-ui/p-b5ea18ba.entry.js +2 -0
  644. package/dist/huibo-ui/p-b5ea18ba.entry.js.map +1 -0
  645. package/dist/huibo-ui/{p-e2a8a396.entry.js → p-b6afe81e.entry.js} +2 -2
  646. package/dist/huibo-ui/{p-2b286698.entry.js → p-b7885d4a.entry.js} +2 -2
  647. package/dist/huibo-ui/p-b7900dee.entry.js +2 -0
  648. package/dist/huibo-ui/p-b7900dee.entry.js.map +1 -0
  649. package/dist/huibo-ui/p-b8c83751.entry.js +2 -0
  650. package/dist/huibo-ui/p-b8c83751.entry.js.map +1 -0
  651. package/dist/huibo-ui/p-c7713947.entry.js +2 -0
  652. package/dist/huibo-ui/p-c7713947.entry.js.map +1 -0
  653. package/dist/huibo-ui/{p-e0ab9010.entry.js → p-c869842c.entry.js} +2 -2
  654. package/dist/huibo-ui/p-c869842c.entry.js.map +1 -0
  655. package/dist/huibo-ui/{p-476527c1.entry.js → p-c8e917db.entry.js} +2 -2
  656. package/dist/huibo-ui/p-c8e917db.entry.js.map +1 -0
  657. package/dist/huibo-ui/p-cb66dbef.entry.js +2 -0
  658. package/dist/huibo-ui/p-cb66dbef.entry.js.map +1 -0
  659. package/dist/huibo-ui/p-cde83f76.entry.js +2 -0
  660. package/dist/huibo-ui/p-cde83f76.entry.js.map +1 -0
  661. package/dist/huibo-ui/{p-10c088f3.entry.js → p-d9c7c378.entry.js} +2 -2
  662. package/dist/huibo-ui/{p-332c8877.entry.js → p-dd9c6459.entry.js} +2 -2
  663. package/dist/huibo-ui/{p-80aca641.entry.js → p-dfccc7aa.entry.js} +2 -2
  664. package/dist/huibo-ui/{p-21682e92.entry.js → p-dfd144d8.entry.js} +2 -2
  665. package/dist/huibo-ui/p-e0876aca.js +2 -0
  666. package/dist/huibo-ui/p-e0876aca.js.map +1 -0
  667. package/dist/huibo-ui/p-e1773c93.entry.js +2 -0
  668. package/dist/huibo-ui/p-e1773c93.entry.js.map +1 -0
  669. package/dist/huibo-ui/{p-079a4130.entry.js → p-e3155cd7.entry.js} +2 -2
  670. package/dist/huibo-ui/{p-59b2e61c.entry.js → p-e73c357f.entry.js} +2 -2
  671. package/dist/huibo-ui/p-e73c357f.entry.js.map +1 -0
  672. package/dist/huibo-ui/{p-c1b4eacb.entry.js → p-e7c73624.entry.js} +2 -2
  673. package/dist/huibo-ui/p-e7c73624.entry.js.map +1 -0
  674. package/dist/huibo-ui/{p-d7815b4f.entry.js → p-e9e7abca.entry.js} +2 -2
  675. package/dist/huibo-ui/{p-f81ec512.entry.js → p-ea0823f3.entry.js} +2 -2
  676. package/dist/huibo-ui/p-ea0823f3.entry.js.map +1 -0
  677. package/dist/huibo-ui/{p-2e6584ea.entry.js → p-f1f2483f.entry.js} +2 -2
  678. package/dist/huibo-ui/{p-465dcb4c.entry.js → p-f2c78699.entry.js} +2 -2
  679. package/dist/huibo-ui/p-fad66d69.js +2 -0
  680. package/dist/huibo-ui/p-fad66d69.js.map +1 -0
  681. package/dist/huibo-ui/{p-4d8b1404.entry.js → p-fd6831f9.entry.js} +2 -2
  682. package/dist/huibo-ui/p-ff6bc5cc.entry.js +2 -0
  683. package/dist/huibo-ui/p-ff6bc5cc.entry.js.map +1 -0
  684. package/dist/types/components/Calendar/Calendar.d.ts +13 -1
  685. package/dist/types/components/Cascader/Cascader.d.ts +80 -90
  686. package/dist/types/components/Checkbox/Checkbox.d.ts +5 -0
  687. package/dist/types/components/Checkbox/CheckboxGroup.d.ts +1 -0
  688. package/dist/types/components/Collapse/Collapse.d.ts +2 -0
  689. package/dist/types/components/Collapse/CollapseItem.d.ts +8 -1
  690. package/dist/types/components/ColorPicker/ColorPicker.d.ts +11 -0
  691. package/dist/types/components/DatePicker/DatePicker.d.ts +14 -3
  692. package/dist/types/components/Dialog/Dialog.d.ts +13 -1
  693. package/dist/types/components/Drawer/Drawer.d.ts +4 -0
  694. package/dist/types/components/Dropdown/Dropdown.d.ts +18 -1
  695. package/dist/types/components/Form/Form.d.ts +2 -0
  696. package/dist/types/components/Form/FormItem.d.ts +10 -0
  697. package/dist/types/components/Image/Image.d.ts +6 -0
  698. package/dist/types/components/ImagePreview/ImagePreview.d.ts +5 -1
  699. package/dist/types/components/Input/Input.d.ts +9 -0
  700. package/dist/types/components/Layout/Layout.d.ts +20 -10
  701. package/dist/types/components/Menu/MenuItem.d.ts +8 -1
  702. package/dist/types/components/Message/Message.d.ts +3 -0
  703. package/dist/types/components/Pagination/Pagination.d.ts +3 -0
  704. package/dist/types/components/Popconfirm/Popconfirm.d.ts +16 -0
  705. package/dist/types/components/Popover/Popover.d.ts +14 -0
  706. package/dist/types/components/Radio/Radio.d.ts +5 -0
  707. package/dist/types/components/Rate/Rate.d.ts +7 -0
  708. package/dist/types/components/Segmented/Segmented.d.ts +18 -1
  709. package/dist/types/components/Select/Select.d.ts +11 -0
  710. package/dist/types/components/Slider/Slider.d.ts +27 -1
  711. package/dist/types/components/Steps/Steps.d.ts +14 -6
  712. package/dist/types/components/Table/Table.d.ts +8 -2
  713. package/dist/types/components/Tabs/Tabs.d.ts +6 -0
  714. package/dist/types/components/Tooltip/Tooltip.d.ts +15 -1
  715. package/dist/types/components/Tree/Tree.d.ts +24 -0
  716. package/dist/types/components/TreeSelect/TreeSelect.d.ts +26 -0
  717. package/dist/types/components/Watermark/Watermark.d.ts +7 -1
  718. package/dist/types/components.d.ts +290 -98
  719. package/dist/types/utils/a11y.d.ts +9 -0
  720. package/dist/types/utils/date-helpers.d.ts +1 -1
  721. package/dist/types/utils/transition.d.ts +27 -0
  722. package/package.json +8 -2
  723. package/readme.md +88 -73
  724. package/dist/cjs/a11y-802de67a.js.map +0 -1
  725. package/dist/cjs/date-helpers-904747ff.js.map +0 -1
  726. package/dist/components/p-cc0aeb50.js.map +0 -1
  727. package/dist/components/p-cf94cbf6.js.map +0 -1
  728. package/dist/esm/a11y-f9ab2964.js.map +0 -1
  729. package/dist/esm/date-helpers-e4d85a67.js.map +0 -1
  730. package/dist/huibo-ui/p-003cee87.entry.js +0 -2
  731. package/dist/huibo-ui/p-003cee87.entry.js.map +0 -1
  732. package/dist/huibo-ui/p-0a033738.entry.js +0 -2
  733. package/dist/huibo-ui/p-0a033738.entry.js.map +0 -1
  734. package/dist/huibo-ui/p-0bef78ac.entry.js +0 -2
  735. package/dist/huibo-ui/p-0bef78ac.entry.js.map +0 -1
  736. package/dist/huibo-ui/p-0e65e1bd.entry.js.map +0 -1
  737. package/dist/huibo-ui/p-0f189251.entry.js +0 -2
  738. package/dist/huibo-ui/p-0f189251.entry.js.map +0 -1
  739. package/dist/huibo-ui/p-1b5acd6d.entry.js +0 -2
  740. package/dist/huibo-ui/p-1b5acd6d.entry.js.map +0 -1
  741. package/dist/huibo-ui/p-231a7335.entry.js.map +0 -1
  742. package/dist/huibo-ui/p-24ad7eec.entry.js +0 -2
  743. package/dist/huibo-ui/p-24ad7eec.entry.js.map +0 -1
  744. package/dist/huibo-ui/p-315feadf.entry.js.map +0 -1
  745. package/dist/huibo-ui/p-3c7f73c8.entry.js +0 -2
  746. package/dist/huibo-ui/p-3c7f73c8.entry.js.map +0 -1
  747. package/dist/huibo-ui/p-4001c08d.entry.js.map +0 -1
  748. package/dist/huibo-ui/p-44c48246.entry.js +0 -2
  749. package/dist/huibo-ui/p-44c48246.entry.js.map +0 -1
  750. package/dist/huibo-ui/p-476527c1.entry.js.map +0 -1
  751. package/dist/huibo-ui/p-4d0dff15.entry.js +0 -2
  752. package/dist/huibo-ui/p-58d20809.entry.js +0 -2
  753. package/dist/huibo-ui/p-58d20809.entry.js.map +0 -1
  754. package/dist/huibo-ui/p-59b2e61c.entry.js.map +0 -1
  755. package/dist/huibo-ui/p-64ca0980.entry.js.map +0 -1
  756. package/dist/huibo-ui/p-672076c3.entry.js.map +0 -1
  757. package/dist/huibo-ui/p-6b381d0e.entry.js.map +0 -1
  758. package/dist/huibo-ui/p-710f38de.entry.js.map +0 -1
  759. package/dist/huibo-ui/p-756acbdb.entry.js +0 -2
  760. package/dist/huibo-ui/p-756acbdb.entry.js.map +0 -1
  761. package/dist/huibo-ui/p-75a93de3.entry.js +0 -2
  762. package/dist/huibo-ui/p-75a93de3.entry.js.map +0 -1
  763. package/dist/huibo-ui/p-769960f4.entry.js +0 -2
  764. package/dist/huibo-ui/p-769960f4.entry.js.map +0 -1
  765. package/dist/huibo-ui/p-7f6975ad.entry.js +0 -2
  766. package/dist/huibo-ui/p-7f6975ad.entry.js.map +0 -1
  767. package/dist/huibo-ui/p-85f68526.entry.js.map +0 -1
  768. package/dist/huibo-ui/p-8d615521.entry.js +0 -2
  769. package/dist/huibo-ui/p-8d615521.entry.js.map +0 -1
  770. package/dist/huibo-ui/p-953b9514.entry.js +0 -2
  771. package/dist/huibo-ui/p-953b9514.entry.js.map +0 -1
  772. package/dist/huibo-ui/p-965d4d02.entry.js +0 -2
  773. package/dist/huibo-ui/p-965d4d02.entry.js.map +0 -1
  774. package/dist/huibo-ui/p-ad6b0c6e.entry.js +0 -2
  775. package/dist/huibo-ui/p-ad6b0c6e.entry.js.map +0 -1
  776. package/dist/huibo-ui/p-c1a059d9.entry.js +0 -2
  777. package/dist/huibo-ui/p-c1a059d9.entry.js.map +0 -1
  778. package/dist/huibo-ui/p-c1b4eacb.entry.js.map +0 -1
  779. package/dist/huibo-ui/p-c3e665f6.entry.js.map +0 -1
  780. package/dist/huibo-ui/p-c3e8893d.entry.js.map +0 -1
  781. package/dist/huibo-ui/p-cc0aeb50.js +0 -2
  782. package/dist/huibo-ui/p-cc0aeb50.js.map +0 -1
  783. package/dist/huibo-ui/p-cf94cbf6.js +0 -2
  784. package/dist/huibo-ui/p-cf94cbf6.js.map +0 -1
  785. package/dist/huibo-ui/p-d3939d44.entry.js +0 -2
  786. package/dist/huibo-ui/p-d3939d44.entry.js.map +0 -1
  787. package/dist/huibo-ui/p-d64b91ef.entry.js.map +0 -1
  788. package/dist/huibo-ui/p-dd05cb2c.entry.js +0 -2
  789. package/dist/huibo-ui/p-dd05cb2c.entry.js.map +0 -1
  790. package/dist/huibo-ui/p-dfaf7e37.entry.js.map +0 -1
  791. package/dist/huibo-ui/p-e0ab9010.entry.js.map +0 -1
  792. package/dist/huibo-ui/p-e9490259.entry.js +0 -2
  793. package/dist/huibo-ui/p-e9490259.entry.js.map +0 -1
  794. package/dist/huibo-ui/p-ea74fcae.entry.js.map +0 -1
  795. package/dist/huibo-ui/p-ebd04656.entry.js +0 -2
  796. package/dist/huibo-ui/p-ebd04656.entry.js.map +0 -1
  797. package/dist/huibo-ui/p-ed0ff857.entry.js +0 -2
  798. package/dist/huibo-ui/p-ed0ff857.entry.js.map +0 -1
  799. package/dist/huibo-ui/p-f0ac7db5.entry.js +0 -2
  800. package/dist/huibo-ui/p-f0ac7db5.entry.js.map +0 -1
  801. package/dist/huibo-ui/p-f81ec512.entry.js.map +0 -1
  802. /package/dist/huibo-ui/{p-4d0dff15.entry.js.map → p-02f15843.entry.js.map} +0 -0
  803. /package/dist/huibo-ui/{p-f1c084c5.entry.js.map → p-0ddae4e9.entry.js.map} +0 -0
  804. /package/dist/huibo-ui/{p-6ac242fe.entry.js.map → p-14c3b47b.entry.js.map} +0 -0
  805. /package/dist/huibo-ui/{p-8c80a765.entry.js.map → p-15db24e9.entry.js.map} +0 -0
  806. /package/dist/huibo-ui/{p-8b027491.entry.js.map → p-193efdc0.entry.js.map} +0 -0
  807. /package/dist/huibo-ui/{p-8d925e3d.entry.js.map → p-1b0fbe69.entry.js.map} +0 -0
  808. /package/dist/huibo-ui/{p-f374d5a3.entry.js.map → p-20632186.entry.js.map} +0 -0
  809. /package/dist/huibo-ui/{p-e6f2d71d.entry.js.map → p-20fc554b.entry.js.map} +0 -0
  810. /package/dist/huibo-ui/{p-fd19813c.entry.js.map → p-2bcda1bb.entry.js.map} +0 -0
  811. /package/dist/huibo-ui/{p-e0768565.entry.js.map → p-3042f986.entry.js.map} +0 -0
  812. /package/dist/huibo-ui/{p-be48d2aa.entry.js.map → p-3dacb26b.entry.js.map} +0 -0
  813. /package/dist/huibo-ui/{p-6a1ec3ff.entry.js.map → p-3deff48c.entry.js.map} +0 -0
  814. /package/dist/huibo-ui/{p-c321c4aa.entry.js.map → p-412ff618.entry.js.map} +0 -0
  815. /package/dist/huibo-ui/{p-88127de1.entry.js.map → p-55cd13eb.entry.js.map} +0 -0
  816. /package/dist/huibo-ui/{p-58ebb9b3.entry.js.map → p-5c839288.entry.js.map} +0 -0
  817. /package/dist/huibo-ui/{p-a042e3d0.entry.js.map → p-6518c435.entry.js.map} +0 -0
  818. /package/dist/huibo-ui/{p-a0015341.entry.js.map → p-6bfeab80.entry.js.map} +0 -0
  819. /package/dist/huibo-ui/{p-8b1ae77e.entry.js.map → p-746a11a3.entry.js.map} +0 -0
  820. /package/dist/huibo-ui/{p-c922d672.entry.js.map → p-7a682c56.entry.js.map} +0 -0
  821. /package/dist/huibo-ui/{p-8c987d57.entry.js.map → p-7f65dc36.entry.js.map} +0 -0
  822. /package/dist/huibo-ui/{p-463de26d.entry.js.map → p-815fc943.entry.js.map} +0 -0
  823. /package/dist/huibo-ui/{p-d87fc21a.entry.js.map → p-88a6c905.entry.js.map} +0 -0
  824. /package/dist/huibo-ui/{p-77017274.entry.js.map → p-89be7973.entry.js.map} +0 -0
  825. /package/dist/huibo-ui/{p-9319c650.entry.js.map → p-950e7465.entry.js.map} +0 -0
  826. /package/dist/huibo-ui/{p-5df47135.entry.js.map → p-a190ca89.entry.js.map} +0 -0
  827. /package/dist/huibo-ui/{p-477d8568.entry.js.map → p-aeae83af.entry.js.map} +0 -0
  828. /package/dist/huibo-ui/{p-b489a526.entry.js.map → p-b06c8020.entry.js.map} +0 -0
  829. /package/dist/huibo-ui/{p-e2a8a396.entry.js.map → p-b6afe81e.entry.js.map} +0 -0
  830. /package/dist/huibo-ui/{p-2b286698.entry.js.map → p-b7885d4a.entry.js.map} +0 -0
  831. /package/dist/huibo-ui/{p-10c088f3.entry.js.map → p-d9c7c378.entry.js.map} +0 -0
  832. /package/dist/huibo-ui/{p-332c8877.entry.js.map → p-dd9c6459.entry.js.map} +0 -0
  833. /package/dist/huibo-ui/{p-80aca641.entry.js.map → p-dfccc7aa.entry.js.map} +0 -0
  834. /package/dist/huibo-ui/{p-21682e92.entry.js.map → p-dfd144d8.entry.js.map} +0 -0
  835. /package/dist/huibo-ui/{p-079a4130.entry.js.map → p-e3155cd7.entry.js.map} +0 -0
  836. /package/dist/huibo-ui/{p-d7815b4f.entry.js.map → p-e9e7abca.entry.js.map} +0 -0
  837. /package/dist/huibo-ui/{p-2e6584ea.entry.js.map → p-f1f2483f.entry.js.map} +0 -0
  838. /package/dist/huibo-ui/{p-465dcb4c.entry.js.map → p-f2c78699.entry.js.map} +0 -0
  839. /package/dist/huibo-ui/{p-4d8b1404.entry.js.map → p-fd6831f9.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"file":"hb-cascader.entry.js","mappings":"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","names":[],"sources":["src/components/Cascader/cascader.css?tag=hb-cascader&encapsulation=shadow","src/components/Cascader/Cascader.tsx"],"sourcesContent":[":host {\n display: inline-block;\n position: relative;\n --hb-cascader-font-size: 14px;\n --hb-cascader-font-size-large: 16px;\n --hb-cascader-font-size-small: 12px;\n --hb-cascader-border-color: var(--hb-border-color, #dcdfe6);\n --hb-cascader-border-color-hover: var(--hb-color-primary);\n --hb-cascader-bg-color: var(--hb-color-white, #ffffff);\n --hb-cascader-text-color: var(--hb-color-text-regular, #606266);\n --hb-cascader-placeholder-color: var(--hb-color-text-placeholder, #c0c4cc);\n --hb-cascader-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n --hb-cascader-disabled-bg-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader {\n display: inline-block;\n position: relative;\n font-size: var(--hb-cascader-font-size);\n line-height: 32px;\n}\n\n.hb-cascader__input-wrapper {\n position: relative;\n display: inline-block;\n width: 100%;\n cursor: pointer;\n}\n\n.hb-cascader__input {\n display: inline-block;\n width: 100%;\n height: 32px;\n line-height: 32px;\n padding: 0 30px 0 15px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n background-color: var(--hb-cascader-bg-color);\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n cursor: pointer;\n outline: none;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-cascader__input::placeholder {\n color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__input:hover:not(:disabled) {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__input:focus {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__input:disabled {\n background-color: var(--hb-cascader-disabled-bg-color);\n border-color: var(--hb-cascader-border-color);\n color: var(--hb-cascader-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-cascader__suffix {\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n color: var(--hb-cascader-text-color);\n}\n\n.hb-cascader__clear {\n margin-right: 8px;\n cursor: pointer;\n font-size: 16px;\n color: var(--hb-cascader-placeholder-color);\n transition: color 0.2s;\n}\n\n.hb-cascader__clear:hover {\n color: var(--hb-cascader-text-color);\n}\n\n.hb-cascader__arrow {\n font-size: 12px;\n transition: transform 0.3s;\n}\n\n.hb-cascader--open .hb-cascader__arrow {\n transform: rotate(180deg);\n}\n\n.hb-cascader__dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background-color: var(--hb-cascader-bg-color);\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n z-index: 1000;\n min-width: 180px;\n max-height: 300px;\n overflow-y: auto;\n width: max-content;\n}\n\n.hb-cascader__menus {\n display: flex;\n padding: 6px 0;\n}\n\n.hb-cascader__menu {\n min-width: 180px;\n max-height: 300px;\n overflow-y: auto;\n border-right: 1px solid var(--hb-cascader-border-color);\n}\n\n.hb-cascader__menu:last-child {\n border-right: none;\n}\n\n.hb-cascader__menu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.hb-cascader__menu-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 20px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.hb-cascader__menu-item:hover:not(.hb-cascader__menu-item--disabled) {\n background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader__menu-item--selected {\n color: var(--hb-color-primary);\n font-weight: 600;\n}\n\n.hb-cascader__menu-item--disabled {\n color: var(--hb-cascader-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-cascader__menu-item-label {\n flex: 1;\n}\n\n.hb-cascader__menu-item-arrow {\n margin-left: 8px;\n font-size: 12px;\n color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__menu-item-loading {\n margin-left: 8px;\n font-size: 12px;\n color: var(--hb-color-primary, #1677ff);\n animation: hb-cascader-spin 0.8s linear infinite;\n}\n\n.hb-cascader__menu-list--loading .hb-cascader__menu-item--loading {\n color: var(--hb-color-text-placeholder, #c0c4cc);\n justify-content: center;\n}\n\n@keyframes hb-cascader-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\n.hb-cascader--large {\n font-size: var(--hb-cascader-font-size-large);\n line-height: 40px;\n}\n\n.hb-cascader--large .hb-cascader__input {\n height: 40px;\n line-height: 40px;\n font-size: var(--hb-cascader-font-size-large);\n}\n\n.hb-cascader--small {\n font-size: var(--hb-cascader-font-size-small);\n line-height: 24px;\n}\n\n.hb-cascader--small .hb-cascader__input {\n height: 24px;\n line-height: 24px;\n font-size: var(--hb-cascader-font-size-small);\n padding: 0 25px 0 12px;\n}\n\n.hb-cascader--disabled {\n cursor: not-allowed;\n}\n\n/* ---- 可搜索(filterable)---- */\n.hb-cascader__search {\n padding: 8px;\n border-bottom: 1px solid var(--hb-cascader-border-color);\n}\n\n.hb-cascader__search-input {\n width: 100%;\n height: 28px;\n line-height: 28px;\n padding: 0 8px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n background-color: var(--hb-cascader-bg-color);\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n outline: none;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n cursor: text;\n}\n\n.hb-cascader__search-input:focus {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__search-results {\n padding: 6px 0;\n max-height: 264px;\n overflow-y: auto;\n min-width: 180px;\n}\n\n.hb-cascader__search-item {\n padding: 8px 20px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n cursor: pointer;\n white-space: nowrap;\n transition: background-color 0.2s;\n}\n\n.hb-cascader__search-item:hover:not(.hb-cascader__search-item--disabled) {\n background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader__search-item--selected {\n color: var(--hb-color-primary);\n font-weight: 600;\n}\n\n.hb-cascader__search-item--disabled {\n color: var(--hb-cascader-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-cascader__search-empty {\n padding: 16px 0;\n text-align: center;\n color: var(--hb-cascader-placeholder-color);\n font-size: var(--hb-cascader-font-size);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\n\nexport interface CascaderOption {\n value: string | number;\n label: string;\n children?: CascaderOption[];\n disabled?: boolean;\n leaf?: boolean;\n}\n\n/**\n * Cascader 级联选择器组件\n * 当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择\n */\n@Component({\n tag: 'hb-cascader',\n styleUrl: 'cascader.css',\n shadow: true,\n})\nexport class Cascader {\n @Element() el: HTMLElement;\n\n /**\n * 选中项绑定值\n */\n @Prop({ mutable: true }) modelValue?: (string | number)[];\n\n /**\n * 可选项数据源\n */\n @Prop() options: CascaderOption[] = [];\n\n /**\n * 输入框占位文本\n */\n @Prop() placeholder: string = '请选择';\n\n /**\n * 是否禁用\n * @default false\n */\n @Prop() disabled: boolean = false;\n\n /**\n * 输入框尺寸\n */\n @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n /**\n * 是否可清空\n * @default false\n */\n @Prop() clearable: boolean = false;\n\n /**\n * 是否显示完整路径\n * @default true\n */\n @Prop() showAllLevels: boolean = true;\n\n /**\n * 输入框的原生属性\n */\n @Prop() name?: string;\n\n /**\n * 输入框的原生属性\n */\n @Prop() inputId?: string;\n\n /**\n * 分隔符\n * @default ' / '\n */\n @Prop() separator: string = ' / ';\n\n /**\n * 是否动态加载子节点\n * @default true\n */\n @Prop() emitPath: boolean = true;\n\n /**\n * 是否可搜索(filterable)\n * 开启后下拉顶部渲染搜索输入框,输入时按 label(含所有子级)扁平化过滤,\n * 匹配项以完整路径展示,点击即选中其完整路径。\n * @default false\n */\n @Prop() filterable: boolean = false;\n\n /**\n * 是否开启动态加载(lazy load)。开启后,展开含 children=undefined 的节点时,\n * 调用 load(node) 获取其子级并填充进 options,加载中显示 loading 态。\n * @default false\n */\n @Prop() lazy: boolean = false;\n\n /**\n * 动态加载子节点的函数(仅在 lazy=true 时生效)。\n * 接收被展开的节点,返回其子节点数组(Promise)。\n * 加载结果会以不可变方式合并进 options 树(替换该节点 children)。\n */\n @Prop() load?: (node: CascaderOption) => Promise<CascaderOption[]>;\n\n @State() isOpen: boolean = false;\n @State() inputValue: string = '';\n @State() searchValue: string = '';\n /**\n * 正在动态加载子级的节点 value 集合(用于渲染 loading 态)。\n */\n @State() loadingKeys: Set<string | number> = new Set();\n /**\n * 扁平化搜索结果:每一项是一个从根到匹配节点的完整路径(用于点击选中)。\n * 仅在 filterable 且 searchValue 非空时使用。\n */\n @State() filteredPaths: CascaderOption[][] = [];\n @State() activePath: (string | number)[] = [];\n\n /**\n * 值改变事件\n */\n @Event() hbChange: EventEmitter<(string | number)[] | undefined>;\n\n /**\n * 展开节点发生变化时触发\n */\n @Event() hbExpandChange: EventEmitter<(string | number)[]>;\n\n private clickOutside = createClickOutsideHandler({\n host: null as any,\n isOpen: () => this.isOpen,\n onClose: () => { this.closeAndClearSearch(); },\n });\n\n componentDidLoad() {\n this.clickOutside = createClickOutsideHandler({\n host: this.el,\n isOpen: () => this.isOpen,\n onClose: () => { this.closeAndClearSearch(); },\n });\n this.clickOutside.connect();\n this.updateInputValue();\n }\n\n /** 关闭下拉并清空搜索态(filterable 模式下避免重开时残留搜索结果) */\n private closeAndClearSearch() {\n this.isOpen = false;\n this.searchValue = '';\n this.filteredPaths = [];\n }\n\n disconnectedCallback() {\n this.clickOutside.disconnect();\n }\n\n @Watch('modelValue')\n handleValueChange() {\n this.updateInputValue();\n }\n\n private updateInputValue() {\n if (!this.modelValue || this.modelValue.length === 0) {\n this.inputValue = '';\n return;\n }\n\n if (!this.showAllLevels) {\n const lastValue = this.modelValue[this.modelValue.length - 1];\n const option = this.findOptionByValue(this.options, lastValue);\n this.inputValue = option ? option.label : '';\n return;\n }\n\n const labels: string[] = [];\n let currentOptions = this.options;\n \n for (const value of this.modelValue) {\n const option = currentOptions.find(opt => opt.value === value);\n if (option) {\n labels.push(option.label);\n currentOptions = option.children || [];\n } else {\n break;\n }\n }\n\n this.inputValue = labels.join(this.separator);\n }\n\n private findOptionByValue(options: CascaderOption[], value: string | number): CascaderOption | null {\n for (const option of options) {\n if (option.value === value) {\n return option;\n }\n if (option.children) {\n const found = this.findOptionByValue(option.children, value);\n if (found) return found;\n }\n }\n return null;\n }\n\n private handleInputClick = () => {\n if (this.disabled) return;\n if (this.isOpen) {\n // 关闭时清空搜索态\n this.closeAndClearSearch();\n } else {\n this.isOpen = true;\n }\n };\n\n /** 搜索输入:仅更新 searchValue,过滤在 render 前的 @State 派生 */\n private handleSearchInput = (e: Event) => {\n const target = e.target as HTMLInputElement;\n this.searchValue = target.value;\n this.filteredPaths = this.collectFilteredPaths(this.searchValue);\n };\n\n /**\n * 扁平化全树搜索:把 options 深度遍历,收集所有「节点 label 含关键字」的完整路径。\n * 一个节点的完整路径 = 从根到该节点(含自身)的 CascaderOption 数组。\n * 关键字为空时返回空数组(交由正常级联视图渲染)。\n *\n * 注意:这里按 label 子串匹配(大小写不敏感),匹配任意层级的节点,\n * 并保留其祖先链以便点击时还原完整路径。\n */\n private collectFilteredPaths(keyword: string): CascaderOption[][] {\n const trimmed = keyword.trim().toLowerCase();\n if (!trimmed) return [];\n\n const results: CascaderOption[][] = [];\n const walk = (opts: CascaderOption[], ancestors: CascaderOption[]) => {\n for (const opt of opts) {\n const currentPath = [...ancestors, opt];\n if (opt.label.toLowerCase().includes(trimmed)) {\n results.push(currentPath);\n }\n if (opt.children && opt.children.length > 0) {\n walk(opt.children, currentPath);\n }\n }\n };\n walk(this.options, []);\n return results;\n }\n\n /** 从扁平搜索结果路径中点击叶子(或非叶子)项:直接以该路径的 value 数组作为选中值 */\n private handleSearchSelect = (path: CascaderOption[]) => {\n const valuePath = path.map((opt) => opt.value);\n const last = path[path.length - 1];\n const isLeaf = !last.children || last.children.length === 0 || last.leaf;\n this.searchValue = '';\n this.filteredPaths = [];\n if (isLeaf) {\n // 叶子:选中并关闭\n this.modelValue = valuePath;\n this.updateInputValue();\n this.hbChange.emit(valuePath);\n this.isOpen = false;\n this.activePath = [];\n } else {\n // 非叶子:进入该路径的级联展开(便于继续选下级)\n this.activePath = valuePath;\n this.hbExpandChange.emit(valuePath);\n }\n };\n\n private handleClear = (e: Event) => {\n e.stopPropagation();\n this.modelValue = undefined;\n this.inputValue = '';\n this.isOpen = false;\n this.hbChange.emit(undefined);\n };\n\n private handleSelect = (value: string | number, path: (string | number)[]) => {\n const newPath = [...path, value];\n\n // Find the selected option\n let currentOptions = this.options;\n let selectedOption: CascaderOption | null = null;\n\n for (const pathValue of newPath) {\n selectedOption = currentOptions.find(opt => opt.value === pathValue) || null;\n if (!selectedOption) break;\n currentOptions = selectedOption.children || [];\n }\n\n // lazy + load:节点 children 尚未加载(children === undefined 且 leaf 未声明)→ 触发加载\n if (\n this.lazy &&\n this.load &&\n selectedOption &&\n selectedOption.children === undefined &&\n !selectedOption.leaf\n ) {\n // 先展开该路径(显示 loading 态的下一级面板占位),再异步填充\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n void this.loadChildren(selectedOption, newPath);\n return;\n }\n\n // Check if it's a leaf node\n if (!selectedOption || !selectedOption.children || selectedOption.children.length === 0 || selectedOption.leaf) {\n // Leaf node - select and close\n this.modelValue = newPath;\n this.updateInputValue();\n this.hbChange.emit(newPath);\n this.isOpen = false;\n this.activePath = [];\n } else {\n // Has children - expand to next level\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n }\n };\n\n /**\n * 动态加载某节点的子级。不可变地合并进 options 树(替换该节点 children)。\n * 加载中:把节点 value 加入 loadingKeys(渲染 loading 态);\n * 加载完成:写入 children(新数组,触发 @Watch/重渲染),移出 loadingKeys。\n * 若 load 返回空数组,把 children 设为 [] 以标记该节点为叶子(避免重复加载)。\n */\n private async loadChildren(node: CascaderOption, path: (string | number)[]) {\n if (!this.load) return;\n // 标记 loading\n this.loadingKeys = new Set([...this.loadingKeys, node.value]);\n\n try {\n const children = await this.load(node);\n // 不可变合并:重建 options 树,仅替换目标节点的 children。\n this.options = this.replaceOptionChildren(this.options, node.value, children);\n } catch (err) {\n // 加载失败:回退 activePath,避免卡在 loading;保持 options 不变。\n // eslint-disable-next-line no-console\n console.error('[hb-cascader] lazy load failed:', err);\n this.activePath = this.activePath.slice(0, this.activePath.indexOf(node.value) + 1);\n } finally {\n const next = new Set(this.loadingKeys);\n next.delete(node.value);\n this.loadingKeys = next;\n }\n\n // 重新校验该路径是否还能继续展开(叶子情况则收起下一级面板)\n void path;\n void node;\n }\n\n /**\n * 不可变地替换 options 树中 value===targetValue 节点的 children 字段。\n * 返回一棵全新的 options 树(不修改原数组与原节点对象)。\n */\n private replaceOptionChildren(\n options: CascaderOption[],\n targetValue: string | number,\n newChildren: CascaderOption[]\n ): CascaderOption[] {\n return options.map((opt) => {\n if (opt.value === targetValue) {\n return { ...opt, children: newChildren };\n }\n if (opt.children && opt.children.length > 0) {\n return { ...opt, children: this.replaceOptionChildren(opt.children, targetValue, newChildren) };\n }\n return opt;\n });\n }\n\n render() {\n return (\n <div\n class={{\n 'hb-cascader': true,\n 'hb-cascader--open': this.isOpen,\n 'hb-cascader--disabled': this.disabled,\n [`hb-cascader--${this.size}`]: true,\n }}\n >\n <div class=\"hb-cascader__input-wrapper\" onClick={this.handleInputClick}>\n <input\n type=\"text\"\n id={this.inputId}\n name={this.name}\n class=\"hb-cascader__input\"\n placeholder={this.placeholder}\n value={this.inputValue}\n disabled={this.disabled}\n readonly\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={this.isOpen ? 'true' : 'false'}\n />\n <span class=\"hb-cascader__suffix\">\n {this.clearable && this.modelValue && this.modelValue.length > 0 && (\n <span class=\"hb-cascader__clear\" role=\"button\" aria-label=\"清空\" onClick={this.handleClear}>\n ×\n </span>\n )}\n <span class=\"hb-cascader__arrow\">▼</span>\n </span>\n </div>\n {this.isOpen && (\n <div class=\"hb-cascader__dropdown\">\n {this.filterable && (\n <div class=\"hb-cascader__search\">\n <input\n type=\"text\"\n class=\"hb-cascader__search-input\"\n placeholder=\"搜索\"\n value={this.searchValue}\n onInput={this.handleSearchInput}\n aria-label=\"搜索选项\"\n />\n </div>\n )}\n {this.filterable && this.searchValue.trim() !== '' ? (\n this.renderSearchResults()\n ) : (\n <div class=\"hb-cascader__menus\" role=\"listbox\" aria-multiselectable=\"false\">\n {this.renderCascaderMenus()}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n\n private renderCascaderMenus() {\n const menus: any[] = [];\n let currentOptions = this.options;\n let currentPath: (string | number)[] = [];\n\n // Render first level\n menus.push(this.renderMenu(currentOptions, currentPath));\n\n // Render active path levels\n for (let i = 0; i < this.activePath.length; i++) {\n const pathValue = this.activePath[i];\n const option = currentOptions.find(opt => opt.value === pathValue);\n\n if (!option) break;\n\n // lazy 加载中:节点 children 尚未填充 → 渲染 loading 面板\n if (option.children === undefined && this.loadingKeys.has(option.value)) {\n menus.push(this.renderLoadingMenu());\n break;\n }\n\n if (option.children && option.children.length > 0) {\n currentPath = [...currentPath, pathValue];\n currentOptions = option.children;\n menus.push(this.renderMenu(currentOptions, currentPath));\n } else {\n break;\n }\n }\n\n return menus;\n }\n\n /** lazy 加载中渲染的面板:一个 loading 占位提示 */\n private renderLoadingMenu() {\n return (\n <ul class=\"hb-cascader__menu-list hb-cascader__menu-list--loading\" role=\"status\" aria-live=\"polite\">\n <li class=\"hb-cascader__menu-item hb-cascader__menu-item--loading\">\n <span class=\"hb-cascader__menu-item-label\">加载中…</span>\n </li>\n </ul>\n );\n }\n\n /**\n * 渲染扁平化搜索结果:每一项展示完整路径(label 用 separator 连接),点击选中完整路径。\n * 无匹配时渲染空状态。\n */\n private renderSearchResults() {\n if (this.filteredPaths.length === 0) {\n return (\n <div class=\"hb-cascader__search-empty\" role=\"status\">\n 无匹配数据\n </div>\n );\n }\n\n return (\n <div class=\"hb-cascader__search-results\" role=\"listbox\" aria-label=\"搜索结果\">\n {this.filteredPaths.map((path) => {\n const labelPath = path.map((opt) => opt.label).join(this.separator);\n const valuePath = path.map((opt) => opt.value);\n const last = path[path.length - 1];\n const disabled = !!last.disabled;\n // 当前选中判断:路径 value 与 modelValue 完全一致\n const selected =\n !!this.modelValue &&\n this.modelValue.length === valuePath.length &&\n valuePath.every((v, idx) => this.modelValue && this.modelValue[idx] === v);\n\n return (\n <div\n class={{\n 'hb-cascader__search-item': true,\n 'hb-cascader__search-item--selected': selected,\n 'hb-cascader__search-item--disabled': disabled,\n }}\n role=\"option\"\n aria-selected={selected ? 'true' : 'false'}\n aria-disabled={disabled ? 'true' : undefined}\n onClick={() => !disabled && this.handleSearchSelect(path)}\n >\n {labelPath}\n </div>\n );\n })}\n </div>\n );\n }\n\n private renderMenu(options: CascaderOption[], path: (string | number)[]) {\n if (!options || options.length === 0) {\n return null;\n }\n \n return (\n <ul class=\"hb-cascader__menu-list\" role=\"group\">\n {options.map((option) => {\n const isSelected = path.length > 0 && path[path.length - 1] === option.value;\n const isInPath = this.modelValue && path.length > 0 &&\n path.every((val, idx) => this.modelValue && this.modelValue[idx] === val) &&\n this.modelValue.length === path.length + 1 &&\n this.modelValue[path.length] === option.value;\n\n return (\n <li\n class={{\n 'hb-cascader__menu-item': true,\n 'hb-cascader__menu-item--selected': isSelected || isInPath,\n 'hb-cascader__menu-item--disabled': option.disabled,\n }}\n role=\"option\"\n aria-selected={(isSelected || isInPath) ? 'true' : 'false'}\n aria-disabled={option.disabled ? 'true' : undefined}\n onClick={() => !option.disabled && this.handleSelect(option.value, path)}\n >\n <span class=\"hb-cascader__menu-item-label\">{option.label}</span>\n {this.loadingKeys.has(option.value) ? (\n <span class=\"hb-cascader__menu-item-loading\" aria-hidden=\"true\">⟳</span>\n ) : (option.children && option.children.length > 0) || (this.lazy && option.children === undefined && !option.leaf) ? (\n <span class=\"hb-cascader__menu-item-arrow\">▶</span>\n ) : null}\n </li>\n );\n })}\n </ul>\n );\n }\n}\n\n"],"version":3}
1
+ {"file":"hb-cascader.entry.js","mappings":"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","names":[],"sources":["src/components/Cascader/cascader.css?tag=hb-cascader&encapsulation=shadow","src/components/Cascader/Cascader.tsx"],"sourcesContent":[":host {\n display: inline-block;\n position: relative;\n --hb-cascader-font-size: 14px;\n --hb-cascader-font-size-large: 16px;\n --hb-cascader-font-size-small: 12px;\n --hb-cascader-border-color: var(--hb-border-color, #dcdfe6);\n --hb-cascader-border-color-hover: var(--hb-color-primary);\n --hb-cascader-bg-color: var(--hb-color-white, #ffffff);\n --hb-cascader-text-color: var(--hb-color-text-regular, #606266);\n --hb-cascader-placeholder-color: var(--hb-color-text-placeholder, #c0c4cc);\n --hb-cascader-disabled-color: var(--hb-color-text-disabled, #c0c4cc);\n --hb-cascader-disabled-bg-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader {\n display: inline-block;\n position: relative;\n font-size: var(--hb-cascader-font-size);\n line-height: 32px;\n}\n\n.hb-cascader__input-wrapper {\n position: relative;\n display: inline-block;\n width: 100%;\n cursor: pointer;\n}\n\n.hb-cascader__input {\n display: inline-block;\n width: 100%;\n height: 32px;\n line-height: 32px;\n padding: 0 30px 0 15px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n background-color: var(--hb-cascader-bg-color);\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n cursor: pointer;\n outline: none;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-cascader__input::placeholder {\n color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__input:hover:not(:disabled) {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__input:focus {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__input:disabled {\n background-color: var(--hb-cascader-disabled-bg-color);\n border-color: var(--hb-cascader-border-color);\n color: var(--hb-cascader-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-cascader__suffix {\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n color: var(--hb-cascader-text-color);\n}\n\n.hb-cascader__clear {\n margin-right: 8px;\n cursor: pointer;\n width: 14px;\n height: 14px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: var(--hb-cascader-placeholder-color);\n transition: color 0.2s;\n}\n\n.hb-cascader__clear svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader__clear:hover {\n color: var(--hb-cascader-text-color);\n}\n\n.hb-cascader__arrow {\n display: inline-flex;\n align-items: center;\n width: 12px;\n height: 12px;\n color: var(--hb-cascader-placeholder-color);\n transition: transform 0.3s;\n}\n\n.hb-cascader__arrow svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader--open .hb-cascader__arrow {\n transform: rotate(180deg);\n}\n\n.hb-cascader__dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background-color: var(--hb-cascader-bg-color);\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\n z-index: 1000;\n min-width: 180px;\n max-height: 300px;\n overflow-y: auto;\n width: max-content;\n}\n\n.hb-cascader__menus {\n display: flex;\n padding: 6px 0;\n}\n\n.hb-cascader__menu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n min-width: 180px;\n max-height: 300px;\n overflow-y: auto;\n}\n\n/* 多列时,除最后一列外右侧加分隔线(对齐 antd 多面板视觉) */\n.hb-cascader__menus .hb-cascader__menu-list:not(:last-child) {\n border-right: 1px solid var(--hb-border-color-secondary, var(--hb-cascader-border-color));\n}\n\n.hb-cascader__menu-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 20px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n cursor: pointer;\n transition: background-color 0.2s;\n}\n\n.hb-cascader__menu-item:hover:not(.hb-cascader__menu-item--disabled) {\n background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader__menu-item--selected {\n color: var(--hb-color-primary);\n font-weight: 600;\n}\n\n.hb-cascader__menu-item--disabled {\n color: var(--hb-cascader-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-cascader__menu-item-label {\n flex: 1;\n}\n\n.hb-cascader__menu-item-arrow {\n margin-left: 8px;\n width: 12px;\n height: 12px;\n display: inline-flex;\n align-items: center;\n color: var(--hb-cascader-placeholder-color);\n}\n\n.hb-cascader__menu-item-arrow svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader__menu-item-loading {\n margin-left: 8px;\n width: 12px;\n height: 12px;\n display: inline-flex;\n align-items: center;\n color: var(--hb-color-primary, #1677ff);\n}\n\n.hb-cascader__menu-item-loading-svg {\n width: 100%;\n height: 100%;\n animation: hb-cascader-spin 0.8s linear infinite;\n}\n\n.hb-cascader__menu-list--loading .hb-cascader__menu-item--loading {\n color: var(--hb-color-text-placeholder, #c0c4cc);\n justify-content: center;\n}\n\n@keyframes hb-cascader-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.hb-cascader--large {\n font-size: var(--hb-cascader-font-size-large);\n line-height: 40px;\n}\n\n.hb-cascader--large .hb-cascader__input {\n height: 40px;\n line-height: 40px;\n font-size: var(--hb-cascader-font-size-large);\n}\n\n.hb-cascader--small {\n font-size: var(--hb-cascader-font-size-small);\n line-height: 24px;\n}\n\n.hb-cascader--small .hb-cascader__input {\n height: 24px;\n line-height: 24px;\n font-size: var(--hb-cascader-font-size-small);\n padding: 0 25px 0 12px;\n}\n\n.hb-cascader--disabled {\n cursor: not-allowed;\n}\n\n/* ---- 可搜索(filterable)---- */\n.hb-cascader__search {\n padding: 8px;\n border-bottom: 1px solid var(--hb-cascader-border-color);\n}\n\n.hb-cascader__search-input {\n width: 100%;\n height: 28px;\n line-height: 28px;\n padding: 0 8px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n background-color: var(--hb-cascader-bg-color);\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n box-sizing: border-box;\n outline: none;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n cursor: text;\n}\n\n.hb-cascader__search-input:focus {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader__search-results {\n padding: 6px 0;\n max-height: 264px;\n overflow-y: auto;\n min-width: 180px;\n}\n\n.hb-cascader__search-item {\n padding: 8px 20px;\n font-size: var(--hb-cascader-font-size);\n color: var(--hb-cascader-text-color);\n cursor: pointer;\n white-space: nowrap;\n transition: background-color 0.2s;\n}\n\n.hb-cascader__search-item:hover:not(.hb-cascader__search-item--disabled) {\n background-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-cascader__search-item--selected {\n color: var(--hb-color-primary);\n font-weight: 600;\n}\n\n.hb-cascader__search-item--disabled {\n color: var(--hb-cascader-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-cascader__search-empty {\n padding: 16px 0;\n text-align: center;\n color: var(--hb-cascader-placeholder-color);\n font-size: var(--hb-cascader-font-size);\n}\n\n/* ---- 多选(multiple):tag 输入框 ---- */\n.hb-cascader--multiple .hb-cascader__input-wrapper {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n min-height: 32px;\n padding: 3px 30px 3px 4px;\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 4px;\n background-color: var(--hb-cascader-bg-color);\n box-sizing: border-box;\n transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n\n.hb-cascader--multiple .hb-cascader__input-wrapper:hover {\n border-color: var(--hb-cascader-border-color-hover);\n}\n\n.hb-cascader--multiple .hb-cascader__input {\n flex: 1;\n min-width: 40px;\n width: auto;\n height: 24px;\n line-height: 24px;\n padding: 0 4px;\n border: none;\n background-color: transparent;\n}\n\n.hb-cascader__tag {\n display: inline-flex;\n align-items: center;\n max-width: 100%;\n height: 22px;\n padding: 0 6px;\n margin: 2px;\n font-size: var(--hb-cascader-font-size-small);\n color: var(--hb-color-text-primary, #303133);\n background-color: var(--hb-fill-color, #f0f2f5);\n border-radius: 3px;\n}\n\n.hb-cascader__tag-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.hb-cascader__tag-close {\n margin-left: 4px;\n width: 12px;\n height: 12px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n color: var(--hb-cascader-placeholder-color);\n cursor: pointer;\n transition: color 0.2s;\n}\n\n.hb-cascader__tag-close svg {\n width: 100%;\n height: 100%;\n}\n\n.hb-cascader__tag-close:hover {\n color: var(--hb-color-text-primary, #606266);\n}\n\n.hb-cascader__tag-overflow {\n display: inline-flex;\n align-items: center;\n height: 22px;\n padding: 0 6px;\n margin: 2px;\n font-size: var(--hb-cascader-font-size-small);\n color: var(--hb-cascader-text-color);\n}\n\n/* ---- 多选:菜单项 checkbox(三态,纯 CSS)---- */\n.hb-cascader__menu-item-checkbox {\n width: 14px;\n height: 14px;\n margin-right: 8px;\n border: 1px solid var(--hb-cascader-border-color);\n border-radius: 2px;\n background-color: var(--hb-cascader-bg-color);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition:\n background-color 0.2s,\n border-color 0.2s;\n}\n\n.hb-cascader__menu-item-checkbox--checked,\n.hb-cascader__menu-item-checkbox--indeterminate {\n background-color: var(--hb-color-primary);\n border-color: var(--hb-color-primary);\n}\n\n.hb-cascader__menu-item-checkbox--checked::after {\n content: '';\n width: 4px;\n height: 8px;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n transform: rotate(45deg) translate(-1px, -1px);\n}\n\n.hb-cascader__menu-item-checkbox--indeterminate::after {\n content: '';\n width: 8px;\n height: 2px;\n background-color: #fff;\n}\n","import { Component, h, Prop, Event, EventEmitter, State, Element, Watch } from '@stencil/core';\nimport { createClickOutsideHandler } from '../../utils/click-outside';\n\nexport interface CascaderOption {\n value: string | number;\n label: string;\n children?: CascaderOption[];\n disabled?: boolean;\n leaf?: boolean;\n}\n\nexport type ValuePath = (string | number)[];\n\n/**\n * Cascader 级联选择器组件\n * 当一个数据集合有清晰的层级结构时,可通过级联选择器逐级查看并选择。\n * 支持单选 / 多选(multiple)、可选任意层级(checkStrictly)、搜索(filterable)、动态加载(lazy)。\n */\n@Component({\n tag: 'hb-cascader',\n styleUrl: 'cascader.css',\n shadow: true,\n})\nexport class Cascader {\n @Element() el: HTMLElement;\n\n /**\n * 选中项绑定值。单选为一维路径数组(如 ['zhejiang','hangzhou']),\n * 多选(multiple)为二维数组(如 [['zhejiang','ningbo'], ['jiangsu']])。\n */\n @Prop({ mutable: true }) modelValue?: ValuePath | ValuePath[];\n\n /** 可选项数据源 */\n @Prop() options: CascaderOption[] = [];\n\n /** 输入框占位文本 */\n @Prop() placeholder: string = '请选择';\n\n /** 是否禁用 */\n @Prop() disabled: boolean = false;\n\n /** 输入框尺寸 */\n @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n /** 是否可清空 */\n @Prop() clearable: boolean = false;\n\n /** 是否显示完整路径(单选输入框 / 多选 tag 文本) */\n @Prop() showAllLevels: boolean = true;\n\n /** 输入框原生属性 */\n @Prop() name?: string;\n\n /** 输入框原生属性 */\n @Prop() inputId?: string;\n\n /** 路径分隔符 */\n @Prop() separator: string = ' / ';\n\n /** modelValue 是否输出完整路径(保留 AntD 兼容位) */\n @Prop() emitPath: boolean = true;\n\n /**\n * 是否可搜索(filterable)。下拉顶部渲染搜索框,输入时按 label 扁平化过滤,\n * 匹配项以完整路径展示,点击即选中(单选)或 toggle 勾选(多选)。\n */\n @Prop() filterable: boolean = false;\n\n /**\n * 是否开启动态加载(lazy)。展开 children=undefined 的节点时调用 load(node) 填充子级。\n */\n @Prop() lazy: boolean = false;\n\n /** 动态加载函数(仅 lazy=true 生效) */\n @Prop() load?: (node: CascaderOption) => Promise<CascaderOption[]>;\n\n /**\n * 是否开启多选。开启后 modelValue 为二维数组,每条为一个选中路径;\n * 菜单项前渲染 checkbox,输入框以 tag 列表展示选中项。\n */\n @Prop() multiple: boolean = false;\n\n /**\n * 是否严格的选中行为(父子不关联)。\n * 单选:点击任意层级(含非叶子)即选中该路径;\n * 多选:勾选独立,不向下联动选中叶子、取消也不联动。\n */\n @Prop() checkStrictly: boolean = false;\n\n /**\n * 多选时输入框最多展示的 tag 数量,超出折叠为 +N(可选)。\n */\n @Prop() maxTagCount?: number;\n\n @State() isOpen: boolean = false;\n @State() inputValue: string = '';\n @State() searchValue: string = '';\n /** 正在动态加载子级的节点 value 集合 */\n @State() loadingKeys: Set<string | number> = new Set();\n /** 扁平化搜索结果:每项为根到匹配节点的完整路径 */\n @State() filteredPaths: CascaderOption[][] = [];\n @State() activePath: ValuePath = [];\n\n /** 值改变事件:单选 emit 一维路径或 undefined;多选 emit 二维数组(可能为 []) */\n @Event() hbChange: EventEmitter<ValuePath | ValuePath[] | undefined>;\n\n /** 展开节点变化时触发 */\n @Event() hbExpandChange: EventEmitter<ValuePath>;\n\n private clickOutside = createClickOutsideHandler({\n host: null as any,\n isOpen: () => this.isOpen,\n onClose: () => {\n this.closeAndClearSearch();\n },\n });\n\n /** P4:搜索结果上限,防止超大树一次返回上万条结果拖垮渲染(封顶替代防抖,避免定时器/测试复杂性) */\n private static readonly MAX_FILTER_RESULTS = 200;\n\n componentDidLoad() {\n this.clickOutside = createClickOutsideHandler({\n host: this.el,\n isOpen: () => this.isOpen,\n onClose: () => {\n this.closeAndClearSearch();\n },\n });\n this.clickOutside.connect();\n this.updateInputValue();\n }\n\n private closeAndClearSearch() {\n this.isOpen = false;\n this.searchValue = '';\n this.filteredPaths = [];\n }\n\n disconnectedCallback() {\n this.clickOutside.disconnect();\n }\n\n @Watch('modelValue')\n handleValueChange() {\n this.updateInputValue();\n }\n\n private updateInputValue() {\n if (this.multiple) {\n this.inputValue = '';\n return;\n }\n if (!this.modelValue || (this.modelValue as ValuePath).length === 0) {\n this.inputValue = '';\n return;\n }\n const mv = this.modelValue as ValuePath;\n if (!this.showAllLevels) {\n const lastValue = mv[mv.length - 1];\n const option = this.findOptionByValue(this.options, lastValue);\n this.inputValue = option ? option.label : '';\n return;\n }\n const labels: string[] = [];\n let currentOptions = this.options;\n for (const value of mv) {\n const option = currentOptions.find(opt => opt.value === value);\n if (option) {\n labels.push(option.label);\n currentOptions = option.children || [];\n } else {\n break;\n }\n }\n this.inputValue = labels.join(this.separator);\n }\n\n private findOptionByValue(options: CascaderOption[], value: string | number): CascaderOption | null {\n for (const option of options) {\n if (option.value === value) return option;\n if (option.children) {\n const found = this.findOptionByValue(option.children, value);\n if (found) return found;\n }\n }\n return null;\n }\n\n // ===== 多选(multiple)核心算法 =====\n\n /** 取多选 modelValue 为二维数组(非多选模式或形状不符时返回 []) */\n private getMultiModel(): ValuePath[] {\n if (!this.multiple) return [];\n const mv = this.modelValue as ValuePath[] | undefined;\n if (Array.isArray(mv) && mv.length > 0 && Array.isArray(mv[0])) return mv;\n return [];\n }\n\n /**\n * 多选 modelValue 的字符串键集合(P2 优化)。\n * 缓存:仅当 modelValue 引用变化时重算。check-state 查询从 O(model×pathLen)\n * 降为 O(1) Set.has。key 用 \\u0000 连接 path 各段,避免与合法分隔符冲突。\n */\n private _modelKeySet: Set<string> | null = null;\n private _modelKeySetRef: unknown = null;\n private getModelKeySet(): Set<string> {\n if (this._modelKeySet && this._modelKeySetRef === this.modelValue) {\n return this._modelKeySet;\n }\n const set = new Set<string>();\n for (const p of this.getMultiModel()) {\n set.add(p.join('\\u0000'));\n }\n this._modelKeySet = set;\n this._modelKeySetRef = this.modelValue;\n return set;\n }\n\n /** path 是否在当前 model 集合中(O(1)) */\n private pathInModel(path: ValuePath): boolean {\n return this.getModelKeySet().has(path.join('\\u0000'));\n }\n\n /** 两条 value 路径是否完全相等 */\n private pathEquals(a: ValuePath | undefined, b: ValuePath): boolean {\n if (!a || a.length !== b.length) return false;\n return a.every((v, i) => v === b[i]);\n }\n\n /** 收集某节点子树下的全部叶子 value 路径(用于父子联动计算) */\n private collectLeafValuePaths(option: CascaderOption, basePath: ValuePath): ValuePath[] {\n const currentPath = [...basePath, option.value];\n const hasChildren = option.children && option.children.length > 0;\n if (!hasChildren || option.leaf) return [currentPath];\n const result: ValuePath[] = [];\n for (const child of option.children!) {\n result.push(...this.collectLeafValuePaths(child, currentPath));\n }\n return result;\n }\n\n /**\n * 多选模式下某节点的勾选三态。\n * checkStrictly:该节点路径是否在 modelValue(checked / unchecked)。\n * 默认:按叶子计算 —— 全部叶子入选=checked,部分=indeterminate,无=unchecked。\n */\n private getCheckState(option: CascaderOption, path: ValuePath): 'checked' | 'indeterminate' | 'unchecked' {\n const valuePath = [...path, option.value];\n if (this.checkStrictly) {\n // P2:O(1) Set 查询替代 O(model) 的 some(pathEquals)\n return this.pathInModel(valuePath) ? 'checked' : 'unchecked';\n }\n const leafPaths = this.collectLeafValuePaths(option, path);\n // P2:用 pathInModel(Set.has)替代 model.some(pathEquals),整段从 O(leaves×model) 降为 O(leaves)\n if (leafPaths.every(lp => this.pathInModel(lp))) return 'checked';\n if (leafPaths.some(lp => this.pathInModel(lp))) return 'indeterminate';\n return 'unchecked';\n }\n\n /** 多选:toggle 某节点勾选(按 checkStrictly 决定是否联动叶子) */\n private handleCheck(option: CascaderOption, path: ValuePath) {\n let model = this.getMultiModel().map(p => [...p]);\n const valuePath = [...path, option.value];\n if (this.checkStrictly) {\n const idx = model.findIndex(p => this.pathEquals(p, valuePath));\n if (idx >= 0) model.splice(idx, 1);\n else model.push(valuePath);\n } else {\n const leafPaths = this.collectLeafValuePaths(option, path);\n const allIn = leafPaths.every(lp => model.some(p => this.pathEquals(p, lp)));\n if (allIn) {\n model = model.filter(p => !leafPaths.some(lp => this.pathEquals(lp, p)));\n } else {\n for (const lp of leafPaths) {\n if (!model.some(p => this.pathEquals(p, lp))) model.push([...lp]);\n }\n }\n }\n this.modelValue = model;\n this.hbChange.emit(model);\n }\n\n /** 多选输入框 tag 数据:每条选中路径 → 展示文本 + 路径 */\n private getDisplayTags(): { label: string; path: ValuePath }[] {\n return this.getMultiModel().map(path => {\n const labels = path.map(v => {\n const opt = this.findOptionByValue(this.options, v);\n return opt ? opt.label : String(v);\n });\n const label = this.showAllLevels ? labels.join(this.separator) : labels[labels.length - 1];\n return { label, path };\n });\n }\n\n /** 多选:删除单个 tag(移除对应路径) */\n private handleTagRemove = (path: ValuePath, e: Event) => {\n e.stopPropagation();\n const model = this.getMultiModel().filter(p => !this.pathEquals(p, path));\n this.modelValue = model;\n this.hbChange.emit(model);\n };\n\n private hasValue(): boolean {\n return this.multiple ? this.getMultiModel().length > 0 : !!this.modelValue && (this.modelValue as ValuePath).length > 0;\n }\n\n // ===== 交互 =====\n\n private handleInputClick = () => {\n if (this.disabled) return;\n if (this.isOpen) {\n this.closeAndClearSearch();\n } else {\n this.isOpen = true;\n }\n };\n\n /**\n * 键盘交互(对齐 antd / WAI-ARIA combobox):\n * Enter/Space/ArrowDown 在关闭时打开;Escape 关闭;ArrowRight/ArrowLeft 跨级导航。\n */\n private handleKeyDown = (e: KeyboardEvent) => {\n if (this.disabled) return;\n const key = e.key;\n if (!this.isOpen) {\n if (key === 'Enter' || key === ' ' || key === 'ArrowDown') {\n e.preventDefault();\n this.isOpen = true;\n }\n return;\n }\n if (key === 'Escape') {\n e.preventDefault();\n this.closeAndClearSearch();\n } else if (key === 'Enter' && this.activePath.length > 0 && !this.multiple) {\n // 选中当前路径末端叶子(若已是叶子)\n e.preventDefault();\n const lastValue = this.activePath[this.activePath.length - 1];\n const parentPath = this.activePath.slice(0, -1);\n this.handleSelect(lastValue, parentPath);\n }\n };\n\n private handleSearchInput = (e: Event) => {\n const target = e.target as HTMLInputElement;\n this.searchValue = target.value;\n // P4:清空时立即返回空;非空时同步过滤但结果数封顶(MAX_FILTER_RESULTS),\n // 避免超大树返回上万条结果拖垮渲染。封顶比防抖更稳妥(不引入定时器与测试复杂性)。\n this.filteredPaths = this.collectFilteredPaths(this.searchValue);\n };\n\n private collectFilteredPaths(keyword: string): CascaderOption[][] {\n const trimmed = keyword.trim().toLowerCase();\n if (!trimmed) return [];\n const results: CascaderOption[][] = [];\n const max = Cascader.MAX_FILTER_RESULTS;\n const walk = (opts: CascaderOption[], ancestors: CascaderOption[]) => {\n // P4:达到上限即停止递归,避免超大树返回过多结果\n if (results.length >= max) return;\n for (const opt of opts) {\n if (results.length >= max) return;\n const currentPath = [...ancestors, opt];\n if (opt.label.toLowerCase().includes(trimmed)) results.push(currentPath);\n if (opt.children && opt.children.length > 0) walk(opt.children, currentPath);\n }\n };\n walk(this.options, []);\n return results;\n }\n\n /** 搜索结果点击:单选选中(叶子或 checkStrictly 任意层),多选 toggle 该路径 */\n private handleSearchSelect = (path: CascaderOption[]) => {\n const valuePath = path.map(opt => opt.value);\n if (this.multiple) {\n let model = this.getMultiModel().map(p => [...p]);\n const idx = model.findIndex(p => this.pathEquals(p, valuePath));\n if (idx >= 0) model.splice(idx, 1);\n else model.push(valuePath);\n this.modelValue = model;\n this.hbChange.emit(model);\n this.searchValue = '';\n this.filteredPaths = [];\n return;\n }\n const last = path[path.length - 1];\n const isLeaf = !last.children || last.children.length === 0 || last.leaf;\n this.searchValue = '';\n this.filteredPaths = [];\n if (isLeaf || this.checkStrictly) {\n this.modelValue = valuePath;\n this.updateInputValue();\n this.hbChange.emit(valuePath);\n this.isOpen = false;\n this.activePath = [];\n } else {\n this.activePath = valuePath;\n this.hbExpandChange.emit(valuePath);\n }\n };\n\n private handleClear = (e: Event) => {\n e.stopPropagation();\n if (this.multiple) {\n this.modelValue = [];\n this.hbChange.emit([]);\n } else {\n this.modelValue = undefined;\n this.inputValue = '';\n this.hbChange.emit(undefined);\n }\n this.isOpen = false;\n };\n\n /** 菜单项点击(label 区):多选→叶子 toggle/非叶子展开;单选→handleSelect */\n private handleItemClick = (option: CascaderOption, path: ValuePath) => {\n if (this.multiple) {\n const isLeaf = !option.children || option.children.length === 0 || option.leaf;\n if (isLeaf) {\n this.handleCheck(option, path);\n } else {\n const newPath = [...path, option.value];\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n }\n return;\n }\n this.handleSelect(option.value, path);\n };\n\n /** 单选:选中(叶子或 checkStrictly 任意层)或展开 / lazy 加载 */\n private handleSelect(value: string | number, path: ValuePath) {\n const newPath = [...path, value];\n let currentOptions = this.options;\n let selectedOption: CascaderOption | null = null;\n for (const pathValue of newPath) {\n selectedOption = currentOptions.find(opt => opt.value === pathValue) || null;\n if (!selectedOption) break;\n currentOptions = selectedOption.children || [];\n }\n\n // lazy + load:children 未加载 → 触发加载\n if (this.lazy && this.load && selectedOption && selectedOption.children === undefined && !selectedOption.leaf) {\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n void this.loadChildren(selectedOption, newPath);\n return;\n }\n\n const isLeaf = !selectedOption || !selectedOption.children || selectedOption.children.length === 0 || selectedOption.leaf;\n\n // checkStrictly 或叶子 → 选中并关闭\n if (this.checkStrictly || isLeaf) {\n this.modelValue = newPath;\n this.updateInputValue();\n this.hbChange.emit(newPath);\n this.isOpen = false;\n this.activePath = [];\n } else {\n // 非叶子 → 展开\n this.activePath = newPath;\n this.hbExpandChange.emit(newPath);\n }\n }\n\n private async loadChildren(node: CascaderOption, path: ValuePath) {\n if (!this.load) return;\n this.loadingKeys = new Set([...this.loadingKeys, node.value]);\n try {\n const children = await this.load(node);\n this.options = this.replaceOptionChildren(this.options, node.value, children);\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('[hb-cascader] lazy load failed:', err);\n this.activePath = this.activePath.slice(0, this.activePath.indexOf(node.value) + 1);\n } finally {\n const next = new Set(this.loadingKeys);\n next.delete(node.value);\n this.loadingKeys = next;\n }\n void path;\n void node;\n }\n\n private replaceOptionChildren(options: CascaderOption[], targetValue: string | number, newChildren: CascaderOption[]): CascaderOption[] {\n return options.map(opt => {\n if (opt.value === targetValue) return { ...opt, children: newChildren };\n if (opt.children && opt.children.length > 0) {\n return { ...opt, children: this.replaceOptionChildren(opt.children, targetValue, newChildren) };\n }\n return opt;\n });\n }\n\n // ===== render =====\n\n render() {\n // P3:getDisplayTags() 涉及全树递归,单次 render 仅算一次,避免 3 次重复递归。\n const displayTags = this.multiple ? this.getDisplayTags() : [];\n const visibleTags = this.maxTagCount === undefined ? displayTags : displayTags.slice(0, this.maxTagCount);\n const overflowCount = this.maxTagCount !== undefined ? Math.max(0, displayTags.length - this.maxTagCount) : 0;\n return (\n <div\n class={{\n 'hb-cascader': true,\n 'hb-cascader--open': this.isOpen,\n 'hb-cascader--disabled': this.disabled,\n 'hb-cascader--multiple': this.multiple,\n [`hb-cascader--${this.size}`]: true,\n }}\n >\n <div class=\"hb-cascader__input-wrapper\" onClick={this.handleInputClick}>\n {this.multiple &&\n visibleTags.map(tag => (\n <span class=\"hb-cascader__tag\">\n <span class=\"hb-cascader__tag-label\">{tag.label}</span>\n {!this.disabled && (\n <span\n class=\"hb-cascader__tag-close\"\n role=\"button\"\n aria-label=\"删除\"\n tabindex={0}\n onClick={e => this.handleTagRemove(tag.path, e)}\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.handleTagRemove(tag.path, e);\n }\n }}\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n </span>\n )}\n </span>\n ))}\n {this.multiple && overflowCount > 0 && <span class=\"hb-cascader__tag-overflow\">+{overflowCount}</span>}\n <input\n type=\"text\"\n id={this.inputId}\n name={this.name}\n class=\"hb-cascader__input\"\n placeholder={this.hasValue() ? '' : this.placeholder}\n value={this.multiple ? '' : this.inputValue}\n disabled={this.disabled}\n readonly\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={this.isOpen ? 'true' : 'false'}\n onKeyDown={this.handleKeyDown}\n />\n <span class=\"hb-cascader__suffix\">\n {this.clearable && this.hasValue() && (\n <span\n class=\"hb-cascader__clear\"\n role=\"button\"\n aria-label=\"清空\"\n tabindex={0}\n onClick={this.handleClear}\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.handleClear(e);\n }\n }}\n >\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n </span>\n )}\n <span class=\"hb-cascader__arrow\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M6 9l6 6 6-6\" />\n </svg>\n </span>\n </span>\n </div>\n {this.isOpen && (\n <div class=\"hb-cascader__dropdown\">\n {this.filterable && (\n <div class=\"hb-cascader__search\">\n <input type=\"text\" class=\"hb-cascader__search-input\" placeholder=\"搜索\" value={this.searchValue} onInput={this.handleSearchInput} aria-label=\"搜索选项\" />\n </div>\n )}\n {this.filterable && this.searchValue.trim() !== '' ? (\n this.renderSearchResults()\n ) : (\n <div class=\"hb-cascader__menus\" role=\"listbox\" aria-multiselectable={this.multiple ? 'true' : 'false'}>\n {this.renderCascaderMenus()}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n\n private renderCascaderMenus() {\n const menus: any[] = [];\n let currentOptions = this.options;\n let currentPath: ValuePath = [];\n\n menus.push(this.renderMenu(currentOptions, currentPath));\n\n for (let i = 0; i < this.activePath.length; i++) {\n const pathValue = this.activePath[i];\n const option = currentOptions.find(opt => opt.value === pathValue);\n if (!option) break;\n\n if (option.children === undefined && this.loadingKeys.has(option.value)) {\n menus.push(this.renderLoadingMenu());\n break;\n }\n\n if (option.children && option.children.length > 0) {\n currentPath = [...currentPath, pathValue];\n currentOptions = option.children;\n menus.push(this.renderMenu(currentOptions, currentPath));\n } else {\n break;\n }\n }\n return menus;\n }\n\n private renderLoadingMenu() {\n return (\n <ul class=\"hb-cascader__menu-list hb-cascader__menu-list--loading\" role=\"status\" aria-live=\"polite\">\n <li class=\"hb-cascader__menu-item hb-cascader__menu-item--loading\">\n <span class=\"hb-cascader__menu-item-label\">加载中…</span>\n </li>\n </ul>\n );\n }\n\n private renderSearchResults() {\n if (this.filteredPaths.length === 0) {\n return (\n <div class=\"hb-cascader__search-empty\" role=\"status\">\n 无匹配数据\n </div>\n );\n }\n return (\n <div class=\"hb-cascader__search-results\" role=\"listbox\" aria-label=\"搜索结果\">\n {this.filteredPaths.map(path => {\n const labelPath = path.map(opt => opt.label).join(this.separator);\n const valuePath = path.map(opt => opt.value);\n const last = path[path.length - 1];\n const disabled = !!last.disabled;\n const selected = this.multiple\n ? this.getMultiModel().some(p => this.pathEquals(p, valuePath))\n : !!this.modelValue && this.pathEquals(this.modelValue as ValuePath, valuePath);\n\n return (\n <div\n class={{\n 'hb-cascader__search-item': true,\n 'hb-cascader__search-item--selected': selected,\n 'hb-cascader__search-item--disabled': disabled,\n }}\n role=\"option\"\n aria-selected={selected ? 'true' : 'false'}\n aria-disabled={disabled ? 'true' : undefined}\n onClick={() => !disabled && this.handleSearchSelect(path)}\n >\n {this.multiple && (\n <span class=\"hb-cascader__menu-item-checkbox\" data-state={selected ? 'checked' : 'unchecked'} role=\"checkbox\" aria-checked={selected ? 'true' : 'false'} />\n )}\n {labelPath}\n </div>\n );\n })}\n </div>\n );\n }\n\n private renderMenu(options: CascaderOption[], path: ValuePath) {\n if (!options || options.length === 0) return null;\n return (\n <ul class=\"hb-cascader__menu-list\" role=\"group\">\n {options.map(option => {\n const checkState = this.getCheckState(option, path);\n // 单选高亮:路径在当前 modelValue 上\n const isSelected =\n !this.multiple &&\n path.length > 0 &&\n !!this.modelValue &&\n path.every((val, idx) => (this.modelValue as ValuePath)[idx] === val) &&\n (this.modelValue as ValuePath).length === path.length + 1 &&\n (this.modelValue as ValuePath)[path.length] === option.value;\n const showArrow = this.loadingKeys.has(option.value)\n ? false\n : (option.children && option.children.length > 0) || (this.lazy && option.children === undefined && !option.leaf);\n\n return (\n <li\n class={{\n 'hb-cascader__menu-item': true,\n 'hb-cascader__menu-item--selected': isSelected,\n 'hb-cascader__menu-item--disabled': option.disabled,\n }}\n role=\"option\"\n aria-selected={isSelected ? 'true' : 'false'}\n aria-disabled={option.disabled ? 'true' : undefined}\n onClick={() => !option.disabled && this.handleItemClick(option, path)}\n >\n {this.multiple && (\n <span\n class={{\n 'hb-cascader__menu-item-checkbox': true,\n 'hb-cascader__menu-item-checkbox--checked': checkState === 'checked',\n 'hb-cascader__menu-item-checkbox--indeterminate': checkState === 'indeterminate',\n }}\n data-state={checkState}\n role=\"checkbox\"\n aria-checked={checkState === 'indeterminate' ? 'mixed' : checkState === 'checked' ? 'true' : 'false'}\n onClick={e => {\n e.stopPropagation();\n if (!option.disabled) this.handleCheck(option, path);\n }}\n />\n )}\n <span class=\"hb-cascader__menu-item-label\">{option.label}</span>\n {this.loadingKeys.has(option.value) ? (\n <span class=\"hb-cascader__menu-item-loading\" aria-hidden=\"true\">\n <svg\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n stroke-width={2}\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n class=\"hb-cascader__menu-item-loading-svg\"\n >\n <path d=\"M12 5V2L8 6l4 4V7a5 5 0 1 1-5 5H5a7 7 0 1 0 7-7z\" />\n </svg>\n </span>\n ) : showArrow ? (\n <span class=\"hb-cascader__menu-item-arrow\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width={2} stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M9 6l6 6-6 6\" />\n </svg>\n </span>\n ) : null}\n </li>\n );\n })}\n </ul>\n );\n }\n}\n"],"version":3}
@@ -43,6 +43,12 @@ const CheckboxGroup = class {
43
43
  componentDidLoad() {
44
44
  this.updateCheckboxes();
45
45
  }
46
+ // L4:卸载时移除子 checkbox 的 hbChange 监听,规范化 teardown。
47
+ disconnectedCallback() {
48
+ this.checkboxes.forEach(checkbox => {
49
+ checkbox.removeEventListener('hbChange', this.handleCheckboxChange);
50
+ });
51
+ }
46
52
  handleValueChange() {
47
53
  this.updateCheckboxesState();
48
54
  }
@@ -52,7 +58,7 @@ const CheckboxGroup = class {
52
58
  updateCheckboxes() {
53
59
  const checkboxes = Array.from(this.el.querySelectorAll('hb-checkbox'));
54
60
  this.checkboxes = checkboxes;
55
- checkboxes.forEach((checkbox) => {
61
+ checkboxes.forEach(checkbox => {
56
62
  checkbox.disabled = this.disabled || checkbox.disabled;
57
63
  checkbox.size = this.size;
58
64
  checkbox.border = this.border;
@@ -62,12 +68,10 @@ const CheckboxGroup = class {
62
68
  this.updateCheckboxesState();
63
69
  }
64
70
  updateCheckboxesState() {
65
- this.checkboxes.forEach((checkbox) => {
71
+ this.checkboxes.forEach(checkbox => {
66
72
  if (checkbox.value !== undefined) {
67
73
  const isChecked = this.modelValue.includes(checkbox.value);
68
- checkbox.modelValue = isChecked
69
- ? [...this.modelValue]
70
- : this.modelValue.filter((v) => v !== checkbox.value);
74
+ checkbox.modelValue = isChecked ? [...this.modelValue] : this.modelValue.filter(v => v !== checkbox.value);
71
75
  }
72
76
  });
73
77
  }
@@ -78,7 +82,7 @@ const CheckboxGroup = class {
78
82
  return;
79
83
  let newValue;
80
84
  if (this.modelValue.includes(value)) {
81
- newValue = this.modelValue.filter((v) => v !== value);
85
+ newValue = this.modelValue.filter(v => v !== value);
82
86
  // 取消选中后不能低于最小数量
83
87
  if (this.min !== undefined && newValue.length < this.min) {
84
88
  return;
@@ -95,9 +99,9 @@ const CheckboxGroup = class {
95
99
  this.hbChange.emit(newValue);
96
100
  };
97
101
  render() {
98
- return (h("div", { key: 'bec6679f9d71e61ef19f8c57216be635bed70c7b', class: {
102
+ return (h("div", { key: '907e537d44bf915f154c862468e91ea195df7159', class: {
99
103
  'hb-checkbox-group': true,
100
- } }, h("slot", { key: '5e137ca5381a35e9a63b99dbed7f1897117daf47' })));
104
+ } }, h("slot", { key: '823370e5e00a566c375d10bf51ec62f01d77c2f0' })));
101
105
  }
102
106
  static get watchers() { return {
103
107
  "modelValue": ["handleValueChange"],
@@ -1 +1 @@
1
- {"file":"hb-checkbox-group.entry.js","mappings":"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","names":[],"sources":["src/components/Checkbox/checkbox-group.css?tag=hb-checkbox-group&encapsulation=shadow","src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.hb-checkbox-group {\n display: inline-block;\n font-size: 0;\n}\n\n::slotted(hb-checkbox) {\n margin-right: 30px;\n}\n\n::slotted(hb-checkbox:last-child) {\n margin-right: 0;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * CheckboxGroup 多选框组组件\n * 用于管理多个 checkbox\n */\n@Component({\n tag: 'hb-checkbox-group',\n styleUrl: 'checkbox-group.css',\n shadow: true,\n})\nexport class CheckboxGroup {\n @Element() el: HTMLElement;\n\n /**\n * 绑定值\n */\n @Prop({ mutable: true }) modelValue: (string | number)[] = [];\n\n /**\n * 是否禁用\n * @default false\n */\n @Prop() disabled: boolean = false;\n\n /**\n * 尺寸\n */\n @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n /**\n * 是否显示边框\n * @default false\n */\n @Prop() border: boolean = false;\n\n /**\n * 最小选中数量\n */\n @Prop() min?: number;\n\n /**\n * 最大选中数量\n */\n @Prop() max?: number;\n\n /**\n * 值改变事件\n */\n @Event() hbChange: EventEmitter<(string | number)[]>;\n\n @State() checkboxes: HTMLHbCheckboxElement[] = [];\n\n componentDidLoad() {\n this.updateCheckboxes();\n }\n\n @Watch('modelValue')\n handleValueChange() {\n this.updateCheckboxesState();\n }\n\n @Watch('disabled')\n @Watch('size')\n @Watch('border')\n handlePropsChange() {\n this.updateCheckboxes();\n }\n\n private updateCheckboxes() {\n const checkboxes = Array.from(\n this.el.querySelectorAll('hb-checkbox')\n ) as HTMLHbCheckboxElement[];\n\n this.checkboxes = checkboxes;\n\n checkboxes.forEach((checkbox) => {\n checkbox.disabled = this.disabled || checkbox.disabled;\n checkbox.size = this.size;\n checkbox.border = this.border;\n \n // 监听checkbox变化\n checkbox.addEventListener('hbChange', this.handleCheckboxChange);\n });\n\n this.updateCheckboxesState();\n }\n\n private updateCheckboxesState() {\n this.checkboxes.forEach((checkbox) => {\n if (checkbox.value !== undefined) {\n const isChecked = this.modelValue.includes(checkbox.value);\n checkbox.modelValue = isChecked\n ? [...this.modelValue]\n : this.modelValue.filter((v) => v !== checkbox.value);\n }\n });\n }\n\n private handleCheckboxChange = (e: CustomEvent) => {\n const checkbox = e.target as HTMLHbCheckboxElement;\n const value = checkbox.value;\n\n if (value === undefined) return;\n\n let newValue: (string | number)[];\n\n if (this.modelValue.includes(value)) {\n newValue = this.modelValue.filter((v) => v !== value);\n // 取消选中后不能低于最小数量\n if (this.min !== undefined && newValue.length < this.min) {\n return;\n }\n } else {\n // 选中后不能超过最大数量\n if (this.max !== undefined && this.modelValue.length >= this.max) {\n return;\n }\n newValue = [...this.modelValue, value];\n }\n\n this.modelValue = newValue;\n this.hbChange.emit(newValue);\n };\n\n render() {\n return (\n <div\n class={{\n 'hb-checkbox-group': true,\n }}\n >\n <slot></slot>\n </div>\n );\n }\n}\n\n"],"version":3}
1
+ {"file":"hb-checkbox-group.entry.js","mappings":"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","names":[],"sources":["src/components/Checkbox/checkbox-group.css?tag=hb-checkbox-group&encapsulation=shadow","src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.hb-checkbox-group {\n display: inline-block;\n font-size: 0;\n}\n\n::slotted(hb-checkbox) {\n margin-right: 30px;\n}\n\n::slotted(hb-checkbox:last-child) {\n margin-right: 0;\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch, Element } from '@stencil/core';\n\n/**\n * CheckboxGroup 多选框组组件\n * 用于管理多个 checkbox\n */\n@Component({\n tag: 'hb-checkbox-group',\n styleUrl: 'checkbox-group.css',\n shadow: true,\n})\nexport class CheckboxGroup {\n @Element() el: HTMLElement;\n\n /**\n * 绑定值\n */\n @Prop({ mutable: true }) modelValue: (string | number)[] = [];\n\n /**\n * 是否禁用\n * @default false\n */\n @Prop() disabled: boolean = false;\n\n /**\n * 尺寸\n */\n @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n /**\n * 是否显示边框\n * @default false\n */\n @Prop() border: boolean = false;\n\n /**\n * 最小选中数量\n */\n @Prop() min?: number;\n\n /**\n * 最大选中数量\n */\n @Prop() max?: number;\n\n /**\n * 值改变事件\n */\n @Event() hbChange: EventEmitter<(string | number)[]>;\n\n @State() checkboxes: HTMLHbCheckboxElement[] = [];\n\n componentDidLoad() {\n this.updateCheckboxes();\n }\n\n // L4:卸载时移除子 checkbox 的 hbChange 监听,规范化 teardown。\n disconnectedCallback() {\n this.checkboxes.forEach(checkbox => {\n checkbox.removeEventListener('hbChange', this.handleCheckboxChange);\n });\n }\n\n @Watch('modelValue')\n handleValueChange() {\n this.updateCheckboxesState();\n }\n\n @Watch('disabled')\n @Watch('size')\n @Watch('border')\n handlePropsChange() {\n this.updateCheckboxes();\n }\n\n private updateCheckboxes() {\n const checkboxes = Array.from(this.el.querySelectorAll('hb-checkbox')) as HTMLHbCheckboxElement[];\n\n this.checkboxes = checkboxes;\n\n checkboxes.forEach(checkbox => {\n checkbox.disabled = this.disabled || checkbox.disabled;\n checkbox.size = this.size;\n checkbox.border = this.border;\n\n // 监听checkbox变化\n checkbox.addEventListener('hbChange', this.handleCheckboxChange);\n });\n\n this.updateCheckboxesState();\n }\n\n private updateCheckboxesState() {\n this.checkboxes.forEach(checkbox => {\n if (checkbox.value !== undefined) {\n const isChecked = this.modelValue.includes(checkbox.value);\n checkbox.modelValue = isChecked ? [...this.modelValue] : this.modelValue.filter(v => v !== checkbox.value);\n }\n });\n }\n\n private handleCheckboxChange = (e: CustomEvent) => {\n const checkbox = e.target as HTMLHbCheckboxElement;\n const value = checkbox.value;\n\n if (value === undefined) return;\n\n let newValue: (string | number)[];\n\n if (this.modelValue.includes(value)) {\n newValue = this.modelValue.filter(v => v !== value);\n // 取消选中后不能低于最小数量\n if (this.min !== undefined && newValue.length < this.min) {\n return;\n }\n } else {\n // 选中后不能超过最大数量\n if (this.max !== undefined && this.modelValue.length >= this.max) {\n return;\n }\n newValue = [...this.modelValue, value];\n }\n\n this.modelValue = newValue;\n this.hbChange.emit(newValue);\n };\n\n render() {\n return (\n <div\n class={{\n 'hb-checkbox-group': true,\n }}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
@@ -57,6 +57,11 @@ const Checkbox = class {
57
57
  */
58
58
  hbChange;
59
59
  isChecked = false;
60
+ /**
61
+ * P7:实例级稳定 inputId,在 componentWillLoad 生成一次。
62
+ * 修复前每次 render 用 Math.random() 生成新 id,破坏 SSR 水合与外部 getElementById 缓存。
63
+ */
64
+ stableInputId = `hb-checkbox-${Math.random().toString(36).slice(2, 11)}`;
60
65
  handleValueChange() {
61
66
  this.updateChecked();
62
67
  }
@@ -101,17 +106,17 @@ const Checkbox = class {
101
106
  }
102
107
  };
103
108
  render() {
104
- const inputId = this.checkboxId || `hb-checkbox-${Math.random().toString(36).substr(2, 9)}`;
105
- return (h("label", { key: '4a8a921d4acee922e78022b7a2d9acbbe4c81ca9', class: {
109
+ const inputId = this.checkboxId || this.stableInputId;
110
+ return (h("label", { key: '0e4e2f28d55bedb791acadf1b5607c9c100a1229', class: {
106
111
  'hb-checkbox': true,
107
112
  'hb-checkbox--checked': this.isChecked,
108
113
  'hb-checkbox--disabled': this.disabled,
109
114
  'hb-checkbox--border': this.border,
110
115
  [`hb-checkbox--${this.size}`]: true,
111
- } }, h("span", { key: '53b12cc28cdb425aae8313b82e42c3d6495ba29b', class: "hb-checkbox__input" }, h("input", { key: '91bf4e03b846281ba487dbe66a7e89ecd90cec47', type: "checkbox", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, indeterminate: this.indeterminate, onChange: this.handleChange, class: "hb-checkbox__original" }), h("span", { key: 'f8c2cf109ccd867a11d90202b2ccc9e65a24f209', class: {
116
+ } }, h("span", { key: '621e476251e104ce7ffdc19bff15a825e612f787', class: "hb-checkbox__input" }, h("input", { key: '8d826b8fbd5ed334440b8a711c244b656d950fd9', type: "checkbox", id: inputId, name: this.name, checked: this.isChecked, disabled: this.disabled, indeterminate: this.indeterminate, onChange: this.handleChange, class: "hb-checkbox__original" }), h("span", { key: 'fda16db0f97a5ab1d1726970f63938e8e0444ee3', class: {
112
117
  'hb-checkbox__inner': true,
113
118
  'hb-checkbox__inner--indeterminate': this.indeterminate,
114
- } })), (this.label || this.value !== undefined) && (h("span", { key: '388050b4cc69b3d760ba7d3ae9f115adeb3e47f0', class: "hb-checkbox__label" }, h("slot", { key: '3368be81921aa59e5114bb975e8821aab60ec396' }, this.label || this.value)))));
119
+ } })), (this.label || this.value !== undefined) && (h("span", { key: 'edf63f685bb45b9e284033b731d8ded2f8723b6a', class: "hb-checkbox__label" }, h("slot", { key: 'e27d6d674f13ba79c65537dc7d6480202ba3b591' }, this.label || this.value)))));
115
120
  }
116
121
  static get watchers() { return {
117
122
  "modelValue": ["handleValueChange"],
@@ -1 +1 @@
1
- {"file":"hb-checkbox.entry.js","mappings":"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","names":[],"sources":["src/components/Checkbox/checkbox.css?tag=hb-checkbox&encapsulation=shadow","src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[":host {\n display: inline-block;\n --hb-checkbox-font-size: 14px;\n --hb-checkbox-font-size-large: 16px;\n --hb-checkbox-font-size-small: 12px;\n --hb-checkbox-color: var(--hb-color-primary);\n --hb-checkbox-border-color: var(--hb-border-color, #dcdfe6);\n --hb-checkbox-border-color-checked: var(--hb-color-primary);\n --hb-checkbox-bg-color: var(--hb-color-white, #ffffff);\n --hb-checkbox-text-color: var(--hb-color-text-regular, #606266);\n --hb-checkbox-disabled-color: var(--hb-color-text-placeholder, #c0c4cc);\n --hb-checkbox-disabled-bg-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-checkbox {\n color: var(--hb-checkbox-text-color);\n font-weight: 500;\n font-size: var(--hb-checkbox-font-size);\n position: relative;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n user-select: none;\n margin-right: 30px;\n}\n\n.hb-checkbox:last-child {\n margin-right: 0;\n}\n\n.hb-checkbox__input {\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n display: inline-flex;\n position: relative;\n vertical-align: middle;\n}\n\n.hb-checkbox__original {\n opacity: 0;\n outline: none;\n position: absolute;\n margin: 0;\n width: 0;\n height: 0;\n z-index: -1;\n}\n\n.hb-checkbox__inner {\n display: inline-block;\n position: relative;\n border: var(--hb-border, 1px solid var(--hb-checkbox-border-color));\n border-radius: 2px;\n box-sizing: border-box;\n width: 14px;\n height: 14px;\n background-color: var(--hb-checkbox-bg-color);\n z-index: 1;\n transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),\n background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);\n}\n\n.hb-checkbox__inner::after {\n box-sizing: content-box;\n content: '';\n border: 2px solid var(--hb-color-white, #ffffff);\n border-left: 0;\n border-top: 0;\n height: 7px;\n left: 4px;\n position: absolute;\n top: 1px;\n transform: rotate(45deg) scaleY(0);\n width: 3px;\n transition: transform 0.15s ease-in 0.05s;\n transform-origin: center;\n}\n\n.hb-checkbox--checked .hb-checkbox__inner {\n background-color: var(--hb-checkbox-color);\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n.hb-checkbox--checked .hb-checkbox__inner::after {\n transform: rotate(45deg) scaleY(1);\n}\n\n.hb-checkbox__inner--indeterminate {\n background-color: var(--hb-checkbox-color);\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n.hb-checkbox__inner--indeterminate::after {\n content: '';\n position: absolute;\n display: block;\n background-color: var(--hb-color-white, #ffffff);\n height: 2px;\n transform: scaleX(0.5);\n left: 0;\n right: 0;\n top: 5px;\n}\n\n.hb-checkbox__label {\n padding-left: 8px;\n line-height: 1;\n font-size: var(--hb-checkbox-font-size);\n}\n\n.hb-checkbox--disabled {\n cursor: not-allowed;\n}\n\n.hb-checkbox--disabled .hb-checkbox__inner {\n background-color: var(--hb-checkbox-disabled-bg-color);\n border-color: var(--hb-checkbox-border-color);\n cursor: not-allowed;\n}\n\n.hb-checkbox--disabled .hb-checkbox__inner::after {\n cursor: not-allowed;\n border-color: var(--hb-checkbox-disabled-color);\n}\n\n.hb-checkbox--disabled .hb-checkbox__label {\n color: var(--hb-checkbox-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-checkbox--border {\n padding: 9px 15px 9px 9px;\n border-radius: 4px;\n border: 1px solid var(--hb-checkbox-border-color);\n box-sizing: border-box;\n white-space: nowrap;\n}\n\n.hb-checkbox--border.hb-checkbox--checked {\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n.hb-checkbox--border.hb-checkbox--disabled {\n border-color: var(--hb-checkbox-border-color);\n cursor: not-allowed;\n}\n\n.hb-checkbox--small {\n font-size: var(--hb-checkbox-font-size-small);\n}\n\n.hb-checkbox--small .hb-checkbox__inner {\n width: 12px;\n height: 12px;\n}\n\n.hb-checkbox--small .hb-checkbox__label {\n padding-left: 6px;\n}\n\n.hb-checkbox--large {\n font-size: var(--hb-checkbox-font-size-large);\n}\n\n.hb-checkbox--large .hb-checkbox__inner {\n width: 16px;\n height: 16px;\n}\n\n.hb-checkbox--large .hb-checkbox__label {\n padding-left: 10px;\n}\n\n.hb-checkbox:hover:not(.hb-checkbox--disabled) .hb-checkbox__inner {\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\nexport interface CheckboxOption {\n label: string;\n value: string | number;\n disabled?: boolean;\n}\n\n/**\n * Checkbox 多选框组件\n * 一组备选项中进行多选\n */\n@Component({\n tag: 'hb-checkbox',\n styleUrl: 'checkbox.css',\n shadow: true,\n})\nexport class Checkbox {\n /**\n * 绑定值\n */\n @Prop({ mutable: true }) modelValue: boolean | (string | number)[] = false;\n\n /**\n * 当前值(用于单个 checkbox)\n */\n @Prop() value?: string | number;\n\n /**\n * 是否禁用\n * @default false\n */\n @Prop() disabled: boolean = false;\n\n /**\n * 是否选中\n * @default false\n */\n @Prop() checked: boolean = false;\n\n /**\n * 是否不确定状态\n * @default false\n */\n @Prop() indeterminate: boolean = false;\n\n /**\n * 原生 name 属性\n */\n @Prop() name?: string;\n\n /**\n * 原生 id 属性\n */\n @Prop() checkboxId?: string;\n\n /**\n * 文本标签\n */\n @Prop() label?: string;\n\n /**\n * 是否显示边框\n * @default false\n */\n @Prop() border: boolean = false;\n\n /**\n * 尺寸\n */\n @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n /**\n * 值改变事件\n */\n @Event() hbChange: EventEmitter<boolean | (string | number)[]>;\n\n @State() isChecked: boolean = false;\n\n @Watch('modelValue')\n @Watch('checked')\n @Watch('value')\n handleValueChange() {\n this.updateChecked();\n }\n\n componentDidLoad() {\n this.updateChecked();\n }\n\n private updateChecked() {\n if (this.value !== undefined) {\n // 在 checkbox group 中\n const modelValue = this.modelValue as (string | number)[];\n this.isChecked = Array.isArray(modelValue) && modelValue.includes(this.value);\n } else {\n // 单个 checkbox\n this.isChecked = this.checked || (this.modelValue as boolean);\n }\n }\n\n private handleChange = (e: Event) => {\n const target = e.target as HTMLInputElement;\n \n if (this.disabled) {\n e.preventDefault();\n return;\n }\n\n if (this.value !== undefined) {\n // 在 checkbox group 中\n const modelValue = (this.modelValue as (string | number)[]) || [];\n let newValue: (string | number)[];\n \n if (target.checked) {\n newValue = [...modelValue, this.value];\n } else {\n newValue = modelValue.filter(v => v !== this.value);\n }\n \n this.modelValue = newValue;\n this.hbChange.emit(newValue);\n } else {\n // 单个 checkbox\n this.modelValue = target.checked;\n this.isChecked = target.checked;\n this.hbChange.emit(target.checked);\n }\n };\n\n render() {\n const inputId = this.checkboxId || `hb-checkbox-${Math.random().toString(36).substr(2, 9)}`;\n \n return (\n <label\n class={{\n 'hb-checkbox': true,\n 'hb-checkbox--checked': this.isChecked,\n 'hb-checkbox--disabled': this.disabled,\n 'hb-checkbox--border': this.border,\n [`hb-checkbox--${this.size}`]: true,\n }}\n >\n <span class=\"hb-checkbox__input\">\n <input\n type=\"checkbox\"\n id={inputId}\n name={this.name}\n checked={this.isChecked}\n disabled={this.disabled}\n indeterminate={this.indeterminate}\n onChange={this.handleChange}\n class=\"hb-checkbox__original\"\n />\n <span\n class={{\n 'hb-checkbox__inner': true,\n 'hb-checkbox__inner--indeterminate': this.indeterminate,\n }}\n ></span>\n </span>\n {(this.label || this.value !== undefined) && (\n <span class=\"hb-checkbox__label\">\n <slot>{this.label || this.value}</slot>\n </span>\n )}\n </label>\n );\n }\n}\n\n"],"version":3}
1
+ {"file":"hb-checkbox.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,kxSAAkxS,CAAC;AACvyS,yBAAe,WAAW;;MCgBb,QAAQ;;;;;;;;IAIM,UAAU,GAAkC,KAAK,CAAC;;;;IAKnE,KAAK,CAAmB;;;;;IAMxB,QAAQ,GAAY,KAAK,CAAC;;;;;IAM1B,OAAO,GAAY,KAAK,CAAC;;;;;IAMzB,aAAa,GAAY,KAAK,CAAC;;;;IAK/B,IAAI,CAAU;;;;IAKd,UAAU,CAAU;;;;IAKpB,KAAK,CAAU;;;;;IAMf,MAAM,GAAY,KAAK,CAAC;;;;IAKxB,IAAI,GAAkC,SAAS,CAAC;;;;IAK/C,QAAQ,CAA8C;IAEtD,SAAS,GAAY,KAAK,CAAC;;;;;IAM5B,aAAa,GAAG,eAAe,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;IAKjF,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAED,gBAAgB;QACd,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;;YAE5B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAiC,CAAC;YAC1D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC/E;aAAM;;YAEL,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,IAAK,IAAI,CAAC,UAAsB,CAAC;SAC/D;KACF;IAEO,YAAY,GAAG,CAAC,CAAQ;QAC9B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAE5C,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;;YAE5B,MAAM,UAAU,GAAI,IAAI,CAAC,UAAkC,IAAI,EAAE,CAAC;YAClE,IAAI,QAA6B,CAAC;YAElC,IAAI,MAAM,CAAC,OAAO,EAAE;gBAClB,QAAQ,GAAG,CAAC,GAAG,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;aACxC;iBAAM;gBACL,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;aACrD;YAED,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC3B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC9B;aAAM;;YAEL,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;YACjC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;SACpC;KACF,CAAC;IAEF,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,aAAa,CAAC;QAEtD,QACE,8DACE,KAAK,EAAE;gBACL,aAAa,EAAE,IAAI;gBACnB,sBAAsB,EAAE,IAAI,CAAC,SAAS;gBACtC,uBAAuB,EAAE,IAAI,CAAC,QAAQ;gBACtC,qBAAqB,EAAE,IAAI,CAAC,MAAM;gBAClC,CAAC,gBAAgB,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI;aACpC,IAED,6DAAM,KAAK,EAAC,oBAAoB,IAC9B,8DACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,SAAS,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,KAAK,EAAC,uBAAuB,GAC7B,EACF,6DACE,KAAK,EAAE;gBACL,oBAAoB,EAAE,IAAI;gBAC1B,mCAAmC,EAAE,IAAI,CAAC,aAAa;aACxD,GACK,CACH,EACN,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,MACtC,6DAAM,KAAK,EAAC,oBAAoB,IAC9B,+DAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAQ,CAClC,CACR,CACK,EACR;KACH;;;;;;;;;;;","names":[],"sources":["src/components/Checkbox/checkbox.css?tag=hb-checkbox&encapsulation=shadow","src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[":host {\n display: inline-block;\n --hb-checkbox-font-size: 14px;\n --hb-checkbox-font-size-large: 16px;\n --hb-checkbox-font-size-small: 12px;\n --hb-checkbox-color: var(--hb-color-primary);\n --hb-checkbox-border-color: var(--hb-border-color, #dcdfe6);\n --hb-checkbox-border-color-checked: var(--hb-color-primary);\n --hb-checkbox-bg-color: var(--hb-color-white, #ffffff);\n --hb-checkbox-text-color: var(--hb-color-text-regular, #606266);\n --hb-checkbox-disabled-color: var(--hb-color-text-placeholder, #c0c4cc);\n --hb-checkbox-disabled-bg-color: var(--hb-fill-color-light, #f5f7fa);\n}\n\n.hb-checkbox {\n color: var(--hb-checkbox-text-color);\n font-weight: 500;\n font-size: var(--hb-checkbox-font-size);\n position: relative;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n user-select: none;\n margin-right: 30px;\n}\n\n.hb-checkbox:last-child {\n margin-right: 0;\n}\n\n.hb-checkbox__input {\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n display: inline-flex;\n position: relative;\n vertical-align: middle;\n}\n\n.hb-checkbox__original {\n opacity: 0;\n outline: none;\n position: absolute;\n margin: 0;\n width: 0;\n height: 0;\n z-index: -1;\n}\n\n.hb-checkbox__inner {\n display: inline-block;\n position: relative;\n border: var(--hb-border, 1px solid var(--hb-checkbox-border-color));\n border-radius: 2px;\n box-sizing: border-box;\n width: 14px;\n height: 14px;\n background-color: var(--hb-checkbox-bg-color);\n z-index: 1;\n transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),\n background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);\n}\n\n.hb-checkbox__inner::after {\n box-sizing: content-box;\n content: '';\n border: 2px solid var(--hb-color-white, #ffffff);\n border-left: 0;\n border-top: 0;\n height: 7px;\n left: 4px;\n position: absolute;\n top: 1px;\n transform: rotate(45deg) scaleY(0);\n width: 3px;\n transition: transform 0.15s ease-in 0.05s;\n transform-origin: center;\n}\n\n.hb-checkbox--checked .hb-checkbox__inner {\n background-color: var(--hb-checkbox-color);\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n.hb-checkbox--checked .hb-checkbox__inner::after {\n transform: rotate(45deg) scaleY(1);\n}\n\n.hb-checkbox__inner--indeterminate {\n background-color: var(--hb-checkbox-color);\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n.hb-checkbox__inner--indeterminate::after {\n content: '';\n position: absolute;\n display: block;\n background-color: var(--hb-color-white, #ffffff);\n height: 2px;\n transform: scaleX(0.5);\n left: 0;\n right: 0;\n top: 5px;\n}\n\n.hb-checkbox__label {\n padding-left: 8px;\n line-height: 1;\n font-size: var(--hb-checkbox-font-size);\n}\n\n.hb-checkbox--disabled {\n cursor: not-allowed;\n}\n\n.hb-checkbox--disabled .hb-checkbox__inner {\n background-color: var(--hb-checkbox-disabled-bg-color);\n border-color: var(--hb-checkbox-border-color);\n cursor: not-allowed;\n}\n\n.hb-checkbox--disabled .hb-checkbox__inner::after {\n cursor: not-allowed;\n border-color: var(--hb-checkbox-disabled-color);\n}\n\n.hb-checkbox--disabled .hb-checkbox__label {\n color: var(--hb-checkbox-disabled-color);\n cursor: not-allowed;\n}\n\n.hb-checkbox--border {\n padding: 9px 15px 9px 9px;\n border-radius: 4px;\n border: 1px solid var(--hb-checkbox-border-color);\n box-sizing: border-box;\n white-space: nowrap;\n}\n\n.hb-checkbox--border.hb-checkbox--checked {\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n.hb-checkbox--border.hb-checkbox--disabled {\n border-color: var(--hb-checkbox-border-color);\n cursor: not-allowed;\n}\n\n.hb-checkbox--small {\n font-size: var(--hb-checkbox-font-size-small);\n}\n\n.hb-checkbox--small .hb-checkbox__inner {\n width: 12px;\n height: 12px;\n}\n\n.hb-checkbox--small .hb-checkbox__label {\n padding-left: 6px;\n}\n\n.hb-checkbox--large {\n font-size: var(--hb-checkbox-font-size-large);\n}\n\n.hb-checkbox--large .hb-checkbox__inner {\n width: 16px;\n height: 16px;\n}\n\n.hb-checkbox--large .hb-checkbox__label {\n padding-left: 10px;\n}\n\n.hb-checkbox:hover:not(.hb-checkbox--disabled) .hb-checkbox__inner {\n border-color: var(--hb-checkbox-border-color-checked);\n}\n\n","import { Component, h, Prop, Event, EventEmitter, State, Watch } from '@stencil/core';\n\nexport interface CheckboxOption {\n label: string;\n value: string | number;\n disabled?: boolean;\n}\n\n/**\n * Checkbox 多选框组件\n * 一组备选项中进行多选\n */\n@Component({\n tag: 'hb-checkbox',\n styleUrl: 'checkbox.css',\n shadow: true,\n})\nexport class Checkbox {\n /**\n * 绑定值\n */\n @Prop({ mutable: true }) modelValue: boolean | (string | number)[] = false;\n\n /**\n * 当前值(用于单个 checkbox)\n */\n @Prop() value?: string | number;\n\n /**\n * 是否禁用\n * @default false\n */\n @Prop() disabled: boolean = false;\n\n /**\n * 是否选中\n * @default false\n */\n @Prop() checked: boolean = false;\n\n /**\n * 是否不确定状态\n * @default false\n */\n @Prop() indeterminate: boolean = false;\n\n /**\n * 原生 name 属性\n */\n @Prop() name?: string;\n\n /**\n * 原生 id 属性\n */\n @Prop() checkboxId?: string;\n\n /**\n * 文本标签\n */\n @Prop() label?: string;\n\n /**\n * 是否显示边框\n * @default false\n */\n @Prop() border: boolean = false;\n\n /**\n * 尺寸\n */\n @Prop() size: 'large' | 'default' | 'small' = 'default';\n\n /**\n * 值改变事件\n */\n @Event() hbChange: EventEmitter<boolean | (string | number)[]>;\n\n @State() isChecked: boolean = false;\n\n /**\n * P7:实例级稳定 inputId,在 componentWillLoad 生成一次。\n * 修复前每次 render 用 Math.random() 生成新 id,破坏 SSR 水合与外部 getElementById 缓存。\n */\n private stableInputId = `hb-checkbox-${Math.random().toString(36).slice(2, 11)}`;\n\n @Watch('modelValue')\n @Watch('checked')\n @Watch('value')\n handleValueChange() {\n this.updateChecked();\n }\n\n componentDidLoad() {\n this.updateChecked();\n }\n\n private updateChecked() {\n if (this.value !== undefined) {\n // 在 checkbox group 中\n const modelValue = this.modelValue as (string | number)[];\n this.isChecked = Array.isArray(modelValue) && modelValue.includes(this.value);\n } else {\n // 单个 checkbox\n this.isChecked = this.checked || (this.modelValue as boolean);\n }\n }\n\n private handleChange = (e: Event) => {\n const target = e.target as HTMLInputElement;\n\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n\n if (this.value !== undefined) {\n // 在 checkbox group 中\n const modelValue = (this.modelValue as (string | number)[]) || [];\n let newValue: (string | number)[];\n\n if (target.checked) {\n newValue = [...modelValue, this.value];\n } else {\n newValue = modelValue.filter(v => v !== this.value);\n }\n\n this.modelValue = newValue;\n this.hbChange.emit(newValue);\n } else {\n // 单个 checkbox\n this.modelValue = target.checked;\n this.isChecked = target.checked;\n this.hbChange.emit(target.checked);\n }\n };\n\n render() {\n const inputId = this.checkboxId || this.stableInputId;\n\n return (\n <label\n class={{\n 'hb-checkbox': true,\n 'hb-checkbox--checked': this.isChecked,\n 'hb-checkbox--disabled': this.disabled,\n 'hb-checkbox--border': this.border,\n [`hb-checkbox--${this.size}`]: true,\n }}\n >\n <span class=\"hb-checkbox__input\">\n <input\n type=\"checkbox\"\n id={inputId}\n name={this.name}\n checked={this.isChecked}\n disabled={this.disabled}\n indeterminate={this.indeterminate}\n onChange={this.handleChange}\n class=\"hb-checkbox__original\"\n />\n <span\n class={{\n 'hb-checkbox__inner': true,\n 'hb-checkbox__inner--indeterminate': this.indeterminate,\n }}\n ></span>\n </span>\n {(this.label || this.value !== undefined) && (\n <span class=\"hb-checkbox__label\">\n <slot>{this.label || this.value}</slot>\n </span>\n )}\n </label>\n );\n }\n}\n"],"version":3}
@@ -1,13 +1,22 @@
1
1
  import { r as registerInstance, g as getElement, h } from './index-fdf7135e.js';
2
- import { i as isActivationKey } from './a11y-f9ab2964.js';
2
+ import { i as isActivationKey } from './a11y-e4cde5b0.js';
3
3
 
4
4
  const CollapseItem = class {
5
5
  constructor(hostRef) {
6
6
  registerInstance(this, hostRef);
7
7
  }
8
8
  get el() { return getElement(this); }
9
- /** 唯一标识(手风琴模式协调用) */
9
+ /**
10
+ * 唯一标识(手风琴模式协调用)。
11
+ * O3:推荐用 itemKey。保留 key 作为向后兼容别名(key 是 Stencil/React 保留 prop,
12
+ * 通过 JSX 设置时可能被 vdom 拦截;HTML 属性 key="..." 仍可工作)。
13
+ */
14
+ itemKey = '';
10
15
  key = '';
16
+ /** 解析出的有效 key:itemKey 优先,回退到 key */
17
+ get effectiveKey() {
18
+ return this.itemKey || this.key;
19
+ }
11
20
  /** 标题 */
12
21
  title = '';
13
22
  /** 是否禁用 */
@@ -28,7 +37,7 @@ const CollapseItem = class {
28
37
  this.active = this.isOpen;
29
38
  // 通知父级 hb-collapse(composed 穿越 shadow 边界,用于手风琴协调)
30
39
  this.el.dispatchEvent(new CustomEvent('hbCollapseItemToggle', {
31
- detail: { key: this.key, active: this.isOpen },
40
+ detail: { key: this.effectiveKey, active: this.isOpen },
32
41
  bubbles: true,
33
42
  composed: true,
34
43
  }));
@@ -42,7 +51,7 @@ const CollapseItem = class {
42
51
  }
43
52
  };
44
53
  render() {
45
- return (h("div", { key: '37cf0afe29b3a3b6bb538a8dc962804a71c9dce9', class: { 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled } }, h("div", { key: 'be864927a75dc717aab21745f728adbd149fd3b8', class: "hb-collapse-item__header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.toggle, onKeyDown: this.handleHeaderKeydown }, h("span", { key: 'afea7c20f59efc964aeebfb995d0b713ebb28542', class: "hb-collapse-item__title" }, this.title), h("span", { key: '1aa30ec50c6105f8a07a2ac30ea8108d19923eb8', class: { 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen } }, "\u25B6")), h("div", { key: '6e6d66dd8477019c7dc8dbc66fd81646e8c3899a', class: { 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen } }, h("div", { key: '776a67a054ea8fd5b664f2e475843ff2344b41c4', class: "hb-collapse-item__content" }, h("slot", { key: '1fc2c8492891d16fef88b83c2f46207a2508a81e' })))));
54
+ return (h("div", { key: '8a2c030befa8ddd6488dd8c27ed05cf9c12cb725', class: { 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled } }, h("div", { key: 'bc692bdf0c20a3b6b7ec32bc07df43f987699968', class: "hb-collapse-item__header", role: "button", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.toggle, onKeyDown: this.handleHeaderKeydown }, h("span", { key: 'd3564c3db0f101cca70428ce8fed34931454abcd', class: "hb-collapse-item__title" }, this.title), h("span", { key: '75a8e55ccca5909a25c310c959f02cd0203131d9', class: { 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen } }, "\u25B6")), h("div", { key: 'f52384a7a7b6cb9bc44ee96e9e2be49192b9cab0', class: { 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen } }, h("div", { key: 'd387ab83f70c3292b07659b00b433b8c6891b1f1', class: "hb-collapse-item__content" }, h("slot", { key: '3046ac9233488eab8a5a50af56cac5402b21669f' })))));
46
55
  }
47
56
  static get watchers() { return {
48
57
  "active": ["handleActiveChange"]
@@ -1 +1 @@
1
- {"file":"hb-collapse-item.entry.js","mappings":";;;MAIa,YAAY;;;;;;IAIf,GAAG,GAAW,EAAE,CAAC;;IAGjB,KAAK,GAAW,EAAE,CAAC;;IAGnB,QAAQ,GAAY,KAAK,CAAC;;IAGT,MAAM,GAAY,KAAK,CAAC;IAExC,MAAM,GAAY,KAAK,CAAC;IAEjC,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAC3B;IAGD,kBAAkB,CAAC,GAAY;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;KACnB;IAEO,MAAM,GAAG;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;;QAE1B,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YAC9C,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;KACH,CAAC;IAEM,mBAAmB,GAAG,CAAC,CAAgB;QAC7C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;KACF,CAAC;IAEF,MAAM;QACJ,QACE,4DACE,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,CAAC,MAAM,EAAE,4BAA4B,EAAE,IAAI,CAAC,QAAQ,EAAE,IAEzH,4DACE,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjB,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,mBAC9B,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,EACjD,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,mBAAmB,IAEnC,6DAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACzD,6DAAM,KAAK,EAAE,EAAE,yBAAyB,EAAE,IAAI,EAAE,+BAA+B,EAAE,IAAI,CAAC,MAAM,EAAE,aAAU,CACpG,EACN,4DAAK,KAAK,EAAE,EAAE,2BAA2B,EAAE,IAAI,EAAE,iCAAiC,EAAE,IAAI,CAAC,MAAM,EAAE,IAC/F,4DAAK,KAAK,EAAC,2BAA2B,IACpC,8DAAQ,CACJ,CACF,CACF,EACN;KACH;;;;;;;;","names":[],"sources":["src/components/Collapse/CollapseItem.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n@Component({ tag: 'hb-collapse-item', shadow: true })\nexport class CollapseItem {\n @Element() el: HTMLElement;\n\n /** 唯一标识(手风琴模式协调用) */\n @Prop() key: string = '';\n\n /** 标题 */\n @Prop() title: string = '';\n\n /** 是否禁用 */\n @Prop() disabled: boolean = false;\n\n /** 是否展开(受控;由父级 hb-collapse 在手风琴模式下联动) */\n @Prop({ mutable: true }) active: boolean = false;\n\n @State() isOpen: boolean = false;\n\n componentDidLoad() {\n this.isOpen = this.active;\n }\n\n @Watch('active')\n handleActiveChange(val: boolean) {\n this.isOpen = val;\n }\n\n private toggle = () => {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n this.active = this.isOpen;\n // 通知父级 hb-collapse(composed 穿越 shadow 边界,用于手风琴协调)\n this.el.dispatchEvent(\n new CustomEvent('hbCollapseItemToggle', {\n detail: { key: this.key, active: this.isOpen },\n bubbles: true,\n composed: true,\n }),\n );\n };\n\n private handleHeaderKeydown = (e: KeyboardEvent) => {\n if (this.disabled) return;\n if (isActivationKey(e.key)) {\n e.preventDefault();\n this.toggle();\n }\n };\n\n render() {\n return (\n <div\n class={{ 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled }}\n >\n <div\n class=\"hb-collapse-item__header\"\n role=\"button\"\n tabindex={this.disabled ? -1 : 0}\n aria-expanded={this.isOpen ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.toggle}\n onKeyDown={this.handleHeaderKeydown}\n >\n <span class=\"hb-collapse-item__title\">{this.title}</span>\n <span class={{ 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen }}>▶</span>\n </div>\n <div class={{ 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen }}>\n <div class=\"hb-collapse-item__content\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"hb-collapse-item.entry.js","mappings":";;;MAIa,YAAY;;;;;;;;;;IAQf,OAAO,GAAW,EAAE,CAAC;IACrB,GAAG,GAAW,EAAE,CAAC;;IAGzB,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;KACjC;;IAGO,KAAK,GAAW,EAAE,CAAC;;IAGnB,QAAQ,GAAY,KAAK,CAAC;;IAGT,MAAM,GAAY,KAAK,CAAC;IAExC,MAAM,GAAY,KAAK,CAAC;IAEjC,gBAAgB;QACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;KAC3B;IAGD,kBAAkB,CAAC,GAAY;QAC7B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;KACnB;IAEO,MAAM,GAAG;QACf,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;;QAE1B,IAAI,CAAC,EAAE,CAAC,aAAa,CACnB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YACvD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;KACH,CAAC;IAEM,mBAAmB,GAAG,CAAC,CAAgB;QAC7C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;YAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,EAAE,CAAC;SACf;KACF,CAAC;IAEF,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,EAAE,kBAAkB,EAAE,IAAI,EAAE,0BAA0B,EAAE,IAAI,CAAC,MAAM,EAAE,4BAA4B,EAAE,IAAI,CAAC,QAAQ,EAAE,IAC5H,4DACE,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,mBACjB,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,mBAC9B,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,EACjD,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,SAAS,EAAE,IAAI,CAAC,mBAAmB,IAEnC,6DAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACzD,6DAAM,KAAK,EAAE,EAAE,yBAAyB,EAAE,IAAI,EAAE,+BAA+B,EAAE,IAAI,CAAC,MAAM,EAAE,aAAU,CACpG,EACN,4DAAK,KAAK,EAAE,EAAE,2BAA2B,EAAE,IAAI,EAAE,iCAAiC,EAAE,IAAI,CAAC,MAAM,EAAE,IAC/F,4DAAK,KAAK,EAAC,2BAA2B,IACpC,8DAAQ,CACJ,CACF,CACF,EACN;KACH;;;;;;;;","names":[],"sources":["src/components/Collapse/CollapseItem.tsx"],"sourcesContent":["import { Component, h, Prop, State, Element, Watch } from '@stencil/core';\nimport { isActivationKey } from '../../utils/a11y';\n\n@Component({ tag: 'hb-collapse-item', shadow: true })\nexport class CollapseItem {\n @Element() el: HTMLElement;\n\n /**\n * 唯一标识(手风琴模式协调用)。\n * O3:推荐用 itemKey。保留 key 作为向后兼容别名(key 是 Stencil/React 保留 prop,\n * 通过 JSX 设置时可能被 vdom 拦截;HTML 属性 key=\"...\" 仍可工作)。\n */\n @Prop() itemKey: string = '';\n @Prop() key: string = '';\n\n /** 解析出的有效 key:itemKey 优先,回退到 key */\n private get effectiveKey(): string {\n return this.itemKey || this.key;\n }\n\n /** 标题 */\n @Prop() title: string = '';\n\n /** 是否禁用 */\n @Prop() disabled: boolean = false;\n\n /** 是否展开(受控;由父级 hb-collapse 在手风琴模式下联动) */\n @Prop({ mutable: true }) active: boolean = false;\n\n @State() isOpen: boolean = false;\n\n componentDidLoad() {\n this.isOpen = this.active;\n }\n\n @Watch('active')\n handleActiveChange(val: boolean) {\n this.isOpen = val;\n }\n\n private toggle = () => {\n if (this.disabled) return;\n this.isOpen = !this.isOpen;\n this.active = this.isOpen;\n // 通知父级 hb-collapse(composed 穿越 shadow 边界,用于手风琴协调)\n this.el.dispatchEvent(\n new CustomEvent('hbCollapseItemToggle', {\n detail: { key: this.effectiveKey, active: this.isOpen },\n bubbles: true,\n composed: true,\n }),\n );\n };\n\n private handleHeaderKeydown = (e: KeyboardEvent) => {\n if (this.disabled) return;\n if (isActivationKey(e.key)) {\n e.preventDefault();\n this.toggle();\n }\n };\n\n render() {\n return (\n <div class={{ 'hb-collapse-item': true, 'hb-collapse-item--active': this.isOpen, 'hb-collapse-item--disabled': this.disabled }}>\n <div\n class=\"hb-collapse-item__header\"\n role=\"button\"\n tabindex={this.disabled ? -1 : 0}\n aria-expanded={this.isOpen ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : undefined}\n onClick={this.toggle}\n onKeyDown={this.handleHeaderKeydown}\n >\n <span class=\"hb-collapse-item__title\">{this.title}</span>\n <span class={{ 'hb-collapse-item__arrow': true, 'hb-collapse-item__arrow--open': this.isOpen }}>▶</span>\n </div>\n <div class={{ 'hb-collapse-item__wrapper': true, 'hb-collapse-item__wrapper--open': this.isOpen }}>\n <div class=\"hb-collapse-item__content\">\n <slot />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
@@ -10,24 +10,29 @@ const Collapse = class {
10
10
  get el() { return getElement(this); }
11
11
  /** 是否开启手风琴模式(同时仅展开一项) */
12
12
  accordion = false;
13
+ // L2:抽命名 handler 以便 disconnectedCallback 正确 remove(修复前匿名箭头无法 remove)。
14
+ handleItemToggle = ((e) => {
15
+ if (!this.accordion)
16
+ return;
17
+ const { active } = e.detail;
18
+ // 手风琴模式:某项展开时,关闭其余项
19
+ if (!active)
20
+ return;
21
+ const current = e.target;
22
+ this.el.querySelectorAll('hb-collapse-item').forEach(item => {
23
+ if (item !== current) {
24
+ item.active = false;
25
+ }
26
+ });
27
+ });
13
28
  componentDidLoad() {
14
- this.el.addEventListener('hbCollapseItemToggle', ((e) => {
15
- if (!this.accordion)
16
- return;
17
- const { active } = e.detail;
18
- // 手风琴模式:某项展开时,关闭其余项
19
- if (!active)
20
- return;
21
- const current = e.target;
22
- this.el.querySelectorAll('hb-collapse-item').forEach((item) => {
23
- if (item !== current) {
24
- item.active = false;
25
- }
26
- });
27
- }));
29
+ this.el.addEventListener('hbCollapseItemToggle', this.handleItemToggle);
30
+ }
31
+ disconnectedCallback() {
32
+ this.el.removeEventListener('hbCollapseItemToggle', this.handleItemToggle);
28
33
  }
29
34
  render() {
30
- return (h("div", { key: '24dd4feed226f43872d718544b72ca82415645fa', class: { 'hb-collapse': true, 'hb-collapse--accordion': this.accordion } }, h("slot", { key: 'f0f66d8ffb59b9bdebe72a093eea33551a1cd5c9' })));
35
+ return (h("div", { key: 'c19c726c13bb8192d7f51b1db1e8d630d9dee4eb', class: { 'hb-collapse': true, 'hb-collapse--accordion': this.accordion } }, h("slot", { key: '49d7bd429b307f259820afa2a67eeb8b705cd7c8' })));
31
36
  }
32
37
  };
33
38
  Collapse.style = HbCollapseStyle0;
@@ -1 +1 @@
1
- {"file":"hb-collapse.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,6vLAA6vL,CAAC;AAClxL,yBAAe,WAAW;;MCEb,QAAQ;;;;;;IAIM,SAAS,GAAY,KAAK,CAAC;IAEpD,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,gBAAgB,CACtB,sBAAsB,GACrB,CAAC,CAAc;YACd,IAAI,CAAC,IAAI,CAAC,SAAS;gBAAE,OAAO;YAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;;YAE5B,IAAI,CAAC,MAAM;gBAAE,OAAO;YACpB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;YACxC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;gBACxD,IAAI,IAAI,KAAK,OAAO,EAAE;oBACnB,IAAY,CAAC,MAAM,GAAG,KAAK,CAAC;iBAC9B;aACF,CAAC,CAAC;SACJ,EACF,CAAC;KACH;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,SAAS,EAAE,IAC3E,8DAAQ,CACJ,EACN;KACH;;;;;;","names":[],"sources":["src/components/Collapse/collapse.css?tag=hb-collapse&encapsulation=shadow","src/components/Collapse/Collapse.tsx"],"sourcesContent":[":host { display: block; }\n.hb-collapse { border-top: 1px solid var(--hb-color-border-secondary); border-bottom: 1px solid var(--hb-color-border-secondary); }\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-collapse', styleUrl: 'collapse.css', shadow: true })\nexport class Collapse {\n @Element() el: HTMLElement;\n\n /** 是否开启手风琴模式(同时仅展开一项) */\n @Prop({ mutable: true }) accordion: boolean = false;\n\n componentDidLoad() {\n this.el.addEventListener(\n 'hbCollapseItemToggle',\n ((e: CustomEvent) => {\n if (!this.accordion) return;\n const { active } = e.detail;\n // 手风琴模式:某项展开时,关闭其余项\n if (!active) return;\n const current = e.target as HTMLElement;\n this.el.querySelectorAll('hb-collapse-item').forEach((item) => {\n if (item !== current) {\n (item as any).active = false;\n }\n });\n }) as EventListener,\n );\n }\n\n render() {\n return (\n <div class={{ 'hb-collapse': true, 'hb-collapse--accordion': this.accordion }}>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"hb-collapse.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,6vLAA6vL,CAAC;AAClxL,yBAAe,WAAW;;MCEb,QAAQ;;;;;;IAIM,SAAS,GAAY,KAAK,CAAC;;IAG5C,gBAAgB,IAAI,CAAC,CAAc;QACzC,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAO;QAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC;;QAE5B,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAC;QACxC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,IAAI;YACvD,IAAI,IAAI,KAAK,OAAO,EAAE;gBACnB,IAAY,CAAC,MAAM,GAAG,KAAK,CAAC;aAC9B;SACF,CAAC,CAAC;KACJ,EAAmB;IAEpB,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;KACzE;IAED,oBAAoB;QAClB,IAAI,CAAC,EAAE,CAAC,mBAAmB,CAAC,sBAAsB,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAC5E;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,SAAS,EAAE,IAC3E,8DAAQ,CACJ,EACN;KACH;;;;;;","names":[],"sources":["src/components/Collapse/collapse.css?tag=hb-collapse&encapsulation=shadow","src/components/Collapse/Collapse.tsx"],"sourcesContent":[":host { display: block; }\n.hb-collapse { border-top: 1px solid var(--hb-color-border-secondary); border-bottom: 1px solid var(--hb-color-border-secondary); }\n","import { Component, h, Prop, Element } from '@stencil/core';\n\n@Component({ tag: 'hb-collapse', styleUrl: 'collapse.css', shadow: true })\nexport class Collapse {\n @Element() el: HTMLElement;\n\n /** 是否开启手风琴模式(同时仅展开一项) */\n @Prop({ mutable: true }) accordion: boolean = false;\n\n // L2:抽命名 handler 以便 disconnectedCallback 正确 remove(修复前匿名箭头无法 remove)。\n private handleItemToggle = ((e: CustomEvent) => {\n if (!this.accordion) return;\n const { active } = e.detail;\n // 手风琴模式:某项展开时,关闭其余项\n if (!active) return;\n const current = e.target as HTMLElement;\n this.el.querySelectorAll('hb-collapse-item').forEach(item => {\n if (item !== current) {\n (item as any).active = false;\n }\n });\n }) as EventListener;\n\n componentDidLoad() {\n this.el.addEventListener('hbCollapseItemToggle', this.handleItemToggle);\n }\n\n disconnectedCallback() {\n this.el.removeEventListener('hbCollapseItemToggle', this.handleItemToggle);\n }\n\n render() {\n return (\n <div class={{ 'hb-collapse': true, 'hb-collapse--accordion': this.accordion }}>\n <slot />\n </div>\n );\n }\n}\n"],"version":3}
@@ -63,10 +63,10 @@ const ColorPickerPanel = class {
63
63
  '#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1',
64
64
  '#1e90ff', '#c71585', '#000000', '#ffffff', '#808080',
65
65
  ];
66
- return (h("div", { key: '7f5215f6908b85c016b9fc68423d63736adc64ac', class: "hb-color-picker-panel" }, h("div", { key: '6e918eb9cfd1932f6b01bd1b4e34eab37f12d486', class: "hb-color-picker-panel__saturation" }, h("div", { key: '72b61931cb7d87060868328de1675998ebd59ec1', class: "hb-color-picker-panel__saturation-white" }), h("div", { key: 'a4e3f1c4ab9217793e710cf940ec15539eaa2f9d', class: "hb-color-picker-panel__saturation-black" }), h("div", { key: '68f53e538a84d86c6093a56a1cbc566e08a2e43e', class: "hb-color-picker-panel__saturation-pointer", style: {
66
+ return (h("div", { key: 'bf226e5918769e715aaf121e03316a9ba7165174', class: "hb-color-picker-panel" }, h("div", { key: 'e1940500a929515478b5a47540aabc716c81ff27', class: "hb-color-picker-panel__saturation" }, h("div", { key: 'cbb6de28453a7b72a2be56258af413814621bd04', class: "hb-color-picker-panel__saturation-white" }), h("div", { key: 'd982e1f04dc0566448bab44354bb47f9ed06e549', class: "hb-color-picker-panel__saturation-black" }), h("div", { key: 'd51391dd12c2383f01f0c80f677bbd30ffdf7540', class: "hb-color-picker-panel__saturation-pointer", style: {
67
67
  left: rgb ? `${(rgb.r / 255) * 100}%` : '50%',
68
68
  top: rgb ? `${(1 - rgb.g / 255) * 100}%` : '50%',
69
- } })), h("div", { key: '990b800e049ea8c5fd421a011486df34754584df', class: "hb-color-picker-panel__controls" }, h("div", { key: 'f2ae82fe0034874c623c259efdaeb4f4101c9b4b', class: "hb-color-picker-panel__hue" }, h("div", { key: '85a4d5b390e52856addafe49f9a467ab9554d895', class: "hb-color-picker-panel__hue-bar" })), this.showAlpha && (h("div", { key: 'c4d984971839bed5d5af92d9a15942f30f44073e', class: "hb-color-picker-panel__alpha" }, h("div", { key: 'b61fd80f873c2c62561f4d814a397e5a8eed2cb6', class: "hb-color-picker-panel__alpha-bar", style: { backgroundColor: this.currentColor } })))), h("div", { key: '64b5d37078471a314c26ef3e3e64c54887310cc1', class: "hb-color-picker-panel__input" }, h("input", { key: '2769607efa327d7b3c9c5e3fda4842a553c30cd2', type: "text", class: "hb-color-picker-panel__input-hex", value: this.currentColor, onInput: this.handleInputChange }), rgb && (h("div", { key: '4d3bf72b243b12f5f39d9c3f9800877a6d1eae9c', class: "hb-color-picker-panel__input-rgb" }, h("input", { key: 'd71850226823825cdc9eacc3cf8ff8a9b4d2c001', type: "number", min: "0", max: "255", value: rgb.r }), h("input", { key: 'ac86df2ab2e50574ddfb4938a85154e58969170e', type: "number", min: "0", max: "255", value: rgb.g }), h("input", { key: '457450f4ccdfe741dc28077a7160c504608cc23c', type: "number", min: "0", max: "255", value: rgb.b })))), this.predefine && this.predefine.length > 0 && (h("div", { key: 'b6ed00f9d32b953c4985a2336ee7901b61c64931', class: "hb-color-picker-panel__predefine" }, predefinedColors.map((color) => (h("div", { class: {
69
+ } })), h("div", { key: '3a962859eeeddabbe34ffd3459b6fead2bb93e20', class: "hb-color-picker-panel__controls" }, h("div", { key: '2d64a8c40a17a1a1e827b2ee3ebac717cfa10286', class: "hb-color-picker-panel__hue" }, h("div", { key: '30ab4768f4f6fd027d169480d44fc14089ed1452', class: "hb-color-picker-panel__hue-bar" })), this.showAlpha && (h("div", { key: '09984d0734eb3446962b4deb5ef617358a6d2c2f', class: "hb-color-picker-panel__alpha" }, h("div", { key: '1e2e49e7e6532a62ae1a539b4787adbde9a484da', class: "hb-color-picker-panel__alpha-bar", style: { backgroundColor: this.currentColor } })))), h("div", { key: '8a34f379cbd1032ec9ae024b1b1168a5b1ae0af1', class: "hb-color-picker-panel__input" }, h("input", { key: '181d1f41a560fc7f49a0e334c749bb539476549c', type: "text", class: "hb-color-picker-panel__input-hex", value: this.currentColor, onInput: this.handleInputChange }), rgb && (h("div", { key: '1580bf0e898561e1c9f93da1e6f121cecc452824', class: "hb-color-picker-panel__input-rgb" }, h("input", { key: 'ba0970b200000c7ccf744883caaf4fa3d33dad61', type: "number", min: "0", max: "255", value: rgb.r }), h("input", { key: '6b35330cce8d4b2a7f040c113b1c9e9bd243e1b6', type: "number", min: "0", max: "255", value: rgb.g }), h("input", { key: '723c29edbf58a838b7bedaee6758ae38cd948e13', type: "number", min: "0", max: "255", value: rgb.b })))), this.predefine && this.predefine.length > 0 && (h("div", { key: 'c5c89935fc736fde14d946139c31404a1b978be5', class: "hb-color-picker-panel__predefine" }, predefinedColors.map((color) => (h("div", { class: {
70
70
  'hb-color-picker-panel__predefine-color': true,
71
71
  'hb-color-picker-panel__predefine-color--selected': color === this.currentColor,
72
72
  }, style: { backgroundColor: color }, onClick: () => this.handleColorSelect(color) })))))));