@ticatec/uniface-element 5.0.5 → 5.1.1

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 (401) hide show
  1. package/README.md +4 -3
  2. package/README_CN.md +4 -3
  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/MonthlyCalendar.svelte +11 -3
  12. package/dist/base-calendar/MonthlyCalendar.svelte.d.ts +1 -2
  13. package/dist/base-calendar/YearPickupPanel.svelte +5 -5
  14. package/dist/base-calendar/YearPickupPanel.svelte.d.ts +2 -2
  15. package/dist/base-calendar/dateUtils.js +9 -5
  16. package/dist/composite/pagination_panel/PaginationPanel.svelte +15 -12
  17. package/dist/composite/pagination_panel/PaginationPanel.svelte.d.ts +8 -5
  18. package/dist/composite/pagination_panel/README.md +3 -1
  19. package/dist/composite/pagination_panel/README_CN.md +3 -1
  20. package/dist/composite/transfer/Transfer.svelte +30 -15
  21. package/dist/composite/transfer/Transfer.svelte.d.ts +11 -4
  22. package/dist/composite/transfer/index.d.ts +2 -2
  23. package/dist/data_display/accordion/Accordion.svelte +10 -9
  24. package/dist/data_display/accordion/Accordion.svelte.d.ts +2 -1
  25. package/dist/data_display/accordion/AccordionItemView.svelte +6 -6
  26. package/dist/data_display/accordion/AccordionItemView.svelte.d.ts +1 -1
  27. package/dist/data_display/accordion/README.md +6 -4
  28. package/dist/data_display/accordion/README_CN.md +6 -4
  29. package/dist/data_display/card/Card.svelte +13 -11
  30. package/dist/data_display/card/Card.svelte.d.ts +5 -3
  31. package/dist/data_display/card/CardAction.d.ts +7 -2
  32. package/dist/data_display/card/CommonCardActionBar.svelte +2 -2
  33. package/dist/data_display/card/README.md +11 -9
  34. package/dist/data_display/card/README_CN.md +11 -9
  35. package/dist/data_display/card/index.d.ts +2 -1
  36. package/dist/data_display/concise_data_table/Column.d.ts +0 -6
  37. package/dist/data_display/concise_data_table/ConciseListTable.svelte +6 -5
  38. package/dist/data_display/concise_data_table/ConciseListTable.svelte.d.ts +4 -3
  39. package/dist/data_display/concise_data_table/DataCell.svelte +1 -1
  40. package/dist/data_display/concise_data_table/README.md +7 -5
  41. package/dist/data_display/concise_data_table/README_CN.md +7 -5
  42. package/dist/data_display/concise_data_table/TableOptions.d.ts +1 -1
  43. package/dist/data_display/list_box/ListBox.svelte +11 -15
  44. package/dist/data_display/list_box/ListBox.svelte.d.ts +6 -9
  45. package/dist/data_display/list_box/README.md +10 -8
  46. package/dist/data_display/list_box/README_CN.md +10 -8
  47. package/dist/data_display/list_box/index.d.ts +2 -3
  48. package/dist/data_display/tree_view/README.md +4 -2
  49. package/dist/data_display/tree_view/README_CN.md +4 -2
  50. package/dist/data_display/tree_view/TreeNodeView.svelte +15 -16
  51. package/dist/data_display/tree_view/TreeNodeView.svelte.d.ts +4 -5
  52. package/dist/data_display/tree_view/TreeView.svelte +27 -19
  53. package/dist/data_display/tree_view/TreeView.svelte.d.ts +12 -4
  54. package/dist/data_display/tree_view/index.d.ts +2 -3
  55. package/dist/data_table/DataTable.svelte +15 -14
  56. package/dist/data_table/DataTable.svelte.d.ts +2 -1
  57. package/dist/data_table/README.md +10 -8
  58. package/dist/data_table/README_CN.md +10 -8
  59. package/dist/data_table/UniDataTable.d.ts +4 -4
  60. package/dist/data_table/UniDataTable.js +2 -2
  61. package/dist/data_table/index.d.ts +5 -5
  62. package/dist/data_table/lib/CellAction.d.ts +9 -0
  63. package/dist/data_table/lib/CommonHeaderCell.d.ts +2 -2
  64. package/dist/data_table/lib/CompareFn.d.ts +3 -0
  65. package/dist/data_table/lib/DataColumn.d.ts +7 -12
  66. package/dist/data_table/lib/FormatCellFn.d.ts +2 -0
  67. package/dist/data_table/lib/HrefLink.d.ts +3 -3
  68. package/dist/data_table/lib/IndicatorColumn.d.ts +2 -1
  69. package/dist/data_table/lib/RowAction.d.ts +14 -20
  70. package/dist/data_table/parts/ActionCell.svelte +3 -3
  71. package/dist/data_table/parts/ActionCell.svelte.d.ts +1 -1
  72. package/dist/data_table/parts/ActionsRow.svelte +7 -5
  73. package/dist/data_table/parts/ContentPanel.svelte +14 -14
  74. package/dist/data_table/parts/ContentPanel.svelte.d.ts +5 -5
  75. package/dist/data_table/parts/FixedColumnsPanel.svelte +15 -15
  76. package/dist/data_table/parts/FixedColumnsPanel.svelte.d.ts +4 -4
  77. package/dist/data_table/parts/FixedHeaderPanel.svelte +13 -13
  78. package/dist/data_table/parts/FixedHeaderPanel.svelte.d.ts +4 -4
  79. package/dist/data_table/parts/FixedRow.svelte +9 -9
  80. package/dist/data_table/parts/FixedRow.svelte.d.ts +3 -3
  81. package/dist/data_table/parts/HrefCell.svelte +1 -1
  82. package/dist/data_table/parts/PopupMenu.svelte +3 -3
  83. package/dist/data_table/parts/PopupMenu.svelte.d.ts +1 -1
  84. package/dist/data_table/parts/TableHeaderPanel.svelte +14 -14
  85. package/dist/data_table/parts/TableHeaderPanel.svelte.d.ts +4 -4
  86. package/dist/data_table/parts/TextCell.svelte +1 -1
  87. package/dist/feedback/progress-bar/ProgressBar.svelte +13 -10
  88. package/dist/feedback/progress-bar/ProgressBar.svelte.d.ts +6 -3
  89. package/dist/form/FormEditor.svelte +2 -2
  90. package/dist/form/FormEditor.svelte.d.ts +1 -1
  91. package/dist/form/attachment_files/AttachmentEditor.svelte +407 -92
  92. package/dist/form/attachment_files/AttachmentEditor.svelte.d.ts +71 -15
  93. package/dist/form/attachment_files/AttachmentFile.d.ts +35 -8
  94. package/dist/form/attachment_files/AttachmentFile.js +54 -29
  95. package/dist/form/attachment_files/AttachmentListItem.svelte +208 -0
  96. package/dist/form/attachment_files/AttachmentListItem.svelte.d.ts +25 -0
  97. package/dist/form/attachment_files/AttachmentTile.svelte +296 -0
  98. package/dist/form/attachment_files/AttachmentTile.svelte.d.ts +25 -0
  99. package/dist/form/attachment_files/FileUpload.d.ts +2 -2
  100. package/dist/form/attachment_files/README.md +71 -452
  101. package/dist/form/attachment_files/README_CN.md +68 -449
  102. package/dist/form/attachment_files/UploadTask.d.ts +27 -0
  103. package/dist/form/attachment_files/index.d.ts +8 -5
  104. package/dist/form/attachment_files/index.js +4 -2
  105. package/dist/form/cascade_options_select/CascadeOptionSelect.svelte +16 -15
  106. package/dist/form/cascade_options_select/CascadeOptionSelect.svelte.d.ts +6 -5
  107. package/dist/form/cascade_options_select/IsLeaf.d.ts +4 -0
  108. package/dist/form/cascade_options_select/IsLeaf.js +1 -0
  109. package/dist/form/cascade_options_select/OptionsBox.svelte +4 -4
  110. package/dist/form/cascade_options_select/OptionsBox.svelte.d.ts +2 -2
  111. package/dist/form/color_picker/ColorPicker.svelte +3 -3
  112. package/dist/form/common_editor/BasePicker.svelte +7 -7
  113. package/dist/form/common_editor/BasePicker.svelte.d.ts +3 -3
  114. package/dist/form/common_editor/CommonEditor.svelte +8 -8
  115. package/dist/form/common_editor/CommonEditor.svelte.d.ts +2 -2
  116. package/dist/form/common_editor/CommonPicker.svelte +43 -31
  117. package/dist/form/common_editor/CommonPicker.svelte.d.ts +6 -6
  118. package/dist/form/common_editor/CommonPickerProps.d.ts +2 -2
  119. package/dist/form/common_editor/CommonPopupEditor.svelte +13 -13
  120. package/dist/form/common_editor/CommonPopupEditor.svelte.d.ts +3 -4
  121. package/dist/form/common_editor/NumberInput.svelte +10 -2
  122. package/dist/form/common_editor/NumberInput.svelte.d.ts +1 -1
  123. package/dist/form/common_range_editor/CommonRangeEditor.svelte +17 -17
  124. package/dist/form/common_range_editor/CommonRangeEditor.svelte.d.ts +5 -5
  125. package/dist/form/date_picker/DatePicker.svelte +5 -5
  126. package/dist/form/date_picker/DatePicker.svelte.d.ts +1 -1
  127. package/dist/form/date_picker/DateTimePicker.svelte +15 -5
  128. package/dist/form/date_picker/README.md +7 -5
  129. package/dist/form/date_picker/README_CN.md +7 -5
  130. package/dist/form/date_picker/ScrollBar.svelte +21 -20
  131. package/dist/form/date_picker/ScrollBar.svelte.d.ts +3 -3
  132. package/dist/form/date_range/DateRangeEditor.svelte +6 -6
  133. package/dist/form/events.d.ts +70 -0
  134. package/dist/form/events.js +6 -0
  135. package/dist/form/group_box/group-check-box/GroupCheckBox.svelte +9 -7
  136. package/dist/form/group_box/group-check-box/GroupCheckBox.svelte.d.ts +4 -3
  137. package/dist/form/group_box/group-check-box/README.md +5 -3
  138. package/dist/form/group_box/group-check-box/README_CN.md +5 -3
  139. package/dist/form/group_box/group-radio-box/GroupRadioBox.svelte +9 -7
  140. package/dist/form/group_box/group-radio-box/GroupRadioBox.svelte.d.ts +4 -3
  141. package/dist/form/group_box/group-radio-box/README.md +3 -1
  142. package/dist/form/group_box/group-radio-box/README_CN.md +3 -1
  143. package/dist/form/image_editor/ImageEditor.svelte +118 -0
  144. package/dist/form/image_editor/ImageEditor.svelte.d.ts +52 -0
  145. package/dist/form/image_editor/ImageFile.d.ts +11 -0
  146. package/dist/form/image_editor/ImageFile.js +1 -0
  147. package/dist/form/{image-files → image_editor}/ImagePreview.svelte +10 -2
  148. package/dist/form/image_editor/README.md +89 -0
  149. package/dist/form/image_editor/README_CN.md +89 -0
  150. package/dist/form/image_editor/index.d.ts +11 -0
  151. package/dist/form/image_editor/index.js +4 -0
  152. package/dist/form/input_options_select/InputOptionsSelect.svelte +11 -8
  153. package/dist/form/input_options_select/InputOptionsSelect.svelte.d.ts +2 -1
  154. package/dist/form/input_options_select/README.md +44 -218
  155. package/dist/form/input_options_select/README_CN.md +38 -211
  156. package/dist/form/lookup_editor/LookupEditor.svelte +7 -10
  157. package/dist/form/lookup_editor/LookupEditor.svelte.d.ts +2 -1
  158. package/dist/form/memo_editor/MemoEditor.svelte +2 -2
  159. package/dist/form/memo_editor/MemoEditor.svelte.d.ts +1 -1
  160. package/dist/form/number_editor/NumberEditor.svelte +13 -1
  161. package/dist/form/number_editor/NumberEditor.svelte.d.ts +1 -1
  162. package/dist/form/number_range/NumberRange.svelte +5 -5
  163. package/dist/form/options_multi_select/OptionsMultiSelect.svelte +13 -13
  164. package/dist/form/options_multi_select/OptionsMultiSelect.svelte.d.ts +3 -2
  165. package/dist/form/options_multi_select/README.md +5 -3
  166. package/dist/form/options_multi_select/README_CN.md +5 -3
  167. package/dist/form/options_select/OptionsSelect.svelte +17 -13
  168. package/dist/form/options_select/OptionsSelect.svelte.d.ts +2 -1
  169. package/dist/form/options_select/README.md +9 -7
  170. package/dist/form/options_select/README_CN.md +8 -6
  171. package/dist/form/prompts_text_editor/PromptsTextEditor.svelte +6 -5
  172. package/dist/form/prompts_text_editor/PromptsTextEditor.svelte.d.ts +2 -1
  173. package/dist/form/prompts_text_editor/README.md +16 -14
  174. package/dist/form/prompts_text_editor/README_CN.md +16 -14
  175. package/dist/form/search_box/SearchBox.svelte +3 -2
  176. package/dist/form/search_box/SearchBox.svelte.d.ts +1 -1
  177. package/dist/form/switch/README.md +7 -5
  178. package/dist/form/switch/README_CN.md +7 -5
  179. package/dist/form/switch/Switch.svelte +7 -5
  180. package/dist/form/switch/Switch.svelte.d.ts +4 -2
  181. package/dist/form/text_editor/PasswordEditor.svelte +2 -2
  182. package/dist/form/text_editor/PasswordEditor.svelte.d.ts +1 -1
  183. package/dist/form/text_editor/TextEditor.svelte +6 -4
  184. package/dist/form/text_editor/TextEditor.svelte.d.ts +1 -1
  185. package/dist/form/time_editor/README.md +4 -2
  186. package/dist/form/time_editor/README_CN.md +4 -2
  187. package/dist/form/time_editor/TimeEditor.svelte +10 -7
  188. package/dist/form/time_editor/TimeEditor.svelte.d.ts +2 -1
  189. package/dist/form/types.d.ts +5 -42
  190. package/dist/form/unit-number-editor/README.md +21 -19
  191. package/dist/form/unit-number-editor/README_CN.md +21 -19
  192. package/dist/form/unit-number-editor/UnitNumberEditor.svelte +12 -11
  193. package/dist/form/unit-number-editor/UnitNumberEditor.svelte.d.ts +4 -3
  194. package/dist/general/button/Button.svelte +4 -1
  195. package/dist/general/button/Button.svelte.d.ts +3 -1
  196. package/dist/general/button/IconButton.svelte +11 -5
  197. package/dist/general/button/IconButton.svelte.d.ts +5 -2
  198. package/dist/general/button/IconButton_README.md +9 -6
  199. package/dist/general/button/IconButton_README_CN.md +9 -6
  200. package/dist/general/button/TextButton.svelte +15 -5
  201. package/dist/general/button/TextButton.svelte.d.ts +6 -2
  202. package/dist/general/button/TextButton_README.md +10 -6
  203. package/dist/general/button/TextButton_README_CN.md +10 -6
  204. package/dist/general/icon/Icon.svelte +6 -4
  205. package/dist/general/icon/Icon.svelte.d.ts +3 -2
  206. package/dist/general/tag/Tag.svelte +8 -4
  207. package/dist/general/tag/Tag.svelte.d.ts +3 -1
  208. package/dist/i18nRes/i18nRes.d.ts +5 -1
  209. package/dist/i18nRes/i18nRes.js +5 -1
  210. package/dist/layouts/action_bar/ActionBar.svelte +5 -4
  211. package/dist/layouts/action_bar/ActionBar.svelte.d.ts +2 -1
  212. package/dist/layouts/action_bar/ButtonAction.d.ts +1 -23
  213. package/dist/layouts/action_bar/README.md +20 -18
  214. package/dist/layouts/action_bar/README_CN.md +19 -17
  215. package/dist/layouts/box/Box.svelte +4 -3
  216. package/dist/layouts/box/Box.svelte.d.ts +2 -1
  217. package/dist/layouts/box/README.md +13 -11
  218. package/dist/layouts/box/README_CN.md +13 -11
  219. package/dist/layouts/form_field/FormField.svelte +5 -4
  220. package/dist/layouts/form_field/FormField.svelte.d.ts +3 -2
  221. package/dist/layouts/form_field/README.md +11 -9
  222. package/dist/layouts/form_field/README_CN.md +9 -7
  223. package/dist/layouts/form_panel/flex_row_form/Cell.svelte +3 -1
  224. package/dist/layouts/form_panel/flex_row_form/Cell.svelte.d.ts +3 -1
  225. package/dist/layouts/form_panel/flex_row_form/Row.svelte +3 -1
  226. package/dist/layouts/form_panel/flex_row_form/Row.svelte.d.ts +3 -1
  227. package/dist/layouts/form_panel/grid_form/GridField.svelte +8 -4
  228. package/dist/layouts/form_panel/grid_form/GridField.svelte.d.ts +6 -2
  229. package/dist/layouts/form_panel/grid_form/GridForm.svelte +3 -1
  230. package/dist/layouts/form_panel/grid_form/GridForm.svelte.d.ts +3 -1
  231. package/dist/layouts/form_panel/grid_form/README.md +6 -4
  232. package/dist/layouts/form_panel/grid_form/README_CN.md +6 -4
  233. package/dist/layouts/page/Page.svelte +7 -7
  234. package/dist/layouts/page/Page.svelte.d.ts +2 -2
  235. package/dist/layouts/page/PageHeader.svelte +4 -4
  236. package/dist/layouts/page/PageHeader.svelte.d.ts +1 -1
  237. package/dist/layouts/page/README.md +18 -18
  238. package/dist/layouts/page/README_CN.md +18 -18
  239. package/dist/navigation/nav_menu/MenuItem.d.ts +1 -1
  240. package/dist/navigation/nav_menu/NavigatorMenu.svelte +16 -14
  241. package/dist/navigation/nav_menu/NavigatorMenu.svelte.d.ts +7 -5
  242. package/dist/navigation/nav_menu/NavigatorMenuItem.svelte +2 -2
  243. package/dist/navigation/nav_menu/NavigatorMenuItem.svelte.d.ts +2 -2
  244. package/dist/navigation/nav_menu/README.md +8 -6
  245. package/dist/navigation/nav_menu/README_CN.md +8 -6
  246. package/dist/navigation/nav_menu/index.d.ts +2 -2
  247. package/dist/navigation/navigator/Navigator.svelte +5 -4
  248. package/dist/navigation/navigator/Navigator.svelte.d.ts +3 -2
  249. package/dist/navigation/navigator/README.md +12 -10
  250. package/dist/navigation/navigator/README_CN.md +12 -10
  251. package/dist/navigation/pagination/Pagination.svelte +23 -15
  252. package/dist/navigation/pagination/Pagination.svelte.d.ts +6 -4
  253. package/dist/navigation/progress_step_bar/ProgressStep.d.ts +2 -1
  254. package/dist/navigation/progress_step_bar/ProgressStepBar.svelte +5 -4
  255. package/dist/navigation/progress_step_bar/ProgressStepBar.svelte.d.ts +2 -1
  256. package/dist/navigation/progress_step_bar/ProgressStepBlock.svelte +3 -3
  257. package/dist/navigation/progress_step_bar/ProgressStepBlock.svelte.d.ts +1 -1
  258. package/dist/navigation/progress_step_bar/README.md +37 -35
  259. package/dist/navigation/progress_step_bar/README_CN.md +36 -34
  260. package/dist/navigation/tabs/Tabs.svelte +14 -5
  261. package/dist/navigation/tabs/Tabs.svelte.d.ts +11 -4
  262. package/dist/navigation/tabs/index.d.ts +2 -2
  263. package/dist/overlay/common/ModalPopover.svelte +5 -4
  264. package/dist/overlay/common/ModalPopover.svelte.d.ts +2 -1
  265. package/dist/overlay/common/Popover.svelte +4 -3
  266. package/dist/overlay/common/Popover.svelte.d.ts +2 -1
  267. package/dist/overlay/context-menu/ContextMenuItem.d.ts +3 -3
  268. package/dist/overlay/context-menu/ContextMenuPanel.svelte +4 -4
  269. package/dist/overlay/context-menu/index.d.ts +2 -2
  270. package/dist/overlay/dialog/BeforeClose.d.ts +4 -0
  271. package/dist/overlay/dialog/BeforeClose.js +1 -0
  272. package/dist/overlay/dialog/CommonDialog.svelte +16 -12
  273. package/dist/overlay/dialog/CommonDialog.svelte.d.ts +9 -5
  274. package/dist/overlay/dialog/Dialog.svelte +25 -19
  275. package/dist/overlay/dialog/Dialog.svelte.d.ts +11 -5
  276. package/dist/overlay/dialog/DialogManager.svelte.js +2 -1
  277. package/dist/overlay/dialog/README.md +19 -17
  278. package/dist/overlay/dialog/README_CN.md +19 -17
  279. package/dist/overlay/dialog/index.d.ts +2 -2
  280. package/dist/overlay/message-box/IMessageBox.d.ts +4 -4
  281. package/dist/overlay/tooltip/README.md +16 -1
  282. package/dist/overlay/tooltip/README_CN.md +16 -1
  283. package/dist/overlay/tooltip/Tooltip.svelte +94 -19
  284. package/dist/ticatec-uniface-web.css +38 -12
  285. package/dist/types.d.ts +38 -46
  286. package/dist/unifaceContext.d.ts +2 -2
  287. package/dist/utils/prefixFilter.js +0 -1
  288. package/docs/NAMING.md +364 -0
  289. package/docs/NAMING_CN.md +364 -0
  290. package/docs/components/README.md +16 -14
  291. package/docs/components/accordion/README.md +13 -2
  292. package/docs/components/accordion/example.svelte +1 -0
  293. package/docs/components/action-bar/README.md +4 -4
  294. package/docs/components/attachment-editor/README.md +224 -0
  295. package/docs/components/attachment-editor/example.svelte +22 -0
  296. package/docs/components/box/README.md +1 -1
  297. package/docs/components/button/README.md +8 -1
  298. package/docs/components/button/example.svelte +1 -0
  299. package/docs/components/card/README.md +19 -5
  300. package/docs/components/cascade-options-select/README.md +11 -5
  301. package/docs/components/columns-layout/README.md +8 -4
  302. package/docs/components/columns-layout/example.svelte +4 -0
  303. package/docs/components/common-dialog/README.md +19 -10
  304. package/docs/components/common-dialog/example.svelte +2 -1
  305. package/docs/components/concise-data-table/README.md +18 -29
  306. package/docs/components/concise-data-table/example.svelte +1 -1
  307. package/docs/components/context-menu/README.md +5 -5
  308. package/docs/components/context-menu/example.svelte +1 -1
  309. package/docs/components/criteria-field/README.md +1 -0
  310. package/docs/components/criteria-field/example.svelte +1 -0
  311. package/docs/components/data-table/README.md +63 -40
  312. package/docs/components/data-table/example.svelte +2 -2
  313. package/docs/components/date-picker/README.md +1 -1
  314. package/docs/components/date-time-picker/README.md +1 -1
  315. package/docs/components/dialog/README.md +21 -14
  316. package/docs/components/dialog/example.svelte +1 -1
  317. package/docs/components/form-field/README.md +3 -3
  318. package/docs/components/grid-form/README.md +15 -5
  319. package/docs/components/grid-form/example.svelte +1 -1
  320. package/docs/components/group-check-box/README.md +3 -3
  321. package/docs/components/group-radio-box/README.md +3 -3
  322. package/docs/components/icon/README.md +6 -5
  323. package/docs/components/icon-button/README.md +10 -1
  324. package/docs/components/icon-button/example.svelte +1 -0
  325. package/docs/components/image-editor/README.md +262 -0
  326. package/docs/components/{image-files → image-editor}/example.svelte +5 -3
  327. package/docs/components/input-options-select/README.md +2 -2
  328. package/docs/components/list-box/README.md +12 -13
  329. package/docs/components/list-box/example.svelte +3 -3
  330. package/docs/components/lookup-editor/README.md +1 -1
  331. package/docs/components/navigator/README.md +2 -1
  332. package/docs/components/navigator/example.svelte +1 -0
  333. package/docs/components/navigator-menu/README.md +24 -21
  334. package/docs/components/navigator-menu/example.svelte +4 -2
  335. package/docs/components/options-multi-select/README.md +2 -2
  336. package/docs/components/options-select/README.md +4 -4
  337. package/docs/components/page/README.md +2 -2
  338. package/docs/components/page-stack/README.md +67 -0
  339. package/docs/components/page-stack/example.svelte +7 -0
  340. package/docs/components/pagination/README.md +24 -7
  341. package/docs/components/pagination/example.svelte +5 -2
  342. package/docs/components/pagination-panel/README.md +25 -10
  343. package/docs/components/pagination-panel/example.svelte +5 -4
  344. package/docs/components/password-editor/README.md +128 -0
  345. package/docs/components/{attachment-files → password-editor}/example.svelte +5 -5
  346. package/docs/components/progress-bar/README.md +14 -4
  347. package/docs/components/progress-bar/example.svelte +1 -1
  348. package/docs/components/progress-step-bar/README.md +16 -7
  349. package/docs/components/progress-step-bar/example.svelte +5 -1
  350. package/docs/components/prompts-text-editor/README.md +8 -6
  351. package/docs/components/prompts-text-editor/example.svelte +0 -1
  352. package/docs/components/rows-layout/README.md +8 -4
  353. package/docs/components/rows-layout/example.svelte +4 -0
  354. package/docs/components/switch/README.md +2 -2
  355. package/docs/components/tabs/README.md +24 -9
  356. package/docs/components/tag/README.md +13 -2
  357. package/docs/components/tag/example.svelte +1 -0
  358. package/docs/components/text-button/README.md +20 -1
  359. package/docs/components/text-button/example.svelte +2 -0
  360. package/docs/components/time-editor/README.md +1 -1
  361. package/docs/components/transfer/README.md +16 -9
  362. package/docs/components/tree-view/README.md +29 -13
  363. package/docs/components/tree-view/example.svelte +2 -1
  364. package/docs/components/unit-number-editor/README.md +11 -8
  365. package/docs/components/unit-number-editor/example.svelte +0 -1
  366. package/package.json +13 -7
  367. package/dist/data_table/lib/CompareFunction.d.ts +0 -3
  368. package/dist/data_table/lib/FormatCell.d.ts +0 -2
  369. package/dist/form/attachment_files/FileRender.svelte +0 -125
  370. package/dist/form/attachment_files/FileRender.svelte.d.ts +0 -9
  371. package/dist/form/attachment_files/FileUploadBar.svelte +0 -66
  372. package/dist/form/attachment_files/FileUploadBar.svelte.d.ts +0 -8
  373. package/dist/form/attachment_files/FileUploadPanel.svelte +0 -161
  374. package/dist/form/attachment_files/FileUploadPanel.svelte.d.ts +0 -14
  375. package/dist/form/attachment_files/UploadFile.d.ts +0 -43
  376. package/dist/form/attachment_files/UploadFile.js +0 -80
  377. package/dist/form/cascade_options_select/CascadePanel.svelte +0 -52
  378. package/dist/form/cascade_options_select/CascadePanel.svelte.d.ts +0 -26
  379. package/dist/form/cascade_options_select/isLeafDetermine.d.ts +0 -4
  380. package/dist/form/common_editor/EditorEvents.d.ts +0 -14
  381. package/dist/form/common_editor/EditorEvents.js +0 -2
  382. package/dist/form/image-files/ImageFile.d.ts +0 -12
  383. package/dist/form/image-files/ImageFilesField.svelte +0 -128
  384. package/dist/form/image-files/ImageFilesField.svelte.d.ts +0 -18
  385. package/dist/form/image-files/ImageRender.svelte +0 -95
  386. package/dist/form/image-files/ImageRender.svelte.d.ts +0 -10
  387. package/dist/form/image-files/README.md +0 -468
  388. package/dist/form/image-files/README_CN.md +0 -468
  389. package/dist/form/image-files/index.d.ts +0 -10
  390. package/dist/form/image-files/index.js +0 -2
  391. package/dist/overlay/dialog/DialogActions.d.ts +0 -16
  392. package/dist/overlay/dialog/DialogActions.js +0 -1
  393. package/dist/overlay/dialog/DialogCloseConfirm.d.ts +0 -1
  394. package/dist/overlay/dialog/DialogCloseConfirm.js +0 -1
  395. package/docs/components/attachment-files/README.md +0 -332
  396. package/docs/components/image-files/README.md +0 -174
  397. /package/dist/data_table/lib/{FormatCell.js → CellAction.js} +0 -0
  398. /package/dist/data_table/lib/{CompareFunction.js → CompareFn.js} +0 -0
  399. /package/dist/{form/cascade_options_select/isLeafDetermine.js → data_table/lib/FormatCellFn.js} +0 -0
  400. /package/dist/form/{image-files/ImageFile.js → attachment_files/UploadTask.js} +0 -0
  401. /package/dist/form/{image-files → image_editor}/ImagePreview.svelte.d.ts +0 -0
@@ -0,0 +1,67 @@
1
+ # PageStack
2
+
3
+ 导航组件。本文档由源码自动生成,类型以当前版本为准。
4
+
5
+ ## 简介
6
+
7
+ 以栈方式推入/弹出页面并支持返回结果的导航容器。
8
+
9
+ ## 适用场景
10
+
11
+ - 向导流程、多级详情和移动端式页面跳转
12
+ - 需要 push/pop 页面并等待子页面返回值
13
+
14
+ ## 导入
15
+
16
+ ```ts
17
+ import PageStack from '@ticatec/uniface-element/PageStack';
18
+ ```
19
+
20
+ ## 属性
21
+
22
+ | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
+ | --- | --- | --- | --- | --- | --- | --- |
24
+ | `style` | 否 | `string` | 否 | `''` | 否 | 附加到组件根元素的内联样式。 |
25
+ | `transitionDuration` | 否 | `number` | 否 | `260` | 否 | 每一帧 push/pop 的滑入滑出时长(ms)。仅在没有传 transitionParams 时生效;设为 0 关闭动画。 |
26
+ | `transition` | 否 | `TransitionFn` | 否 | `fly` | 否 | 换成任意 svelte/transition 函数(fly/fade/scale/slide...)或自定义的过渡函数。 默认是从右侧滑入的 fly,效果同 transitionParams 未设置时的 {x:'100%', duration:transitionDuration, easing:cubicOut}。 |
27
+ | `transitionParams` | 否 | `Record<string, any>` | 否 | `undefined` | 否 | 传给 transition 函数的参数;一旦提供,会完全替代基于 transitionDuration 生成的默认参数。 |
28
+ | `children` | 是 | `Snippet` | 否 | `undefined` | 否 | 根页面(初始内容,depth = 0) |
29
+
30
+ > 组件的“可绑定”表示源码使用了 Svelte 5 的 `$bindable`;服务的“响应式”表示成员使用了 `$state`。复杂类型请同时参考 TypeScript 自动补全。
31
+
32
+ ## 重要属性说明
33
+
34
+ ### `children`
35
+
36
+ 根页面(初始内容,depth = 0)
37
+
38
+ - 类型:`Snippet`
39
+ - 默认值:`undefined`
40
+ - 示例写法:`children={children}`
41
+
42
+ ## 组件实例方法
43
+
44
+ 通过 `bind:this` 获取组件实例后调用。
45
+
46
+ | 方法 | 类型 | 说明 |
47
+ | --- | --- | --- |
48
+ | `push()` | `(component: any, props: Record<string, any> = {}) => Promise<R>` | push 一个组件进栈,覆盖显示在当前内容之上。返回的 Promise 在该页面调用 getPageStack().close(result) 时以 result resolve;也可以用 PageStack 实例的 pop(result) 从外部(比如 bottombar 的返回按钮)关闭当前栈顶。 |
49
+ | `pop()` | `(result?: any) => void` | 关闭当前栈顶的一帧。栈为空时是 no-op。 |
50
+ | `reset()` | `() => void` | 清空整个栈,直接回到根页面。不逐帧过渡,适合"注销/切换上下文"这类场景。 |
51
+
52
+ ## 示例
53
+
54
+ 完整示例见 [example.svelte](./example.svelte)。
55
+ ```svelte
56
+ <script lang="ts">
57
+ import PageStack from '@ticatec/uniface-element/PageStack';
58
+ </script>
59
+
60
+ <PageStack>
61
+ <div>在这里放置子内容</div>
62
+ </PageStack>
63
+ ```
64
+
65
+ ## 源码
66
+
67
+ - `src/lib/navigation/page-stack/PageStack.svelte`
@@ -0,0 +1,7 @@
1
+ <script lang="ts">
2
+ import PageStack from '@ticatec/uniface-element/PageStack';
3
+ </script>
4
+
5
+ <PageStack>
6
+ <div>在这里放置子内容</div>
7
+ </PageStack>
@@ -22,10 +22,10 @@ import Pagination from '@ticatec/uniface-element/Pagination';
22
22
  | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
23
  | --- | --- | --- | --- | --- | --- | --- |
24
24
  | `pageCount` | 是 | `number` | 是 | `0` | 否 | 总页数;为 0 时表示没有可分页数据。 |
25
- | `pageNo` | 是 | `number` | 否 | `1` | | 当前页码,通常从 1 开始。 |
26
- | `type` | | `'plain' \| 'round' \| 'circle'` | 否 | `"round"` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
25
+ | `pageNo` | 是 | `number` | 否 | `$bindable(1)` | | 当前页码,通常从 1 开始。 |
26
+ | `variant` | | `'plain' \| 'round' \| 'circle'` | 否 | `"round"` | 否 | 形状:plain / round / circle |
27
27
  | `style` | 否 | `string` | 否 | `''` | 否 | 附加到组件根元素的内联样式。 |
28
- | `big` | 否 | `boolean` | 否 | `false` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
28
+ | `size` | 否 | `Size` | 否 | `'medium'` | 否 | 尺寸档位;'large' 对应旧的 big |
29
29
  | `theme` | 否 | `string` | 否 | `undefined` | 否 | 组件主题标识,通常通过 `data-theme` 选择对应 CSS 变量。 |
30
30
  | `onchange` | 是 | `OnPageChange` | 否 | `undefined` | 否 | 用户完成值变更时调用;编程式赋值是否触发请以组件行为说明为准。 |
31
31
 
@@ -46,8 +46,16 @@ import Pagination from '@ticatec/uniface-element/Pagination';
46
46
  当前页码,通常从 1 开始。
47
47
 
48
48
  - 类型:`number`
49
- - 默认值:`1`
50
- - 示例写法:`pageNo={1}`
49
+ - 默认值:`$bindable(1)`
50
+ - 推荐写法:`bind:pageNo`
51
+
52
+ ### `variant`
53
+
54
+ 形状:plain / round / circle
55
+
56
+ - 类型:`'plain' | 'round' | 'circle'`
57
+ - 默认值:`"round"`
58
+ - 示例写法:`variant="plain"`
51
59
 
52
60
  ### `onchange`
53
61
 
@@ -61,6 +69,12 @@ import Pagination from '@ticatec/uniface-element/Pagination';
61
69
 
62
70
  以下定义帮助理解复杂属性的数据结构;其中部分辅助类型属于内部实现,不一定是独立导出入口。
63
71
 
72
+ ### `Size`
73
+
74
+ ```ts
75
+ export type Size = 'small' | 'medium' | 'large';
76
+ ```
77
+
64
78
  ### `OnPageChange`
65
79
 
66
80
  ```ts
@@ -73,14 +87,17 @@ export type OnPageChange = (pageNo: number) => void;
73
87
  ```svelte
74
88
  <script lang="ts">
75
89
  import Pagination from '@ticatec/uniface-element/Pagination';
90
+ let pageNo = $state<any>(1);
76
91
  </script>
77
92
 
78
93
  <Pagination
79
94
  pageCount={10}
95
+ bind:pageNo
80
96
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
81
- big={true}
82
- pageNo={1}
97
+ variant="plain"
98
+ size="small"
83
99
  />
100
+ <p>当前状态:{JSON.stringify({pageNo})}</p>
84
101
  ```
85
102
 
86
103
  ## 源码
@@ -1,10 +1,13 @@
1
1
  <script lang="ts">
2
2
  import Pagination from '@ticatec/uniface-element/Pagination';
3
+ let pageNo = $state<any>(1);
3
4
  </script>
4
5
 
5
6
  <Pagination
6
7
  pageCount={10}
8
+ bind:pageNo
7
9
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
8
- big={true}
9
- pageNo={1}
10
+ variant="plain"
11
+ size="small"
10
12
  />
13
+ <p>当前状态:{JSON.stringify({pageNo})}</p>
@@ -22,15 +22,15 @@ import PaginationPanel from '@ticatec/uniface-element/PaginationPanel';
22
22
  | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
23
  | --- | --- | --- | --- | --- | --- | --- |
24
24
  | `pageCount` | 是 | `number` | 否 | `0` | 否 | 总页数;为 0 时表示没有可分页数据。 |
25
- | `pageNo` | 是 | `number` | 否 | `1` | | 当前页码,通常从 1 开始。 |
26
- | `type` | | `'plain' \| 'round' \| 'circle'` | 否 | `'round'` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
25
+ | `pageNo` | 是 | `number` | 否 | `$bindable(1)` | | 当前页码,通常从 1 开始。 |
26
+ | `variant` | | `'plain' \| 'round' \| 'circle'` | 否 | `'round'` | 否 | 形状:plain / round / circle |
27
27
  | `page$style` | 否 | `string` | 否 | `''` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
28
- | `big` | 否 | `boolean` | 否 | `false` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
28
+ | `size` | 否 | `Size` | 否 | `'medium'` | 否 | 尺寸档位;'large' 对应旧的 big |
29
29
  | `rowsSet` | 否 | `Array<number>` | 否 | `[25, 50, 100]` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
30
30
  | `total` | 否 | `number` | 否 | `0` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
31
31
  | `generateInfo` | 否 | `GenerateTotalInfo` | 否 | `undefined` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
32
32
  | `rowCount` | 是 | `number` | 否 | `$bindable(25)` | 是 | 可选配置,具体取值范围和数据结构见类型列。 |
33
- | `rowCountLabel` | 否 | `string` | 否 | `'Rows/Page'` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
33
+ | `rowCountText` | 否 | `string` | 否 | `i18nRes.dataTable.rowsPerPage()` | 否 | 每页行数选择框旁的文字 |
34
34
  | `align` | 否 | `'left' \| 'right' \| ''` | 否 | `''` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
35
35
  | `onPageSizeChange` | 否 | `OnPageSizeChange` | 否 | `undefined` | 否 | 事件或行为回调;参数与返回值以类型签名为准。 |
36
36
  | `onchange` | 是 | `OnPageChange` | 否 | `undefined` | 否 | 用户完成值变更时调用;编程式赋值是否触发请以组件行为说明为准。 |
@@ -52,8 +52,16 @@ import PaginationPanel from '@ticatec/uniface-element/PaginationPanel';
52
52
  当前页码,通常从 1 开始。
53
53
 
54
54
  - 类型:`number`
55
- - 默认值:`1`
56
- - 示例写法:`pageNo={1}`
55
+ - 默认值:`$bindable(1)`
56
+ - 推荐写法:`bind:pageNo`
57
+
58
+ ### `variant`
59
+
60
+ 形状:plain / round / circle
61
+
62
+ - 类型:`'plain' | 'round' | 'circle'`
63
+ - 默认值:`'round'`
64
+ - 示例写法:`variant="plain"`
57
65
 
58
66
  ### `rowCount`
59
67
 
@@ -75,6 +83,12 @@ import PaginationPanel from '@ticatec/uniface-element/PaginationPanel';
75
83
 
76
84
  以下定义帮助理解复杂属性的数据结构;其中部分辅助类型属于内部实现,不一定是独立导出入口。
77
85
 
86
+ ### `Size`
87
+
88
+ ```ts
89
+ export type Size = 'small' | 'medium' | 'large';
90
+ ```
91
+
78
92
  ### `GenerateTotalInfo`
79
93
 
80
94
  ```ts
@@ -99,20 +113,21 @@ export type OnPageChange = (pageNo: number) => void;
99
113
  ```svelte
100
114
  <script lang="ts">
101
115
  import PaginationPanel from '@ticatec/uniface-element/PaginationPanel';
116
+ let pageNo = $state<any>(1);
102
117
  let rowCount = $state<any>(25);
103
118
  </script>
104
119
 
105
120
  <PaginationPanel
121
+ bind:pageNo
106
122
  bind:rowCount
107
123
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
108
124
  onPageSizeChange={async (...args: any[]) => { console.log('onPageSizeChange', ...args); return true; }}
109
- big={true}
125
+ variant="plain"
126
+ size="small"
110
127
  pageCount={10}
111
- pageNo={1}
112
128
  rowsSet={[10, 25, 50]}
113
- total={238}
114
129
  />
115
- <p>当前状态:{JSON.stringify({rowCount})}</p>
130
+ <p>当前状态:{JSON.stringify({pageNo, rowCount})}</p>
116
131
  ```
117
132
 
118
133
  ## 源码
@@ -1,16 +1,17 @@
1
1
  <script lang="ts">
2
2
  import PaginationPanel from '@ticatec/uniface-element/PaginationPanel';
3
+ let pageNo = $state<any>(1);
3
4
  let rowCount = $state<any>(25);
4
5
  </script>
5
6
 
6
7
  <PaginationPanel
8
+ bind:pageNo
7
9
  bind:rowCount
8
10
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
9
11
  onPageSizeChange={async (...args: any[]) => { console.log('onPageSizeChange', ...args); return true; }}
10
- big={true}
12
+ variant="plain"
13
+ size="small"
11
14
  pageCount={10}
12
- pageNo={1}
13
15
  rowsSet={[10, 25, 50]}
14
- total={238}
15
16
  />
16
- <p>当前状态:{JSON.stringify({rowCount})}</p>
17
+ <p>当前状态:{JSON.stringify({pageNo, rowCount})}</p>
@@ -0,0 +1,128 @@
1
+ # PasswordEditor
2
+
3
+ 表单组件。本文档由源码自动生成,类型以当前版本为准。
4
+
5
+ ## 简介
6
+
7
+ 带显示/隐藏切换的密码输入编辑器。
8
+
9
+ ## 适用场景
10
+
11
+ - 登录、注册和修改密码表单
12
+ - 需要遮蔽输入内容并可临时查看的文本字段
13
+
14
+ ## 导入
15
+
16
+ ```ts
17
+ import PasswordEditor from '@ticatec/uniface-element/PasswordEditor';
18
+ ```
19
+
20
+ ## 属性
21
+
22
+ | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
+ | --- | --- | --- | --- | --- | --- | --- |
24
+ | `theme` | 否 | `string` | 否 | `undefined` | 否 | 主题样式名称,用于切换组件外观主题 |
25
+ | `tooltip` | 否 | `string` | 否 | `undefined` | 否 | 悬停提示信息,鼠标悬浮在字段上时显示 |
26
+ | `error` | 否 | `string` | 否 | `undefined` | 否 | 错误信息,用于在字段下方展示校验错误提示 |
27
+ | `disabled` | 是 | `boolean` | 否 | `false` | 否 | 是否禁用该字段,禁用后字段不可编辑且不响应交互 |
28
+ | `readonly` | 是 | `boolean` | 否 | `false` | 否 | 是否只读,只读状态下字段不可编辑但可聚焦和复制 |
29
+ | `compact` | 否 | `boolean` | 否 | `false` | 否 | 是否启用紧凑模式,紧凑模式下字段内部间距更小 |
30
+ | `variant` | 是 | `EditorVariant` | 否 | `undefined` | 否 | 编辑器外观样式变体 |
31
+ | `placeholder` | 是 | `string` | 否 | `undefined` | 否 | 占位提示文本,字段值为空时在输入区域内展示 |
32
+ | `style` | 否 | `string` | 否 | `undefined` | 否 | 自定义内联样式,会应用到字段根容器上 |
33
+ | `onfocus` | 否 | `(event: FocusEvent) => void` | 否 | `undefined` | 否 | 字段获得焦点时触发的回调 |
34
+ | `onblur` | 否 | `(event: FocusEvent) => void` | 否 | `undefined` | 否 | 字段失去焦点时触发的回调 |
35
+ | `onchange` | 是 | `(value?: any) => void` | 否 | `undefined` | 否 | 字段值发生变化时触发的回调 |
36
+ | `onkeydown` | 否 | `(event: KeyboardEvent) => void` | 否 | `undefined` | 否 | 事件或行为回调;参数与返回值以类型签名为准。 |
37
+ | `onkeyup` | 否 | `(event: KeyboardEvent) => void` | 否 | `undefined` | 否 | 事件或行为回调;参数与返回值以类型签名为准。 |
38
+ | `onkeypress` | 否 | `(event: KeyboardEvent) => void` | 否 | `undefined` | 否 | 事件或行为回调;参数与返回值以类型签名为准。 |
39
+ | `value` | 是 | `string` | 否 | `$bindable()` | 是 | 组件的核心值。支持绑定时建议使用 `bind:value`,外部修改会同步到组件。 |
40
+ | `input\$*` | 否 | `any` | 否 | `透传` | 否 | 匹配此前缀的属性会透传给内部元素。 |
41
+
42
+ > 组件的“可绑定”表示源码使用了 Svelte 5 的 `$bindable`;服务的“响应式”表示成员使用了 `$state`。复杂类型请同时参考 TypeScript 自动补全。
43
+
44
+ ## 重要属性说明
45
+
46
+ ### `disabled`
47
+
48
+ 是否禁用该字段,禁用后字段不可编辑且不响应交互
49
+
50
+ - 类型:`boolean`
51
+ - 默认值:`false`
52
+ - 示例写法:`disabled={false}`
53
+
54
+ ### `readonly`
55
+
56
+ 是否只读,只读状态下字段不可编辑但可聚焦和复制
57
+
58
+ - 类型:`boolean`
59
+ - 默认值:`false`
60
+ - 示例写法:`readonly={false}`
61
+
62
+ ### `variant`
63
+
64
+ 编辑器外观样式变体
65
+
66
+ - 类型:`EditorVariant`
67
+ - 默认值:`undefined`
68
+ - 示例写法:`variant="plain"`
69
+
70
+ ### `placeholder`
71
+
72
+ 占位提示文本,字段值为空时在输入区域内展示
73
+
74
+ - 类型:`string`
75
+ - 默认值:`undefined`
76
+ - 示例写法:`placeholder="请输入或选择"`
77
+
78
+ ### `onchange`
79
+
80
+ 字段值发生变化时触发的回调
81
+
82
+ - 类型:`(value?: any) => void`
83
+ - 默认值:`undefined`
84
+ - 示例写法:`onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}`
85
+
86
+ ### `value`
87
+
88
+ 组件的核心值。支持绑定时建议使用 `bind:value`,外部修改会同步到组件。
89
+
90
+ - 类型:`string`
91
+ - 默认值:`$bindable()`
92
+ - 推荐写法:`bind:value`
93
+
94
+ ## 相关类型定义
95
+
96
+ 以下定义帮助理解复杂属性的数据结构;其中部分辅助类型属于内部实现,不一定是独立导出入口。
97
+
98
+ ### `EditorVariant`
99
+
100
+ ```ts
101
+ export type EditorVariant = '' | 'plain' | 'outlined' | 'filled';
102
+ ```
103
+
104
+ ## 示例
105
+
106
+ 完整示例见 [example.svelte](./example.svelte)。
107
+ ```svelte
108
+ <script lang="ts">
109
+ import PasswordEditor from '@ticatec/uniface-element/PasswordEditor';
110
+ let value = $state<any>("示例值");
111
+ </script>
112
+
113
+ <PasswordEditor
114
+ bind:value
115
+ onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
116
+ onfocus={async (...args: any[]) => { console.log('onfocus', ...args); return true; }}
117
+ variant="plain"
118
+ placeholder="请输入或选择"
119
+ disabled={false}
120
+ readonly={false}
121
+ compact={true}
122
+ />
123
+ <p>当前状态:{JSON.stringify({value})}</p>
124
+ ```
125
+
126
+ ## 源码
127
+
128
+ - `src/lib/form/text_editor/PasswordEditor.svelte`
@@ -1,10 +1,10 @@
1
1
  <script lang="ts">
2
- import AttachmentFiles from '@ticatec/uniface-element/AttachmentFiles';
3
- let files = $state<any>([]);
2
+ import PasswordEditor from '@ticatec/uniface-element/PasswordEditor';
3
+ let value = $state<any>("示例值");
4
4
  </script>
5
5
 
6
- <AttachmentFiles
7
- bind:files
6
+ <PasswordEditor
7
+ bind:value
8
8
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
9
9
  onfocus={async (...args: any[]) => { console.log('onfocus', ...args); return true; }}
10
10
  variant="plain"
@@ -13,4 +13,4 @@
13
13
  readonly={false}
14
14
  compact={true}
15
15
  />
16
- <p>当前状态:{JSON.stringify({files})}</p>
16
+ <p>当前状态:{JSON.stringify({value})}</p>
@@ -22,14 +22,24 @@ import ProgressBar from '@ticatec/uniface-element/ProgressBar';
22
22
  | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
23
  | --- | --- | --- | --- | --- | --- | --- |
24
24
  | `progress` | 否 | `number` | 否 | `0` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
25
- | `size` | 否 | `number` | 否 | `100` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
26
- | `type` | | `ProgressBarType` | 否 | `"circular"` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
27
- | `height` | 否 | `number` | 否 | `5` | 否 | 高度配置,数值单位为像素。 |
25
+ | `diameter` | 否 | `number` | 否 | `100` | 否 | 圆形进度条直径(px) |
26
+ | `variant` | | `ProgressBarType` | 否 | `"circular"` | 否 | 形状:circular / linear |
27
+ | `thickness` | 否 | `number` | 否 | `5` | 否 | 线形进度条高度(px) |
28
28
  | `showText` | 否 | `boolean` | 否 | `true` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
29
29
  | `status` | 否 | `ProgressStatus` | 否 | `ProgressStatus.progressing` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
30
30
 
31
31
  > 组件的“可绑定”表示源码使用了 Svelte 5 的 `$bindable`;服务的“响应式”表示成员使用了 `$state`。复杂类型请同时参考 TypeScript 自动补全。
32
32
 
33
+ ## 重要属性说明
34
+
35
+ ### `variant`
36
+
37
+ 形状:circular / linear
38
+
39
+ - 类型:`ProgressBarType`
40
+ - 默认值:`"circular"`
41
+ - 示例写法:`variant="circular"`
42
+
33
43
  ## 相关类型定义
34
44
 
35
45
  以下定义帮助理解复杂属性的数据结构;其中部分辅助类型属于内部实现,不一定是独立导出入口。
@@ -54,7 +64,7 @@ export enum ProgressStatus {
54
64
  </script>
55
65
 
56
66
  <ProgressBar
57
- height={48}
67
+ variant="circular"
58
68
  progress={65}
59
69
  />
60
70
  ```
@@ -3,6 +3,6 @@
3
3
  </script>
4
4
 
5
5
  <ProgressBar
6
- height={48}
6
+ variant="circular"
7
7
  progress={65}
8
8
  />
@@ -21,7 +21,7 @@ import ProgressStepBar from '@ticatec/uniface-element/ProgressStepBar';
21
21
 
22
22
  | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
23
  | --- | --- | --- | --- | --- | --- | --- |
24
- | `steps` | 是 | `Array<ProgressStep>` | | `—` | 否 | 流程步骤数据集合;每一步通常包含标题和当前状态(待处理/进行中/已完成)。 |
24
+ | `items` | 是 | `Array<ProgressStep>` | | `[]` | 否 | 步骤列表 |
25
25
  | `direction` | 否 | `'vertical' \| 'horizontal'` | 否 | `'horizontal'` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
26
26
  | `style` | 否 | `string` | 否 | `undefined` | 否 | 附加到组件根元素的内联样式。 |
27
27
  | `theme` | 否 | `string` | 否 | `undefined` | 否 | 组件主题标识,通常通过 `data-theme` 选择对应 CSS 变量。 |
@@ -30,13 +30,17 @@ import ProgressStepBar from '@ticatec/uniface-element/ProgressStepBar';
30
30
 
31
31
  ## 重要属性说明
32
32
 
33
- ### `steps`
33
+ ### `items`
34
34
 
35
- 流程步骤数据集合;每一步通常包含标题和当前状态(待处理/进行中/已完成)。
35
+ 步骤列表
36
36
 
37
37
  - 类型:`Array<ProgressStep>`
38
- - 默认值:`—`
39
- - 示例写法:`steps={[]}`
38
+ - 默认值:`[]`
39
+ - 示例写法:`items={[
40
+ {title: '提交', status: 'completed' as any},
41
+ {title: '审核', status: 'processing' as any},
42
+ {title: '完成', status: 'pending' as any}
43
+ ]}`
40
44
 
41
45
  ## 相关类型定义
42
46
 
@@ -50,7 +54,8 @@ export default interface ProgressStep {
50
54
  /**
51
55
  *
52
56
  */
53
- topic: string;
57
+ /** 步骤标题 */
58
+ title: string;
54
59
 
55
60
  /**
56
61
  *
@@ -84,7 +89,11 @@ export enum ProgressStepStatus {
84
89
  </script>
85
90
 
86
91
  <ProgressStepBar
87
- steps={[]}
92
+ items={[
93
+ {title: '提交', status: 'completed' as any},
94
+ {title: '审核', status: 'processing' as any},
95
+ {title: '完成', status: 'pending' as any}
96
+ ]}
88
97
  />
89
98
  ```
90
99
 
@@ -3,5 +3,9 @@
3
3
  </script>
4
4
 
5
5
  <ProgressStepBar
6
- steps={[]}
6
+ items={[
7
+ {title: '提交', status: 'completed' as any},
8
+ {title: '审核', status: 'processing' as any},
9
+ {title: '完成', status: 'pending' as any}
10
+ ]}
7
11
  />
@@ -36,7 +36,7 @@ import PromptsTextEditor from '@ticatec/uniface-element/PromptsTextEditor';
36
36
  | `value` | 是 | `string` | 否 | `$bindable()` | 是 | 组件的核心值。支持绑定时建议使用 `bind:value`,外部修改会同步到组件。 |
37
37
  | `prefix` | 否 | `string` | 否 | `undefined` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
38
38
  | `suffix` | 否 | `string` | 否 | `undefined` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
39
- | `words` | 是 | `Array<string>` | | `—` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
39
+ | `options` | 是 | `Array<string>` | | `[]` | 否 | 候选提示词列表 |
40
40
  | `menu$height` | 否 | `number` | 否 | `0` | 否 | 高度配置,数值单位为像素。 |
41
41
  | `input\$*` | 否 | `any` | 否 | `透传` | 否 | 匹配此前缀的属性会透传给内部元素。 |
42
42
 
@@ -92,13 +92,16 @@ import PromptsTextEditor from '@ticatec/uniface-element/PromptsTextEditor';
92
92
  - 默认值:`$bindable()`
93
93
  - 推荐写法:`bind:value`
94
94
 
95
- ### `words`
95
+ ### `options`
96
96
 
97
- 可选配置,具体取值范围和数据结构见类型列。
97
+ 候选提示词列表
98
98
 
99
99
  - 类型:`Array<string>`
100
- - 默认值:`—`
101
- - 示例写法:`words={[]}`
100
+ - 默认值:`[]`
101
+ - 示例写法:`options={[
102
+ {code: 'dev', text: '研发部'},
103
+ {code: 'product', text: '产品部'}
104
+ ]}`
102
105
 
103
106
  ## 组件实例方法
104
107
 
@@ -128,7 +131,6 @@ export type EditorVariant = '' | 'plain' | 'outlined' | 'filled';
128
131
  </script>
129
132
 
130
133
  <PromptsTextEditor
131
- words={[]}
132
134
  bind:value
133
135
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
134
136
  onfocus={async (...args: any[]) => { console.log('onfocus', ...args); return true; }}
@@ -4,7 +4,6 @@
4
4
  </script>
5
5
 
6
6
  <PromptsTextEditor
7
- words={[]}
8
7
  bind:value
9
8
  onchange={async (...args: any[]) => { console.log('onchange', ...args); return true; }}
10
9
  onfocus={async (...args: any[]) => { console.log('onfocus', ...args); return true; }}
@@ -25,10 +25,10 @@ import RowsLayout from '@ticatec/uniface-element/app-layout/RowsLayout';
25
25
  | `height` | 否 | `string` | 否 | `'100%'` | 否 | 高度配置;字符串可以使用 px、rem、% 等 CSS 单位。 |
26
26
  | `topHeight` | 否 | `string \| null` | 否 | `null` | 否 | 高度配置;字符串可以使用 px、rem、% 等 CSS 单位。 |
27
27
  | `bottomHeight` | 否 | `string \| null` | 否 | `null` | 否 | 高度配置;字符串可以使用 px、rem、% 等 CSS 单位。 |
28
- | `topMin` | 否 | `string \| null` | 否 | `null` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
29
- | `topMax` | 否 | `string \| null` | 否 | `null` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
30
- | `bottomMin` | 否 | `string \| null` | 否 | `null` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
31
- | `bottomMax` | 否 | `string \| null` | 否 | `null` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
28
+ | `topMinHeight` | 否 | `string \| null` | 否 | `null` | 否 | 上栏最小高度(CSS 长度) |
29
+ | `topMaxHeight` | 否 | `string \| null` | 否 | `null` | 否 | 上栏最大高度(CSS 长度) |
30
+ | `bottomMinHeight` | 否 | `string \| null` | 否 | `null` | 否 | 下栏最小高度(CSS 长度) |
31
+ | `bottomMaxHeight` | 否 | `string \| null` | 否 | `null` | 否 | 下栏最大高度(CSS 长度) |
32
32
  | `topResize` | 否 | `boolean` | 否 | `false` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
33
33
  | `bottomResize` | 否 | `boolean` | 否 | `false` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
34
34
  | `top` | 否 | `Snippet` | 否 | `undefined` | 否 | Svelte Snippet 渲染入口,用于替换或补充默认内容。 |
@@ -60,6 +60,10 @@ Svelte Snippet 子内容,用于自定义组件主体。
60
60
  height="48px"
61
61
  topHeight="48px"
62
62
  bottomHeight="48px"
63
+ topMinHeight="48px"
64
+ topMaxHeight="48px"
65
+ bottomMinHeight="48px"
66
+ bottomMaxHeight="48px"
63
67
  >
64
68
  <div>在这里放置子内容</div>
65
69
  </RowsLayout>
@@ -7,6 +7,10 @@
7
7
  height="48px"
8
8
  topHeight="48px"
9
9
  bottomHeight="48px"
10
+ topMinHeight="48px"
11
+ topMaxHeight="48px"
12
+ bottomMinHeight="48px"
13
+ bottomMaxHeight="48px"
10
14
  >
11
15
  <div>在这里放置子内容</div>
12
16
  </RowsLayout>
@@ -21,8 +21,8 @@ import Switch from '@ticatec/uniface-element/Switch';
21
21
 
22
22
  | 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
23
23
  | --- | --- | --- | --- | --- | --- | --- |
24
- | `checkLabel` | 否 | `string` | 否 | `"On"` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
25
- | `uncheckLabel` | 否 | `string` | 否 | `"Off"` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
24
+ | `checkedText` | 否 | `string` | 否 | `"On"` | 否 | 开启状态显示的文字 |
25
+ | `uncheckedText` | 否 | `string` | 否 | `"Off"` | 否 | 关闭状态显示的文字 |
26
26
  | `readonly` | 是 | `boolean` | 否 | `false` | 否 | 只读状态。保留内容展示,但阻止用户修改。 |
27
27
  | `disabled` | 是 | `boolean` | 否 | `false` | 否 | 禁用交互。禁用后通常不可聚焦、不可修改,也不会触发变更操作。 |
28
28
  | `value` | 是 | `boolean` | 否 | `$bindable(false)` | 是 | 组件的核心值。支持绑定时建议使用 `bind:value`,外部修改会同步到组件。 |