@ticatec/uniface-element 5.0.4 → 5.1.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 (411) hide show
  1. package/README.md +14 -13
  2. package/README_CN.md +17 -15
  3. package/dist/app_layout/ColumnsLayout.svelte +14 -10
  4. package/dist/app_layout/ColumnsLayout.svelte.d.ts +8 -4
  5. package/dist/app_layout/README.md +14 -12
  6. package/dist/app_layout/README_CN.md +14 -12
  7. package/dist/app_layout/RowsLayout.svelte +14 -10
  8. package/dist/app_layout/RowsLayout.svelte.d.ts +8 -4
  9. package/dist/base-calendar/CalendarBase.svelte +4 -10
  10. package/dist/base-calendar/CalendarBase.svelte.d.ts +0 -4
  11. package/dist/base-calendar/DateContext.d.ts +1 -0
  12. package/dist/base-calendar/DateContext.js +5 -8
  13. package/dist/base-calendar/MonthlyCalendar.svelte +11 -3
  14. package/dist/base-calendar/MonthlyCalendar.svelte.d.ts +1 -2
  15. package/dist/base-calendar/YearPickupPanel.svelte +5 -5
  16. package/dist/base-calendar/YearPickupPanel.svelte.d.ts +2 -2
  17. package/dist/base-calendar/dateUtils.js +9 -5
  18. package/dist/composite/pagination_panel/PaginationPanel.svelte +19 -13
  19. package/dist/composite/pagination_panel/PaginationPanel.svelte.d.ts +8 -5
  20. package/dist/composite/pagination_panel/README.md +3 -1
  21. package/dist/composite/pagination_panel/README_CN.md +3 -1
  22. package/dist/composite/transfer/Transfer.svelte +30 -16
  23. package/dist/composite/transfer/Transfer.svelte.d.ts +11 -4
  24. package/dist/composite/transfer/index.d.ts +2 -2
  25. package/dist/data_display/accordion/Accordion.svelte +10 -9
  26. package/dist/data_display/accordion/Accordion.svelte.d.ts +2 -1
  27. package/dist/data_display/accordion/AccordionItemView.svelte +6 -6
  28. package/dist/data_display/accordion/AccordionItemView.svelte.d.ts +1 -1
  29. package/dist/data_display/accordion/README.md +6 -4
  30. package/dist/data_display/accordion/README_CN.md +6 -4
  31. package/dist/data_display/card/Card.svelte +13 -11
  32. package/dist/data_display/card/Card.svelte.d.ts +5 -3
  33. package/dist/data_display/card/CardAction.d.ts +7 -2
  34. package/dist/data_display/card/CommonCardActionBar.svelte +2 -2
  35. package/dist/data_display/card/README.md +11 -9
  36. package/dist/data_display/card/README_CN.md +11 -9
  37. package/dist/data_display/card/index.d.ts +2 -1
  38. package/dist/data_display/concise_data_table/Column.d.ts +0 -6
  39. package/dist/data_display/concise_data_table/ConciseListTable.svelte +6 -5
  40. package/dist/data_display/concise_data_table/ConciseListTable.svelte.d.ts +4 -3
  41. package/dist/data_display/concise_data_table/DataCell.svelte +1 -1
  42. package/dist/data_display/concise_data_table/README.md +7 -5
  43. package/dist/data_display/concise_data_table/README_CN.md +7 -5
  44. package/dist/data_display/concise_data_table/TableOptions.d.ts +1 -1
  45. package/dist/data_display/list_box/ListBox.svelte +11 -15
  46. package/dist/data_display/list_box/ListBox.svelte.d.ts +6 -9
  47. package/dist/data_display/list_box/README.md +10 -8
  48. package/dist/data_display/list_box/README_CN.md +10 -8
  49. package/dist/data_display/list_box/index.d.ts +2 -3
  50. package/dist/data_display/tree_view/README.md +4 -2
  51. package/dist/data_display/tree_view/README_CN.md +4 -2
  52. package/dist/data_display/tree_view/TreeNodeView.svelte +15 -16
  53. package/dist/data_display/tree_view/TreeNodeView.svelte.d.ts +4 -5
  54. package/dist/data_display/tree_view/TreeView.svelte +27 -19
  55. package/dist/data_display/tree_view/TreeView.svelte.d.ts +12 -4
  56. package/dist/data_display/tree_view/index.d.ts +2 -3
  57. package/dist/data_table/DataTable.svelte +46 -15
  58. package/dist/data_table/DataTable.svelte.d.ts +9 -1
  59. package/dist/data_table/README.md +10 -8
  60. package/dist/data_table/README_CN.md +10 -8
  61. package/dist/data_table/UniDataTable.d.ts +4 -4
  62. package/dist/data_table/UniDataTable.js +2 -2
  63. package/dist/data_table/index.d.ts +5 -5
  64. package/dist/data_table/lib/CellAction.d.ts +9 -0
  65. package/dist/data_table/lib/CommonHeaderCell.d.ts +2 -2
  66. package/dist/data_table/lib/CompareFn.d.ts +3 -0
  67. package/dist/data_table/lib/DataColumn.d.ts +7 -12
  68. package/dist/data_table/lib/FormatCellFn.d.ts +2 -0
  69. package/dist/data_table/lib/HrefLink.d.ts +3 -3
  70. package/dist/data_table/lib/IndicatorColumn.d.ts +2 -1
  71. package/dist/data_table/lib/RowAction.d.ts +14 -20
  72. package/dist/data_table/lib/virtualWindow.d.ts +37 -0
  73. package/dist/data_table/lib/virtualWindow.js +41 -0
  74. package/dist/data_table/parts/ActionCell.svelte +3 -3
  75. package/dist/data_table/parts/ActionCell.svelte.d.ts +1 -1
  76. package/dist/data_table/parts/ActionsPanel.svelte +17 -2
  77. package/dist/data_table/parts/ActionsPanel.svelte.d.ts +3 -0
  78. package/dist/data_table/parts/ActionsRow.svelte +7 -5
  79. package/dist/data_table/parts/ContentPanel.svelte +40 -15
  80. package/dist/data_table/parts/ContentPanel.svelte.d.ts +11 -6
  81. package/dist/data_table/parts/FixedColumnsPanel.svelte +32 -16
  82. package/dist/data_table/parts/FixedColumnsPanel.svelte.d.ts +8 -5
  83. package/dist/data_table/parts/FixedHeaderPanel.svelte +14 -15
  84. package/dist/data_table/parts/FixedHeaderPanel.svelte.d.ts +4 -4
  85. package/dist/data_table/parts/FixedRow.svelte +9 -9
  86. package/dist/data_table/parts/FixedRow.svelte.d.ts +3 -3
  87. package/dist/data_table/parts/HrefCell.svelte +1 -1
  88. package/dist/data_table/parts/PopupMenu.svelte +3 -3
  89. package/dist/data_table/parts/PopupMenu.svelte.d.ts +1 -1
  90. package/dist/data_table/parts/TableHeaderPanel.svelte +14 -14
  91. package/dist/data_table/parts/TableHeaderPanel.svelte.d.ts +4 -4
  92. package/dist/data_table/parts/TextCell.svelte +1 -1
  93. package/dist/feedback/progress-bar/ProgressBar.svelte +13 -10
  94. package/dist/feedback/progress-bar/ProgressBar.svelte.d.ts +6 -3
  95. package/dist/form/FormEditor.svelte +2 -2
  96. package/dist/form/FormEditor.svelte.d.ts +1 -1
  97. package/dist/form/attachment_files/AttachmentEditor.svelte +407 -92
  98. package/dist/form/attachment_files/AttachmentEditor.svelte.d.ts +71 -15
  99. package/dist/form/attachment_files/AttachmentFile.d.ts +35 -8
  100. package/dist/form/attachment_files/AttachmentFile.js +54 -29
  101. package/dist/form/attachment_files/AttachmentListItem.svelte +208 -0
  102. package/dist/form/attachment_files/AttachmentListItem.svelte.d.ts +25 -0
  103. package/dist/form/attachment_files/AttachmentTile.svelte +296 -0
  104. package/dist/form/attachment_files/AttachmentTile.svelte.d.ts +25 -0
  105. package/dist/form/attachment_files/FileUpload.d.ts +2 -2
  106. package/dist/form/attachment_files/README.md +71 -452
  107. package/dist/form/attachment_files/README_CN.md +68 -449
  108. package/dist/form/attachment_files/UploadTask.d.ts +27 -0
  109. package/dist/form/attachment_files/index.d.ts +8 -5
  110. package/dist/form/attachment_files/index.js +4 -2
  111. package/dist/form/cascade_options_select/CascadeOptionSelect.svelte +16 -15
  112. package/dist/form/cascade_options_select/CascadeOptionSelect.svelte.d.ts +6 -5
  113. package/dist/form/cascade_options_select/IsLeaf.d.ts +4 -0
  114. package/dist/form/cascade_options_select/IsLeaf.js +1 -0
  115. package/dist/form/cascade_options_select/OptionsBox.svelte +4 -4
  116. package/dist/form/cascade_options_select/OptionsBox.svelte.d.ts +2 -2
  117. package/dist/form/color_picker/ColorPicker.svelte +3 -3
  118. package/dist/form/color_picker/ColorPickerPanel.svelte +1 -1
  119. package/dist/form/common_editor/BasePicker.svelte +7 -7
  120. package/dist/form/common_editor/BasePicker.svelte.d.ts +3 -3
  121. package/dist/form/common_editor/CommonEditor.svelte +8 -8
  122. package/dist/form/common_editor/CommonEditor.svelte.d.ts +2 -2
  123. package/dist/form/common_editor/CommonPicker.svelte +43 -31
  124. package/dist/form/common_editor/CommonPicker.svelte.d.ts +6 -6
  125. package/dist/form/common_editor/CommonPickerProps.d.ts +2 -2
  126. package/dist/form/common_editor/CommonPopupEditor.svelte +13 -13
  127. package/dist/form/common_editor/CommonPopupEditor.svelte.d.ts +3 -4
  128. package/dist/form/common_editor/NumberInput.svelte +10 -2
  129. package/dist/form/common_editor/NumberInput.svelte.d.ts +1 -1
  130. package/dist/form/common_range_editor/CommonRangeEditor.svelte +17 -17
  131. package/dist/form/common_range_editor/CommonRangeEditor.svelte.d.ts +5 -5
  132. package/dist/form/date_picker/DatePicker.svelte +5 -5
  133. package/dist/form/date_picker/DatePicker.svelte.d.ts +1 -1
  134. package/dist/form/date_picker/DateTimePicker.svelte +16 -6
  135. package/dist/form/date_picker/README.md +7 -5
  136. package/dist/form/date_picker/README_CN.md +7 -5
  137. package/dist/form/date_picker/ScrollBar.svelte +21 -20
  138. package/dist/form/date_picker/ScrollBar.svelte.d.ts +3 -3
  139. package/dist/form/date_range/DateRangeEditor.svelte +6 -6
  140. package/dist/form/events.d.ts +70 -0
  141. package/dist/form/events.js +6 -0
  142. package/dist/form/group_box/group-check-box/GroupCheckBox.svelte +9 -7
  143. package/dist/form/group_box/group-check-box/GroupCheckBox.svelte.d.ts +4 -3
  144. package/dist/form/group_box/group-check-box/README.md +5 -3
  145. package/dist/form/group_box/group-check-box/README_CN.md +5 -3
  146. package/dist/form/group_box/group-radio-box/GroupRadioBox.svelte +9 -7
  147. package/dist/form/group_box/group-radio-box/GroupRadioBox.svelte.d.ts +4 -3
  148. package/dist/form/group_box/group-radio-box/README.md +3 -1
  149. package/dist/form/group_box/group-radio-box/README_CN.md +3 -1
  150. package/dist/form/image_editor/ImageEditor.svelte +118 -0
  151. package/dist/form/image_editor/ImageEditor.svelte.d.ts +52 -0
  152. package/dist/form/image_editor/ImageFile.d.ts +11 -0
  153. package/dist/form/image_editor/ImageFile.js +1 -0
  154. package/dist/form/{image-files → image_editor}/ImagePreview.svelte +10 -2
  155. package/dist/form/image_editor/README.md +89 -0
  156. package/dist/form/image_editor/README_CN.md +89 -0
  157. package/dist/form/image_editor/index.d.ts +11 -0
  158. package/dist/form/image_editor/index.js +4 -0
  159. package/dist/form/input_options_select/InputOptionsSelect.svelte +11 -8
  160. package/dist/form/input_options_select/InputOptionsSelect.svelte.d.ts +2 -1
  161. package/dist/form/input_options_select/README.md +44 -218
  162. package/dist/form/input_options_select/README_CN.md +38 -211
  163. package/dist/form/lookup_editor/LookupEditor.svelte +7 -10
  164. package/dist/form/lookup_editor/LookupEditor.svelte.d.ts +2 -1
  165. package/dist/form/memo_editor/MemoEditor.svelte +2 -2
  166. package/dist/form/memo_editor/MemoEditor.svelte.d.ts +1 -1
  167. package/dist/form/number_editor/NumberEditor.svelte +13 -1
  168. package/dist/form/number_editor/NumberEditor.svelte.d.ts +1 -1
  169. package/dist/form/number_range/NumberRange.svelte +5 -5
  170. package/dist/form/options_multi_select/OptionsMultiSelect.svelte +13 -13
  171. package/dist/form/options_multi_select/OptionsMultiSelect.svelte.d.ts +3 -2
  172. package/dist/form/options_multi_select/README.md +5 -3
  173. package/dist/form/options_multi_select/README_CN.md +5 -3
  174. package/dist/form/options_select/OptionsSelect.svelte +19 -15
  175. package/dist/form/options_select/OptionsSelect.svelte.d.ts +2 -1
  176. package/dist/form/options_select/README.md +9 -7
  177. package/dist/form/options_select/README_CN.md +8 -6
  178. package/dist/form/prompts_text_editor/PromptsTextEditor.svelte +6 -5
  179. package/dist/form/prompts_text_editor/PromptsTextEditor.svelte.d.ts +2 -1
  180. package/dist/form/prompts_text_editor/README.md +16 -14
  181. package/dist/form/prompts_text_editor/README_CN.md +16 -14
  182. package/dist/form/search_box/SearchBox.svelte +3 -2
  183. package/dist/form/search_box/SearchBox.svelte.d.ts +1 -1
  184. package/dist/form/switch/README.md +7 -5
  185. package/dist/form/switch/README_CN.md +7 -5
  186. package/dist/form/switch/Switch.svelte +7 -5
  187. package/dist/form/switch/Switch.svelte.d.ts +4 -2
  188. package/dist/form/text_editor/PasswordEditor.svelte +2 -2
  189. package/dist/form/text_editor/PasswordEditor.svelte.d.ts +1 -1
  190. package/dist/form/text_editor/TextEditor.svelte +6 -4
  191. package/dist/form/text_editor/TextEditor.svelte.d.ts +1 -1
  192. package/dist/form/time_editor/README.md +4 -2
  193. package/dist/form/time_editor/README_CN.md +4 -2
  194. package/dist/form/time_editor/TimeEditor.svelte +10 -7
  195. package/dist/form/time_editor/TimeEditor.svelte.d.ts +2 -1
  196. package/dist/form/types.d.ts +5 -42
  197. package/dist/form/unit-number-editor/README.md +21 -19
  198. package/dist/form/unit-number-editor/README_CN.md +21 -19
  199. package/dist/form/unit-number-editor/UnitNumberEditor.svelte +12 -11
  200. package/dist/form/unit-number-editor/UnitNumberEditor.svelte.d.ts +4 -3
  201. package/dist/general/button/Button.svelte +4 -1
  202. package/dist/general/button/Button.svelte.d.ts +3 -1
  203. package/dist/general/button/IconButton.svelte +11 -5
  204. package/dist/general/button/IconButton.svelte.d.ts +5 -2
  205. package/dist/general/button/IconButton_README.md +9 -6
  206. package/dist/general/button/IconButton_README_CN.md +9 -6
  207. package/dist/general/button/TextButton.svelte +15 -5
  208. package/dist/general/button/TextButton.svelte.d.ts +6 -2
  209. package/dist/general/button/TextButton_README.md +10 -6
  210. package/dist/general/button/TextButton_README_CN.md +10 -6
  211. package/dist/general/icon/Icon.svelte +6 -4
  212. package/dist/general/icon/Icon.svelte.d.ts +3 -2
  213. package/dist/general/tag/Tag.svelte +8 -4
  214. package/dist/general/tag/Tag.svelte.d.ts +3 -1
  215. package/dist/i18nRes/i18nRes.d.ts +45 -2
  216. package/dist/i18nRes/i18nRes.js +7 -2
  217. package/dist/layouts/action_bar/ActionBar.svelte +5 -4
  218. package/dist/layouts/action_bar/ActionBar.svelte.d.ts +2 -1
  219. package/dist/layouts/action_bar/ButtonAction.d.ts +1 -23
  220. package/dist/layouts/action_bar/README.md +20 -18
  221. package/dist/layouts/action_bar/README_CN.md +19 -17
  222. package/dist/layouts/box/Box.svelte +4 -3
  223. package/dist/layouts/box/Box.svelte.d.ts +2 -1
  224. package/dist/layouts/box/README.md +13 -11
  225. package/dist/layouts/box/README_CN.md +13 -11
  226. package/dist/layouts/form_field/FormField.svelte +5 -4
  227. package/dist/layouts/form_field/FormField.svelte.d.ts +3 -2
  228. package/dist/layouts/form_field/README.md +11 -9
  229. package/dist/layouts/form_field/README_CN.md +9 -7
  230. package/dist/layouts/form_panel/flex_row_form/Cell.svelte +3 -1
  231. package/dist/layouts/form_panel/flex_row_form/Cell.svelte.d.ts +3 -1
  232. package/dist/layouts/form_panel/flex_row_form/Row.svelte +3 -1
  233. package/dist/layouts/form_panel/flex_row_form/Row.svelte.d.ts +3 -1
  234. package/dist/layouts/form_panel/grid_form/GridField.svelte +8 -4
  235. package/dist/layouts/form_panel/grid_form/GridField.svelte.d.ts +6 -2
  236. package/dist/layouts/form_panel/grid_form/GridForm.svelte +3 -1
  237. package/dist/layouts/form_panel/grid_form/GridForm.svelte.d.ts +3 -1
  238. package/dist/layouts/form_panel/grid_form/README.md +6 -4
  239. package/dist/layouts/form_panel/grid_form/README_CN.md +6 -4
  240. package/dist/layouts/page/Page.svelte +7 -7
  241. package/dist/layouts/page/Page.svelte.d.ts +2 -2
  242. package/dist/layouts/page/PageHeader.svelte +4 -4
  243. package/dist/layouts/page/PageHeader.svelte.d.ts +1 -1
  244. package/dist/layouts/page/README.md +18 -18
  245. package/dist/layouts/page/README_CN.md +18 -18
  246. package/dist/navigation/nav_menu/MenuItem.d.ts +1 -1
  247. package/dist/navigation/nav_menu/NavigatorMenu.svelte +16 -14
  248. package/dist/navigation/nav_menu/NavigatorMenu.svelte.d.ts +7 -5
  249. package/dist/navigation/nav_menu/NavigatorMenuItem.svelte +2 -2
  250. package/dist/navigation/nav_menu/NavigatorMenuItem.svelte.d.ts +2 -2
  251. package/dist/navigation/nav_menu/README.md +8 -6
  252. package/dist/navigation/nav_menu/README_CN.md +8 -6
  253. package/dist/navigation/nav_menu/index.d.ts +2 -2
  254. package/dist/navigation/navigator/Navigator.svelte +5 -4
  255. package/dist/navigation/navigator/Navigator.svelte.d.ts +3 -2
  256. package/dist/navigation/navigator/README.md +12 -10
  257. package/dist/navigation/navigator/README_CN.md +12 -10
  258. package/dist/navigation/pagination/Pagination.svelte +23 -15
  259. package/dist/navigation/pagination/Pagination.svelte.d.ts +6 -4
  260. package/dist/navigation/progress_step_bar/ProgressStep.d.ts +2 -1
  261. package/dist/navigation/progress_step_bar/ProgressStepBar.svelte +5 -4
  262. package/dist/navigation/progress_step_bar/ProgressStepBar.svelte.d.ts +2 -1
  263. package/dist/navigation/progress_step_bar/ProgressStepBlock.svelte +3 -3
  264. package/dist/navigation/progress_step_bar/ProgressStepBlock.svelte.d.ts +1 -1
  265. package/dist/navigation/progress_step_bar/README.md +37 -35
  266. package/dist/navigation/progress_step_bar/README_CN.md +36 -34
  267. package/dist/navigation/tabs/Tabs.svelte +14 -5
  268. package/dist/navigation/tabs/Tabs.svelte.d.ts +11 -4
  269. package/dist/navigation/tabs/index.d.ts +2 -2
  270. package/dist/overlay/common/ModalPopover.svelte +5 -4
  271. package/dist/overlay/common/ModalPopover.svelte.d.ts +2 -1
  272. package/dist/overlay/common/Popover.svelte +4 -3
  273. package/dist/overlay/common/Popover.svelte.d.ts +2 -1
  274. package/dist/overlay/context-menu/ContextMenuItem.d.ts +3 -3
  275. package/dist/overlay/context-menu/ContextMenuPanel.svelte +4 -4
  276. package/dist/overlay/context-menu/index.d.ts +2 -2
  277. package/dist/overlay/dialog/CommonDialog.svelte +17 -13
  278. package/dist/overlay/dialog/CommonDialog.svelte.d.ts +9 -5
  279. package/dist/overlay/dialog/Dialog.svelte +25 -19
  280. package/dist/overlay/dialog/Dialog.svelte.d.ts +11 -5
  281. package/dist/overlay/dialog/DialogActions.d.ts +1 -1
  282. package/dist/overlay/dialog/DialogCloseConfirm.d.ts +4 -1
  283. package/dist/overlay/dialog/DialogCloseConfirm.js +1 -1
  284. package/dist/overlay/dialog/DialogManager.svelte.js +2 -1
  285. package/dist/overlay/dialog/README.md +19 -17
  286. package/dist/overlay/dialog/README_CN.md +19 -17
  287. package/dist/overlay/dialog/index.d.ts +2 -2
  288. package/dist/overlay/message-box/IMessageBox.d.ts +4 -4
  289. package/dist/overlay/message-box/MessageBox.svelte.js +3 -3
  290. package/dist/ticatec-uniface-web.css +38 -12
  291. package/dist/types.d.ts +38 -46
  292. package/dist/unifaceContext.d.ts +2 -2
  293. package/dist/utils/prefixFilter.js +0 -1
  294. package/docs/NAMING.md +362 -0
  295. package/docs/NAMING_CN.md +362 -0
  296. package/docs/components/README.md +16 -14
  297. package/docs/components/accordion/README.md +13 -2
  298. package/docs/components/accordion/example.svelte +1 -0
  299. package/docs/components/action-bar/README.md +4 -4
  300. package/docs/components/attachment-editor/README.md +224 -0
  301. package/docs/components/attachment-editor/example.svelte +22 -0
  302. package/docs/components/box/README.md +1 -1
  303. package/docs/components/button/README.md +8 -1
  304. package/docs/components/button/example.svelte +1 -0
  305. package/docs/components/card/README.md +19 -5
  306. package/docs/components/cascade-options-select/README.md +11 -5
  307. package/docs/components/columns-layout/README.md +8 -4
  308. package/docs/components/columns-layout/example.svelte +4 -0
  309. package/docs/components/common-dialog/README.md +19 -10
  310. package/docs/components/common-dialog/example.svelte +2 -1
  311. package/docs/components/concise-data-table/README.md +18 -29
  312. package/docs/components/concise-data-table/example.svelte +1 -1
  313. package/docs/components/context-menu/README.md +5 -5
  314. package/docs/components/context-menu/example.svelte +1 -1
  315. package/docs/components/criteria-field/README.md +1 -0
  316. package/docs/components/criteria-field/example.svelte +1 -0
  317. package/docs/components/data-table/README.md +63 -40
  318. package/docs/components/data-table/example.svelte +2 -2
  319. package/docs/components/date-picker/README.md +1 -1
  320. package/docs/components/date-time-picker/README.md +1 -1
  321. package/docs/components/dialog/README.md +21 -14
  322. package/docs/components/dialog/example.svelte +1 -1
  323. package/docs/components/form-field/README.md +3 -3
  324. package/docs/components/grid-form/README.md +15 -5
  325. package/docs/components/grid-form/example.svelte +1 -1
  326. package/docs/components/group-check-box/README.md +3 -3
  327. package/docs/components/group-radio-box/README.md +3 -3
  328. package/docs/components/icon/README.md +6 -5
  329. package/docs/components/icon-button/README.md +10 -1
  330. package/docs/components/icon-button/example.svelte +1 -0
  331. package/docs/components/image-editor/README.md +262 -0
  332. package/docs/components/{image-files → image-editor}/example.svelte +5 -3
  333. package/docs/components/input-options-select/README.md +2 -2
  334. package/docs/components/list-box/README.md +12 -13
  335. package/docs/components/list-box/example.svelte +3 -3
  336. package/docs/components/lookup-editor/README.md +1 -1
  337. package/docs/components/navigator/README.md +2 -1
  338. package/docs/components/navigator/example.svelte +1 -0
  339. package/docs/components/navigator-menu/README.md +24 -21
  340. package/docs/components/navigator-menu/example.svelte +4 -2
  341. package/docs/components/options-multi-select/README.md +2 -2
  342. package/docs/components/options-select/README.md +4 -4
  343. package/docs/components/page/README.md +2 -2
  344. package/docs/components/page-stack/README.md +67 -0
  345. package/docs/components/page-stack/example.svelte +7 -0
  346. package/docs/components/pagination/README.md +24 -7
  347. package/docs/components/pagination/example.svelte +5 -2
  348. package/docs/components/pagination-panel/README.md +25 -10
  349. package/docs/components/pagination-panel/example.svelte +5 -4
  350. package/docs/components/password-editor/README.md +128 -0
  351. package/docs/components/{attachment-files → password-editor}/example.svelte +5 -5
  352. package/docs/components/progress-bar/README.md +14 -4
  353. package/docs/components/progress-bar/example.svelte +1 -1
  354. package/docs/components/progress-step-bar/README.md +16 -7
  355. package/docs/components/progress-step-bar/example.svelte +5 -1
  356. package/docs/components/prompts-text-editor/README.md +8 -6
  357. package/docs/components/prompts-text-editor/example.svelte +0 -1
  358. package/docs/components/rows-layout/README.md +8 -4
  359. package/docs/components/rows-layout/example.svelte +4 -0
  360. package/docs/components/switch/README.md +2 -2
  361. package/docs/components/tabs/README.md +24 -9
  362. package/docs/components/tag/README.md +13 -2
  363. package/docs/components/tag/example.svelte +1 -0
  364. package/docs/components/text-button/README.md +20 -1
  365. package/docs/components/text-button/example.svelte +2 -0
  366. package/docs/components/time-editor/README.md +1 -1
  367. package/docs/components/transfer/README.md +16 -9
  368. package/docs/components/tree-view/README.md +29 -13
  369. package/docs/components/tree-view/example.svelte +2 -1
  370. package/docs/components/unit-number-editor/README.md +11 -8
  371. package/docs/components/unit-number-editor/example.svelte +0 -1
  372. package/package.json +13 -7
  373. package/dist/data_table/lib/CompareFunction.d.ts +0 -3
  374. package/dist/data_table/lib/FormatCell.d.ts +0 -2
  375. package/dist/form/attachment_files/FileRender.svelte +0 -125
  376. package/dist/form/attachment_files/FileRender.svelte.d.ts +0 -9
  377. package/dist/form/attachment_files/FileUploadBar.svelte +0 -66
  378. package/dist/form/attachment_files/FileUploadBar.svelte.d.ts +0 -8
  379. package/dist/form/attachment_files/FileUploadPanel.svelte +0 -161
  380. package/dist/form/attachment_files/FileUploadPanel.svelte.d.ts +0 -14
  381. package/dist/form/attachment_files/UploadFile.d.ts +0 -43
  382. package/dist/form/attachment_files/UploadFile.js +0 -80
  383. package/dist/form/cascade_options_select/CascadePanel.svelte +0 -52
  384. package/dist/form/cascade_options_select/CascadePanel.svelte.d.ts +0 -26
  385. package/dist/form/cascade_options_select/isLeafDetermine.d.ts +0 -4
  386. package/dist/form/common_editor/EditorEvents.d.ts +0 -14
  387. package/dist/form/common_editor/EditorEvents.js +0 -2
  388. package/dist/form/image-files/ImageFile.d.ts +0 -12
  389. package/dist/form/image-files/ImageFilesField.svelte +0 -128
  390. package/dist/form/image-files/ImageFilesField.svelte.d.ts +0 -18
  391. package/dist/form/image-files/ImageRender.svelte +0 -95
  392. package/dist/form/image-files/ImageRender.svelte.d.ts +0 -10
  393. package/dist/form/image-files/README.md +0 -468
  394. package/dist/form/image-files/README_CN.md +0 -468
  395. package/dist/form/image-files/index.d.ts +0 -10
  396. package/dist/form/image-files/index.js +0 -2
  397. package/dist/layout/flex/FlexBlock.svelte +0 -17
  398. package/dist/layout/flex/FlexBlock.svelte.d.ts +0 -38
  399. package/dist/layout/flex/README.md +0 -148
  400. package/dist/layout/flex/README_CN.md +0 -148
  401. package/dist/layout/flex/index.d.ts +0 -2
  402. package/dist/layout/flex/index.js +0 -2
  403. package/dist/layout/index.d.ts +0 -0
  404. package/dist/layout/index.js +0 -1
  405. package/docs/components/attachment-files/README.md +0 -332
  406. package/docs/components/image-files/README.md +0 -174
  407. /package/dist/data_table/lib/{FormatCell.js → CellAction.js} +0 -0
  408. /package/dist/data_table/lib/{CompareFunction.js → CompareFn.js} +0 -0
  409. /package/dist/{form/cascade_options_select/isLeafDetermine.js → data_table/lib/FormatCellFn.js} +0 -0
  410. /package/dist/form/{image-files/ImageFile.js → attachment_files/UploadTask.js} +0 -0
  411. /package/dist/form/{image-files → image_editor}/ImagePreview.svelte.d.ts +0 -0
@@ -12,7 +12,8 @@
12
12
  keyField?: string;
13
13
  textField?: string;
14
14
  menu$height?: number;
15
- disableOptions?: Array<string>;
15
+ /** 要渲染但禁用的选项 key 列表 */
16
+ disabledOptions?: Array<string>;
16
17
  hideOptions?: Array<string>;
17
18
  itemRender?: any;
18
19
  filterPlaceholder?: string;
@@ -24,7 +25,7 @@
24
25
  variant,
25
26
  disabled = false,
26
27
  readonly = false,
27
- mandatory = false,
28
+ clearable,
28
29
  compact = false,
29
30
  error,
30
31
  tooltip,
@@ -37,18 +38,19 @@
37
38
  textField = "text",
38
39
  emptyText,
39
40
  menu$height = 0,
40
- disableOptions = [],
41
+ disabledOptions = [],
41
42
  hideOptions = [],
42
43
  onchange,
43
44
  onfocus,
44
45
  onblur,
45
- filterPlaceholder = i18nRes.common.filterPlaceholder.toString(),
46
+ filterPlaceholder = i18nRes.common.filterPlaceholder(),
46
47
  filterFunction,
47
- noResultsText = i18nRes.common.noResultsText.toString(),
48
+ noResultsText = i18nRes.common.noResultsText(),
48
49
  itemRender,
49
50
  }: Props = $props();
50
51
 
51
52
 
53
+
52
54
  let searchBox: SearchBox | undefined = $state(undefined);
53
55
  let editor: HTMLElement | undefined = $state(undefined);
54
56
  let isOpen = $state(false);
@@ -83,7 +85,7 @@
83
85
  filterText = keyword ?? '';
84
86
  }
85
87
 
86
- export const focus = () => {
88
+ export function focus() {
87
89
  setTimeout(() => {
88
90
  picker?.focus();
89
91
  }, 50);
@@ -95,11 +97,12 @@
95
97
  $effect(() => {
96
98
  if (isOpen) {
97
99
  if (filterFunction != null) {
98
- setTimeout(() => {
100
+ const timer = setTimeout(() => {
99
101
  searchBox?.focus();
100
102
  filterText = "";
101
103
  doSearch(filterText);
102
104
  }, 50);
105
+ return () => clearTimeout(timer);
103
106
  } else {
104
107
  picker?.focus();
105
108
  }
@@ -110,19 +113,20 @@
110
113
  $effect(() => {
111
114
  if (!isOpen && hasFocus) {
112
115
  // 延迟检查,如果input仍然有焦点,说明是选择项目导致的关闭
113
- setTimeout(() => {
116
+ const timer = setTimeout(() => {
114
117
  if (document.activeElement !== editor &&
115
118
  (!searchBox || document.activeElement !== (searchBox as any).element)) {
116
119
  hasFocus = false;
117
120
  onblur?.(new FocusEvent('blur'));
118
121
  }
119
122
  }, 50);
123
+ return () => clearTimeout(timer);
120
124
  }
121
125
  });
122
126
 
123
127
 
124
128
  const handleItemClick = (data: any) => () => {
125
- if (disableOptions.indexOf(data[keyField]) < 0) {
129
+ if (disabledOptions.indexOf(data[keyField]) < 0) {
126
130
  value = data[keyField];
127
131
  onchange?.(data);
128
132
  isOpen = false;
@@ -142,9 +146,9 @@
142
146
 
143
147
  </script>
144
148
 
145
- <CommonPicker bind:this={picker} {error} {tooltip} {variant} {style} {compact} {textValue} {readonly} {placeholder} {disabled} bind:isOpen
146
- {theme} {value} clear={()=> {value = undefined}} {mandatory} {onfocus} {onblur}>
147
- {#snippet popupLayer()}
149
+ <CommonPicker bind:this={picker} {error} {tooltip} {variant} {style} {compact} {textValue} {readonly} {placeholder} {disabled} bind:expanded={isOpen}
150
+ {theme} {value} clear={()=> {value = undefined}} {clearable} {onfocus} {onblur}>
151
+ {#snippet popup()}
148
152
  <div class="uniface-options-popover" style={mh} role="listbox">
149
153
  {#if filterFunction != null}
150
154
  <div class="quick-filter-box">
@@ -167,11 +171,11 @@
167
171
  {#if itemRender != null}
168
172
  {@const ItemComp = itemRender.component}
169
173
  <ItemComp {...itemRender.props} item={op}
170
- disabled={disableOptions.indexOf(op[keyField])>-1}
174
+ disabled={disabledOptions.indexOf(op[keyField])>-1}
171
175
  onclick={handleItemClick(op)}/>
172
176
  {:else}
173
- <div class="option-item" class:disabled={disableOptions.indexOf(op[keyField])>-1}
174
- role="option" tabindex={disableOptions.indexOf(op[keyField])>-1 ? -1 : 0}
177
+ <div class="option-item" class:disabled={disabledOptions.indexOf(op[keyField])>-1}
178
+ role="option" tabindex={disabledOptions.indexOf(op[keyField])>-1 ? -1 : 0}
175
179
  aria-selected={String(op[keyField]) === String(value)}
176
180
  onclick={handleItemClick(op)} onkeydown={handleItemKeyDown(op)}>
177
181
  <span>{op[textField]}</span>
@@ -7,7 +7,8 @@ declare function $$render<Option extends Record<string, any> = any>(): {
7
7
  keyField?: string;
8
8
  textField?: string;
9
9
  menu$height?: number;
10
- disableOptions?: Array<string>;
10
+ /** 要渲染但禁用的选项 key 列表 */
11
+ disabledOptions?: Array<string>;
11
12
  hideOptions?: Array<string>;
12
13
  itemRender?: any;
13
14
  filterPlaceholder?: string;
@@ -1,5 +1,7 @@
1
1
  # OptionsSelect
2
2
 
3
+ > **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../../docs/NAMING.md); the old names `disableOptions`, `mandatory` were removed in 5.1.0 (no compatibility aliases are kept).
4
+
3
5
  A single-selection dropdown picker. The user types nothing — they click, optionally filter, and pick one option from a list. Renders via the shared `CommonPicker` + `Popover` chrome, so it inherits the same surface/shadow/border tokens every dropdown in the library uses.
4
6
 
5
7
  > This is the **single-select** picker. For multi-select see [OptionsMultiSelect](../options_multi_select/README.md); for cascading (tree-shaped) data see [CascadeOptionSelect](../cascade_options_select/README.md).
@@ -8,7 +10,7 @@ A single-selection dropdown picker. The user types nothing — they click, optio
8
10
 
9
11
  - **Single selection** with `value` bound to the option's key field (default `code`).
10
12
  - **Custom field mapping** via `keyField` / `textField` — your option objects don't need to be shaped `{code, text}`.
11
- - **Hide or disable individual options** through `hideOptions` / `disableOptions`.
13
+ - **Hide or disable individual options** through `hideOptions` / `disabledOptions`.
12
14
  - **Optional quick filter** — pass a `filterFunction` and the dropdown grows a search box at the top. No separate `quickFilter` boolean anymore; the presence of `filterFunction` is the toggle.
13
15
  - **Custom item rendering** through `itemRender` — supply `{component, props}`, receive `item` / `disabled` / `onclick`.
14
16
  - **Read-only & disabled modes** — replaces the old `displayMode` enum.
@@ -49,7 +51,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
49
51
 
50
52
  ## Props
51
53
 
52
- `OptionsSelect` extends `PickerProps`, so all the common editor props (`variant`, `compact`, `disabled`, `readonly`, `mandatory`, `style`, `error`, `tooltip`, `theme`, `placeholder`, `onfocus` / `onblur` / `onchange`) are available out of the box.
54
+ `OptionsSelect` extends `PickerProps`, so all the common editor props (`variant`, `compact`, `disabled`, `readonly`, `clearable={false}`, `style`, `error`, `tooltip`, `theme`, `placeholder`, `onfocus` / `onblur` / `onchange`) are available out of the box.
53
55
 
54
56
  | Prop | Type | Default | Description |
55
57
  |------|------|---------|-------------|
@@ -59,13 +61,13 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
59
61
  | `textField` | `string` | `"text"` | Property name to display. |
60
62
  | `placeholder` | `string` | — | Shown in the input when `value` is empty. |
61
63
  | `emptyText` | `string` | — | Overrides the display text when no option matches `value`. Useful for "the saved value is no longer in the list" cases. |
62
- | `disableOptions` | `Array<string>` | `[]` | Keys of options that should render but be unclickable (dimmed). |
64
+ | `disabledOptions` | `Array<string>` | `[]` | Keys of options that should render but be unclickable (dimmed). |
63
65
  | `hideOptions` | `Array<string>` | `[]` | Keys of options that should not render at all. |
64
66
  | `variant` | `'' \| 'plain' \| 'outlined' \| 'filled'` | `''` | Visual style variant. |
65
67
  | `compact` | `boolean` | `false` | Dense layout for table cells and inline forms. |
66
68
  | `disabled` | `boolean` | `false` | Fully disabled — renders a read-only input, no popup. |
67
69
  | `readonly` | `boolean` | `false` | Read-only — same visual as disabled but semantics are "view, don't edit". |
68
- | `mandatory` | `boolean` | `false` | Hides the clear (×) button. The user must pick something; they can't go back to empty. |
70
+ | `clearable` | `boolean` | `true` | Whether the value can be cleared (shows the clear button). The old `mandatory` prop meant the opposite (`mandatory={true}` = `clearable={false}`) and was removed in 5.1.0. |
69
71
  | `style` | `string` | — | Inline CSS on the editor root. |
70
72
  | `error` | `string` | — | Validation error text. Triggers the editor's error state (typically a red border). |
71
73
  | `tooltip` | `string` | — | Hover tooltip on the editor. |
@@ -110,7 +112,7 @@ Pass `{component, props?}`. The component receives:
110
112
  | Prop | Source |
111
113
  |------|--------|
112
114
  | `item` | The current option object. |
113
- | `disabled` | `true` when the option's key is in `disableOptions`. |
115
+ | `disabled` | `true` when the option's key is in `disabledOptions`. |
114
116
  | `onclick` | Internal handler — call this on click to select the item. |
115
117
  | `...props` | Anything you put in `itemRender.props` is spread onto the component. |
116
118
 
@@ -207,7 +209,7 @@ Pass `{component, props?}`. The component receives:
207
209
  {options: statuses}
208
210
  bind:value={status}
209
211
  variant="outlined"
210
- disableOptions={["ARCHIVED"]}
212
+ disabledOptions={["ARCHIVED"]}
211
213
  hideOptions={["CANCELLED"]}
212
214
  mandatory
213
215
  />
@@ -348,7 +350,7 @@ Both layers read tokens from `uniface-root.scss`. The tokens **exist in light +
348
350
 
349
351
  ### Read-only / disabled rendering
350
352
 
351
- Both render a plain `<input readonly>` with the display text. The clear (×) button, dropdown arrow, and popup are all suppressed. `mandatory` has no effect in these modes.
353
+ Both render a plain `<input readonly>` with the display text. The clear (×) button, dropdown arrow, and popup are all suppressed. `clearable={false}` has no effect in these modes.
352
354
 
353
355
  ### `emptyText` vs `placeholder`
354
356
 
@@ -1,5 +1,7 @@
1
1
  # OptionsSelect
2
2
 
3
+ > **5.1.0 重命名**:本文使用 [API 命名规范](../../../docs/NAMING_CN.md) 中的名字;旧名 `disableOptions`, `mandatory` 已在 5.1.0 移除(5.1.0 不保留兼容别名)。
4
+
3
5
  单选下拉选择器。用户不输入文字 —— 点击、(可选地)过滤、从列表中选一项。基于共享的 `CommonPicker` + `Popover` 渲染,所以继承本库所有下拉组件共用的表面色 / 阴影 / 边框 token。
4
6
 
5
7
  > 这是**单选**组件。多选见 [OptionsMultiSelect](../options_multi_select/README_CN.md);树形级联见 [CascadeOptionSelect](../cascade_options_select/README_CN.md)。
@@ -8,7 +10,7 @@
8
10
 
9
11
  - **单选**:`value` 绑定到选项的 key 字段(默认 `code`)。
10
12
  - **自定义字段映射**:`keyField` / `textField` —— 你的选项对象不必是 `{code, text}` 形状。
11
- - **隐藏或禁用单个选项**:通过 `hideOptions` / `disableOptions`。
13
+ - **隐藏或禁用单个选项**:通过 `hideOptions` / `disabledOptions`。
12
14
  - **可选的快速过滤** —— 传入 `filterFunction`,下拉框顶部就会长出一个搜索框。**不再有 `quickFilter` 布尔开关**;`filterFunction` 的存在与否就是开关。
13
15
  - **自定义项渲染**:`itemRender` —— 传 `{component, props}`,子组件接收 `item` / `disabled` / `onclick`。
14
16
  - **只读与禁用模式** —— 取代旧的 `displayMode` 枚举。
@@ -49,7 +51,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
49
51
 
50
52
  ## 属性(Props)
51
53
 
52
- `OptionsSelect` 继承自 `PickerProps`,因此所有通用编辑器属性(`variant`、`compact`、`disabled`、`readonly`、`mandatory`、`style`、`error`、`tooltip`、`theme`、`placeholder`、`onfocus` / `onblur` / `onchange`)都开箱可用。
54
+ `OptionsSelect` 继承自 `PickerProps`,因此所有通用编辑器属性(`variant`、`compact`、`disabled`、`readonly`、`clearable={false}`、`style`、`error`、`tooltip`、`theme`、`placeholder`、`onfocus` / `onblur` / `onchange`)都开箱可用。
53
55
 
54
56
  | 属性 | 类型 | 默认值 | 说明 |
55
57
  |------|------|--------|------|
@@ -59,13 +61,13 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
59
61
  | `textField` | `string` | `"text"` | 显示用的字段名。 |
60
62
  | `placeholder` | `string` | — | `value` 为空时输入框的占位文字。 |
61
63
  | `emptyText` | `string` | — | 当 `value` 在 `options` 中找不到对应项时的显示文本。适用于"已保存的值已从列表移除"这类场景。 |
62
- | `disableOptions` | `Array<string>` | `[]` | 要渲染但禁用(变灰)的选项 key 列表。 |
64
+ | `disabledOptions` | `Array<string>` | `[]` | 要渲染但禁用(变灰)的选项 key 列表。 |
63
65
  | `hideOptions` | `Array<string>` | `[]` | 完全不渲染的选项 key 列表。 |
64
66
  | `variant` | `'' \| 'plain' \| 'outlined' \| 'filled'` | `''` | 视觉风格。 |
65
67
  | `compact` | `boolean` | `false` | 紧凑布局,用于表格单元格和行内表单。 |
66
68
  | `disabled` | `boolean` | `false` | 完全禁用 —— 渲染只读输入框,无弹窗。 |
67
69
  | `readonly` | `boolean` | `false` | 只读 —— 视觉同 disabled,但语义是"查看,不可编辑"。 |
68
- | `mandatory` | `boolean` | `false` | 隐藏清空(×)按钮。用户必须选一项,不能回到空。 |
70
+ | `clearable` | `boolean` | `true` | 是否允许清空(显示清空按钮)。旧名 `mandatory` 语义相反(`mandatory={true}` = `clearable={false}`),5.1.0 已移除。 |
69
71
  | `style` | `string` | — | 编辑器根节点的内联 CSS。 |
70
72
  | `error` | `string` | — | 校验错误文本。触发编辑器的 error 状态(通常是红色边框)。 |
71
73
  | `tooltip` | `string` | — | 编辑器的 hover tooltip。 |
@@ -110,7 +112,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
110
112
  | 属性 | 来源 |
111
113
  |------|------|
112
114
  | `item` | 当前选项对象。 |
113
- | `disabled` | 选项 key 在 `disableOptions` 中时为 `true`。 |
115
+ | `disabled` | 选项 key 在 `disabledOptions` 中时为 `true`。 |
114
116
  | `onclick` | 内部处理函数 —— 点击时调用它来选中这一项。 |
115
117
  | `...props` | 你放在 `itemRender.props` 里的任何属性都会展开到组件上。 |
116
118
 
@@ -207,7 +209,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
207
209
  {options: statuses}
208
210
  bind:value={status}
209
211
  variant="outlined"
210
- disableOptions={["ARCHIVED"]}
212
+ disabledOptions={["ARCHIVED"]}
211
213
  hideOptions={["CANCELLED"]}
212
214
  mandatory
213
215
  />
@@ -9,7 +9,8 @@
9
9
  value?: string;
10
10
  prefix?: string;
11
11
  suffix?: string;
12
- words: Array<string>;
12
+ /** 候选提示词列表 */
13
+ options?: Array<string>;
13
14
  menu$height?: number;
14
15
 
15
16
  [key: `input\$${string}`]: any;
@@ -27,7 +28,7 @@
27
28
  suffix,
28
29
  tooltip,
29
30
  placeholder,
30
- words,
31
+ options = [],
31
32
  menu$height = 0,
32
33
  onchange,
33
34
  ...restProps
@@ -46,7 +47,7 @@
46
47
  const handleHintClick = (item: string) => (e: MouseEvent) => {
47
48
  value = item;
48
49
  editor?.focus();
49
- editorRef?.closePopup();
50
+ editorRef?.close();
50
51
  e.stopPropagation();
51
52
  e.preventDefault();
52
53
  };
@@ -74,9 +75,9 @@
74
75
  {suffix} {clear} textValue={value}>
75
76
  <input bind:this={editor} bind:value {disabled} {readonly} {placeholder} {...eventHandlers}/>
76
77
 
77
- {#snippet popupLayer()}
78
+ {#snippet popup()}
78
79
  <div class="options-popover" style={mh} role="listbox">
79
- {#each words as word}
80
+ {#each options as word}
80
81
  <div
81
82
  class="option-item"
82
83
  style="padding-left: 12px; padding-right: 12px"
@@ -3,7 +3,8 @@ interface Props extends CommonFieldProps {
3
3
  value?: string;
4
4
  prefix?: string;
5
5
  suffix?: string;
6
- words: Array<string>;
6
+ /** 候选提示词列表 */
7
+ options?: Array<string>;
7
8
  menu$height?: number;
8
9
  [key: `input\$${string}`]: any;
9
10
  }
@@ -1,5 +1,7 @@
1
1
  # PromptsTextEditor
2
2
 
3
+ > **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../../docs/NAMING.md); the old names `words` were removed in 5.1.0 (no compatibility aliases are kept).
4
+
3
5
  A text input component with auto-suggestion functionality that displays a dropdown menu of predefined words/prompts when clicked. Perfect for scenarios where users need to input from a set of known options with the ability to type custom values.
4
6
 
5
7
  ## Features
@@ -38,7 +40,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
38
40
 
39
41
  <PromptsTextEditor
40
42
  bind:value={value}
41
- words={suggestions}
43
+ options={suggestions}
42
44
  onchange={handleChange}
43
45
  placeholder="Type or select a fruit..."
44
46
  />
@@ -49,7 +51,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
49
51
  | Prop | Type | Default | Description |
50
52
  |------|------|---------|-------------|
51
53
  | `value` | `string \| undefined` | `undefined` | Current input value (bindable). |
52
- | `words` | `Array<string>` | — (required) | Array of suggestion words to display in the dropdown. |
54
+ | `options` | `Array<string>` | — (required) | Array of suggestion options to display in the dropdown. |
53
55
  | `variant` | `"" \| "plain" \| "outlined" \| "filled"` | `""` | Visual style variant. |
54
56
  | `compact` | `boolean` | `false` | Compact spacing layout. |
55
57
  | `disabled` | `boolean` | `false` | Disables the editor. |
@@ -97,7 +99,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
97
99
 
98
100
  <PromptsTextEditor
99
101
  bind:value={selectedTag}
100
- words={availableTags}
102
+ options={availableTags}
101
103
  placeholder="Select or type a programming language..."
102
104
  />
103
105
  ```
@@ -129,7 +131,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
129
131
 
130
132
  <PromptsTextEditor
131
133
  bind:value={currentValue}
132
- words={commands}
134
+ options={commands}
133
135
  onchange={handleValueChange}
134
136
  onfocus={handleFocus}
135
137
  onblur={handleBlur}
@@ -148,13 +150,13 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
148
150
  </script>
149
151
 
150
152
  <!-- Default variant -->
151
- <PromptsTextEditor bind:value={value1} words={options} placeholder="Default" />
153
+ <PromptsTextEditor bind:value={value1} options={options} placeholder="Default" />
152
154
 
153
155
  <!-- Outlined variant -->
154
- <PromptsTextEditor bind:value={value2} words={options} variant="outlined" placeholder="Outlined" />
156
+ <PromptsTextEditor bind:value={value2} options={options} variant="outlined" placeholder="Outlined" />
155
157
 
156
158
  <!-- Filled variant -->
157
- <PromptsTextEditor bind:value={value3} words={options} variant="filled" placeholder="Filled" />
159
+ <PromptsTextEditor bind:value={value3} options={options} variant="filled" placeholder="Filled" />
158
160
  ```
159
161
 
160
162
  ### Custom Menu Height
@@ -169,7 +171,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
169
171
 
170
172
  <PromptsTextEditor
171
173
  bind:value={selectedItem}
172
- words={longList}
174
+ options={longList}
173
175
  menu$height={200}
174
176
  placeholder="Select from many options..."
175
177
  />
@@ -201,7 +203,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
201
203
  <label>Category</label>
202
204
  <PromptsTextEditor
203
205
  bind:value={formData.category}
204
- words={categories}
206
+ options={categories}
205
207
  placeholder="Select category..."
206
208
  />
207
209
  </div>
@@ -210,7 +212,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
210
212
  <label>Priority</label>
211
213
  <PromptsTextEditor
212
214
  bind:value={formData.priority}
213
- words={priorities}
215
+ options={priorities}
214
216
  placeholder="Select priority..."
215
217
  />
216
218
  </div>
@@ -219,7 +221,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
219
221
  <label>Status</label>
220
222
  <PromptsTextEditor
221
223
  bind:value={formData.status}
222
- words={statuses}
224
+ options={statuses}
223
225
  placeholder="Select status..."
224
226
  />
225
227
  </div>
@@ -257,7 +259,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
257
259
  <!-- Readonly -->
258
260
  <PromptsTextEditor
259
261
  bind:value={value1}
260
- words={options}
262
+ options={options}
261
263
  readonly
262
264
  placeholder="This is readonly"
263
265
  />
@@ -265,7 +267,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
265
267
  <!-- Disabled -->
266
268
  <PromptsTextEditor
267
269
  bind:value={value2}
268
- words={options}
270
+ options={options}
269
271
  disabled
270
272
  placeholder="This is disabled"
271
273
  />
@@ -290,7 +292,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
290
292
  <div class="command-palette">
291
293
  <PromptsTextEditor
292
294
  bind:value={command}
293
- words={commands}
295
+ options={commands}
294
296
  variant="outlined"
295
297
  placeholder="Type a command..."
296
298
  />
@@ -1,5 +1,7 @@
1
1
  # PromptsTextEditor 带建议的文本输入
2
2
 
3
+ > **5.1.0 重命名**:本文使用 [API 命名规范](../../../docs/NAMING_CN.md) 中的名字;旧名 `words` 已在 5.1.0 移除(5.1.0 不保留兼容别名)。
4
+
3
5
  带自动建议功能的文本输入组件,点击时显示预定义词语/提示的下拉菜单。适用于用户需要从已知选项集中输入,同时支持输入自定义值的场景。
4
6
 
5
7
  ## 功能特性
@@ -38,7 +40,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
38
40
 
39
41
  <PromptsTextEditor
40
42
  bind:value={value}
41
- words={suggestions}
43
+ options={suggestions}
42
44
  onchange={handleChange}
43
45
  placeholder="输入或选择一个水果..."
44
46
  />
@@ -49,7 +51,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
49
51
  | 属性 | 类型 | 默认值 | 说明 |
50
52
  |------|------|--------|------|
51
53
  | `value` | `string \| undefined` | `undefined` | 当前输入值(可双向绑定)。 |
52
- | `words` | `Array<string>` | —(必填) | 下拉菜单中显示的建议词语数组。 |
54
+ | `options` | `Array<string>` | —(必填) | 下拉菜单中显示的建议词语数组。 |
53
55
  | `variant` | `"" \| "plain" \| "outlined" \| "filled"` | `""` | 视觉样式变体。 |
54
56
  | `compact` | `boolean` | `false` | 紧凑间距布局。 |
55
57
  | `disabled` | `boolean` | `false` | 禁用编辑器。 |
@@ -97,7 +99,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
97
99
 
98
100
  <PromptsTextEditor
99
101
  bind:value={selectedTag}
100
- words={availableTags}
102
+ options={availableTags}
101
103
  placeholder="选择或输入编程语言..."
102
104
  />
103
105
  ```
@@ -129,7 +131,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
129
131
 
130
132
  <PromptsTextEditor
131
133
  bind:value={currentValue}
132
- words={commands}
134
+ options={commands}
133
135
  onchange={handleValueChange}
134
136
  onfocus={handleFocus}
135
137
  onblur={handleBlur}
@@ -148,13 +150,13 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
148
150
  </script>
149
151
 
150
152
  <!-- 默认变体 -->
151
- <PromptsTextEditor bind:value={value1} words={options} placeholder="默认" />
153
+ <PromptsTextEditor bind:value={value1} options={options} placeholder="默认" />
152
154
 
153
155
  <!-- 描边变体 -->
154
- <PromptsTextEditor bind:value={value2} words={options} variant="outlined" placeholder="描边" />
156
+ <PromptsTextEditor bind:value={value2} options={options} variant="outlined" placeholder="描边" />
155
157
 
156
158
  <!-- 填充变体 -->
157
- <PromptsTextEditor bind:value={value3} words={options} variant="filled" placeholder="填充" />
159
+ <PromptsTextEditor bind:value={value3} options={options} variant="filled" placeholder="填充" />
158
160
  ```
159
161
 
160
162
  ### 自定义菜单高度
@@ -169,7 +171,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
169
171
 
170
172
  <PromptsTextEditor
171
173
  bind:value={selectedItem}
172
- words={longList}
174
+ options={longList}
173
175
  menu$height={200}
174
176
  placeholder="从许多选项中选取..."
175
177
  />
@@ -201,7 +203,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
201
203
  <label>类别</label>
202
204
  <PromptsTextEditor
203
205
  bind:value={formData.category}
204
- words={categories}
206
+ options={categories}
205
207
  placeholder="选择类别..."
206
208
  />
207
209
  </div>
@@ -210,7 +212,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
210
212
  <label>优先级</label>
211
213
  <PromptsTextEditor
212
214
  bind:value={formData.priority}
213
- words={priorities}
215
+ options={priorities}
214
216
  placeholder="选择优先级..."
215
217
  />
216
218
  </div>
@@ -219,7 +221,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
219
221
  <label>状态</label>
220
222
  <PromptsTextEditor
221
223
  bind:value={formData.status}
222
- words={statuses}
224
+ options={statuses}
223
225
  placeholder="选择状态..."
224
226
  />
225
227
  </div>
@@ -257,7 +259,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
257
259
  <!-- 只读 -->
258
260
  <PromptsTextEditor
259
261
  bind:value={value1}
260
- words={options}
262
+ options={options}
261
263
  readonly
262
264
  placeholder="这是只读的"
263
265
  />
@@ -265,7 +267,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
265
267
  <!-- 禁用 -->
266
268
  <PromptsTextEditor
267
269
  bind:value={value2}
268
- words={options}
270
+ options={options}
269
271
  disabled
270
272
  placeholder="这是禁用的"
271
273
  />
@@ -290,7 +292,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
290
292
  <div class="command-palette">
291
293
  <PromptsTextEditor
292
294
  bind:value={command}
293
- words={commands}
295
+ options={commands}
294
296
  variant="outlined"
295
297
  placeholder="输入命令..."
296
298
  />
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import CommonEditor from "../common_editor/CommonEditor.svelte";
3
- import type {EditorEvents, EditorVariant} from "../types";
4
- import type {KeyboardEvents} from "../common_editor/EditorEvents";
3
+ import type {EditorVariant} from "../types";
4
+ import type {EditorEvents} from "../events";
5
+ import type {KeyboardEvents} from "../events";
5
6
  import {eventFilter} from "../../utils/prefixFilter";
6
7
  import type CommonFieldProps from "../common_editor/CommonFieldProps";
7
8
 
@@ -1,4 +1,4 @@
1
- import type { KeyboardEvents } from "../common_editor/EditorEvents";
1
+ import type { KeyboardEvents } from "../events";
2
2
  import type CommonFieldProps from "../common_editor/CommonFieldProps";
3
3
  interface Props extends CommonFieldProps, KeyboardEvents {
4
4
  value?: string;
@@ -1,5 +1,7 @@
1
1
  # Switch Component
2
2
 
3
+ > **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../../docs/NAMING.md); the old names `checkLabel`, `uncheckLabel` were removed in 5.1.0 (no compatibility aliases are kept).
4
+
3
5
  A toggle switch component for binary on/off states. The switch displays labeled "On"/"Off" states with smooth sliding animation and customizable label text. Ideal for enabling or disabling features, toggling settings, and managing boolean preferences.
4
6
 
5
7
  ## Installation
@@ -33,8 +35,8 @@ import Switch from "@ticatec/uniface-element/Switch";
33
35
  | Prop | Type | Default | Description |
34
36
  |------|------|---------|-------------|
35
37
  | `value` | `boolean` | `false` | Toggle state of the switch (supports two-way binding with `bind:value`) |
36
- | `checkLabel` | `string` | `"On"` | Label displayed when the switch is in the checked/on state |
37
- | `uncheckLabel` | `string` | `"Off"` | Label displayed when the switch is in the unchecked/off state |
38
+ | `checkedText` | `string` | `"On"` | Label displayed when the switch is in the checked/on state |
39
+ | `uncheckedText` | `string` | `"Off"` | Label displayed when the switch is in the unchecked/off state |
38
40
  | `readonly` | `boolean` | `false` | Whether the switch is read-only (cannot be toggled) |
39
41
  | `disabled` | `boolean` | `false` | Whether the switch is disabled |
40
42
 
@@ -83,8 +85,8 @@ import Switch from "@ticatec/uniface-element/Switch";
83
85
 
84
86
  <Switch
85
87
  bind:value={wifiEnabled}
86
- checkLabel="Connected"
87
- uncheckLabel="Disconnected"
88
+ checkedText="Connected"
89
+ uncheckedText="Disconnected"
88
90
  />
89
91
 
90
92
  <p>WiFi: {wifiEnabled ? 'Connected' : 'Disconnected'}</p>
@@ -206,7 +208,7 @@ The Switch component supports the following CSS custom properties for theming:
206
208
  ## Features
207
209
 
208
210
  - **Two-way Binding**: Supports `bind:value` for reactive state management
209
- - **Custom Labels**: Configurable on/off text via `checkLabel` and `uncheckLabel` props
211
+ - **Custom Labels**: Configurable on/off text via `checkedText` and `uncheckedText` props
210
212
  - **Smooth Animation**: CSS transition for sliding knob and color changes
211
213
  - **Disabled State**: Non-interactive switch with visual feedback
212
214
  - **Read-only State**: Display-only mode that prevents toggling
@@ -1,5 +1,7 @@
1
1
  # 开关组件 (Switch)
2
2
 
3
+ > **5.1.0 重命名**:本文使用 [API 命名规范](../../../docs/NAMING_CN.md) 中的名字;旧名 `checkLabel`, `uncheckLabel` 已在 5.1.0 移除(5.1.0 不保留兼容别名)。
4
+
3
5
  一个用于二元开/关状态的切换开关组件,支持平滑的滑动动画和自定义标签文字。非常适合启用或禁用功能、切换设置和管理布尔偏好。
4
6
 
5
7
  ## 安装
@@ -33,8 +35,8 @@ import Switch from "@ticatec/uniface-element/Switch";
33
35
  | 属性 | 类型 | 默认值 | 描述 |
34
36
  |------|------|--------|------|
35
37
  | `value` | `boolean` | `false` | 开关状态(支持 `bind:value` 双向绑定) |
36
- | `checkLabel` | `string` | `"On"` | 开关打开时显示的标签文字 |
37
- | `uncheckLabel` | `string` | `"Off"` | 开关关闭时显示的标签文字 |
38
+ | `checkedText` | `string` | `"On"` | 开关打开时显示的标签文字 |
39
+ | `uncheckedText` | `string` | `"Off"` | 开关关闭时显示的标签文字 |
38
40
  | `readonly` | `boolean` | `false` | 是否为只读状态(不可切换) |
39
41
  | `disabled` | `boolean` | `false` | 是否禁用开关 |
40
42
 
@@ -83,8 +85,8 @@ import Switch from "@ticatec/uniface-element/Switch";
83
85
 
84
86
  <Switch
85
87
  bind:value={wifi已连接}
86
- checkLabel="已连接"
87
- uncheckLabel="未连接"
88
+ checkedText="已连接"
89
+ uncheckedText="未连接"
88
90
  />
89
91
 
90
92
  <p>WiFi:{wifi已连接 ? '已连接' : '未连接'}</p>
@@ -230,7 +232,7 @@ Switch 组件支持以下 CSS 自定义属性进行主题定制:
230
232
  ## 功能特性
231
233
 
232
234
  - **双向绑定**:支持 `bind:value` 实现响应式状态管理
233
- - **自定义标签**:通过 `checkLabel` 和 `uncheckLabel` 属性自定义开/关文字
235
+ - **自定义标签**:通过 `checkedText` 和 `uncheckedText` 属性自定义开/关文字
234
236
  - **平滑动画**:滑动按钮和颜色变化的 CSS 过渡动画
235
237
  - **禁用状态**:非交互式的禁用开关,带有视觉反馈
236
238
  - **只读状态**:仅展示模式的开关,防止用户切换