@zerodep-dev/vue-tsx-pro-ui 0.1.0 → 0.3.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 (470) hide show
  1. package/dist/base/Badge.js +3 -3
  2. package/dist/base/Badge.js.map +1 -1
  3. package/dist/base/Can.d.ts +12 -0
  4. package/dist/base/Can.js +20 -0
  5. package/dist/base/Can.js.map +1 -0
  6. package/dist/base/ClientOnly.d.ts +10 -0
  7. package/dist/base/ClientOnly.js +18 -0
  8. package/dist/base/ClientOnly.js.map +1 -0
  9. package/dist/base/CloseButton.js +3 -3
  10. package/dist/base/CloseButton.js.map +1 -1
  11. package/dist/base/CodeBlock.js +5 -5
  12. package/dist/base/CodeBlock.js.map +1 -1
  13. package/dist/base/CopyButton.js +3 -3
  14. package/dist/base/CopyButton.js.map +1 -1
  15. package/dist/base/Icon.js +3 -3
  16. package/dist/base/Icon.js.map +1 -1
  17. package/dist/base/Indicator.js +3 -3
  18. package/dist/base/Indicator.js.map +1 -1
  19. package/dist/base/StatusDot.js +3 -3
  20. package/dist/base/StatusDot.js.map +1 -1
  21. package/dist/base/Tag.js +5 -5
  22. package/dist/base/Tag.js.map +1 -1
  23. package/dist/base/button-core.js +4 -4
  24. package/dist/base/button-core.js.map +1 -1
  25. package/dist/charts/AreaChart.js +3 -3
  26. package/dist/charts/AreaChart.js.map +1 -1
  27. package/dist/charts/BarChart.js +3 -3
  28. package/dist/charts/BarChart.js.map +1 -1
  29. package/dist/charts/ChordChart.js +3 -3
  30. package/dist/charts/ChordChart.js.map +1 -1
  31. package/dist/charts/ComboChart.js +3 -3
  32. package/dist/charts/ComboChart.js.map +1 -1
  33. package/dist/charts/DonutChart.js +3 -3
  34. package/dist/charts/DonutChart.js.map +1 -1
  35. package/dist/charts/FunnelChart.js +5 -5
  36. package/dist/charts/FunnelChart.js.map +1 -1
  37. package/dist/charts/GraphChart.js +3 -3
  38. package/dist/charts/GraphChart.js.map +1 -1
  39. package/dist/charts/LineChart.js +3 -3
  40. package/dist/charts/LineChart.js.map +1 -1
  41. package/dist/charts/MapChart.js +7 -7
  42. package/dist/charts/MapChart.js.map +1 -1
  43. package/dist/charts/RadarChart.js +16 -15
  44. package/dist/charts/RadarChart.js.map +1 -1
  45. package/dist/charts/SankeyChart.js +3 -3
  46. package/dist/charts/SankeyChart.js.map +1 -1
  47. package/dist/charts/ScatterChart.js +3 -3
  48. package/dist/charts/ScatterChart.js.map +1 -1
  49. package/dist/charts/TimelineChart.js +6 -5
  50. package/dist/charts/TimelineChart.js.map +1 -1
  51. package/dist/charts/TreemapChart.js +3 -3
  52. package/dist/charts/TreemapChart.js.map +1 -1
  53. package/dist/charts/WaterfallChart.js +3 -3
  54. package/dist/charts/WaterfallChart.js.map +1 -1
  55. package/dist/charts/XYChart.js +9 -7
  56. package/dist/charts/XYChart.js.map +1 -1
  57. package/dist/charts/frame.js +10 -8
  58. package/dist/charts/frame.js.map +1 -1
  59. package/dist/charts/single.js +4 -3
  60. package/dist/charts/single.js.map +1 -1
  61. package/dist/code-editor/CodeEditor.d.ts +18 -0
  62. package/dist/code-editor/CodeEditor.js +57 -0
  63. package/dist/code-editor/CodeEditor.js.map +1 -0
  64. package/dist/code-editor/editor.d.ts +52 -0
  65. package/dist/code-editor/editor.js +225 -0
  66. package/dist/code-editor/editor.js.map +1 -0
  67. package/dist/code-editor/index.d.ts +9 -0
  68. package/dist/code-editor/index.js +3 -0
  69. package/dist/config/Provider.d.ts +3 -1
  70. package/dist/config/Provider.js +9 -4
  71. package/dist/config/Provider.js.map +1 -1
  72. package/dist/config/context.d.ts +18 -0
  73. package/dist/config/context.js +16 -1
  74. package/dist/config/context.js.map +1 -1
  75. package/dist/config/createUi.d.ts +20 -3
  76. package/dist/config/createUi.js +80 -49
  77. package/dist/config/createUi.js.map +1 -1
  78. package/dist/config/lang/en-US.js +21 -3
  79. package/dist/config/lang/en-US.js.map +1 -1
  80. package/dist/config/lang/format.d.ts +2 -1
  81. package/dist/config/lang/format.js +9 -2
  82. package/dist/config/lang/format.js.map +1 -1
  83. package/dist/config/lang/lang.d.ts +19 -6
  84. package/dist/config/lang/lang.js +11 -2
  85. package/dist/config/lang/lang.js.map +1 -1
  86. package/dist/config/lang/zh-CN.js +21 -3
  87. package/dist/config/lang/zh-CN.js.map +1 -1
  88. package/dist/config/layout/preference.d.ts +43 -0
  89. package/dist/config/layout/preference.js +108 -0
  90. package/dist/config/layout/preference.js.map +1 -0
  91. package/dist/date/Calendar.js +3 -3
  92. package/dist/date/Calendar.js.map +1 -1
  93. package/dist/date/CalendarBoard.js +9 -9
  94. package/dist/date/CalendarBoard.js.map +1 -1
  95. package/dist/date/CalendarView.js +7 -7
  96. package/dist/date/CalendarView.js.map +1 -1
  97. package/dist/date/DateField.js +3 -3
  98. package/dist/date/DateField.js.map +1 -1
  99. package/dist/date/DatePicker.js +5 -5
  100. package/dist/date/DatePicker.js.map +1 -1
  101. package/dist/date/DateRangePicker.js +5 -5
  102. package/dist/date/DateRangePicker.js.map +1 -1
  103. package/dist/date/DateSegmentGroup.js +5 -5
  104. package/dist/date/DateSegmentGroup.js.map +1 -1
  105. package/dist/date/QuarterCalendar.js +6 -6
  106. package/dist/date/QuarterCalendar.js.map +1 -1
  107. package/dist/date/RangeCalendar.js +3 -3
  108. package/dist/date/RangeCalendar.js.map +1 -1
  109. package/dist/date/SegmentedField.js +3 -3
  110. package/dist/date/SegmentedField.js.map +1 -1
  111. package/dist/date/TimeField.js +3 -3
  112. package/dist/date/TimeField.js.map +1 -1
  113. package/dist/date/TimePicker.js +4 -4
  114. package/dist/date/TimePicker.js.map +1 -1
  115. package/dist/date/date-segments.js +1 -1
  116. package/dist/date/date-segments.js.map +1 -1
  117. package/dist/date/picker-popover.js +3 -2
  118. package/dist/date/picker-popover.js.map +1 -1
  119. package/dist/diagram/Diagram.js +12 -12
  120. package/dist/diagram/Diagram.js.map +1 -1
  121. package/dist/diagram/DiagramLanes.js +3 -3
  122. package/dist/diagram/DiagramLanes.js.map +1 -1
  123. package/dist/diagram/DiagramMinimap.js +4 -4
  124. package/dist/diagram/DiagramMinimap.js.map +1 -1
  125. package/dist/diagram/index.d.ts +2 -1
  126. package/dist/diagram/index.js +2 -1
  127. package/dist/diagram/layout.d.ts +57 -0
  128. package/dist/diagram/layout.js +50 -0
  129. package/dist/diagram/layout.js.map +1 -0
  130. package/dist/display/Accordion.js +6 -6
  131. package/dist/display/Accordion.js.map +1 -1
  132. package/dist/display/AnimatedNumber.js +4 -4
  133. package/dist/display/AnimatedNumber.js.map +1 -1
  134. package/dist/display/Avatar.js +4 -4
  135. package/dist/display/Avatar.js.map +1 -1
  136. package/dist/display/Checklist.js +7 -7
  137. package/dist/display/Checklist.js.map +1 -1
  138. package/dist/display/Collapse.js +8 -5
  139. package/dist/display/Collapse.js.map +1 -1
  140. package/dist/display/Collapsible.js +3 -3
  141. package/dist/display/Collapsible.js.map +1 -1
  142. package/dist/display/Descriptions.js +5 -5
  143. package/dist/display/Descriptions.js.map +1 -1
  144. package/dist/display/Ellipsis.js +3 -3
  145. package/dist/display/Ellipsis.js.map +1 -1
  146. package/dist/display/FieldCompare.js +4 -4
  147. package/dist/display/FieldCompare.js.map +1 -1
  148. package/dist/display/Gauge.js +11 -11
  149. package/dist/display/Gauge.js.map +1 -1
  150. package/dist/display/Image.js +4 -4
  151. package/dist/display/Image.js.map +1 -1
  152. package/dist/display/Marquee.js +3 -3
  153. package/dist/display/Marquee.js.map +1 -1
  154. package/dist/display/ProportionBar.js +4 -4
  155. package/dist/display/ProportionBar.js.map +1 -1
  156. package/dist/display/Sortable.js +4 -4
  157. package/dist/display/Sortable.js.map +1 -1
  158. package/dist/display/Sparkline.js +6 -6
  159. package/dist/display/Sparkline.js.map +1 -1
  160. package/dist/display/Stat.js +3 -3
  161. package/dist/display/Stat.js.map +1 -1
  162. package/dist/display/Timeline.js +7 -7
  163. package/dist/display/Timeline.js.map +1 -1
  164. package/dist/display/Tree.js +10 -10
  165. package/dist/display/Tree.js.map +1 -1
  166. package/dist/display/VirtualList.js +7 -7
  167. package/dist/display/VirtualList.js.map +1 -1
  168. package/dist/display/Watermark.js +3 -3
  169. package/dist/display/Watermark.js.map +1 -1
  170. package/dist/docs-kit/CodeGroup.js +5 -5
  171. package/dist/docs-kit/CodeGroup.js.map +1 -1
  172. package/dist/docs-kit/CodePreview.js +6 -6
  173. package/dist/docs-kit/CodePreview.js.map +1 -1
  174. package/dist/docs-kit/PropsTable.js +4 -4
  175. package/dist/docs-kit/PropsTable.js.map +1 -1
  176. package/dist/feedback/Alert.js +5 -5
  177. package/dist/feedback/Alert.js.map +1 -1
  178. package/dist/feedback/Banner.js +5 -5
  179. package/dist/feedback/Banner.js.map +1 -1
  180. package/dist/feedback/Empty.js +4 -4
  181. package/dist/feedback/Empty.js.map +1 -1
  182. package/dist/feedback/LoadingBar.js +20 -13
  183. package/dist/feedback/LoadingBar.js.map +1 -1
  184. package/dist/feedback/LoadingOverlay.js +3 -3
  185. package/dist/feedback/LoadingOverlay.js.map +1 -1
  186. package/dist/feedback/Progress.js +14 -14
  187. package/dist/feedback/Progress.js.map +1 -1
  188. package/dist/feedback/Result.js +4 -4
  189. package/dist/feedback/Result.js.map +1 -1
  190. package/dist/feedback/SkeletonText.js +3 -3
  191. package/dist/feedback/SkeletonText.js.map +1 -1
  192. package/dist/feedback/Toast.js +6 -6
  193. package/dist/feedback/Toast.js.map +1 -1
  194. package/dist/form/Field.d.ts +7 -0
  195. package/dist/form/Field.js +20 -9
  196. package/dist/form/Field.js.map +1 -1
  197. package/dist/form/Form.js +3 -3
  198. package/dist/form/Form.js.map +1 -1
  199. package/dist/form/FormErrorSummary.js +3 -3
  200. package/dist/form/FormErrorSummary.js.map +1 -1
  201. package/dist/form/FormSection.js +6 -6
  202. package/dist/form/FormSection.js.map +1 -1
  203. package/dist/form/useForm.d.ts +4 -1
  204. package/dist/form/useForm.js +35 -13
  205. package/dist/form/useForm.js.map +1 -1
  206. package/dist/index.d.ts +18 -10
  207. package/dist/index.js +17 -9
  208. package/dist/input/Autocomplete.js +3 -3
  209. package/dist/input/Autocomplete.js.map +1 -1
  210. package/dist/input/Cascader.js +7 -7
  211. package/dist/input/Cascader.js.map +1 -1
  212. package/dist/input/CharacterCount.js +3 -3
  213. package/dist/input/CharacterCount.js.map +1 -1
  214. package/dist/input/Checkbox.js +5 -5
  215. package/dist/input/Checkbox.js.map +1 -1
  216. package/dist/input/ColorField.js +4 -4
  217. package/dist/input/ColorField.js.map +1 -1
  218. package/dist/input/Combobox.js +5 -5
  219. package/dist/input/Combobox.js.map +1 -1
  220. package/dist/input/ConditionBuilder.js +15 -14
  221. package/dist/input/ConditionBuilder.js.map +1 -1
  222. package/dist/input/FileDrop.js +3 -3
  223. package/dist/input/FileDrop.js.map +1 -1
  224. package/dist/input/Listbox.js +9 -9
  225. package/dist/input/Listbox.js.map +1 -1
  226. package/dist/input/Mentions.js +4 -4
  227. package/dist/input/Mentions.js.map +1 -1
  228. package/dist/input/NumberField.js +3 -3
  229. package/dist/input/NumberField.js.map +1 -1
  230. package/dist/input/NumberRangeField.js +5 -5
  231. package/dist/input/NumberRangeField.js.map +1 -1
  232. package/dist/input/OtpField.js +5 -5
  233. package/dist/input/OtpField.js.map +1 -1
  234. package/dist/input/PeoplePicker.js +6 -6
  235. package/dist/input/PeoplePicker.js.map +1 -1
  236. package/dist/input/PeoplePickerPanel.js +15 -15
  237. package/dist/input/PeoplePickerPanel.js.map +1 -1
  238. package/dist/input/Radio.js +4 -4
  239. package/dist/input/Radio.js.map +1 -1
  240. package/dist/input/Rating.js +5 -5
  241. package/dist/input/Rating.js.map +1 -1
  242. package/dist/input/Select.js +5 -5
  243. package/dist/input/Select.js.map +1 -1
  244. package/dist/input/SelectedTags.js +4 -4
  245. package/dist/input/SelectedTags.js.map +1 -1
  246. package/dist/input/Slider.js +6 -6
  247. package/dist/input/Slider.js.map +1 -1
  248. package/dist/input/Switch.js +3 -3
  249. package/dist/input/Switch.js.map +1 -1
  250. package/dist/input/TagsInput.js +5 -5
  251. package/dist/input/TagsInput.js.map +1 -1
  252. package/dist/input/TextField.js +5 -5
  253. package/dist/input/TextField.js.map +1 -1
  254. package/dist/input/Textarea.js +4 -4
  255. package/dist/input/Textarea.js.map +1 -1
  256. package/dist/input/ToggleGroup.js +4 -4
  257. package/dist/input/ToggleGroup.js.map +1 -1
  258. package/dist/input/Transfer.js +8 -8
  259. package/dist/input/Transfer.js.map +1 -1
  260. package/dist/input/TreeSelect.js +7 -7
  261. package/dist/input/TreeSelect.js.map +1 -1
  262. package/dist/input/Upload.js +10 -9
  263. package/dist/input/Upload.js.map +1 -1
  264. package/dist/input/condition.d.ts +1 -1
  265. package/dist/input/condition.js +32 -14
  266. package/dist/input/condition.js.map +1 -1
  267. package/dist/input/people.d.ts +15 -14
  268. package/dist/input/people.js +5 -5
  269. package/dist/input/people.js.map +1 -1
  270. package/dist/input/remote-items.d.ts +4 -2
  271. package/dist/input/remote-items.js +7 -2
  272. package/dist/input/remote-items.js.map +1 -1
  273. package/dist/layout/Affix.js +4 -4
  274. package/dist/layout/Affix.js.map +1 -1
  275. package/dist/layout/ResizeHandle.d.ts +6 -2
  276. package/dist/layout/ResizeHandle.js +32 -9
  277. package/dist/layout/ResizeHandle.js.map +1 -1
  278. package/dist/layout/ScrollArea.js +3 -3
  279. package/dist/layout/ScrollArea.js.map +1 -1
  280. package/dist/layout/Separator.js +3 -3
  281. package/dist/layout/Separator.js.map +1 -1
  282. package/dist/layout/Splitter.js +3 -3
  283. package/dist/layout/Splitter.js.map +1 -1
  284. package/dist/layout/ViewportFill.d.ts +2 -2
  285. package/dist/layout/ViewportFill.js +4 -4
  286. package/dist/layout/ViewportFill.js.map +1 -1
  287. package/dist/navigation/Breadcrumbs.js +4 -4
  288. package/dist/navigation/Breadcrumbs.js.map +1 -1
  289. package/dist/navigation/NavBar.js +6 -6
  290. package/dist/navigation/NavBar.js.map +1 -1
  291. package/dist/navigation/NavList.d.ts +1 -0
  292. package/dist/navigation/NavList.js +20 -12
  293. package/dist/navigation/NavList.js.map +1 -1
  294. package/dist/navigation/NavMenu.d.ts +27 -0
  295. package/dist/navigation/NavMenu.js +54 -0
  296. package/dist/navigation/NavMenu.js.map +1 -0
  297. package/dist/navigation/PageJump.js +3 -3
  298. package/dist/navigation/PageJump.js.map +1 -1
  299. package/dist/navigation/PageSizeSelect.js +4 -4
  300. package/dist/navigation/PageSizeSelect.js.map +1 -1
  301. package/dist/navigation/Pagination.js +6 -6
  302. package/dist/navigation/Pagination.js.map +1 -1
  303. package/dist/navigation/PaginationBar.js +5 -5
  304. package/dist/navigation/PaginationBar.js.map +1 -1
  305. package/dist/navigation/Steps.js +4 -4
  306. package/dist/navigation/Steps.js.map +1 -1
  307. package/dist/navigation/TableOfContents.js +5 -5
  308. package/dist/navigation/TableOfContents.js.map +1 -1
  309. package/dist/navigation/Tabs.js +7 -7
  310. package/dist/navigation/Tabs.js.map +1 -1
  311. package/dist/navigation/Toolbar.js +3 -3
  312. package/dist/navigation/Toolbar.js.map +1 -1
  313. package/dist/overlay/AlertDialog.js +4 -4
  314. package/dist/overlay/AlertDialog.js.map +1 -1
  315. package/dist/overlay/CommandPalette.js +4 -4
  316. package/dist/overlay/CommandPalette.js.map +1 -1
  317. package/dist/overlay/ContextMenu.js +3 -3
  318. package/dist/overlay/ContextMenu.js.map +1 -1
  319. package/dist/overlay/Dialog.js +4 -4
  320. package/dist/overlay/Dialog.js.map +1 -1
  321. package/dist/overlay/Drawer.js +5 -5
  322. package/dist/overlay/Drawer.js.map +1 -1
  323. package/dist/overlay/HoverCard.js +5 -3
  324. package/dist/overlay/HoverCard.js.map +1 -1
  325. package/dist/overlay/Lightbox.js +5 -5
  326. package/dist/overlay/Lightbox.js.map +1 -1
  327. package/dist/overlay/Menu.js +7 -7
  328. package/dist/overlay/Menu.js.map +1 -1
  329. package/dist/overlay/ModalCore.js +9 -9
  330. package/dist/overlay/ModalCore.js.map +1 -1
  331. package/dist/overlay/Popconfirm.js +6 -6
  332. package/dist/overlay/Popconfirm.js.map +1 -1
  333. package/dist/overlay/Popover.js +5 -3
  334. package/dist/overlay/Popover.js.map +1 -1
  335. package/dist/overlay/Tooltip.js +5 -3
  336. package/dist/overlay/Tooltip.js.map +1 -1
  337. package/dist/overlay/Tour.js +8 -8
  338. package/dist/overlay/Tour.js.map +1 -1
  339. package/dist/overlay/detached.d.ts +2 -0
  340. package/dist/overlay/detached.js +73 -42
  341. package/dist/overlay/detached.js.map +1 -1
  342. package/dist/patterns/ActionBar.js +3 -3
  343. package/dist/patterns/ActionBar.js.map +1 -1
  344. package/dist/patterns/AppShell.d.ts +28 -1
  345. package/dist/patterns/AppShell.js +158 -52
  346. package/dist/patterns/AppShell.js.map +1 -1
  347. package/dist/patterns/AuthLayout.d.ts +28 -0
  348. package/dist/patterns/AuthLayout.js +77 -0
  349. package/dist/patterns/AuthLayout.js.map +1 -0
  350. package/dist/patterns/CommentThread.js +9 -9
  351. package/dist/patterns/CommentThread.js.map +1 -1
  352. package/dist/patterns/DataImport.js +4 -4
  353. package/dist/patterns/DataImport.js.map +1 -1
  354. package/dist/patterns/DeadlineBadge.js +3 -3
  355. package/dist/patterns/DeadlineBadge.js.map +1 -1
  356. package/dist/patterns/FilterBar.d.ts +11 -1
  357. package/dist/patterns/FilterBar.js +39 -10
  358. package/dist/patterns/FilterBar.js.map +1 -1
  359. package/dist/patterns/FormDialog.d.ts +18 -0
  360. package/dist/patterns/FormDialog.js +46 -0
  361. package/dist/patterns/FormDialog.js.map +1 -0
  362. package/dist/patterns/KanbanBoard.js +8 -8
  363. package/dist/patterns/KanbanBoard.js.map +1 -1
  364. package/dist/patterns/LayoutSwitcher.d.ts +12 -0
  365. package/dist/patterns/LayoutSwitcher.js +79 -0
  366. package/dist/patterns/LayoutSwitcher.js.map +1 -0
  367. package/dist/patterns/NotificationCenter.js +8 -8
  368. package/dist/patterns/NotificationCenter.js.map +1 -1
  369. package/dist/patterns/PageTabs.d.ts +12 -7
  370. package/dist/patterns/PageTabs.js +41 -29
  371. package/dist/patterns/PageTabs.js.map +1 -1
  372. package/dist/patterns/QueryTable.d.ts +10 -1
  373. package/dist/patterns/QueryTable.js +128 -68
  374. package/dist/patterns/QueryTable.js.map +1 -1
  375. package/dist/patterns/SlideCaptcha.d.ts +80 -0
  376. package/dist/patterns/SlideCaptcha.js +354 -0
  377. package/dist/patterns/SlideCaptcha.js.map +1 -0
  378. package/dist/patterns/StepsForm.js +7 -7
  379. package/dist/patterns/StepsForm.js.map +1 -1
  380. package/dist/patterns/ThemeSwitcher.js +3 -3
  381. package/dist/patterns/ThemeSwitcher.js.map +1 -1
  382. package/dist/patterns/index.d.ts +7 -3
  383. package/dist/patterns/index.js +5 -1
  384. package/dist/patterns/messages.d.ts +39 -1
  385. package/dist/patterns/messages.js +40 -2
  386. package/dist/patterns/messages.js.map +1 -1
  387. package/dist/table/ColumnHeaderActions.js +3 -3
  388. package/dist/table/ColumnHeaderActions.js.map +1 -1
  389. package/dist/table/ColumnResizer.js +3 -3
  390. package/dist/table/ColumnResizer.js.map +1 -1
  391. package/dist/table/ColumnSettings.js +5 -5
  392. package/dist/table/ColumnSettings.js.map +1 -1
  393. package/dist/table/ColumnTable.js +8 -8
  394. package/dist/table/ColumnTable.js.map +1 -1
  395. package/dist/table/DataTable.js +8 -8
  396. package/dist/table/DataTable.js.map +1 -1
  397. package/dist/table/DataTableView.js +21 -21
  398. package/dist/table/DataTableView.js.map +1 -1
  399. package/dist/table/PivotTable.js +3 -3
  400. package/dist/table/PivotTable.js.map +1 -1
  401. package/dist/table/SelectionBar.js +4 -4
  402. package/dist/table/SelectionBar.js.map +1 -1
  403. package/dist/table/TreeDataTable.js +5 -5
  404. package/dist/table/TreeDataTable.js.map +1 -1
  405. package/dist/theme-customize/ThemeCustomizer.js +7 -6
  406. package/dist/theme-customize/ThemeCustomizer.js.map +1 -1
  407. package/dist/theme-customize/ThemeThumbnail.js +3 -3
  408. package/dist/theme-customize/ThemeThumbnail.js.map +1 -1
  409. package/dist/three/background/AuroraBackground.js +3 -3
  410. package/dist/three/background/AuroraBackground.js.map +1 -1
  411. package/dist/three/background/MeshGradient.js +3 -3
  412. package/dist/three/background/MeshGradient.js.map +1 -1
  413. package/dist/three/background/ShaderBackground.js +3 -3
  414. package/dist/three/background/ShaderBackground.js.map +1 -1
  415. package/dist/three/core/EffectSurface.js +3 -3
  416. package/dist/three/core/EffectSurface.js.map +1 -1
  417. package/dist/three/core/ThreeCanvas.js +4 -4
  418. package/dist/three/core/ThreeCanvas.js.map +1 -1
  419. package/dist/three/effects/Confetti.js +3 -3
  420. package/dist/three/effects/Confetti.js.map +1 -1
  421. package/dist/three/effects/ParticleField.js +3 -3
  422. package/dist/three/effects/ParticleField.js.map +1 -1
  423. package/dist/three/effects/WaveGrid.js +3 -3
  424. package/dist/three/effects/WaveGrid.js.map +1 -1
  425. package/dist/three/globe/Globe.js +3 -3
  426. package/dist/three/globe/Globe.js.map +1 -1
  427. package/dist/three/model/ModelViewer.js +3 -3
  428. package/dist/three/model/ModelViewer.js.map +1 -1
  429. package/dist/utils/data/clone.d.ts +8 -0
  430. package/dist/utils/data/clone.js +21 -0
  431. package/dist/utils/data/clone.js.map +1 -0
  432. package/dist/utils/data/date.d.ts +10 -0
  433. package/dist/utils/data/date.js +13 -1
  434. package/dist/utils/data/date.js.map +1 -1
  435. package/dist/utils/data/number.d.ts +5 -0
  436. package/dist/utils/data/number.js +8 -1
  437. package/dist/utils/data/number.js.map +1 -1
  438. package/dist/utils/data/numeric.d.ts +7 -0
  439. package/dist/utils/data/numeric.js +46 -1
  440. package/dist/utils/data/numeric.js.map +1 -1
  441. package/dist/utils/dom/download.d.ts +8 -1
  442. package/dist/utils/dom/download.js +19 -2
  443. package/dist/utils/dom/download.js.map +1 -1
  444. package/dist/utils/dom/element.d.ts +3 -1
  445. package/dist/utils/dom/element.js +8 -4
  446. package/dist/utils/dom/element.js.map +1 -1
  447. package/dist/utils/dom/fullscreen.d.ts +1 -1
  448. package/dist/utils/dom/fullscreen.js +12 -8
  449. package/dist/utils/dom/fullscreen.js.map +1 -1
  450. package/dist/utils/dom/mounted.d.ts +7 -0
  451. package/dist/utils/dom/mounted.js +16 -0
  452. package/dist/utils/dom/mounted.js.map +1 -0
  453. package/dist/utils/dom/overflow.js +2 -1
  454. package/dist/utils/dom/overflow.js.map +1 -1
  455. package/dist/utils/dom/pan-zoom.js +2 -1
  456. package/dist/utils/dom/pan-zoom.js.map +1 -1
  457. package/dist/utils/props.js +3 -13
  458. package/dist/utils/props.js.map +1 -1
  459. package/dist/utils/request/error-message.d.ts +17 -0
  460. package/dist/utils/request/error-message.js +50 -0
  461. package/dist/utils/request/error-message.js.map +1 -0
  462. package/dist/utils/request/http.d.ts +80 -4
  463. package/dist/utils/request/http.js +121 -24
  464. package/dist/utils/request/http.js.map +1 -1
  465. package/dist/utils/request/use-autosave.d.ts +35 -0
  466. package/dist/utils/request/use-autosave.js +69 -0
  467. package/dist/utils/request/use-autosave.js.map +1 -0
  468. package/dist/utils/request/use-request.js +4 -2
  469. package/dist/utils/request/use-request.js.map +1 -1
  470. package/package.json +57 -4
package/dist/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { cachedIntl } from "./utils/data/intl-cache.js";
2
- import { clamp, snapToStep } from "./utils/data/number.js";
3
- import { addNumeric, compareNumeric, isDecimal, isNumeric, isNumericText, multiplyNumeric, numericKind, numericText, sameNumeric, shiftDecimal, snapNumeric, toNumber, toNumericKind } from "./utils/data/numeric.js";
2
+ import { clamp, snapToStep, svgNumber } from "./utils/data/number.js";
3
+ import { addNumeric, compareDecimalText, compareNumeric, decimalTextOf, isDecimal, isNumeric, isNumericText, multiplyNumeric, numericKind, numericText, sameNumeric, shiftDecimal, snapNumeric, toNumber, toNumericKind } from "./utils/data/numeric.js";
4
4
  import { createComparer, createMatcher, isDateValue, sortByValue, sortByValues } from "./utils/data/collation.js";
5
5
  import { zhCN } from "./config/lang/zh-CN.js";
6
6
  import { t } from "./config/theme/tokens.js";
7
7
  import { defaultFonts, defaultRadii, lightColors, lightShadows, lightTheme } from "./config/theme/light.js";
8
- import { ConfigContext, defaultConfig, useConfig, useLang, useTextMatcher } from "./config/context.js";
8
+ import { ConfigContext, defaultConfig, useCan, useConfig, useLang, useTextMatcher } from "./config/context.js";
9
9
  import { mergeDefaults, useDefaults } from "./config/defaults.js";
10
10
  import { applyStyleAttrs, dataAttrs, defaultLabelledBy, elementProps, hasContent, mergeAttrs, mergePartProps, mergeProps } from "./utils/props.js";
11
11
  import { fontSizeStyles, fontWeightStyles, lineClampStyles, relativeFontSizeStyles, textAlignStyles, textStyles, textWrapStyles, toneStyles } from "./utils/style/typography.js";
@@ -27,6 +27,9 @@ import { ButtonGroupContext, buttonBaseStyles, buttonContent, buttonPart, button
27
27
  import { Button } from "./base/Button.js";
28
28
  import { ButtonBase } from "./base/ButtonBase.js";
29
29
  import { ButtonGroup, buttonGroupStyles } from "./base/ButtonGroup.js";
30
+ import { Can } from "./base/Can.js";
31
+ import { useMounted } from "./utils/dom/mounted.js";
32
+ import { ClientOnly } from "./base/ClientOnly.js";
30
33
  import { IconButton } from "./base/IconButton.js";
31
34
  import { ClearButton, CloseButton, createPresetIconButton } from "./base/CloseButton.js";
32
35
  import { Code, codeStyles } from "./base/Code.js";
@@ -53,7 +56,7 @@ import { LinkButton } from "./base/LinkButton.js";
53
56
  import { List, ListContext, ListItem, OrderedList, listStylesProse } from "./base/List.js";
54
57
  import { Mark, markStyles } from "./base/Mark.js";
55
58
  import { StatusDot, statusDotDynamicStyles, statusDotStyles, statusDotToneStyles } from "./base/StatusDot.js";
56
- import { toElement } from "./utils/dom/element.js";
59
+ import { isHTMLElement, toElement } from "./utils/dom/element.js";
57
60
  import { useDismissible, useLazyContent, usePresence } from "./utils/motion/presence.js";
58
61
  import { childNodes, plainText } from "./utils/data/text.js";
59
62
  import { Tag, tagStyles } from "./base/Tag.js";
@@ -76,7 +79,7 @@ import { ViewportFill, viewportFillDynamicStyles, viewportFillStyles } from "./l
76
79
  import { selectedValues, toggleSelection } from "./utils/data/selection.js";
77
80
  import { Collapse, collapseStyles } from "./display/Collapse.js";
78
81
  import { Accordion, AccordionContext, AccordionItem, accordionStyles } from "./display/Accordion.js";
79
- import { calendarOf, clampDate, compareDates, daysBetween, fullIsoDay, isDateDisabled, isInRange, isOutOfRange, isOutsideDecade, isSameDate, isoDayOfWeek, isoWeekOf, isoWeeksInYear, lastIsoDay, monthGrid, monthsOfYear, orderedRange, parseIsoDate, parseIsoDateTime, parseIsoRange, parseIsoTime, presetIsoRange, presetRange, rangeDays, rangeHasUnavailable, relativeUnit, shiftIsoDate, toDayOfWeek, toInstant, toIsoDate, toIsoDateTime, toIsoQuarter, toIsoRange, toIsoTime, toIsoWeek, todayIso, truncateDate, weekOfYear, weekdayNames, yearsOfDecade } from "./utils/data/date.js";
82
+ import { calendarOf, clampDate, compareDates, dayRangeBounds, daysBetween, fullIsoDay, isDateDisabled, isInRange, isOutOfRange, isOutsideDecade, isSameDate, isoDayOfWeek, isoWeekOf, isoWeeksInYear, lastIsoDay, monthGrid, monthsOfYear, orderedRange, parseIsoDate, parseIsoDateTime, parseIsoRange, parseIsoTime, presetIsoRange, presetRange, rangeDays, rangeHasUnavailable, relativeUnit, shiftIsoDate, toDayOfWeek, toInstant, toIsoDate, toIsoDateTime, toIsoQuarter, toIsoRange, toIsoTime, toIsoWeek, todayIso, truncateDate, weekOfYear, weekdayNames, yearsOfDecade } from "./utils/data/date.js";
80
83
  import { useFormat } from "./config/lang/format.js";
81
84
  import { useSpring, useTween } from "./utils/motion/tween.js";
82
85
  import { AnimatedNumber, animatedNumberStyles } from "./display/AnimatedNumber.js";
@@ -146,7 +149,7 @@ import { ToastItem, Toaster, createToaster, toastCountdownStyles, toastPlacement
146
149
  import { CharacterCount, characterCountStyles } from "./input/CharacterCount.js";
147
150
  import { clickOnShell, controlAffix, controlClear, controlIcon, controlParts, focusOnShell, inputRecipe, useControlAppearance } from "./input/control.js";
148
151
  import { Textarea, textareaRowStyles, textareaStyles } from "./input/Textarea.js";
149
- import { useDetachedDialog, useDetachedOverlay } from "./overlay/detached.js";
152
+ import { useDetachedDialog, useDetachedOverlay, useDetachedRender } from "./overlay/detached.js";
150
153
  import { ModalCore, modalPartStyles } from "./overlay/ModalCore.js";
151
154
  import { Dialog, dialogRecipe, useDialog } from "./overlay/Dialog.js";
152
155
  import { AlertDialog, useConfirm } from "./overlay/AlertDialog.js";
@@ -164,13 +167,15 @@ import { Breadcrumbs, breadcrumbsStyles } from "./navigation/Breadcrumbs.js";
164
167
  import { fitCount, useOverflowItems } from "./utils/dom/overflow.js";
165
168
  import { NavBar, navBarStyles } from "./navigation/NavBar.js";
166
169
  import { NavCompactContext, NavGroup, NavGroupContext, NavItem, NavList, NavSection, navListStyles } from "./navigation/NavList.js";
170
+ import { NavMenu } from "./navigation/NavMenu.js";
167
171
  import { FormValue, formValueText } from "./form/FormValue.js";
168
172
  import { normalizeNumber, parseNumber } from "./utils/data/number-parse.js";
169
173
  import { NumberField } from "./input/NumberField.js";
170
174
  import { PageJump, pageJumpStyles } from "./navigation/PageJump.js";
171
175
  import { ListPopover, listPopoverStyles } from "./input/ListPopover.js";
172
176
  import { fromWire, toWire, wireText } from "./utils/request/wire.js";
173
- import { HttpError, createHttpClient, isAbortError, useHttp } from "./utils/request/http.js";
177
+ import { HTTP_ERROR_CODES, HttpError, OK_CODE, createHttpClient, isAbortError, scopeHttp, useHttp } from "./utils/request/http.js";
178
+ import { codeText, errorCodeOf, errorCodeText, errorMessage, useErrorMessage } from "./utils/request/error-message.js";
174
179
  import { useRequest } from "./utils/request/use-request.js";
175
180
  import { useRemoteItems } from "./input/remote-items.js";
176
181
  import { SelectedTags, selectedTagsStyles } from "./input/SelectedTags.js";
@@ -241,6 +246,7 @@ import { FormSection, formSectionColumnStyles, formSectionStyles } from "./form/
241
246
  import { createConstraints } from "./form/form-constraints.js";
242
247
  import { useLeaveConfirmation } from "./form/leave-confirmation.js";
243
248
  import { bigintSchema, decimalSchema, idCardSchema, isValidIdCard, phoneSchema } from "./form/schemas.js";
249
+ import { cloneValue } from "./utils/data/clone.js";
244
250
  import { useForm } from "./form/useForm.js";
245
251
  import { ColumnFilterButton, ColumnMenuButton, columnHeaderActionStyles } from "./table/ColumnHeaderActions.js";
246
252
  import { ColumnResizer } from "./table/ColumnResizer.js";
@@ -271,12 +277,14 @@ import { sakuraColors, sakuraRadii, sakuraShadows, sakuraTheme } from "./config/
271
277
  import { builtinThemeLabel, builtinThemes } from "./config/theme/builtin.js";
272
278
  import { revealTransition } from "./utils/motion/reveal.js";
273
279
  import { createThemePreference } from "./config/theme/preference.js";
280
+ import { DEFAULT_LAYOUT_HEIGHT, DEFAULT_LAYOUT_STORAGE_KEY, DEFAULT_LAYOUT_WIDTH, LAYOUT_MODES, LAYOUT_SIDES, createLayoutPreference } from "./config/layout/preference.js";
274
281
  import { enUS } from "./config/lang/en-US.js";
275
282
  import { useMessages } from "./config/lang/messages.js";
276
- import { downloadFile } from "./utils/dom/download.js";
283
+ import { downloadFile, pickFile } from "./utils/dom/download.js";
277
284
  import { useFullscreen } from "./utils/dom/fullscreen.js";
278
285
  import { backgroundOf, rasterizeSvg } from "./utils/dom/rasterize.js";
279
286
  import { createHistory } from "./utils/data/history.js";
280
287
  import { createStatusMap } from "./utils/data/status.js";
281
288
  import { addWorkdays, createWorkCalendar, deadlineOf, useWorkCalendar, weekdayCalendar, workdaysBetween } from "./utils/data/workdays.js";
282
- export { Accordion, AccordionContext, AccordionItem, Affix, Alert, AlertDialog, AnimatedNumber, AsideLayout, AttachedContext, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackTop, Badge, Banner, Blockquote, Breadcrumbs, Button, ButtonBase, ButtonGroup, ButtonGroupContext, COLUMN_FLEX_MIN_WIDTH, COLUMN_MIN_WIDTH, CONTRAST_AA, Calendar, CalendarBoard, CalendarView, Card, Cascader, CharacterCount, Checkbox, CheckboxGroup, CheckboxGroupContext, Checklist, ClearButton, CloseButton, Code, CodeBlock, Collapse, Collapsible, ColorField, ColumnFilterButton, ColumnMenuButton, ColumnResizer, ColumnSettings, ColumnTable, Combobox, CommandPalette, ConditionBuilder, ConfigContext, ConfigScope, Container, ContextMenu, ControlGroup, CopyButton, Countdown, DEFAULT_THEME_STORAGE_KEY, DataTable, DataTableDetailRow, DataTableRow, DataTableView, DateField, DatePicker, DateRangePicker, DateSegmentGroup, DateTime, Descriptions, Dialog, Drawer, Ellipsis, Em, Empty, Field, FieldCompare, FieldContext, FieldLayoutContext, FileDrop, Flex, FlexList, FlexOrderedList, Form, FormContext, FormErrorSummary, FormSection, FormValue, Gauge, Grid, GridItem, GridList, GridListItem, H1, H2, H3, H4, H5, H6, HoverCard, HttpError, Icon, IconButton, IconLinkButton, Image, ImageGroup, Indicator, ItemList, ItemListItem, Kbd, Label, Lightbox, Link, LinkButton, List, ListContext, ListItem, ListPopover, Listbox, ListboxView, LoadingBar, LoadingOverlay, Mark, Marquee, MentionText, Mentions, Menu, MenuCheckboxItem, MenuContext, MenuGroup, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioGroupContext, MenuRadioItem, MenuSub, ModalCore, NavBar, NavCompactContext, NavGroup, NavGroupContext, NavItem, NavList, NavSection, NumberField, NumberRangeField, OrderedList, OtpField, OverlayScrollbar, PageJump, PageScrollbar, PageSizeSelect, Pager, Pagination, PaginationBar, Paragraph, PeoplePicker, PeoplePickerPanel, PivotTable, Popconfirm, Popover, Progress, ProportionBar, Prose, Provider, QuarterCalendar, Radio, RadioGroup, RadioGroupContext, RangeCalendar, Rating, RelativeTime, ResizeHandle, Result, SHIMMER_STAGGER, SYSTEM_THEME, ScrollArea, SegmentedField, Select, SelectedTags, SelectionBar, Separator, Skeleton, SkeletonText, SkipLink, Slider, Small, Sortable, Sparkline, Spinner, Splitter, Stat, StatGroup, StatusBadge, StatusDot, Steps, Strong, Switch, Tab, TabList, TabPanel, Table, TableBody, TableCaption, TableCell, TableContext, TableFoot, TableHead, TableHeaderCell, TableOfContents, TableRow, TableSectionContext, Tabs, TabsContext, Tag, TagsInput, Text, TextField, Textarea, TimeField, TimePicker, Timeline, ToastItem, Toaster, ToggleGroup, ToggleGroupContext, ToggleItem, Toolbar, ToolbarContext, Tooltip, Tour, Transfer, Tree, TreeDataTable, TreeSelect, TreeTransfer, Upload, ViewportFill, VirtualList, Virtualizer, VisuallyHidden, Watermark, accordionStyles, activeOptionId, addNumeric, addWorkdays, affixPositionStyles, affixStyles, afterTransitions, alertRecipe, anchorFloating, anchoredPanelSx, animatedNumberStyles, announce, applyStyleAttrs, ariaKeyShortcut, arrangeColumns, asideLayoutDynamicStyles, asideLayoutStyles, attachedStyles, avatarGroupStyles, avatarRecipe, backTopStyles, backgroundOf, badgeParts, badgeRecipe, bankCardFormat, bannerStyles, batchLayout, bigintSchema, blockquoteStyles, breadcrumbsStyles, buildTree, builtinThemeBootColors, builtinThemeLabel, builtinThemes, buttonBaseStyles, buttonContent, buttonGroupStyles, buttonPart, buttonRecipe, buttonStyles, buttonSx, cachedIntl, calendarBoardStyles, calendarOf, calendarStyles, cardEffectDynamicStyles, cardRecipe, caretAnchor, caretRect, cascaderStyles, characterCountStyles, checkStates, checkboxStyles, checkedByStrategy, checklistStatusStyles, checklistStyles, childNodes, choiceInputStyles, choiceParts, choiceRecipe, clamp, clampDate, clampPan, clickOnShell, codeBlockDynamicStyles, codeBlockStyles, codeStyles, coffeeColors, coffeeTheme, collapseStyles, collectHeadings, colorFieldDynamicStyles, colorFieldStyles, columnAlign, columnFilter, columnGapStyles, columnHeaderActionStyles, columnSettingsStyles, columnTableStyles, columnType, columnValue, comboboxStyles, commandPaletteStyles, compareDates, compareNumeric, computeMeasurements, conditionBuilderStyles, conditionOperators, containerPaddingStyles, containerSizeStyles, containerStyles, contrastRatio, controlAffix, controlClear, controlGroupStyles, controlIcon, controlParts, copyButtonStyles, countdownParts, countdownStyles, createAnchoredLayer, createComparer, createConstraints, createContainer, createFlex, createGrid, createGridItem, createGroupedFormat, createHeading, createHistory, createHoverGroup, createHttpClient, createLoadingBar, createMatcher, createPresetIconButton, createStatusMap, createText, createThemePreference, createToaster, createTypeahead, createUi, createWorkCalendar, cyberpunkColors, cyberpunkFonts, cyberpunkRadii, cyberpunkShadows, cyberpunkTheme, darkColors, darkShadows, darkTheme, dataAttrs, dataTableDynamicStyles, dataTableRecipe, dataTableRowToneStyles, dataTableStateStyles, datePickerStyles, dateRangePickerStyles, dateSegmentStyles, dateUnitOf, daysBetween, deadlineOf, decimalSchema, defaultConfig, defaultFonts, defaultLabelledBy, defaultRadii, defaultRangeExtractor, defineLang, defineTheme, describeCondition, descriptionsGridStyles, descriptionsStyles, dialogRecipe, diffFields, disclosureStyles, dismissOnBackdrop, displayPosition, documentStyles, downloadFile, drawerRecipe, elementProps, ellipsisStyles, emptyRecipe, enUS, existingUploadFile, externalLinkAttrs, festiveColors, festiveShadows, festiveTheme, fieldColumnStyles, fieldCompareStyles, fieldStyles, fieldsToIso, fileDropStyles, filterOptions, filterRows, filterTree, findVisibleRange, firstSegmentOf, fitCount, fitTransform, flattenTree, flexAlignStyles, flexJustifyStyles, flexStyles, floatingStyles, focusAfterRemoval, focusCalendar, focusControl, focusFirst, focusOnShell, focusOrigin, focusRingStyles, fontSizeStyles, fontWeightStyles, forestColors, forestShadows, forestTheme, formErrorSummaryStyles, formSectionColumnStyles, formSectionStyles, formValueText, formatCell, formatConditionValue, formatHotkey, formatSorts, fromWire, fullIsoDay, gapStyles, gaugeStyles, gridAlignStyles, gridDynamicStyles, gridFlowStyles, gridFocus, gridItemDynamicStyles, gridItemStyles, gridJustifyStyles, gridStyles, handleCalendarKeydown, handleListKeydown, handleSegmentKeydown, hasContent, hasTimeOf, headerLayout, headingMarker, headingStyles, highContrastColors, highContrastRadii, highContrastShadows, highContrastTheme, hoverCardStyles, iconMarkup, iconStyles, idCardFormat, idCardSchema, imageDynamicStyles, imageFitStyles, imageGroupStyles, imageStyles, indexTree, indicatorRecipe, initials, inlineArrows, inputRecipe, interactionTransitions, isAbortError, isApplePlatform, isCellEditable, isComposingKey, isConditionGroup, isDateDisabled, isDateValue, isDecimal, isEditable, isExpandable, isInRange, isNumeric, isNumericText, isOutOfRange, isOutsideDecade, isPeriodDisabled, isRtl, isRuleComplete, isSameDate, isTimeGranularity, isValidIdCard, isWindow, isoDayOfWeek, isoToFields, isoToValue, isoWeekOf, isoWeeksInYear, itemListStyles, itemStyles, kbdStyles, labelStyles, lastIsoDay, lemonColors, lemonRadii, lemonShadows, lemonTheme, lightColors, lightShadows, lightTheme, lightboxDynamicStyles, lightboxStyles, lineClampStyles, linkRecipe, listPopoverStyles, listRole, listStyles, listStylesProse, listboxPositionStyles, listboxStyles, loadingBarScaleStyles, loadingBarStyles, loadingOverlayStyles, localPeopleSource, lockScroll, machineDateTime, markStyles, marqueeDynamicStyles, marqueeStyles, marqueeTrailStyles, matchesAccept, matchesCondition, matchesHotkey, mentionSegments, mentionStyles, mentionedValues, menuItemContent, menuItemDescribedBy, menuItemSx, menuStyles, mergeAttrs, mergeDefaults, mergePartProps, mergeProps, mergeStyles, midnightColors, midnightTheme, modalPartStyles, monthGrid, monthsOfYear, moveNode, multiplyNumeric, navBarStyles, navListStyles, needsValue, nextSort, nextSorts, normalizeNumber, numberRangeFieldStyles, numericKind, numericText, oceanColors, oceanRadii, oceanShadows, oceanTheme, openModalDialog, openSetter, operatorLabel, operatorsOf, orderedRange, otpFieldStyles, paddingInlineStyles, pageJumpStyles, pageScrollbarStyles, pageSizeSelectStyles, pagerStyles, paginationBarStyles, paginationItems, paginationStyles, paperColors, paperFonts, paperShadows, paperTheme, parseColor, parseCsv, parseDuration, parseHotkey, parseIsoDate, parseIsoDateTime, parseIsoRange, parseIsoTime, parseLineSpec, parseNumber, parseSorts, partAttrs, peopleKey, peoplePickerPanelDynamicStyles, peoplePickerPanelStyles, phoneFormat, phoneSchema, pickerPresetStyles, pivot, pivotTableStyles, plainText, pointAnchor, popconfirmStyles, popoverStyles, presenceStyles, presetIsoRange, presetRange, progressRecipe, progressTargetPositionStyles, progressWidthStyles, proportionBarDynamicStyles, proportionBarStyles, proseStyles, provideFieldLayout, provideGridColumns, providerStyles, queryCodecs, radioStyles, radiusStyles, rangeDays, rangeHasUnavailable, rasterizeSvg, ratingClipStyles, ratingStyles, ratingToneStyles, readCsvFile, readToken, readableText, readonlyChoiceHandlers, relativeFontSizeStyles, relativeUnit, renderPickerPresets, repeatedRowSpans, resizeHandleStyles, resolveTheme, resultRecipe, returnFocus, revealTransition, rippleHostStyles, ripplePlacementStyles, rippleStyles, rovingFocus, rowGapStyles, rowLabel, sakuraColors, sakuraRadii, sakuraShadows, sakuraTheme, sameNumeric, sameStickyOffsets, sameValue, scrollAreaBarStyles, scrollAreaStyles, segmentFields, segmentedFieldStyles, selectStyles, selectedTagsStyles, selectedValues, selectionBarStyles, separatorStyles, sheetFromMatrix, shiftDecimal, shiftIsoDate, shimmerStyles, shouldRouteClick, skeletonStyles, skeletonTextStyles, skeletonVariantStyles, skipLinkStyles, sliderPositionStyles, sliderStyles, snapNumeric, snapToStep, sortByValue, sortByValues, sortList, sortRows, sortableStyles, sparklineStyles, spinnerStyles, splitterDynamicStyles, splitterStyles, startMove, startRipple, statGroupDynamicStyles, statGroupStyles, statStyles, statusDotDynamicStyles, statusDotStyles, statusDotToneStyles, statusIcons, statusToneBorderStyles, statusToneStyles, statusToneSx, stepsStateStyles, stepsStyles, stickyOffsets, sumColumn, swatchStyles, switchStyles, syncChecked, t, tabListStyles, tabPanelStyles, tabRecipe, tableDynamicStyles, tableMinWidth, tableOfContentsStyles, tableParams, tableRecipe, tableToCsv, tabsStyles, tagStyles, tagsInputStyles, textAlignStyles, textComponentStyles, textStyles, textWrapStyles, textareaRowStyles, textareaStyles, themeAttrs, themeBootScript, themeTransition, themeTransitionOrInstant, themeVariables, timePickerStyles, timelineStyles, timelineToneStyles, toDateLimits, toDayOfWeek, toElement, toHex, toInstant, toIsoDate, toIsoDateTime, toIsoQuarter, toIsoRange, toIsoTime, toIsoWeek, toListboxOption, toNumber, toNumericKind, toPeopleValue, toText, toTime, toWire, toastCountdownStyles, toastPlacementStyles, toastStackStyles, toastStyles, todayIso, toggleChecked, toggleGroupStyles, toggleSelection, tokenValue, toneFillStyles, toneStyles, toolbarStyles, tooltipStyles, topModal, tourDynamicStyles, tourStyles, trackModal, transferStyles, transitions, trapFocus, treeDataTableIndentStyles, treeDataTableStyles, treeDynamicStyles, treePath, treeSelectStyles, treeStyles, truncateDate, uploadDynamicStyles, uploadStyles, useActiveIndicator, useAnchoredPopover, useAnimate, useButtonAppearance, useButtonBehavior, useCalendarState, useChoiceAppearance, useClipboard, useColumnDisplay, useConfig, useConfirm, useControlAppearance, useDateLocale, useDateSegments, useDefaults, useDelayedLoading, useDetachedDialog, useDetachedOverlay, useDialog, useDismissible, useDrawer, useEventListener, useFieldControl, useFieldSegments, useForm, useFormReset, useFormat, useFullscreen, useHotkeys, useHoverIntent, useHoverLayer, useHttp, useIntersectionObserver, useLang, useLayoutAnimation, useLazyContent, useLeaveConfirmation, useListState, useMediaQuery, useMenuItem, useMenuItemContentIds, useMessages, useNow, useOverflowItems, usePageVisible, usePanZoom, usePersistentState, usePickerPopover, usePointer, usePrefersDark, usePresence, useQueryState, useQueryStates, useRecipe, useReducedMotion, useRemoteItems, useRequest, useResizeObserver, useResultAnnouncement, useRipple, useRouterLink, useScrollSpy, useSelectedOptions, useSortable, useSpring, useTableQuery, useTextMatcher, useTreeExpansion, useTween, useVirtualizer, useWorkCalendar, valueShape, valueToIso, viewportFillDynamicStyles, viewportFillStyles, virtualListSizeStyles, virtualListStyles, visuallyHiddenStyles, watermarkStyles, watermarkTileStyles, weekOfYear, weekdayCalendar, weekdayNames, wireText, withAlpha, workdaysBetween, writeDateLike, yearsOfDecade, zhCN, zoomAround };
289
+ import { useAutosave } from "./utils/request/use-autosave.js";
290
+ export { Accordion, AccordionContext, AccordionItem, Affix, Alert, AlertDialog, AnimatedNumber, AsideLayout, AttachedContext, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackTop, Badge, Banner, Blockquote, Breadcrumbs, Button, ButtonBase, ButtonGroup, ButtonGroupContext, COLUMN_FLEX_MIN_WIDTH, COLUMN_MIN_WIDTH, CONTRAST_AA, Calendar, CalendarBoard, CalendarView, Can, Card, Cascader, CharacterCount, Checkbox, CheckboxGroup, CheckboxGroupContext, Checklist, ClearButton, ClientOnly, CloseButton, Code, CodeBlock, Collapse, Collapsible, ColorField, ColumnFilterButton, ColumnMenuButton, ColumnResizer, ColumnSettings, ColumnTable, Combobox, CommandPalette, ConditionBuilder, ConfigContext, ConfigScope, Container, ContextMenu, ControlGroup, CopyButton, Countdown, DEFAULT_LAYOUT_HEIGHT, DEFAULT_LAYOUT_STORAGE_KEY, DEFAULT_LAYOUT_WIDTH, DEFAULT_THEME_STORAGE_KEY, DataTable, DataTableDetailRow, DataTableRow, DataTableView, DateField, DatePicker, DateRangePicker, DateSegmentGroup, DateTime, Descriptions, Dialog, Drawer, Ellipsis, Em, Empty, Field, FieldCompare, FieldContext, FieldLayoutContext, FileDrop, Flex, FlexList, FlexOrderedList, Form, FormContext, FormErrorSummary, FormSection, FormValue, Gauge, Grid, GridItem, GridList, GridListItem, H1, H2, H3, H4, H5, H6, HTTP_ERROR_CODES, HoverCard, HttpError, Icon, IconButton, IconLinkButton, Image, ImageGroup, Indicator, ItemList, ItemListItem, Kbd, LAYOUT_MODES, LAYOUT_SIDES, Label, Lightbox, Link, LinkButton, List, ListContext, ListItem, ListPopover, Listbox, ListboxView, LoadingBar, LoadingOverlay, Mark, Marquee, MentionText, Mentions, Menu, MenuCheckboxItem, MenuContext, MenuGroup, MenuItem, MenuLinkItem, MenuRadioGroup, MenuRadioGroupContext, MenuRadioItem, MenuSub, ModalCore, NavBar, NavCompactContext, NavGroup, NavGroupContext, NavItem, NavList, NavMenu, NavSection, NumberField, NumberRangeField, OK_CODE, OrderedList, OtpField, OverlayScrollbar, PageJump, PageScrollbar, PageSizeSelect, Pager, Pagination, PaginationBar, Paragraph, PeoplePicker, PeoplePickerPanel, PivotTable, Popconfirm, Popover, Progress, ProportionBar, Prose, Provider, QuarterCalendar, Radio, RadioGroup, RadioGroupContext, RangeCalendar, Rating, RelativeTime, ResizeHandle, Result, SHIMMER_STAGGER, SYSTEM_THEME, ScrollArea, SegmentedField, Select, SelectedTags, SelectionBar, Separator, Skeleton, SkeletonText, SkipLink, Slider, Small, Sortable, Sparkline, Spinner, Splitter, Stat, StatGroup, StatusBadge, StatusDot, Steps, Strong, Switch, Tab, TabList, TabPanel, Table, TableBody, TableCaption, TableCell, TableContext, TableFoot, TableHead, TableHeaderCell, TableOfContents, TableRow, TableSectionContext, Tabs, TabsContext, Tag, TagsInput, Text, TextField, Textarea, TimeField, TimePicker, Timeline, ToastItem, Toaster, ToggleGroup, ToggleGroupContext, ToggleItem, Toolbar, ToolbarContext, Tooltip, Tour, Transfer, Tree, TreeDataTable, TreeSelect, TreeTransfer, Upload, ViewportFill, VirtualList, Virtualizer, VisuallyHidden, Watermark, accordionStyles, activeOptionId, addNumeric, addWorkdays, affixPositionStyles, affixStyles, afterTransitions, alertRecipe, anchorFloating, anchoredPanelSx, animatedNumberStyles, announce, applyStyleAttrs, ariaKeyShortcut, arrangeColumns, asideLayoutDynamicStyles, asideLayoutStyles, attachedStyles, avatarGroupStyles, avatarRecipe, backTopStyles, backgroundOf, badgeParts, badgeRecipe, bankCardFormat, bannerStyles, batchLayout, bigintSchema, blockquoteStyles, breadcrumbsStyles, buildTree, builtinThemeBootColors, builtinThemeLabel, builtinThemes, buttonBaseStyles, buttonContent, buttonGroupStyles, buttonPart, buttonRecipe, buttonStyles, buttonSx, cachedIntl, calendarBoardStyles, calendarOf, calendarStyles, cardEffectDynamicStyles, cardRecipe, caretAnchor, caretRect, cascaderStyles, characterCountStyles, checkStates, checkboxStyles, checkedByStrategy, checklistStatusStyles, checklistStyles, childNodes, choiceInputStyles, choiceParts, choiceRecipe, clamp, clampDate, clampPan, clickOnShell, cloneValue, codeBlockDynamicStyles, codeBlockStyles, codeStyles, codeText, coffeeColors, coffeeTheme, collapseStyles, collectHeadings, colorFieldDynamicStyles, colorFieldStyles, columnAlign, columnFilter, columnGapStyles, columnHeaderActionStyles, columnSettingsStyles, columnTableStyles, columnType, columnValue, comboboxStyles, commandPaletteStyles, compareDates, compareDecimalText, compareNumeric, computeMeasurements, conditionBuilderStyles, conditionOperators, containerPaddingStyles, containerSizeStyles, containerStyles, contrastRatio, controlAffix, controlClear, controlGroupStyles, controlIcon, controlParts, copyButtonStyles, countdownParts, countdownStyles, createAnchoredLayer, createComparer, createConstraints, createContainer, createFlex, createGrid, createGridItem, createGroupedFormat, createHeading, createHistory, createHoverGroup, createHttpClient, createLayoutPreference, createLoadingBar, createMatcher, createPresetIconButton, createStatusMap, createText, createThemePreference, createToaster, createTypeahead, createUi, createWorkCalendar, cyberpunkColors, cyberpunkFonts, cyberpunkRadii, cyberpunkShadows, cyberpunkTheme, darkColors, darkShadows, darkTheme, dataAttrs, dataTableDynamicStyles, dataTableRecipe, dataTableRowToneStyles, dataTableStateStyles, datePickerStyles, dateRangePickerStyles, dateSegmentStyles, dateUnitOf, dayRangeBounds, daysBetween, deadlineOf, decimalSchema, decimalTextOf, defaultConfig, defaultFonts, defaultLabelledBy, defaultRadii, defaultRangeExtractor, defineLang, defineTheme, describeCondition, descriptionsGridStyles, descriptionsStyles, dialogRecipe, diffFields, disclosureStyles, dismissOnBackdrop, displayPosition, documentStyles, downloadFile, drawerRecipe, elementProps, ellipsisStyles, emptyRecipe, enUS, errorCodeOf, errorCodeText, errorMessage, existingUploadFile, externalLinkAttrs, festiveColors, festiveShadows, festiveTheme, fieldColumnStyles, fieldCompareStyles, fieldStyles, fieldsToIso, fileDropStyles, filterOptions, filterRows, filterTree, findVisibleRange, firstSegmentOf, fitCount, fitTransform, flattenTree, flexAlignStyles, flexJustifyStyles, flexStyles, floatingStyles, focusAfterRemoval, focusCalendar, focusControl, focusFirst, focusOnShell, focusOrigin, focusRingStyles, fontSizeStyles, fontWeightStyles, forestColors, forestShadows, forestTheme, formErrorSummaryStyles, formSectionColumnStyles, formSectionStyles, formValueText, formatCell, formatConditionValue, formatHotkey, formatSorts, fromWire, fullIsoDay, gapStyles, gaugeStyles, gridAlignStyles, gridDynamicStyles, gridFlowStyles, gridFocus, gridItemDynamicStyles, gridItemStyles, gridJustifyStyles, gridStyles, handleCalendarKeydown, handleListKeydown, handleSegmentKeydown, hasContent, hasTimeOf, headerLayout, headingMarker, headingStyles, highContrastColors, highContrastRadii, highContrastShadows, highContrastTheme, hoverCardStyles, iconMarkup, iconStyles, idCardFormat, idCardSchema, imageDynamicStyles, imageFitStyles, imageGroupStyles, imageStyles, indexTree, indicatorRecipe, initials, inlineArrows, inputRecipe, interactionTransitions, isAbortError, isApplePlatform, isCellEditable, isComposingKey, isConditionGroup, isDateDisabled, isDateValue, isDecimal, isEditable, isExpandable, isHTMLElement, isInRange, isNumeric, isNumericText, isOutOfRange, isOutsideDecade, isPeriodDisabled, isRtl, isRuleComplete, isSameDate, isTimeGranularity, isValidIdCard, isWindow, isoDayOfWeek, isoToFields, isoToValue, isoWeekOf, isoWeeksInYear, itemListStyles, itemStyles, kbdStyles, labelStyles, lastIsoDay, lemonColors, lemonRadii, lemonShadows, lemonTheme, lightColors, lightShadows, lightTheme, lightboxDynamicStyles, lightboxStyles, lineClampStyles, linkRecipe, listPopoverStyles, listRole, listStyles, listStylesProse, listboxPositionStyles, listboxStyles, loadingBarScaleStyles, loadingBarStyles, loadingOverlayStyles, localPeopleSource, lockScroll, machineDateTime, markStyles, marqueeDynamicStyles, marqueeStyles, marqueeTrailStyles, matchesAccept, matchesCondition, matchesHotkey, mentionSegments, mentionStyles, mentionedValues, menuItemContent, menuItemDescribedBy, menuItemSx, menuStyles, mergeAttrs, mergeDefaults, mergePartProps, mergeProps, mergeStyles, midnightColors, midnightTheme, modalPartStyles, monthGrid, monthsOfYear, moveNode, multiplyNumeric, navBarStyles, navListStyles, needsValue, nextSort, nextSorts, normalizeNumber, numberRangeFieldStyles, numericKind, numericText, oceanColors, oceanRadii, oceanShadows, oceanTheme, openModalDialog, openSetter, operatorLabel, operatorsOf, orderedRange, otpFieldStyles, paddingInlineStyles, pageJumpStyles, pageScrollbarStyles, pageSizeSelectStyles, pagerStyles, paginationBarStyles, paginationItems, paginationStyles, paperColors, paperFonts, paperShadows, paperTheme, parseColor, parseCsv, parseDuration, parseHotkey, parseIsoDate, parseIsoDateTime, parseIsoRange, parseIsoTime, parseLineSpec, parseNumber, parseSorts, partAttrs, peopleKey, peoplePickerPanelDynamicStyles, peoplePickerPanelStyles, phoneFormat, phoneSchema, pickFile, pickerPresetStyles, pivot, pivotTableStyles, plainText, pointAnchor, popconfirmStyles, popoverStyles, presenceStyles, presetIsoRange, presetRange, progressRecipe, progressTargetPositionStyles, progressWidthStyles, proportionBarDynamicStyles, proportionBarStyles, proseStyles, provideFieldLayout, provideGridColumns, providerStyles, queryCodecs, radioStyles, radiusStyles, rangeDays, rangeHasUnavailable, rasterizeSvg, ratingClipStyles, ratingStyles, ratingToneStyles, readCsvFile, readToken, readableText, readonlyChoiceHandlers, relativeFontSizeStyles, relativeUnit, renderPickerPresets, repeatedRowSpans, resizeHandleStyles, resolveTheme, resultRecipe, returnFocus, revealTransition, rippleHostStyles, ripplePlacementStyles, rippleStyles, rovingFocus, rowGapStyles, rowLabel, sakuraColors, sakuraRadii, sakuraShadows, sakuraTheme, sameNumeric, sameStickyOffsets, sameValue, scopeHttp, scrollAreaBarStyles, scrollAreaStyles, segmentFields, segmentedFieldStyles, selectStyles, selectedTagsStyles, selectedValues, selectionBarStyles, separatorStyles, sheetFromMatrix, shiftDecimal, shiftIsoDate, shimmerStyles, shouldRouteClick, skeletonStyles, skeletonTextStyles, skeletonVariantStyles, skipLinkStyles, sliderPositionStyles, sliderStyles, snapNumeric, snapToStep, sortByValue, sortByValues, sortList, sortRows, sortableStyles, sparklineStyles, spinnerStyles, splitterDynamicStyles, splitterStyles, startMove, startRipple, statGroupDynamicStyles, statGroupStyles, statStyles, statusDotDynamicStyles, statusDotStyles, statusDotToneStyles, statusIcons, statusToneBorderStyles, statusToneStyles, statusToneSx, stepsStateStyles, stepsStyles, stickyOffsets, sumColumn, svgNumber, swatchStyles, switchStyles, syncChecked, t, tabListStyles, tabPanelStyles, tabRecipe, tableDynamicStyles, tableMinWidth, tableOfContentsStyles, tableParams, tableRecipe, tableToCsv, tabsStyles, tagStyles, tagsInputStyles, textAlignStyles, textComponentStyles, textStyles, textWrapStyles, textareaRowStyles, textareaStyles, themeAttrs, themeBootScript, themeTransition, themeTransitionOrInstant, themeVariables, timePickerStyles, timelineStyles, timelineToneStyles, toDateLimits, toDayOfWeek, toElement, toHex, toInstant, toIsoDate, toIsoDateTime, toIsoQuarter, toIsoRange, toIsoTime, toIsoWeek, toListboxOption, toNumber, toNumericKind, toPeopleValue, toText, toTime, toWire, toastCountdownStyles, toastPlacementStyles, toastStackStyles, toastStyles, todayIso, toggleChecked, toggleGroupStyles, toggleSelection, tokenValue, toneFillStyles, toneStyles, toolbarStyles, tooltipStyles, topModal, tourDynamicStyles, tourStyles, trackModal, transferStyles, transitions, trapFocus, treeDataTableIndentStyles, treeDataTableStyles, treeDynamicStyles, treePath, treeSelectStyles, treeStyles, truncateDate, uploadDynamicStyles, uploadStyles, useActiveIndicator, useAnchoredPopover, useAnimate, useAutosave, useButtonAppearance, useButtonBehavior, useCalendarState, useCan, useChoiceAppearance, useClipboard, useColumnDisplay, useConfig, useConfirm, useControlAppearance, useDateLocale, useDateSegments, useDefaults, useDelayedLoading, useDetachedDialog, useDetachedOverlay, useDetachedRender, useDialog, useDismissible, useDrawer, useErrorMessage, useEventListener, useFieldControl, useFieldSegments, useForm, useFormReset, useFormat, useFullscreen, useHotkeys, useHoverIntent, useHoverLayer, useHttp, useIntersectionObserver, useLang, useLayoutAnimation, useLazyContent, useLeaveConfirmation, useListState, useMediaQuery, useMenuItem, useMenuItemContentIds, useMessages, useMounted, useNow, useOverflowItems, usePageVisible, usePanZoom, usePersistentState, usePickerPopover, usePointer, usePrefersDark, usePresence, useQueryState, useQueryStates, useRecipe, useReducedMotion, useRemoteItems, useRequest, useResizeObserver, useResultAnnouncement, useRipple, useRouterLink, useScrollSpy, useSelectedOptions, useSortable, useSpring, useTableQuery, useTextMatcher, useTreeExpansion, useTween, useVirtualizer, useWorkCalendar, valueShape, valueToIso, viewportFillDynamicStyles, viewportFillStyles, virtualListSizeStyles, virtualListStyles, visuallyHiddenStyles, watermarkStyles, watermarkTileStyles, weekOfYear, weekdayCalendar, weekdayNames, wireText, withAlpha, workdaysBetween, writeDateLike, yearsOfDecade, zhCN, zoomAround };
@@ -1,7 +1,7 @@
1
1
  import { FormValue } from "../form/FormValue.js";
2
2
  import { Combobox } from "./Combobox.js";
3
- import { Fragment, createVNode, mergeProps } from "vue";
4
- import { _component, bindable, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
3
+ import { Fragment, createVNode } from "vue";
4
+ import { _component, bindable, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
5
5
  //#region src/input/Autocomplete.tsx
6
6
  /** 未声明的属性落到 input 上;选项、过滤、远程建议、外观同 Combobox */
7
7
  /** 自动完成:带建议的输入框,值就是文字 */
@@ -10,7 +10,7 @@ var Autocomplete = /*#__PURE__*/ _component((_props, _ctx) => {
10
10
  const value = bindable(_props, "_value", () => "", _ctx.emit);
11
11
  const name = readonlyProp(_props, "name");
12
12
  const rest = restProps(_props, _ctx, true);
13
- return () => createVNode(Fragment, null, [createVNode(Combobox, mergeProps(rest, {
13
+ return () => createVNode(Fragment, null, [createVNode(Combobox, mergeJsxProps(rest, {
14
14
  "_inputValue": value.value,
15
15
  "onUpdate:_inputValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
16
16
  "allowCustomValue": true,
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","names":["_vtp_bindable","_vtp_readonlyProp","_vtp_restProps","_createVNode","_Fragment","_mergeProps"],"sources":["../../src/input/Autocomplete.tsx"],"sourcesContent":["/**\n * 自动完成:值就是输入框里的文字,列表只是建议(邮箱后缀、常用地址、搜索历史、供应商名称)。\n * 选一项等于把它的文字填进来;不选也行,输入什么就是什么。要从固定的选项里选一个(值是选项的 value)时用 Combobox。\n *\n * <Field label=\"邮箱\"><Autocomplete _value={email} items={suggestions(email)} filter={false} /></Field>\n * <Autocomplete _value={keyword} load={(text, signal) => api.suggest(text, { signal })} aria-label=\"搜索\" />\n *\n * 建在 Combobox 上(allowCustomValue、不显示展开按钮):没有可选的建议时不弹出列表;↓ 打开建议,↑↓ 移动,\n * Enter 填入,Esc 关闭(关闭时再按 Esc 清空)。写了 name 时表单提交的是输入框里的文字。\n * 部件同 Combobox:Root(外壳)、Input(主元素)、Clear、Popover、Listbox。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport type { UpdateHandlers } from '@zerodep-dev/vue-tsx-pro-tsx/jsx-runtime';\nimport { Combobox, type ComboboxBaseProps, type ComboboxProps } from './Combobox';\nimport { FormValue } from '../form/FormValue';\nimport type { ListboxOption, OptionMapping } from './list-state';\nimport type { OptionsLoader } from './remote-items';\n\n/** 未声明的属性落到 input 上;选项、过滤、远程建议、外观同 Combobox */\nexport type AutocompleteProps<T = ListboxOption> = Omit<\n ComboboxBaseProps<T>,\n '_value' | '_inputValue' | 'allowCustomValue' | 'showToggle' | 'hideEmpty' | 'items' | 'load'\n> &\n OptionMapping<T> & {\n /** 输入框里的文字:父级写 _value={x};选一项建议就是把它的文字填进来 */\n _value?: string;\n /** 建议:ListboxOption、字符串,或任意数据加 toOption(直接写在这里,数据的类型才能从它推出来) */\n items?: readonly T[];\n /** 远程建议:输入停下 300 ms 后按输入调用,结果代替 items;只采用最后一次 */\n load?: OptionsLoader<T>;\n };\n\n/** 自动完成:带建议的输入框,值就是文字 */\nexport const Autocomplete = _component(\n <T,>({ _value: value = _bindable(''), name, ...rest }: AutocompleteProps<T>) =>\n () => (\n <>\n <Combobox\n {...(rest as ComboboxProps<T> & UpdateHandlers<ComboboxProps<T>>)}\n _inputValue={value}\n allowCustomValue\n showToggle={false}\n hideEmpty\n />\n <FormValue name={name} value={value || null} disabled={rest.disabled} />\n </>\n ),\n);\n"],"mappings":";;;;;;;AAiCA,IAAa,eAAe,0BAC1B,QAAA,SAAA;CAAA,MAAA,SAAA,CAAA;CAAA,MAAA,QAAAA,SAAA,QAAA,gBAAiC,IAAE,KAAA,IAAA;CAAA,MAAA,OAAAC,aAAA,QAAA,MAAA;CAAA,MAAY,OAAIC,UAAA,QAAA,MAAA,IAAA;CAAA,aACjDC,YAAAC,UAAA,MAAA,CAAAD,YAAA,UAAAE,WAGW,MAAI;EAAA,eAAA,MAAA;EAAA,wBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAA,QAAA;EAAA,oBAAA;EAAA,cAGG;EAAK,aAAA;CAAA,CAAA,GAAA,IAAA,GAAAF,YAAA,WAAA;EAAA,QAAA,KAAA;EAAA,SAGW,MAAA,SAAS;EAAI,YAAY,KAAK;CAAQ,GAAA,IAAA,CAAA,CAAA;AAEvE,GAAA;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACL"}
1
+ {"version":3,"file":"Autocomplete.js","names":["_vtp_bindable","_vtp_readonlyProp","_vtp_restProps","_createVNode","_Fragment","_mergeProps"],"sources":["../../src/input/Autocomplete.tsx"],"sourcesContent":["/**\n * 自动完成:值就是输入框里的文字,列表只是建议(邮箱后缀、常用地址、搜索历史、供应商名称)。\n * 选一项等于把它的文字填进来;不选也行,输入什么就是什么。要从固定的选项里选一个(值是选项的 value)时用 Combobox。\n *\n * <Field label=\"邮箱\"><Autocomplete _value={email} items={suggestions(email)} filter={false} /></Field>\n * <Autocomplete _value={keyword} load={(text, signal) => api.suggest(text, { signal })} aria-label=\"搜索\" />\n *\n * 建在 Combobox 上(allowCustomValue、不显示展开按钮):没有可选的建议时不弹出列表;↓ 打开建议,↑↓ 移动,\n * Enter 填入,Esc 关闭(关闭时再按 Esc 清空)。写了 name 时表单提交的是输入框里的文字。\n * 部件同 Combobox:Root(外壳)、Input(主元素)、Clear、Popover、Listbox。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport type { UpdateHandlers } from '@zerodep-dev/vue-tsx-pro-tsx/jsx-runtime';\nimport { Combobox, type ComboboxBaseProps, type ComboboxProps } from './Combobox';\nimport { FormValue } from '../form/FormValue';\nimport type { ListboxOption, OptionMapping } from './list-state';\nimport type { OptionsLoader } from './remote-items';\n\n/** 未声明的属性落到 input 上;选项、过滤、远程建议、外观同 Combobox */\nexport type AutocompleteProps<T = ListboxOption> = Omit<\n ComboboxBaseProps<T>,\n '_value' | '_inputValue' | 'allowCustomValue' | 'showToggle' | 'hideEmpty' | 'items' | 'load'\n> &\n OptionMapping<T> & {\n /** 输入框里的文字:父级写 _value={x};选一项建议就是把它的文字填进来 */\n _value?: string;\n /** 建议:ListboxOption、字符串,或任意数据加 toOption(直接写在这里,数据的类型才能从它推出来) */\n items?: readonly T[];\n /** 远程建议:输入停下 300 ms 后按输入调用,结果代替 items;只采用最后一次 */\n load?: OptionsLoader<T>;\n };\n\n/** 自动完成:带建议的输入框,值就是文字 */\nexport const Autocomplete = _component(\n <T,>({ _value: value = _bindable(''), name, ...rest }: AutocompleteProps<T>) =>\n () => (\n <>\n <Combobox\n {...(rest as ComboboxProps<T> & UpdateHandlers<ComboboxProps<T>>)}\n _inputValue={value}\n allowCustomValue\n showToggle={false}\n hideEmpty\n />\n <FormValue name={name} value={value || null} disabled={rest.disabled} />\n </>\n ),\n);\n"],"mappings":";;;;;;;AAiCA,IAAa,eAAe,0BAC1B,QAAA,SAAA;CAAA,MAAA,SAAA,CAAA;CAAA,MAAA,QAAAA,SAAA,QAAA,gBAAiC,IAAE,KAAA,IAAA;CAAA,MAAA,OAAAC,aAAA,QAAA,MAAA;CAAA,MAAY,OAAIC,UAAA,QAAA,MAAA,IAAA;CAAA,aACjDC,YAAAC,UAAA,MAAA,CAAAD,YAAA,UAAAE,cAGW,MAAI;EAAA,eAAA,MAAA;EAAA,wBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAA,QAAA;EAAA,oBAAA;EAAA,cAGG;EAAK,aAAA;CAAA,CAAA,GAAA,IAAA,GAAAF,YAAA,WAAA;EAAA,QAAA,KAAA;EAAA,SAGW,MAAA,SAAS;EAAI,YAAY,KAAK;CAAQ,GAAA,IAAA,CAAA,CAAA;AAEvE,GAAA;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACL"}
@@ -16,8 +16,8 @@ import { FormValue } from "../form/FormValue.js";
16
16
  import { listPopoverStyles } from "./ListPopover.js";
17
17
  import { TextField } from "./TextField.js";
18
18
  import { selectStyles } from "./Select.js";
19
- import { Fragment, computed, createVNode, mergeProps, nextTick, ref, shallowRef, useId } from "vue";
20
- import { _component, bindable, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
19
+ import { Fragment, computed, createVNode, nextTick, ref, shallowRef, useId } from "vue";
20
+ import { _component, bindable, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
21
21
  import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
22
22
  import { Check, ChevronDown, ChevronRight, Search } from "@lucide/icons";
23
23
  //#region src/input/Cascader.tsx
@@ -391,7 +391,7 @@ var Cascader = /*#__PURE__*/ _component((_props, _ctx) => {
391
391
  const focused = focusedColumn.value === level;
392
392
  const chosen = value.value ?? [];
393
393
  const onChosenPath = path.value.slice(0, level).every((key, index) => chosen[index] === key);
394
- return createVNode("div", mergeProps({ "key": level }, mergeAttrs({ sx: cascaderStyles.column }, propsColumn.value, {
394
+ return createVNode("div", mergeJsxProps({ "key": level }, mergeAttrs({ sx: cascaderStyles.column }, propsColumn.value, {
395
395
  id: columnId(level),
396
396
  role: "listbox",
397
397
  tabindex: -1,
@@ -407,7 +407,7 @@ var Cascader = /*#__PURE__*/ _component((_props, _ctx) => {
407
407
  const branch = expandable(node);
408
408
  const active = index === activeIndex;
409
409
  const selected = onChosenPath && chosen[level] === key;
410
- return createVNode("div", mergeProps({
410
+ return createVNode("div", mergeJsxProps({
411
411
  "key": key,
412
412
  "id": optionId(level, index),
413
413
  "role": "option",
@@ -443,7 +443,7 @@ var Cascader = /*#__PURE__*/ _component((_props, _ctx) => {
443
443
  "aria-label": lang.selectSearch
444
444
  }), [list.length === 0 && createVNode("div", css.attrs(cascaderStyles.empty), [lang.selectNoMatch]), list.map((item, index) => {
445
445
  const selected = item.keys.join("\0") === chosen;
446
- return createVNode("div", mergeProps({
446
+ return createVNode("div", mergeJsxProps({
447
447
  "key": item.keys.join("\0"),
448
448
  "id": optionId(0, index),
449
449
  "role": "option",
@@ -470,7 +470,7 @@ var Cascader = /*#__PURE__*/ _component((_props, _ctx) => {
470
470
  const shown = keys.length === 0 ? createVNode("span", css.attrs(selectStyles.placeholder), [placeholder.value ?? lang.selectPlaceholder]) : renderValue.value?.(labels, keys.map((_, index) => nodes[index])) ?? (showAllLevels.value ? labels.join(separator.value) : labels.at(-1));
471
471
  const firstLabel = () => state.labelledBy ? { "aria-labelledby": state.labelledBy } : { "aria-label": rest["aria-label"] };
472
472
  const list = hits.value;
473
- return createVNode(Fragment, null, [createVNode("div", mergeProps(mergeAttrs({
473
+ return createVNode(Fragment, null, [createVNode("div", mergeJsxProps(mergeAttrs({
474
474
  ...s.root,
475
475
  sx: [s.root.sx, selectStyles.root]
476
476
  }, propsRoot.value, {
@@ -525,7 +525,7 @@ var Cascader = /*#__PURE__*/ _component((_props, _ctx) => {
525
525
  ref: panel,
526
526
  popover: "auto",
527
527
  onToggle: onPanelToggle
528
- }), [searchable.value && createVNode("div", css.attrs(listPopoverStyles.header), [createVNode(TextField, mergeProps(mergePartProps({
528
+ }), [searchable.value && createVNode("div", css.attrs(listPopoverStyles.header), [createVNode(TextField, mergeJsxProps(mergePartProps({
529
529
  icon: Search,
530
530
  variant: "soft",
531
531
  placeholder: lang.selectSearch,
@@ -1 +1 @@
1
- {"version":3,"file":"Cascader.js","names":["_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_ref","_vue_shallowRef","_vue_computed","_createVNode","_mergeProps","_Fragment"],"sources":["../../src/input/Cascader.tsx"],"sourcesContent":["/**\n * 级联选择:一列一列往下选(省 / 市 / 区、产品大类 / 小类 / 型号、物料分类),触发框里显示整条路径“浙江 / 杭州 / 西湖区”。\n *\n * <Cascader items={regions} getKey={(r) => r.code} getLabel={(r) => r.name} getChildren={(r) => r.children} _value={path} />\n * <Cascader … changeOnSelect /> 每一级都能选(选到市也行)\n * <Cascader … hasChildren={(r) => !r.leaf} loadChildren={loadNext} /> 展开时远程取下一级\n * <Cascader … searchable /> 按整条路径搜索(在已加载的节点里)\n *\n * - value 是从第一级到选中节点的 key 路径(同 Ant Design、Element Plus),key 只要在同级里唯一;没有选择时 null。\n * - 默认只能选到叶子:点有下一级的项只是展开;changeOnSelect 时点任何一级都选中它(并展开下一级)。\n * - 弹出层里每一级是一列 listbox,焦点在列上、高亮项经 aria-activedescendant:↑↓ 移动(有下一级的跟着显示下一列),\n * → 进入下一级(懒加载的先取回来),← 回到上一级,Enter 选中(叶子选中后关闭),Esc 关闭并把焦点还给触发按钮。\n * 从右到左排版时左右键对调。\n * - searchable:搜索框里输入后换成一列匹配的完整路径,只列能选的(默认是叶子),↑↓、Enter 在搜索框里操作。\n * - 懒加载:hasChildren 声明有下一级,进入时 loadChildren 取回来放进数据里(数据要是响应式的),期间显示转圈;\n * 打开时沿着已选的路径逐级取回来,已选的那一列看得见。\n *\n * 部件:Root(外壳)、Trigger(button,主元素)、Value、Clear、Chevron、Popover、Search(TextField)、Column(每一列)、Option。\n */\nimport { Check, ChevronDown, ChevronRight, Search } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { nextTick, useId, type VNodeChild } from 'vue';\nimport type { PresetIconButtonProps } from '../base/CloseButton';\nimport { buttonBaseStyles } from '../base/button-core';\nimport { Icon, type IconProps } from '../base/Icon';\nimport { Spinner } from '../base/Spinner';\nimport { useLang, useTextMatcher } from '../config/context';\nimport { useFieldControl } from '../form/Field';\nimport { FormValue } from '../form/FormValue';\nimport { isExpandable } from '../utils/data/tree';\nimport { inlineArrows, isRtl } from '../utils/dom/direction';\nimport {\n anchoredPanelSx,\n floatingStyles,\n useAnchoredPopover,\n type FloatingPlacement,\n} from '../utils/dom/floating';\nimport { openSetter, type OpenChangeProps } from '../utils/dom/open-change';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { itemStyles } from '../utils/style/item-styles';\nimport { t } from '../config/theme/tokens';\nimport { disclosureStyles } from '../utils/style/transitions';\nimport {\n clickOnShell,\n controlClear,\n controlIcon,\n controlParts,\n focusOnShell,\n useControlAppearance,\n type ControlIconOptions,\n type ControlOptions,\n} from './control';\nimport { listPopoverStyles } from './ListPopover';\nimport { selectStyles, type SelectManaged } from './Select';\nimport { TextField, type TextFieldProps } from './TextField';\n\n/** 未声明的属性落到触发按钮(主元素)上,外壳用 propsRoot */\nexport interface CascaderProps<T>\n extends PartProps<'button', SelectManaged>, ControlOptions, ControlIconOptions, OpenChangeProps {\n /** 第一级的节点 */\n items?: readonly T[];\n /** 节点的 key,同级里唯一;index 是它在同级里的位置 */\n getKey: (node: T, index: number) => string;\n /** 节点的文字 */\n getLabel: (node: T) => string;\n /** 下一级;叶子或还没加载时 undefined */\n getChildren: (node: T) => readonly T[] | undefined;\n /** 有没有下一级(懒加载时还没取回来也算有);不写时看 getChildren 是否非空 */\n hasChildren?: (node: T) => boolean;\n /** 进入一个还没有下一级的节点时取回来,放进数据里;返回 Promise 时显示加载中 */\n loadChildren?: (node: T) => Promise<unknown> | void;\n /** 不能选、不能进入的节点 */\n isDisabled?: (node: T) => boolean;\n /** 选中的路径(第一级到选中节点的 key),没有时 null:父级写 _value={x} */\n _value?: readonly string[] | null;\n /** 每一级都能选;默认只能选到叶子 */\n changeOnSelect?: boolean;\n /** 触发框里显示整条路径(默认),false 时只显示最后一级 */\n showAllLevels?: boolean;\n /** 路径各级之间的分隔,默认“ / ” */\n separator?: string;\n /** 自定义触发框里的内容:参数是路径上各级的文字与节点(还没加载的节点文字是 key、节点是 undefined) */\n renderValue?: (labels: readonly string[], nodes: readonly (T | undefined)[]) => VNodeChild;\n /** 弹出层顶部带搜索框,按整条路径的文字搜索已加载的节点 */\n searchable?: boolean;\n /** 搜索时怎样算匹配:参数是路径上的节点与输入;默认路径文字包含输入(忽略大小写与重音,或用 createUi 的 textMatcher) */\n filter?: (nodes: readonly T[], query: string) => boolean;\n /** 没有选择时显示的文字,默认取语言包(请选择) */\n placeholder?: string;\n /** 是否打开:父级可以写 _open={x} */\n _open?: boolean;\n /** 弹出位置,默认 bottom-start */\n placement?: FloatingPlacement;\n /** 有选择时显示清空按钮 */\n clearable?: boolean;\n /** 表单提交时的 name(用隐藏的 input,路径上每一级一个) */\n name?: string;\n /** 不可用 */\n disabled?: boolean;\n /** 只读:能聚焦、能看到已选的内容,不能打开、不能清空 */\n readonly?: boolean;\n /** 必填 */\n required?: boolean;\n /** 校验未通过 */\n invalid?: boolean;\n /** 外壳的部件属性 */\n propsRoot?: PartProps<'div'>;\n /** 已选内容那一层的部件属性 */\n propsValue?: PartProps<'span'>;\n /** 清空按钮的部件属性 */\n propsClear?: Partial<PresetIconButtonProps>;\n /** 下拉箭头的部件属性 */\n propsChevron?: Partial<IconProps>;\n /** 弹出层的部件属性 */\n propsPopover?: PartProps<'div', 'id' | 'popover'>;\n /** 搜索框的部件属性(searchable 时) */\n propsSearch?: Partial<TextFieldProps>;\n /** 每一列的部件属性 */\n propsColumn?: PartProps<'div', 'role' | 'id' | 'tabindex'>;\n}\n\n/** Cascader 的样式:columns、column、option、onPath、focused、chevron、results */\nexport const cascaderStyles = css.create({\n // 各列横排;列多了在弹出层里横向滚动\n columns: { display: 'flex', minHeight: 0, flexGrow: 1, overflowX: 'auto' },\n column: {\n boxSizing: 'border-box',\n flexShrink: 0,\n minWidth: '10em',\n maxWidth: '16em',\n overflowY: 'auto',\n padding: '_xs',\n outlineStyle: 'none',\n borderInlineEndWidth: { default: '_xs', ':last-child': 0 },\n borderInlineEndStyle: 'solid',\n borderInlineEndColor: '_borderMuted',\n },\n // 搜索结果是一整列,占满宽度\n results: { flexGrow: 1, maxWidth: 'none' },\n // 已展开的那一项(各列里在当前路径上的)\n onPath: { backgroundColor: '_fillHover' },\n // 列有焦点时它的高亮项画焦点环(列本身不画)\n focused: {\n outlineStyle: 'solid',\n outlineWidth: '_sm',\n outlineColor: '_focusRing',\n outlineOffset: `calc(-1 * ${t.borderWidths.sm})`,\n },\n chevron: { flexShrink: 0, color: '_textMuted', scale: { default: null, ':dir(rtl)': '-1 1' } },\n check: { flexShrink: 0 },\n empty: { paddingBlock: '_sm', paddingInline: '_sm', color: '_textMuted' },\n});\n\n/** 搜索结果的一项:整条路径 */\ninterface PathHit<T> {\n readonly keys: readonly string[];\n readonly nodes: readonly T[];\n readonly label: string;\n readonly disabled: boolean;\n}\n\n/** 级联选择:触发框 + 一列一列的选项,选到叶子(或任意一级) */\nexport const Cascader = _component(\n <T,>({\n items = [],\n getKey,\n getLabel,\n getChildren,\n hasChildren,\n loadChildren,\n isDisabled,\n _value: value = _bindable<readonly string[] | null>(null),\n changeOnSelect = false,\n showAllLevels = true,\n separator = ' / ',\n renderValue,\n searchable = false,\n filter,\n placeholder,\n _open: open = _bindable(false),\n onOpenChange,\n placement = 'bottom-start',\n clearable = false,\n name,\n variant,\n size,\n radius,\n disabled,\n readonly,\n required,\n invalid,\n id,\n icon,\n propsRoot,\n propsIcon,\n propsValue,\n propsClear,\n propsChevron,\n propsPopover,\n propsSearch,\n propsColumn,\n ...rest\n }: CascaderProps<T>) => {\n const lang = useLang();\n const textMatcher = useTextMatcher();\n const baseId = useId();\n const appearance = useControlAppearance(() => ({ variant, size, radius }));\n const control = useFieldControl(() => ({ id, invalid, required, disabled, readonly }));\n // 有没有下一级(懒加载时还没取回来也算有);每次调用时读属性,数据换了跟着变\n const expandable = (node: T) => isExpandable(node, { getKey, getChildren, hasChildren });\n // 当前展开的路径(各列的高亮项);有焦点的列\n let path = _state<string[]>([]);\n let focusedColumn = _state<number | null>(null);\n let search = _state('');\n let hit = _state(0);\n let loading = _state.raw<ReadonlySet<T>>(new Set());\n let shell = _state.raw<HTMLElement | null>(null);\n let trigger = _state.raw<HTMLElement | null>(null);\n let panel = _state.raw<HTMLElement | null>(null);\n const setOpen = openSetter(\n () => open,\n (next) => (open = next),\n () => onOpenChange,\n );\n\n const columnId = (level: number) => `${baseId}-column-${level}`;\n const optionId = (level: number, index: number) => `${baseId}-${level}-${index}`;\n const disabledNode = (node: T) => isDisabled?.(node) ?? false;\n const loaded = (node: T) => (getChildren(node)?.length ?? 0) > 0;\n\n /** 沿着 keys 找到各级的节点(找不到的地方停下:还没加载,或数据变了) */\n function nodesAlong(keys: readonly string[]): T[] {\n const found: T[] = [];\n let level = items;\n for (const key of keys) {\n const node = level.find((item, index) => getKey(item, index) === key);\n if (!node) break;\n found.push(node);\n level = getChildren(node) ?? [];\n }\n return found;\n }\n\n /** 要显示的各列:第一级,以及路径上每个已加载(或正在加载)下一级的节点的下一级 */\n const columns = _derived.by(() => {\n const list: { parent: T | undefined; items: readonly T[] }[] = [{ parent: undefined, items }];\n for (const node of nodesAlong(path)) {\n if (!expandable(node) || !(loaded(node) || loading.has(node))) break;\n list.push({ parent: node, items: getChildren(node) ?? [] });\n }\n return list;\n });\n\n /** 取回节点的下一级;有了(或取回来了)返回 true */\n async function ensureChildren(node: T): Promise<boolean> {\n if (loaded(node)) return true;\n if (!loadChildren || loading.has(node)) return false;\n const pending = loadChildren(node);\n if (!(pending instanceof Promise)) return loaded(node);\n loading = new Set([...loading, node]);\n try {\n await pending;\n } catch (error) {\n console.error('级联选择的下一级加载失败', error);\n return false;\n } finally {\n const next = new Set(loading);\n next.delete(node);\n loading = next;\n }\n return loaded(node);\n }\n\n function focusColumn(level: number) {\n void nextTick(() =>\n panel?.querySelector<HTMLElement>(`#${CSS.escape(columnId(level))}`)?.focus(),\n );\n }\n\n /** 高亮第 level 列的一项:它后面的路径换成它(有已加载的下一级时显示出来) */\n function activate(level: number, key: string) {\n path = [...path.slice(0, level), key];\n }\n\n /** 进入一项的下一级:先取回来,再高亮下一列的第一项并把焦点移过去 */\n async function enter(level: number, node: T, key: string) {\n activate(level, key);\n if (!expandable(node) || !(await ensureChildren(node))) return;\n // 等待期间换了高亮项:不再进入\n if (path[level] !== key) return;\n const children = getChildren(node) ?? [];\n const first = children.findIndex((child) => !disabledNode(child));\n if (first < 0) return;\n activate(level + 1, getKey(children[first]!, first));\n focusColumn(level + 1);\n }\n\n /** 选中一条路径;选到叶子(或从搜索结果里选)时关闭 */\n function pick(keys: readonly string[], node: T, close: boolean, event?: Event) {\n value = [...keys];\n if (close || !expandable(node)) setOpen(false, 'select', event);\n }\n\n /** 点一项:有下一级的展开(changeOnSelect 时同时选中),叶子选中 */\n function onOptionClick(level: number, node: T, key: string, event: MouseEvent) {\n if (disabledNode(node)) return;\n focusedColumn = level;\n if (!expandable(node)) return pick([...path.slice(0, level), key], node, true, event);\n if (changeOnSelect) pick([...path.slice(0, level), key], node, false, event);\n activate(level, key);\n void ensureChildren(node);\n }\n\n function onColumnKeydown(level: number, event: KeyboardEvent) {\n if (event.altKey || event.ctrlKey || event.metaKey) return;\n if (event.key === 'Tab') {\n setOpen(false, 'focus', event);\n return;\n }\n const list = columns[level]?.items ?? [];\n const current = list.findIndex((item, index) => getKey(item, index) === path[level]);\n const enabled = list.flatMap((item, index) => (disabledNode(item) ? [] : [index]));\n const go = (index: number | undefined) => {\n if (index !== undefined) activate(level, getKey(list[index]!, index));\n };\n const { forward, backward } = inlineArrows(!!panel && isRtl(panel));\n const node = current >= 0 ? list[current] : undefined;\n switch (event.key) {\n case 'ArrowDown':\n go(enabled.find((index) => index > current) ?? enabled[0]);\n break;\n case 'ArrowUp':\n go(enabled.findLast((index) => index < current) ?? enabled.at(-1));\n break;\n case 'Home':\n go(enabled[0]);\n break;\n case 'End':\n go(enabled.at(-1));\n break;\n case forward:\n if (node) void enter(level, node, path[level]!);\n break;\n case backward:\n if (level > 0) focusColumn(level - 1);\n break;\n case 'Enter':\n if (!node || disabledNode(node)) break;\n if (!expandable(node)) pick(path.slice(0, level + 1), node, true, event);\n else {\n if (changeOnSelect) pick(path.slice(0, level + 1), node, false, event);\n void enter(level, node, path[level]!);\n }\n break;\n default:\n return;\n }\n event.preventDefault();\n }\n\n function onColumnFocus(level: number) {\n focusedColumn = level;\n // 第一次进入这一列:高亮第一个能选的\n if (path[level] !== undefined) return;\n const list = columns[level]?.items ?? [];\n const first = list.findIndex((item) => !disabledNode(item));\n if (first >= 0) activate(level, getKey(list[first]!, first));\n }\n\n // 搜索:匹配的完整路径,只列能选的(默认是叶子)\n const hits = _derived.by((): PathHit<T>[] | null => {\n const text = search.trim();\n if (!searchable || !text) return null;\n const match = textMatcher();\n const found: PathHit<T>[] = [];\n const visit = (\n level: readonly T[],\n keys: readonly string[],\n nodes: readonly T[],\n off: boolean,\n ) => {\n level.forEach((node, index) => {\n const nextKeys = [...keys, getKey(node, index)];\n const nextNodes = [...nodes, node];\n const nextOff = off || disabledNode(node);\n const label = nextNodes.map(getLabel).join(separator);\n const selectable = changeOnSelect || !expandable(node);\n if (selectable && (filter ? filter(nextNodes, text) : match(label, text))) {\n found.push({ keys: nextKeys, nodes: nextNodes, label, disabled: nextOff });\n }\n visit(getChildren(node) ?? [], nextKeys, nextNodes, nextOff);\n });\n };\n visit(items, [], [], false);\n return found;\n });\n\n function onSearchKeydown(event: KeyboardEvent) {\n const list = hits;\n if (event.key === 'Tab') {\n setOpen(false, 'focus', event);\n return;\n }\n // 没有搜索词:↓ 进入第一列\n if (!list) {\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n focusColumn(Math.max(path.length - 1, 0));\n }\n return;\n }\n const enabled = list.flatMap((item, index) => (item.disabled ? [] : [index]));\n if (event.key === 'ArrowDown') hit = enabled.find((index) => index > hit) ?? enabled[0] ?? 0;\n else if (event.key === 'ArrowUp')\n hit = enabled.findLast((index) => index < hit) ?? enabled.at(-1) ?? 0;\n else if (event.key === 'Enter') {\n const chosen = list[hit];\n if (chosen && !chosen.disabled) pick(chosen.keys, chosen.nodes.at(-1)!, true, event);\n } else return;\n event.preventDefault();\n }\n\n async function show(event?: Event) {\n search = '';\n hit = 0;\n path = [...(value ?? [])];\n setOpen(true, 'trigger', event);\n // 沿着已选的路径逐级取回来(懒加载),已选的那一列看得见\n for (const node of nodesAlong(path).slice(0, -1)) {\n if (!(await ensureChildren(node))) break;\n }\n }\n\n function clear() {\n value = null;\n trigger?.focus();\n }\n\n const { onToggle } = useAnchoredPopover(\n () => ({\n open,\n anchor: shell,\n panel,\n floating: { placement, matchWidth: true, fitHeight: true },\n restoreFocus: false,\n }),\n { close: (reason, event) => setOpen(false, reason, event) },\n );\n\n // 打开后焦点进搜索框或已选的那一列;关闭时焦点还在弹层里(Esc、选中、点外面)就还给触发按钮\n function onPanelToggle(event: ToggleEvent) {\n onToggle(event);\n if (event.newState === 'open') {\n if (searchable) panel?.querySelector<HTMLElement>('input[type=\"search\"]')?.focus();\n else focusColumn(Math.max(path.length - 1, 0));\n return;\n }\n focusedColumn = null;\n const active = document.activeElement;\n if (!active || active === document.body || panel?.contains(active)) trigger?.focus();\n }\n\n function onTriggerKeydown(event: KeyboardEvent) {\n const state = control();\n if (state.disabled || state.readonly) return;\n if (!open && (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n void show(event);\n }\n }\n\n function toggle(event?: Event) {\n if (open) setOpen(false, 'trigger', event);\n else void show(event);\n }\n\n /** 一列选项 */\n function renderColumn(\n level: number,\n parent: T | undefined,\n list: readonly T[],\n label: () => {\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n },\n ) {\n const activeIndex = list.findIndex((item, index) => getKey(item, index) === path[level]);\n const focused = focusedColumn === level;\n const chosen = value ?? [];\n // 这一列在已选路径上:前面各级都与已选的一致\n const onChosenPath = path.slice(0, level).every((key, index) => chosen[index] === key);\n return (\n <div\n key={level}\n {...mergeAttrs<'div'>({ sx: cascaderStyles.column }, propsColumn, {\n id: columnId(level),\n role: 'listbox',\n tabindex: -1,\n ...label(),\n 'aria-activedescendant': activeIndex >= 0 ? optionId(level, activeIndex) : undefined,\n 'aria-busy': parent && loading.has(parent) ? true : undefined,\n onKeydown: (event: KeyboardEvent) => onColumnKeydown(level, event),\n onFocus: () => onColumnFocus(level),\n onBlur: () => (focusedColumn = focusedColumn === level ? null : focusedColumn),\n })}\n >\n {parent && loading.has(parent) && list.length === 0 && (\n <div {...css.attrs(cascaderStyles.empty)}>\n <Spinner label={lang.loading} />\n </div>\n )}\n {list.map((node, index) => {\n const key = getKey(node, index);\n const off = disabledNode(node);\n const branch = expandable(node);\n const active = index === activeIndex;\n const selected = onChosenPath && chosen[level] === key;\n return (\n <div\n key={key}\n id={optionId(level, index)}\n role=\"option\"\n aria-selected={selected}\n aria-disabled={off || undefined}\n aria-haspopup={branch ? 'listbox' : undefined}\n aria-expanded={branch ? active && columns.length > level + 1 : undefined}\n {...css.attrs(\n itemStyles.row,\n itemStyles.hoverable,\n active && cascaderStyles.onPath,\n active && focused && cascaderStyles.focused,\n selected && itemStyles.selected,\n off && itemStyles.disabled,\n )}\n // 焦点留在列上\n onPointerdown={(event: PointerEvent) => event.preventDefault()}\n onClick={(event: MouseEvent) => {\n panel?.querySelector<HTMLElement>(`#${CSS.escape(columnId(level))}`)?.focus();\n onOptionClick(level, node, key, event);\n }}\n data-state={selected ? 'checked' : 'unchecked'}\n data-active={active || undefined}\n data-disabled={off || undefined}\n >\n <span {...css.attrs(itemStyles.label)}>{getLabel(node)}</span>\n {branch ? (\n loading.has(node) ? (\n <Spinner size=\"sm\" />\n ) : (\n <Icon icon={ChevronRight} sx={cascaderStyles.chevron} />\n )\n ) : (\n selected && <Icon icon={Check} sx={cascaderStyles.check} />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n\n /** 搜索结果:一列完整路径 */\n function renderHits(list: readonly PathHit<T>[]) {\n const chosen = (value ?? []).join('\\u0000');\n return (\n <div\n {...mergeAttrs<'div'>(\n { sx: [cascaderStyles.column, cascaderStyles.results] },\n propsColumn,\n {\n id: columnId(0),\n role: 'listbox',\n tabindex: -1,\n 'aria-label': lang.selectSearch,\n },\n )}\n >\n {list.length === 0 && (\n <div {...css.attrs(cascaderStyles.empty)}>{lang.selectNoMatch}</div>\n )}\n {list.map((item, index) => {\n const selected = item.keys.join('\\u0000') === chosen;\n return (\n <div\n key={item.keys.join('\\u0000')}\n id={optionId(0, index)}\n role=\"option\"\n aria-selected={selected}\n aria-disabled={item.disabled || undefined}\n {...css.attrs(\n itemStyles.row,\n itemStyles.hoverable,\n index === hit && itemStyles.highlighted,\n selected && itemStyles.selected,\n item.disabled && itemStyles.disabled,\n )}\n onPointerdown={(event: PointerEvent) => event.preventDefault()}\n onPointermove={() => !item.disabled && (hit = index)}\n onClick={(event: MouseEvent) =>\n !item.disabled && pick(item.keys, item.nodes.at(-1)!, true, event)\n }\n >\n <span {...css.attrs(itemStyles.label)}>{item.label}</span>\n {selected && <Icon icon={Check} sx={cascaderStyles.check} />}\n </div>\n );\n })}\n </div>\n );\n }\n\n return () => {\n const state = control();\n const s = controlParts(appearance(), state);\n const off = state.disabled;\n const locked = off || state.readonly;\n const keys = value ?? [];\n const nodes = nodesAlong(keys);\n // 还没加载的那几级按 key 显示\n const labels = keys.map((key, index) => (nodes[index] ? getLabel(nodes[index]) : key));\n const shown =\n keys.length === 0 ? (\n <span {...css.attrs(selectStyles.placeholder)}>\n {placeholder ?? lang.selectPlaceholder}\n </span>\n ) : (\n (renderValue?.(\n labels,\n keys.map((_, index) => nodes[index]),\n ) ?? (showAllLevels ? labels.join(separator) : labels.at(-1)))\n );\n const firstLabel = () =>\n state.labelledBy\n ? { 'aria-labelledby': state.labelledBy }\n : { 'aria-label': rest['aria-label'] };\n const list = hits;\n return (\n <>\n <div\n {...mergeAttrs<'div'>({ ...s.root, sx: [s.root.sx, selectStyles.root] }, propsRoot, {\n ref: _toRef(shell),\n onPointerdown: off ? undefined : focusOnShell(() => trigger),\n onClick: locked\n ? undefined\n : clickOnShell(\n () => trigger,\n (event) => toggle(event),\n ),\n })}\n data-state={open ? 'open' : 'closed'}\n data-invalid={state.invalid || undefined}\n data-disabled={off || undefined}\n >\n {controlIcon(s, icon, propsIcon)}\n <button\n {...mergeAttrs<'button'>(\n { sx: [buttonBaseStyles.root, selectStyles.trigger] },\n rest,\n {\n ref: _toRef(trigger),\n id: state.id,\n type: 'button',\n role: 'combobox',\n disabled: off,\n 'aria-haspopup': 'listbox',\n 'aria-expanded': open,\n 'aria-controls': columnId(0),\n 'aria-invalid': state.invalid || undefined,\n 'aria-required': state.required || undefined,\n 'aria-readonly': state.readonly || undefined,\n 'aria-describedby': state.describedBy,\n onClick: (event: MouseEvent) => {\n trigger?.focus();\n if (!locked) toggle(event);\n },\n onKeydown: onTriggerKeydown,\n },\n )}\n >\n <span {...mergeAttrs<'span'>({ sx: selectStyles.value }, propsValue)}>{shown}</span>\n </button>\n {clearable && keys.length > 0 && !locked && controlClear(s, propsClear, clear)}\n <Icon\n {...mergePartProps<IconProps>(\n {\n ...s.icon,\n icon: ChevronDown,\n sx: [s.icon.sx, disclosureStyles.icon, open && selectStyles.chevronOpen],\n },\n propsChevron,\n )}\n />\n <FormValue name={name} value={keys} disabled={state.disabled} />\n </div>\n <div\n {...mergeAttrs<'div'>(\n {\n sx: [\n anchoredPanelSx(appearance().size),\n floatingStyles.scrollPanel,\n listPopoverStyles.panel,\n ],\n },\n propsPopover,\n { ref: _toRef(panel), popover: 'auto', onToggle: onPanelToggle },\n )}\n >\n {searchable && (\n <div {...css.attrs(listPopoverStyles.header)}>\n <TextField\n {...mergePartProps<TextFieldProps>(\n {\n icon: Search,\n variant: 'soft',\n placeholder: lang.selectSearch,\n 'aria-label': lang.selectSearch,\n propsRoot: { sx: selectStyles.search },\n },\n propsSearch,\n )}\n type=\"search\"\n _value={search}\n onUpdate:_value={(next: string) => {\n search = next;\n hit = 0;\n }}\n aria-controls={columnId(0)}\n aria-activedescendant={list?.length ? optionId(0, hit) : undefined}\n onKeydown={onSearchKeydown}\n />\n </div>\n )}\n {open && (\n <div {...css.attrs(cascaderStyles.columns)}>\n {list\n ? renderHits(list)\n : columns.map((column, level) =>\n renderColumn(level, column.parent, column.items, () =>\n column.parent ? { 'aria-label': getLabel(column.parent) } : firstLabel(),\n ),\n )}\n </div>\n )}\n </div>\n </>\n );\n };\n },\n);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Cascader.js","names":["_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_ref","_vue_shallowRef","_vue_computed","_createVNode","_mergeProps","_Fragment"],"sources":["../../src/input/Cascader.tsx"],"sourcesContent":["/**\n * 级联选择:一列一列往下选(省 / 市 / 区、产品大类 / 小类 / 型号、物料分类),触发框里显示整条路径“浙江 / 杭州 / 西湖区”。\n *\n * <Cascader items={regions} getKey={(r) => r.code} getLabel={(r) => r.name} getChildren={(r) => r.children} _value={path} />\n * <Cascader … changeOnSelect /> 每一级都能选(选到市也行)\n * <Cascader … hasChildren={(r) => !r.leaf} loadChildren={loadNext} /> 展开时远程取下一级\n * <Cascader … searchable /> 按整条路径搜索(在已加载的节点里)\n *\n * - value 是从第一级到选中节点的 key 路径(同 Ant Design、Element Plus),key 只要在同级里唯一;没有选择时 null。\n * - 默认只能选到叶子:点有下一级的项只是展开;changeOnSelect 时点任何一级都选中它(并展开下一级)。\n * - 弹出层里每一级是一列 listbox,焦点在列上、高亮项经 aria-activedescendant:↑↓ 移动(有下一级的跟着显示下一列),\n * → 进入下一级(懒加载的先取回来),← 回到上一级,Enter 选中(叶子选中后关闭),Esc 关闭并把焦点还给触发按钮。\n * 从右到左排版时左右键对调。\n * - searchable:搜索框里输入后换成一列匹配的完整路径,只列能选的(默认是叶子),↑↓、Enter 在搜索框里操作。\n * - 懒加载:hasChildren 声明有下一级,进入时 loadChildren 取回来放进数据里(数据要是响应式的),期间显示转圈;\n * 打开时沿着已选的路径逐级取回来,已选的那一列看得见。\n *\n * 部件:Root(外壳)、Trigger(button,主元素)、Value、Clear、Chevron、Popover、Search(TextField)、Column(每一列)、Option。\n */\nimport { Check, ChevronDown, ChevronRight, Search } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { nextTick, useId, type VNodeChild } from 'vue';\nimport type { PresetIconButtonProps } from '../base/CloseButton';\nimport { buttonBaseStyles } from '../base/button-core';\nimport { Icon, type IconProps } from '../base/Icon';\nimport { Spinner } from '../base/Spinner';\nimport { useLang, useTextMatcher } from '../config/context';\nimport { useFieldControl } from '../form/Field';\nimport { FormValue } from '../form/FormValue';\nimport { isExpandable } from '../utils/data/tree';\nimport { inlineArrows, isRtl } from '../utils/dom/direction';\nimport {\n anchoredPanelSx,\n floatingStyles,\n useAnchoredPopover,\n type FloatingPlacement,\n} from '../utils/dom/floating';\nimport { openSetter, type OpenChangeProps } from '../utils/dom/open-change';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { itemStyles } from '../utils/style/item-styles';\nimport { t } from '../config/theme/tokens';\nimport { disclosureStyles } from '../utils/style/transitions';\nimport {\n clickOnShell,\n controlClear,\n controlIcon,\n controlParts,\n focusOnShell,\n useControlAppearance,\n type ControlIconOptions,\n type ControlOptions,\n} from './control';\nimport { listPopoverStyles } from './ListPopover';\nimport { selectStyles, type SelectManaged } from './Select';\nimport { TextField, type TextFieldProps } from './TextField';\n\n/** 未声明的属性落到触发按钮(主元素)上,外壳用 propsRoot */\nexport interface CascaderProps<T>\n extends PartProps<'button', SelectManaged>, ControlOptions, ControlIconOptions, OpenChangeProps {\n /** 第一级的节点 */\n items?: readonly T[];\n /** 节点的 key,同级里唯一;index 是它在同级里的位置 */\n getKey: (node: T, index: number) => string;\n /** 节点的文字 */\n getLabel: (node: T) => string;\n /** 下一级;叶子或还没加载时 undefined */\n getChildren: (node: T) => readonly T[] | undefined;\n /** 有没有下一级(懒加载时还没取回来也算有);不写时看 getChildren 是否非空 */\n hasChildren?: (node: T) => boolean;\n /** 进入一个还没有下一级的节点时取回来,放进数据里;返回 Promise 时显示加载中 */\n loadChildren?: (node: T) => Promise<unknown> | void;\n /** 不能选、不能进入的节点 */\n isDisabled?: (node: T) => boolean;\n /** 选中的路径(第一级到选中节点的 key),没有时 null:父级写 _value={x} */\n _value?: readonly string[] | null;\n /** 每一级都能选;默认只能选到叶子 */\n changeOnSelect?: boolean;\n /** 触发框里显示整条路径(默认),false 时只显示最后一级 */\n showAllLevels?: boolean;\n /** 路径各级之间的分隔,默认“ / ” */\n separator?: string;\n /** 自定义触发框里的内容:参数是路径上各级的文字与节点(还没加载的节点文字是 key、节点是 undefined) */\n renderValue?: (labels: readonly string[], nodes: readonly (T | undefined)[]) => VNodeChild;\n /** 弹出层顶部带搜索框,按整条路径的文字搜索已加载的节点 */\n searchable?: boolean;\n /** 搜索时怎样算匹配:参数是路径上的节点与输入;默认路径文字包含输入(忽略大小写与重音,或用 createUi 的 textMatcher) */\n filter?: (nodes: readonly T[], query: string) => boolean;\n /** 没有选择时显示的文字,默认取语言包(请选择) */\n placeholder?: string;\n /** 是否打开:父级可以写 _open={x} */\n _open?: boolean;\n /** 弹出位置,默认 bottom-start */\n placement?: FloatingPlacement;\n /** 有选择时显示清空按钮 */\n clearable?: boolean;\n /** 表单提交时的 name(用隐藏的 input,路径上每一级一个) */\n name?: string;\n /** 不可用 */\n disabled?: boolean;\n /** 只读:能聚焦、能看到已选的内容,不能打开、不能清空 */\n readonly?: boolean;\n /** 必填 */\n required?: boolean;\n /** 校验未通过 */\n invalid?: boolean;\n /** 外壳的部件属性 */\n propsRoot?: PartProps<'div'>;\n /** 已选内容那一层的部件属性 */\n propsValue?: PartProps<'span'>;\n /** 清空按钮的部件属性 */\n propsClear?: Partial<PresetIconButtonProps>;\n /** 下拉箭头的部件属性 */\n propsChevron?: Partial<IconProps>;\n /** 弹出层的部件属性 */\n propsPopover?: PartProps<'div', 'id' | 'popover'>;\n /** 搜索框的部件属性(searchable 时) */\n propsSearch?: Partial<TextFieldProps>;\n /** 每一列的部件属性 */\n propsColumn?: PartProps<'div', 'role' | 'id' | 'tabindex'>;\n}\n\n/** Cascader 的样式:columns、column、option、onPath、focused、chevron、results */\nexport const cascaderStyles = css.create({\n // 各列横排;列多了在弹出层里横向滚动\n columns: { display: 'flex', minHeight: 0, flexGrow: 1, overflowX: 'auto' },\n column: {\n boxSizing: 'border-box',\n flexShrink: 0,\n minWidth: '10em',\n maxWidth: '16em',\n overflowY: 'auto',\n padding: '_xs',\n outlineStyle: 'none',\n borderInlineEndWidth: { default: '_xs', ':last-child': 0 },\n borderInlineEndStyle: 'solid',\n borderInlineEndColor: '_borderMuted',\n },\n // 搜索结果是一整列,占满宽度\n results: { flexGrow: 1, maxWidth: 'none' },\n // 已展开的那一项(各列里在当前路径上的)\n onPath: { backgroundColor: '_fillHover' },\n // 列有焦点时它的高亮项画焦点环(列本身不画)\n focused: {\n outlineStyle: 'solid',\n outlineWidth: '_sm',\n outlineColor: '_focusRing',\n outlineOffset: `calc(-1 * ${t.borderWidths.sm})`,\n },\n chevron: { flexShrink: 0, color: '_textMuted', scale: { default: null, ':dir(rtl)': '-1 1' } },\n check: { flexShrink: 0 },\n empty: { paddingBlock: '_sm', paddingInline: '_sm', color: '_textMuted' },\n});\n\n/** 搜索结果的一项:整条路径 */\ninterface PathHit<T> {\n readonly keys: readonly string[];\n readonly nodes: readonly T[];\n readonly label: string;\n readonly disabled: boolean;\n}\n\n/** 级联选择:触发框 + 一列一列的选项,选到叶子(或任意一级) */\nexport const Cascader = _component(\n <T,>({\n items = [],\n getKey,\n getLabel,\n getChildren,\n hasChildren,\n loadChildren,\n isDisabled,\n _value: value = _bindable<readonly string[] | null>(null),\n changeOnSelect = false,\n showAllLevels = true,\n separator = ' / ',\n renderValue,\n searchable = false,\n filter,\n placeholder,\n _open: open = _bindable(false),\n onOpenChange,\n placement = 'bottom-start',\n clearable = false,\n name,\n variant,\n size,\n radius,\n disabled,\n readonly,\n required,\n invalid,\n id,\n icon,\n propsRoot,\n propsIcon,\n propsValue,\n propsClear,\n propsChevron,\n propsPopover,\n propsSearch,\n propsColumn,\n ...rest\n }: CascaderProps<T>) => {\n const lang = useLang();\n const textMatcher = useTextMatcher();\n const baseId = useId();\n const appearance = useControlAppearance(() => ({ variant, size, radius }));\n const control = useFieldControl(() => ({ id, invalid, required, disabled, readonly }));\n // 有没有下一级(懒加载时还没取回来也算有);每次调用时读属性,数据换了跟着变\n const expandable = (node: T) => isExpandable(node, { getKey, getChildren, hasChildren });\n // 当前展开的路径(各列的高亮项);有焦点的列\n let path = _state<string[]>([]);\n let focusedColumn = _state<number | null>(null);\n let search = _state('');\n let hit = _state(0);\n let loading = _state.raw<ReadonlySet<T>>(new Set());\n let shell = _state.raw<HTMLElement | null>(null);\n let trigger = _state.raw<HTMLElement | null>(null);\n let panel = _state.raw<HTMLElement | null>(null);\n const setOpen = openSetter(\n () => open,\n (next) => (open = next),\n () => onOpenChange,\n );\n\n const columnId = (level: number) => `${baseId}-column-${level}`;\n const optionId = (level: number, index: number) => `${baseId}-${level}-${index}`;\n const disabledNode = (node: T) => isDisabled?.(node) ?? false;\n const loaded = (node: T) => (getChildren(node)?.length ?? 0) > 0;\n\n /** 沿着 keys 找到各级的节点(找不到的地方停下:还没加载,或数据变了) */\n function nodesAlong(keys: readonly string[]): T[] {\n const found: T[] = [];\n let level = items;\n for (const key of keys) {\n const node = level.find((item, index) => getKey(item, index) === key);\n if (!node) break;\n found.push(node);\n level = getChildren(node) ?? [];\n }\n return found;\n }\n\n /** 要显示的各列:第一级,以及路径上每个已加载(或正在加载)下一级的节点的下一级 */\n const columns = _derived.by(() => {\n const list: { parent: T | undefined; items: readonly T[] }[] = [{ parent: undefined, items }];\n for (const node of nodesAlong(path)) {\n if (!expandable(node) || !(loaded(node) || loading.has(node))) break;\n list.push({ parent: node, items: getChildren(node) ?? [] });\n }\n return list;\n });\n\n /** 取回节点的下一级;有了(或取回来了)返回 true */\n async function ensureChildren(node: T): Promise<boolean> {\n if (loaded(node)) return true;\n if (!loadChildren || loading.has(node)) return false;\n const pending = loadChildren(node);\n if (!(pending instanceof Promise)) return loaded(node);\n loading = new Set([...loading, node]);\n try {\n await pending;\n } catch (error) {\n console.error('级联选择的下一级加载失败', error);\n return false;\n } finally {\n const next = new Set(loading);\n next.delete(node);\n loading = next;\n }\n return loaded(node);\n }\n\n function focusColumn(level: number) {\n void nextTick(() =>\n panel?.querySelector<HTMLElement>(`#${CSS.escape(columnId(level))}`)?.focus(),\n );\n }\n\n /** 高亮第 level 列的一项:它后面的路径换成它(有已加载的下一级时显示出来) */\n function activate(level: number, key: string) {\n path = [...path.slice(0, level), key];\n }\n\n /** 进入一项的下一级:先取回来,再高亮下一列的第一项并把焦点移过去 */\n async function enter(level: number, node: T, key: string) {\n activate(level, key);\n if (!expandable(node) || !(await ensureChildren(node))) return;\n // 等待期间换了高亮项:不再进入\n if (path[level] !== key) return;\n const children = getChildren(node) ?? [];\n const first = children.findIndex((child) => !disabledNode(child));\n if (first < 0) return;\n activate(level + 1, getKey(children[first]!, first));\n focusColumn(level + 1);\n }\n\n /** 选中一条路径;选到叶子(或从搜索结果里选)时关闭 */\n function pick(keys: readonly string[], node: T, close: boolean, event?: Event) {\n value = [...keys];\n if (close || !expandable(node)) setOpen(false, 'select', event);\n }\n\n /** 点一项:有下一级的展开(changeOnSelect 时同时选中),叶子选中 */\n function onOptionClick(level: number, node: T, key: string, event: MouseEvent) {\n if (disabledNode(node)) return;\n focusedColumn = level;\n if (!expandable(node)) return pick([...path.slice(0, level), key], node, true, event);\n if (changeOnSelect) pick([...path.slice(0, level), key], node, false, event);\n activate(level, key);\n void ensureChildren(node);\n }\n\n function onColumnKeydown(level: number, event: KeyboardEvent) {\n if (event.altKey || event.ctrlKey || event.metaKey) return;\n if (event.key === 'Tab') {\n setOpen(false, 'focus', event);\n return;\n }\n const list = columns[level]?.items ?? [];\n const current = list.findIndex((item, index) => getKey(item, index) === path[level]);\n const enabled = list.flatMap((item, index) => (disabledNode(item) ? [] : [index]));\n const go = (index: number | undefined) => {\n if (index !== undefined) activate(level, getKey(list[index]!, index));\n };\n const { forward, backward } = inlineArrows(!!panel && isRtl(panel));\n const node = current >= 0 ? list[current] : undefined;\n switch (event.key) {\n case 'ArrowDown':\n go(enabled.find((index) => index > current) ?? enabled[0]);\n break;\n case 'ArrowUp':\n go(enabled.findLast((index) => index < current) ?? enabled.at(-1));\n break;\n case 'Home':\n go(enabled[0]);\n break;\n case 'End':\n go(enabled.at(-1));\n break;\n case forward:\n if (node) void enter(level, node, path[level]!);\n break;\n case backward:\n if (level > 0) focusColumn(level - 1);\n break;\n case 'Enter':\n if (!node || disabledNode(node)) break;\n if (!expandable(node)) pick(path.slice(0, level + 1), node, true, event);\n else {\n if (changeOnSelect) pick(path.slice(0, level + 1), node, false, event);\n void enter(level, node, path[level]!);\n }\n break;\n default:\n return;\n }\n event.preventDefault();\n }\n\n function onColumnFocus(level: number) {\n focusedColumn = level;\n // 第一次进入这一列:高亮第一个能选的\n if (path[level] !== undefined) return;\n const list = columns[level]?.items ?? [];\n const first = list.findIndex((item) => !disabledNode(item));\n if (first >= 0) activate(level, getKey(list[first]!, first));\n }\n\n // 搜索:匹配的完整路径,只列能选的(默认是叶子)\n const hits = _derived.by((): PathHit<T>[] | null => {\n const text = search.trim();\n if (!searchable || !text) return null;\n const match = textMatcher();\n const found: PathHit<T>[] = [];\n const visit = (\n level: readonly T[],\n keys: readonly string[],\n nodes: readonly T[],\n off: boolean,\n ) => {\n level.forEach((node, index) => {\n const nextKeys = [...keys, getKey(node, index)];\n const nextNodes = [...nodes, node];\n const nextOff = off || disabledNode(node);\n const label = nextNodes.map(getLabel).join(separator);\n const selectable = changeOnSelect || !expandable(node);\n if (selectable && (filter ? filter(nextNodes, text) : match(label, text))) {\n found.push({ keys: nextKeys, nodes: nextNodes, label, disabled: nextOff });\n }\n visit(getChildren(node) ?? [], nextKeys, nextNodes, nextOff);\n });\n };\n visit(items, [], [], false);\n return found;\n });\n\n function onSearchKeydown(event: KeyboardEvent) {\n const list = hits;\n if (event.key === 'Tab') {\n setOpen(false, 'focus', event);\n return;\n }\n // 没有搜索词:↓ 进入第一列\n if (!list) {\n if (event.key === 'ArrowDown') {\n event.preventDefault();\n focusColumn(Math.max(path.length - 1, 0));\n }\n return;\n }\n const enabled = list.flatMap((item, index) => (item.disabled ? [] : [index]));\n if (event.key === 'ArrowDown') hit = enabled.find((index) => index > hit) ?? enabled[0] ?? 0;\n else if (event.key === 'ArrowUp')\n hit = enabled.findLast((index) => index < hit) ?? enabled.at(-1) ?? 0;\n else if (event.key === 'Enter') {\n const chosen = list[hit];\n if (chosen && !chosen.disabled) pick(chosen.keys, chosen.nodes.at(-1)!, true, event);\n } else return;\n event.preventDefault();\n }\n\n async function show(event?: Event) {\n search = '';\n hit = 0;\n path = [...(value ?? [])];\n setOpen(true, 'trigger', event);\n // 沿着已选的路径逐级取回来(懒加载),已选的那一列看得见\n for (const node of nodesAlong(path).slice(0, -1)) {\n if (!(await ensureChildren(node))) break;\n }\n }\n\n function clear() {\n value = null;\n trigger?.focus();\n }\n\n const { onToggle } = useAnchoredPopover(\n () => ({\n open,\n anchor: shell,\n panel,\n floating: { placement, matchWidth: true, fitHeight: true },\n restoreFocus: false,\n }),\n { close: (reason, event) => setOpen(false, reason, event) },\n );\n\n // 打开后焦点进搜索框或已选的那一列;关闭时焦点还在弹层里(Esc、选中、点外面)就还给触发按钮\n function onPanelToggle(event: ToggleEvent) {\n onToggle(event);\n if (event.newState === 'open') {\n if (searchable) panel?.querySelector<HTMLElement>('input[type=\"search\"]')?.focus();\n else focusColumn(Math.max(path.length - 1, 0));\n return;\n }\n focusedColumn = null;\n const active = document.activeElement;\n if (!active || active === document.body || panel?.contains(active)) trigger?.focus();\n }\n\n function onTriggerKeydown(event: KeyboardEvent) {\n const state = control();\n if (state.disabled || state.readonly) return;\n if (!open && (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ')) {\n event.preventDefault();\n void show(event);\n }\n }\n\n function toggle(event?: Event) {\n if (open) setOpen(false, 'trigger', event);\n else void show(event);\n }\n\n /** 一列选项 */\n function renderColumn(\n level: number,\n parent: T | undefined,\n list: readonly T[],\n label: () => {\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n },\n ) {\n const activeIndex = list.findIndex((item, index) => getKey(item, index) === path[level]);\n const focused = focusedColumn === level;\n const chosen = value ?? [];\n // 这一列在已选路径上:前面各级都与已选的一致\n const onChosenPath = path.slice(0, level).every((key, index) => chosen[index] === key);\n return (\n <div\n key={level}\n {...mergeAttrs<'div'>({ sx: cascaderStyles.column }, propsColumn, {\n id: columnId(level),\n role: 'listbox',\n tabindex: -1,\n ...label(),\n 'aria-activedescendant': activeIndex >= 0 ? optionId(level, activeIndex) : undefined,\n 'aria-busy': parent && loading.has(parent) ? true : undefined,\n onKeydown: (event: KeyboardEvent) => onColumnKeydown(level, event),\n onFocus: () => onColumnFocus(level),\n onBlur: () => (focusedColumn = focusedColumn === level ? null : focusedColumn),\n })}\n >\n {parent && loading.has(parent) && list.length === 0 && (\n <div {...css.attrs(cascaderStyles.empty)}>\n <Spinner label={lang.loading} />\n </div>\n )}\n {list.map((node, index) => {\n const key = getKey(node, index);\n const off = disabledNode(node);\n const branch = expandable(node);\n const active = index === activeIndex;\n const selected = onChosenPath && chosen[level] === key;\n return (\n <div\n key={key}\n id={optionId(level, index)}\n role=\"option\"\n aria-selected={selected}\n aria-disabled={off || undefined}\n aria-haspopup={branch ? 'listbox' : undefined}\n aria-expanded={branch ? active && columns.length > level + 1 : undefined}\n {...css.attrs(\n itemStyles.row,\n itemStyles.hoverable,\n active && cascaderStyles.onPath,\n active && focused && cascaderStyles.focused,\n selected && itemStyles.selected,\n off && itemStyles.disabled,\n )}\n // 焦点留在列上\n onPointerdown={(event: PointerEvent) => event.preventDefault()}\n onClick={(event: MouseEvent) => {\n panel?.querySelector<HTMLElement>(`#${CSS.escape(columnId(level))}`)?.focus();\n onOptionClick(level, node, key, event);\n }}\n data-state={selected ? 'checked' : 'unchecked'}\n data-active={active || undefined}\n data-disabled={off || undefined}\n >\n <span {...css.attrs(itemStyles.label)}>{getLabel(node)}</span>\n {branch ? (\n loading.has(node) ? (\n <Spinner size=\"sm\" />\n ) : (\n <Icon icon={ChevronRight} sx={cascaderStyles.chevron} />\n )\n ) : (\n selected && <Icon icon={Check} sx={cascaderStyles.check} />\n )}\n </div>\n );\n })}\n </div>\n );\n }\n\n /** 搜索结果:一列完整路径 */\n function renderHits(list: readonly PathHit<T>[]) {\n const chosen = (value ?? []).join('\\u0000');\n return (\n <div\n {...mergeAttrs<'div'>(\n { sx: [cascaderStyles.column, cascaderStyles.results] },\n propsColumn,\n {\n id: columnId(0),\n role: 'listbox',\n tabindex: -1,\n 'aria-label': lang.selectSearch,\n },\n )}\n >\n {list.length === 0 && (\n <div {...css.attrs(cascaderStyles.empty)}>{lang.selectNoMatch}</div>\n )}\n {list.map((item, index) => {\n const selected = item.keys.join('\\u0000') === chosen;\n return (\n <div\n key={item.keys.join('\\u0000')}\n id={optionId(0, index)}\n role=\"option\"\n aria-selected={selected}\n aria-disabled={item.disabled || undefined}\n {...css.attrs(\n itemStyles.row,\n itemStyles.hoverable,\n index === hit && itemStyles.highlighted,\n selected && itemStyles.selected,\n item.disabled && itemStyles.disabled,\n )}\n onPointerdown={(event: PointerEvent) => event.preventDefault()}\n onPointermove={() => !item.disabled && (hit = index)}\n onClick={(event: MouseEvent) =>\n !item.disabled && pick(item.keys, item.nodes.at(-1)!, true, event)\n }\n >\n <span {...css.attrs(itemStyles.label)}>{item.label}</span>\n {selected && <Icon icon={Check} sx={cascaderStyles.check} />}\n </div>\n );\n })}\n </div>\n );\n }\n\n return () => {\n const state = control();\n const s = controlParts(appearance(), state);\n const off = state.disabled;\n const locked = off || state.readonly;\n const keys = value ?? [];\n const nodes = nodesAlong(keys);\n // 还没加载的那几级按 key 显示\n const labels = keys.map((key, index) => (nodes[index] ? getLabel(nodes[index]) : key));\n const shown =\n keys.length === 0 ? (\n <span {...css.attrs(selectStyles.placeholder)}>\n {placeholder ?? lang.selectPlaceholder}\n </span>\n ) : (\n (renderValue?.(\n labels,\n keys.map((_, index) => nodes[index]),\n ) ?? (showAllLevels ? labels.join(separator) : labels.at(-1)))\n );\n const firstLabel = () =>\n state.labelledBy\n ? { 'aria-labelledby': state.labelledBy }\n : { 'aria-label': rest['aria-label'] };\n const list = hits;\n return (\n <>\n <div\n {...mergeAttrs<'div'>({ ...s.root, sx: [s.root.sx, selectStyles.root] }, propsRoot, {\n ref: _toRef(shell),\n onPointerdown: off ? undefined : focusOnShell(() => trigger),\n onClick: locked\n ? undefined\n : clickOnShell(\n () => trigger,\n (event) => toggle(event),\n ),\n })}\n data-state={open ? 'open' : 'closed'}\n data-invalid={state.invalid || undefined}\n data-disabled={off || undefined}\n >\n {controlIcon(s, icon, propsIcon)}\n <button\n {...mergeAttrs<'button'>(\n { sx: [buttonBaseStyles.root, selectStyles.trigger] },\n rest,\n {\n ref: _toRef(trigger),\n id: state.id,\n type: 'button',\n role: 'combobox',\n disabled: off,\n 'aria-haspopup': 'listbox',\n 'aria-expanded': open,\n 'aria-controls': columnId(0),\n 'aria-invalid': state.invalid || undefined,\n 'aria-required': state.required || undefined,\n 'aria-readonly': state.readonly || undefined,\n 'aria-describedby': state.describedBy,\n onClick: (event: MouseEvent) => {\n trigger?.focus();\n if (!locked) toggle(event);\n },\n onKeydown: onTriggerKeydown,\n },\n )}\n >\n <span {...mergeAttrs<'span'>({ sx: selectStyles.value }, propsValue)}>{shown}</span>\n </button>\n {clearable && keys.length > 0 && !locked && controlClear(s, propsClear, clear)}\n <Icon\n {...mergePartProps<IconProps>(\n {\n ...s.icon,\n icon: ChevronDown,\n sx: [s.icon.sx, disclosureStyles.icon, open && selectStyles.chevronOpen],\n },\n propsChevron,\n )}\n />\n <FormValue name={name} value={keys} disabled={state.disabled} />\n </div>\n <div\n {...mergeAttrs<'div'>(\n {\n sx: [\n anchoredPanelSx(appearance().size),\n floatingStyles.scrollPanel,\n listPopoverStyles.panel,\n ],\n },\n propsPopover,\n { ref: _toRef(panel), popover: 'auto', onToggle: onPanelToggle },\n )}\n >\n {searchable && (\n <div {...css.attrs(listPopoverStyles.header)}>\n <TextField\n {...mergePartProps<TextFieldProps>(\n {\n icon: Search,\n variant: 'soft',\n placeholder: lang.selectSearch,\n 'aria-label': lang.selectSearch,\n propsRoot: { sx: selectStyles.search },\n },\n propsSearch,\n )}\n type=\"search\"\n _value={search}\n onUpdate:_value={(next: string) => {\n search = next;\n hit = 0;\n }}\n aria-controls={columnId(0)}\n aria-activedescendant={list?.length ? optionId(0, hit) : undefined}\n onKeydown={onSearchKeydown}\n />\n </div>\n )}\n {open && (\n <div {...css.attrs(cascaderStyles.columns)}>\n {list\n ? renderHits(list)\n : columns.map((column, level) =>\n renderColumn(level, column.parent, column.items, () =>\n column.parent ? { 'aria-label': getLabel(column.parent) } : firstLabel(),\n ),\n )}\n </div>\n )}\n </div>\n </>\n );\n };\n },\n);\n"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  import { useLang } from "../config/context.js";
2
2
  import { mergeAttrs, mergePartProps } from "../utils/props.js";
3
3
  import { VisuallyHidden } from "../base/VisuallyHidden.js";
4
- import { createVNode, mergeProps } from "vue";
5
- import { _component, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
4
+ import { createVNode } from "vue";
5
+ import { _component, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
6
6
  import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
7
7
  //#region src/input/CharacterCount.tsx
8
8
  /** 未声明的属性落到 span 上;id 给输入框的 aria-describedby 关联 */
@@ -27,7 +27,7 @@ var CharacterCount = /*#__PURE__*/ _component((_props, _ctx) => {
27
27
  const lang = useLang();
28
28
  return () => {
29
29
  const over = max.value != null && count.value > max.value;
30
- return createVNode("span", mergeProps(mergeAttrs({ sx: [characterCountStyles.root, over && characterCountStyles.over] }, rest), { "data-over": over || void 0 }), [createVNode("span", mergeAttrs({}, propsValue.value, { "aria-hidden": true }), [max.value == null ? count.value : `${count.value} / ${max.value}`]), createVNode(VisuallyHidden, mergeProps(mergePartProps({}, propsLabel.value), { "key": "__site0" }), {
30
+ return createVNode("span", mergeJsxProps(mergeAttrs({ sx: [characterCountStyles.root, over && characterCountStyles.over] }, rest), { "data-over": over || void 0 }), [createVNode("span", mergeAttrs({}, propsValue.value, { "aria-hidden": true }), [max.value == null ? count.value : `${count.value} / ${max.value}`]), createVNode(VisuallyHidden, mergeJsxProps(mergePartProps({}, propsLabel.value), { "key": "__site0" }), {
31
31
  default: () => [lang.characterCount(count.value, max.value)],
32
32
  $stable: true
33
33
  })]);
@@ -1 +1 @@
1
- {"version":3,"file":"CharacterCount.js","names":["_vtp_readonlyProp","_vtp_restProps","_createVNode","_mergeProps"],"sources":["../../src/input/CharacterCount.tsx"],"sourcesContent":["/**\n * 字数计数(span):TextField、Textarea 的 showCount 用它,也可以单独放在 Field 里。\n * 显示“12 / 100”,超出上限时用危险色;读屏念完整的句子(语言包的 characterCount),由输入框经 aria-describedby 关联。\n *\n * <CharacterCount id={countId} count={bio.length} max={200} />\n *\n * 部件:Root(span)、Value(看得见的字数,对读屏隐藏)、Label(给读屏的句子)。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { VisuallyHidden, type VisuallyHiddenProps } from '../base/VisuallyHidden';\nimport { useLang } from '../config/context';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\n\n/** 未声明的属性落到 span 上;id 给输入框的 aria-describedby 关联 */\nexport interface CharacterCountProps extends PartProps<'span'> {\n /** 已输入的字符数 */\n count: number;\n /** 上限;不给时只显示字数 */\n max?: number;\n /** 看得见的字数(“12 / 100”,对读屏隐藏)的部件属性 */\n propsValue?: PartProps<'span', 'aria-hidden'>;\n /** 给读屏的完整句子的部件属性 */\n propsLabel?: Partial<VisuallyHiddenProps>;\n}\n\n/** CharacterCount 的样式:root、over */\nexport const characterCountStyles = css.create({\n root: {\n flexShrink: 0,\n fontSize: '_sm',\n color: '_textMuted',\n fontVariantNumeric: 'tabular-nums',\n whiteSpace: 'nowrap',\n },\n over: { color: '_dangerText' },\n});\n\n/** 字数计数:超出上限时用危险色 */\nexport const CharacterCount = _component(\n ({ count, max, propsValue, propsLabel, ...rest }: CharacterCountProps) => {\n const lang = useLang();\n return () => {\n const over = max != null && count > max;\n return (\n <span\n {...mergeAttrs<'span'>(\n { sx: [characterCountStyles.root, over && characterCountStyles.over] },\n rest,\n )}\n data-over={over || undefined}\n >\n <span {...mergeAttrs<'span'>({}, propsValue, { 'aria-hidden': true })}>\n {max == null ? count : `${count} / ${max}`}\n </span>\n <VisuallyHidden {...mergePartProps<VisuallyHiddenProps>({}, propsLabel)}>\n {lang.characterCount(count, max)}\n </VisuallyHidden>\n </span>\n );\n };\n },\n);\n"],"mappings":";;;;;;;;;AA2BA,IAAa,uBAAuB,IAAI,OAAO;CAC7C,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,OAAO;EACP,oBAAoB;EACpB,YAAY;CACd;CACA,MAAM,EAAE,OAAO,cAAc;AAC/B,CAAC;;AAGD,IAAa,iBAAiB,0BAC5B,QAAA,SAA0E;CAAA,MAAA,QAAAA,aAAA,QAAA,OAAA;CAAA,MAAA,MAAAA,aAAA,QAAA,KAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAhC,OAAIC,UAAA,QAAA,MAAA,IAAA;CAC5C,MAAM,OAAO,QAAQ;CACrB,aAAa;EACX,MAAM,OAAO,IAAA,SAAO,QAAQ,MAAA,QAAA,IAAA;EAC5B,OAAAC,YAAA,QAAAC,WAEQ,WACF,EAAE,IAAI,CAAC,qBAAqB,MAAM,QAAQ,qBAAqB,IAAI,EAAE,GACrE,IACF,GAAC,EAAA,aACU,QAAQ,KAAA,EAAS,CAAA,GAAA,CAAAD,YAAA,QAElB,WAAmB,CAAC,GAAC,WAAA,OAAc,EAAE,eAAe,KAAK,CAAC,GAAC,CAClE,IAAA,SAAO,OAAI,MAAA,QAAW,GAAA,MAAA,MAAA,KAAA,IAAA,OAAmB,CAAA,GAAAA,YAAA,gBAAAC,WAExB,eAAoC,CAAC,GAAC,WAAA,KAAY,GAAC,EAAA,OAAA,UAAA,CAAA,GAAA;GAAA,eAAA,CACpE,KAAK,eAAc,MAAA,OAAA,IAAA,KAAW,CAAC;GAAA,SAAA;EAAA,CAAA,CAAA,CAAA;CAIxC;AACF,GAAC;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACH"}
1
+ {"version":3,"file":"CharacterCount.js","names":["_vtp_readonlyProp","_vtp_restProps","_createVNode","_mergeProps"],"sources":["../../src/input/CharacterCount.tsx"],"sourcesContent":["/**\n * 字数计数(span):TextField、Textarea 的 showCount 用它,也可以单独放在 Field 里。\n * 显示“12 / 100”,超出上限时用危险色;读屏念完整的句子(语言包的 characterCount),由输入框经 aria-describedby 关联。\n *\n * <CharacterCount id={countId} count={bio.length} max={200} />\n *\n * 部件:Root(span)、Value(看得见的字数,对读屏隐藏)、Label(给读屏的句子)。\n */\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { VisuallyHidden, type VisuallyHiddenProps } from '../base/VisuallyHidden';\nimport { useLang } from '../config/context';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\n\n/** 未声明的属性落到 span 上;id 给输入框的 aria-describedby 关联 */\nexport interface CharacterCountProps extends PartProps<'span'> {\n /** 已输入的字符数 */\n count: number;\n /** 上限;不给时只显示字数 */\n max?: number;\n /** 看得见的字数(“12 / 100”,对读屏隐藏)的部件属性 */\n propsValue?: PartProps<'span', 'aria-hidden'>;\n /** 给读屏的完整句子的部件属性 */\n propsLabel?: Partial<VisuallyHiddenProps>;\n}\n\n/** CharacterCount 的样式:root、over */\nexport const characterCountStyles = css.create({\n root: {\n flexShrink: 0,\n fontSize: '_sm',\n color: '_textMuted',\n fontVariantNumeric: 'tabular-nums',\n whiteSpace: 'nowrap',\n },\n over: { color: '_dangerText' },\n});\n\n/** 字数计数:超出上限时用危险色 */\nexport const CharacterCount = _component(\n ({ count, max, propsValue, propsLabel, ...rest }: CharacterCountProps) => {\n const lang = useLang();\n return () => {\n const over = max != null && count > max;\n return (\n <span\n {...mergeAttrs<'span'>(\n { sx: [characterCountStyles.root, over && characterCountStyles.over] },\n rest,\n )}\n data-over={over || undefined}\n >\n <span {...mergeAttrs<'span'>({}, propsValue, { 'aria-hidden': true })}>\n {max == null ? count : `${count} / ${max}`}\n </span>\n <VisuallyHidden {...mergePartProps<VisuallyHiddenProps>({}, propsLabel)}>\n {lang.characterCount(count, max)}\n </VisuallyHidden>\n </span>\n );\n };\n },\n);\n"],"mappings":";;;;;;;;;AA2BA,IAAa,uBAAuB,IAAI,OAAO;CAC7C,MAAM;EACJ,YAAY;EACZ,UAAU;EACV,OAAO;EACP,oBAAoB;EACpB,YAAY;CACd;CACA,MAAM,EAAE,OAAO,cAAc;AAC/B,CAAC;;AAGD,IAAa,iBAAiB,0BAC5B,QAAA,SAA0E;CAAA,MAAA,QAAAA,aAAA,QAAA,OAAA;CAAA,MAAA,MAAAA,aAAA,QAAA,KAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAhC,OAAIC,UAAA,QAAA,MAAA,IAAA;CAC5C,MAAM,OAAO,QAAQ;CACrB,aAAa;EACX,MAAM,OAAO,IAAA,SAAO,QAAQ,MAAA,QAAA,IAAA;EAC5B,OAAAC,YAAA,QAAAC,cAEQ,WACF,EAAE,IAAI,CAAC,qBAAqB,MAAM,QAAQ,qBAAqB,IAAI,EAAE,GACrE,IACF,GAAC,EAAA,aACU,QAAQ,KAAA,EAAS,CAAA,GAAA,CAAAD,YAAA,QAElB,WAAmB,CAAC,GAAC,WAAA,OAAc,EAAE,eAAe,KAAK,CAAC,GAAC,CAClE,IAAA,SAAO,OAAI,MAAA,QAAW,GAAA,MAAA,MAAA,KAAA,IAAA,OAAmB,CAAA,GAAAA,YAAA,gBAAAC,cAExB,eAAoC,CAAC,GAAC,WAAA,KAAY,GAAC,EAAA,OAAA,UAAA,CAAA,GAAA;GAAA,eAAA,CACpE,KAAK,eAAc,MAAA,OAAA,IAAA,KAAW,CAAC;GAAA,SAAA;EAAA,CAAA,CAAA,CAAA;CAIxC;AACF,GAAC;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACH"}
@@ -6,8 +6,8 @@ import { toggleSelection } from "../utils/data/selection.js";
6
6
  import { useFieldControl } from "../form/Field.js";
7
7
  import { toListboxOption } from "./list-state.js";
8
8
  import { choiceInputStyles, choiceParts, choiceRecipe, readonlyChoiceHandlers, syncChecked, useChoiceAppearance } from "./choice-styles.js";
9
- import { createVNode, mergeProps, ref, shallowRef, useId } from "vue";
10
- import { _component, bindable, childrenProp, createContext, effect, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
9
+ import { createVNode, ref, shallowRef, useId } from "vue";
10
+ import { _component, bindable, childrenProp, createContext, effect, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
11
11
  import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
12
12
  import { Check, Minus } from "@lucide/icons";
13
13
  //#region src/input/Checkbox.tsx
@@ -15,7 +15,7 @@ import { Check, Minus } from "@lucide/icons";
15
15
  * 复选框(原生 input type="checkbox")与复选组。结构与样式见 choice-styles.ts。
16
16
  *
17
17
  * <Checkbox _checked={agreed}>我已阅读并同意</Checkbox>
18
- * <Checkbox checked={allChecked} indeterminate={someChecked} onChange={toggleAll}>全选</Checkbox>
18
+ * <Checkbox _checked={allChecked} indeterminate={someChecked} onChange={toggleAll}>全选</Checkbox>
19
19
  * <Field label="通知方式">
20
20
  * <CheckboxGroup _value={channels} name="channels">
21
21
  * <Checkbox value="email">邮件</Checkbox>
@@ -105,7 +105,7 @@ var Checkbox = /*#__PURE__*/ _component((_props, _ctx) => {
105
105
  disabled: off,
106
106
  readonly: locked
107
107
  });
108
- return createVNode("label", mergeProps(mergeAttrs(s.root, propsRoot.value), {
108
+ return createVNode("label", mergeJsxProps(mergeAttrs(s.root, propsRoot.value), {
109
109
  "data-state": indeterminate.value ? "indeterminate" : isChecked ? "checked" : "unchecked",
110
110
  "data-disabled": off || void 0,
111
111
  "data-readonly": locked || void 0
@@ -210,7 +210,7 @@ var CheckboxGroup = /*#__PURE__*/ _component((_props2, _ctx2) => {
210
210
  });
211
211
  return () => {
212
212
  const state = control();
213
- return createVNode("div", mergeProps(mergeAttrs(recipe({ orientation: orientation.value }).group, rest, {
213
+ return createVNode("div", mergeJsxProps(mergeAttrs(recipe({ orientation: orientation.value }).group, rest, {
214
214
  id: state.id,
215
215
  role: "group",
216
216
  "aria-labelledby": defaultLabelledBy(rest, state.labelledBy),