@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.
- package/README.md +4 -3
- package/README_CN.md +4 -3
- package/dist/app_layout/ColumnsLayout.svelte +14 -10
- package/dist/app_layout/ColumnsLayout.svelte.d.ts +8 -4
- package/dist/app_layout/README.md +14 -12
- package/dist/app_layout/README_CN.md +14 -12
- package/dist/app_layout/RowsLayout.svelte +14 -10
- package/dist/app_layout/RowsLayout.svelte.d.ts +8 -4
- package/dist/base-calendar/CalendarBase.svelte +4 -10
- package/dist/base-calendar/CalendarBase.svelte.d.ts +0 -4
- package/dist/base-calendar/MonthlyCalendar.svelte +11 -3
- package/dist/base-calendar/MonthlyCalendar.svelte.d.ts +1 -2
- package/dist/base-calendar/YearPickupPanel.svelte +5 -5
- package/dist/base-calendar/YearPickupPanel.svelte.d.ts +2 -2
- package/dist/base-calendar/dateUtils.js +9 -5
- package/dist/composite/pagination_panel/PaginationPanel.svelte +15 -12
- package/dist/composite/pagination_panel/PaginationPanel.svelte.d.ts +8 -5
- package/dist/composite/pagination_panel/README.md +3 -1
- package/dist/composite/pagination_panel/README_CN.md +3 -1
- package/dist/composite/transfer/Transfer.svelte +30 -15
- package/dist/composite/transfer/Transfer.svelte.d.ts +11 -4
- package/dist/composite/transfer/index.d.ts +2 -2
- package/dist/data_display/accordion/Accordion.svelte +10 -9
- package/dist/data_display/accordion/Accordion.svelte.d.ts +2 -1
- package/dist/data_display/accordion/AccordionItemView.svelte +6 -6
- package/dist/data_display/accordion/AccordionItemView.svelte.d.ts +1 -1
- package/dist/data_display/accordion/README.md +6 -4
- package/dist/data_display/accordion/README_CN.md +6 -4
- package/dist/data_display/card/Card.svelte +13 -11
- package/dist/data_display/card/Card.svelte.d.ts +5 -3
- package/dist/data_display/card/CardAction.d.ts +7 -2
- package/dist/data_display/card/CommonCardActionBar.svelte +2 -2
- package/dist/data_display/card/README.md +11 -9
- package/dist/data_display/card/README_CN.md +11 -9
- package/dist/data_display/card/index.d.ts +2 -1
- package/dist/data_display/concise_data_table/Column.d.ts +0 -6
- package/dist/data_display/concise_data_table/ConciseListTable.svelte +6 -5
- package/dist/data_display/concise_data_table/ConciseListTable.svelte.d.ts +4 -3
- package/dist/data_display/concise_data_table/DataCell.svelte +1 -1
- package/dist/data_display/concise_data_table/README.md +7 -5
- package/dist/data_display/concise_data_table/README_CN.md +7 -5
- package/dist/data_display/concise_data_table/TableOptions.d.ts +1 -1
- package/dist/data_display/list_box/ListBox.svelte +11 -15
- package/dist/data_display/list_box/ListBox.svelte.d.ts +6 -9
- package/dist/data_display/list_box/README.md +10 -8
- package/dist/data_display/list_box/README_CN.md +10 -8
- package/dist/data_display/list_box/index.d.ts +2 -3
- package/dist/data_display/tree_view/README.md +4 -2
- package/dist/data_display/tree_view/README_CN.md +4 -2
- package/dist/data_display/tree_view/TreeNodeView.svelte +15 -16
- package/dist/data_display/tree_view/TreeNodeView.svelte.d.ts +4 -5
- package/dist/data_display/tree_view/TreeView.svelte +27 -19
- package/dist/data_display/tree_view/TreeView.svelte.d.ts +12 -4
- package/dist/data_display/tree_view/index.d.ts +2 -3
- package/dist/data_table/DataTable.svelte +15 -14
- package/dist/data_table/DataTable.svelte.d.ts +2 -1
- package/dist/data_table/README.md +10 -8
- package/dist/data_table/README_CN.md +10 -8
- package/dist/data_table/UniDataTable.d.ts +4 -4
- package/dist/data_table/UniDataTable.js +2 -2
- package/dist/data_table/index.d.ts +5 -5
- package/dist/data_table/lib/CellAction.d.ts +9 -0
- package/dist/data_table/lib/CommonHeaderCell.d.ts +2 -2
- package/dist/data_table/lib/CompareFn.d.ts +3 -0
- package/dist/data_table/lib/DataColumn.d.ts +7 -12
- package/dist/data_table/lib/FormatCellFn.d.ts +2 -0
- package/dist/data_table/lib/HrefLink.d.ts +3 -3
- package/dist/data_table/lib/IndicatorColumn.d.ts +2 -1
- package/dist/data_table/lib/RowAction.d.ts +14 -20
- package/dist/data_table/parts/ActionCell.svelte +3 -3
- package/dist/data_table/parts/ActionCell.svelte.d.ts +1 -1
- package/dist/data_table/parts/ActionsRow.svelte +7 -5
- package/dist/data_table/parts/ContentPanel.svelte +14 -14
- package/dist/data_table/parts/ContentPanel.svelte.d.ts +5 -5
- package/dist/data_table/parts/FixedColumnsPanel.svelte +15 -15
- package/dist/data_table/parts/FixedColumnsPanel.svelte.d.ts +4 -4
- package/dist/data_table/parts/FixedHeaderPanel.svelte +13 -13
- package/dist/data_table/parts/FixedHeaderPanel.svelte.d.ts +4 -4
- package/dist/data_table/parts/FixedRow.svelte +9 -9
- package/dist/data_table/parts/FixedRow.svelte.d.ts +3 -3
- package/dist/data_table/parts/HrefCell.svelte +1 -1
- package/dist/data_table/parts/PopupMenu.svelte +3 -3
- package/dist/data_table/parts/PopupMenu.svelte.d.ts +1 -1
- package/dist/data_table/parts/TableHeaderPanel.svelte +14 -14
- package/dist/data_table/parts/TableHeaderPanel.svelte.d.ts +4 -4
- package/dist/data_table/parts/TextCell.svelte +1 -1
- package/dist/feedback/progress-bar/ProgressBar.svelte +13 -10
- package/dist/feedback/progress-bar/ProgressBar.svelte.d.ts +6 -3
- package/dist/form/FormEditor.svelte +2 -2
- package/dist/form/FormEditor.svelte.d.ts +1 -1
- package/dist/form/attachment_files/AttachmentEditor.svelte +407 -92
- package/dist/form/attachment_files/AttachmentEditor.svelte.d.ts +71 -15
- package/dist/form/attachment_files/AttachmentFile.d.ts +35 -8
- package/dist/form/attachment_files/AttachmentFile.js +54 -29
- package/dist/form/attachment_files/AttachmentListItem.svelte +208 -0
- package/dist/form/attachment_files/AttachmentListItem.svelte.d.ts +25 -0
- package/dist/form/attachment_files/AttachmentTile.svelte +296 -0
- package/dist/form/attachment_files/AttachmentTile.svelte.d.ts +25 -0
- package/dist/form/attachment_files/FileUpload.d.ts +2 -2
- package/dist/form/attachment_files/README.md +71 -452
- package/dist/form/attachment_files/README_CN.md +68 -449
- package/dist/form/attachment_files/UploadTask.d.ts +27 -0
- package/dist/form/attachment_files/index.d.ts +8 -5
- package/dist/form/attachment_files/index.js +4 -2
- package/dist/form/cascade_options_select/CascadeOptionSelect.svelte +16 -15
- package/dist/form/cascade_options_select/CascadeOptionSelect.svelte.d.ts +6 -5
- package/dist/form/cascade_options_select/IsLeaf.d.ts +4 -0
- package/dist/form/cascade_options_select/IsLeaf.js +1 -0
- package/dist/form/cascade_options_select/OptionsBox.svelte +4 -4
- package/dist/form/cascade_options_select/OptionsBox.svelte.d.ts +2 -2
- package/dist/form/color_picker/ColorPicker.svelte +3 -3
- package/dist/form/common_editor/BasePicker.svelte +7 -7
- package/dist/form/common_editor/BasePicker.svelte.d.ts +3 -3
- package/dist/form/common_editor/CommonEditor.svelte +8 -8
- package/dist/form/common_editor/CommonEditor.svelte.d.ts +2 -2
- package/dist/form/common_editor/CommonPicker.svelte +43 -31
- package/dist/form/common_editor/CommonPicker.svelte.d.ts +6 -6
- package/dist/form/common_editor/CommonPickerProps.d.ts +2 -2
- package/dist/form/common_editor/CommonPopupEditor.svelte +13 -13
- package/dist/form/common_editor/CommonPopupEditor.svelte.d.ts +3 -4
- package/dist/form/common_editor/NumberInput.svelte +10 -2
- package/dist/form/common_editor/NumberInput.svelte.d.ts +1 -1
- package/dist/form/common_range_editor/CommonRangeEditor.svelte +17 -17
- package/dist/form/common_range_editor/CommonRangeEditor.svelte.d.ts +5 -5
- package/dist/form/date_picker/DatePicker.svelte +5 -5
- package/dist/form/date_picker/DatePicker.svelte.d.ts +1 -1
- package/dist/form/date_picker/DateTimePicker.svelte +15 -5
- package/dist/form/date_picker/README.md +7 -5
- package/dist/form/date_picker/README_CN.md +7 -5
- package/dist/form/date_picker/ScrollBar.svelte +21 -20
- package/dist/form/date_picker/ScrollBar.svelte.d.ts +3 -3
- package/dist/form/date_range/DateRangeEditor.svelte +6 -6
- package/dist/form/events.d.ts +70 -0
- package/dist/form/events.js +6 -0
- package/dist/form/group_box/group-check-box/GroupCheckBox.svelte +9 -7
- package/dist/form/group_box/group-check-box/GroupCheckBox.svelte.d.ts +4 -3
- package/dist/form/group_box/group-check-box/README.md +5 -3
- package/dist/form/group_box/group-check-box/README_CN.md +5 -3
- package/dist/form/group_box/group-radio-box/GroupRadioBox.svelte +9 -7
- package/dist/form/group_box/group-radio-box/GroupRadioBox.svelte.d.ts +4 -3
- package/dist/form/group_box/group-radio-box/README.md +3 -1
- package/dist/form/group_box/group-radio-box/README_CN.md +3 -1
- package/dist/form/image_editor/ImageEditor.svelte +118 -0
- package/dist/form/image_editor/ImageEditor.svelte.d.ts +52 -0
- package/dist/form/image_editor/ImageFile.d.ts +11 -0
- package/dist/form/image_editor/ImageFile.js +1 -0
- package/dist/form/{image-files → image_editor}/ImagePreview.svelte +10 -2
- package/dist/form/image_editor/README.md +89 -0
- package/dist/form/image_editor/README_CN.md +89 -0
- package/dist/form/image_editor/index.d.ts +11 -0
- package/dist/form/image_editor/index.js +4 -0
- package/dist/form/input_options_select/InputOptionsSelect.svelte +11 -8
- package/dist/form/input_options_select/InputOptionsSelect.svelte.d.ts +2 -1
- package/dist/form/input_options_select/README.md +44 -218
- package/dist/form/input_options_select/README_CN.md +38 -211
- package/dist/form/lookup_editor/LookupEditor.svelte +7 -10
- package/dist/form/lookup_editor/LookupEditor.svelte.d.ts +2 -1
- package/dist/form/memo_editor/MemoEditor.svelte +2 -2
- package/dist/form/memo_editor/MemoEditor.svelte.d.ts +1 -1
- package/dist/form/number_editor/NumberEditor.svelte +13 -1
- package/dist/form/number_editor/NumberEditor.svelte.d.ts +1 -1
- package/dist/form/number_range/NumberRange.svelte +5 -5
- package/dist/form/options_multi_select/OptionsMultiSelect.svelte +13 -13
- package/dist/form/options_multi_select/OptionsMultiSelect.svelte.d.ts +3 -2
- package/dist/form/options_multi_select/README.md +5 -3
- package/dist/form/options_multi_select/README_CN.md +5 -3
- package/dist/form/options_select/OptionsSelect.svelte +17 -13
- package/dist/form/options_select/OptionsSelect.svelte.d.ts +2 -1
- package/dist/form/options_select/README.md +9 -7
- package/dist/form/options_select/README_CN.md +8 -6
- package/dist/form/prompts_text_editor/PromptsTextEditor.svelte +6 -5
- package/dist/form/prompts_text_editor/PromptsTextEditor.svelte.d.ts +2 -1
- package/dist/form/prompts_text_editor/README.md +16 -14
- package/dist/form/prompts_text_editor/README_CN.md +16 -14
- package/dist/form/search_box/SearchBox.svelte +3 -2
- package/dist/form/search_box/SearchBox.svelte.d.ts +1 -1
- package/dist/form/switch/README.md +7 -5
- package/dist/form/switch/README_CN.md +7 -5
- package/dist/form/switch/Switch.svelte +7 -5
- package/dist/form/switch/Switch.svelte.d.ts +4 -2
- package/dist/form/text_editor/PasswordEditor.svelte +2 -2
- package/dist/form/text_editor/PasswordEditor.svelte.d.ts +1 -1
- package/dist/form/text_editor/TextEditor.svelte +6 -4
- package/dist/form/text_editor/TextEditor.svelte.d.ts +1 -1
- package/dist/form/time_editor/README.md +4 -2
- package/dist/form/time_editor/README_CN.md +4 -2
- package/dist/form/time_editor/TimeEditor.svelte +10 -7
- package/dist/form/time_editor/TimeEditor.svelte.d.ts +2 -1
- package/dist/form/types.d.ts +5 -42
- package/dist/form/unit-number-editor/README.md +21 -19
- package/dist/form/unit-number-editor/README_CN.md +21 -19
- package/dist/form/unit-number-editor/UnitNumberEditor.svelte +12 -11
- package/dist/form/unit-number-editor/UnitNumberEditor.svelte.d.ts +4 -3
- package/dist/general/button/Button.svelte +4 -1
- package/dist/general/button/Button.svelte.d.ts +3 -1
- package/dist/general/button/IconButton.svelte +11 -5
- package/dist/general/button/IconButton.svelte.d.ts +5 -2
- package/dist/general/button/IconButton_README.md +9 -6
- package/dist/general/button/IconButton_README_CN.md +9 -6
- package/dist/general/button/TextButton.svelte +15 -5
- package/dist/general/button/TextButton.svelte.d.ts +6 -2
- package/dist/general/button/TextButton_README.md +10 -6
- package/dist/general/button/TextButton_README_CN.md +10 -6
- package/dist/general/icon/Icon.svelte +6 -4
- package/dist/general/icon/Icon.svelte.d.ts +3 -2
- package/dist/general/tag/Tag.svelte +8 -4
- package/dist/general/tag/Tag.svelte.d.ts +3 -1
- package/dist/i18nRes/i18nRes.d.ts +5 -1
- package/dist/i18nRes/i18nRes.js +5 -1
- package/dist/layouts/action_bar/ActionBar.svelte +5 -4
- package/dist/layouts/action_bar/ActionBar.svelte.d.ts +2 -1
- package/dist/layouts/action_bar/ButtonAction.d.ts +1 -23
- package/dist/layouts/action_bar/README.md +20 -18
- package/dist/layouts/action_bar/README_CN.md +19 -17
- package/dist/layouts/box/Box.svelte +4 -3
- package/dist/layouts/box/Box.svelte.d.ts +2 -1
- package/dist/layouts/box/README.md +13 -11
- package/dist/layouts/box/README_CN.md +13 -11
- package/dist/layouts/form_field/FormField.svelte +5 -4
- package/dist/layouts/form_field/FormField.svelte.d.ts +3 -2
- package/dist/layouts/form_field/README.md +11 -9
- package/dist/layouts/form_field/README_CN.md +9 -7
- package/dist/layouts/form_panel/flex_row_form/Cell.svelte +3 -1
- package/dist/layouts/form_panel/flex_row_form/Cell.svelte.d.ts +3 -1
- package/dist/layouts/form_panel/flex_row_form/Row.svelte +3 -1
- package/dist/layouts/form_panel/flex_row_form/Row.svelte.d.ts +3 -1
- package/dist/layouts/form_panel/grid_form/GridField.svelte +8 -4
- package/dist/layouts/form_panel/grid_form/GridField.svelte.d.ts +6 -2
- package/dist/layouts/form_panel/grid_form/GridForm.svelte +3 -1
- package/dist/layouts/form_panel/grid_form/GridForm.svelte.d.ts +3 -1
- package/dist/layouts/form_panel/grid_form/README.md +6 -4
- package/dist/layouts/form_panel/grid_form/README_CN.md +6 -4
- package/dist/layouts/page/Page.svelte +7 -7
- package/dist/layouts/page/Page.svelte.d.ts +2 -2
- package/dist/layouts/page/PageHeader.svelte +4 -4
- package/dist/layouts/page/PageHeader.svelte.d.ts +1 -1
- package/dist/layouts/page/README.md +18 -18
- package/dist/layouts/page/README_CN.md +18 -18
- package/dist/navigation/nav_menu/MenuItem.d.ts +1 -1
- package/dist/navigation/nav_menu/NavigatorMenu.svelte +16 -14
- package/dist/navigation/nav_menu/NavigatorMenu.svelte.d.ts +7 -5
- package/dist/navigation/nav_menu/NavigatorMenuItem.svelte +2 -2
- package/dist/navigation/nav_menu/NavigatorMenuItem.svelte.d.ts +2 -2
- package/dist/navigation/nav_menu/README.md +8 -6
- package/dist/navigation/nav_menu/README_CN.md +8 -6
- package/dist/navigation/nav_menu/index.d.ts +2 -2
- package/dist/navigation/navigator/Navigator.svelte +5 -4
- package/dist/navigation/navigator/Navigator.svelte.d.ts +3 -2
- package/dist/navigation/navigator/README.md +12 -10
- package/dist/navigation/navigator/README_CN.md +12 -10
- package/dist/navigation/pagination/Pagination.svelte +23 -15
- package/dist/navigation/pagination/Pagination.svelte.d.ts +6 -4
- package/dist/navigation/progress_step_bar/ProgressStep.d.ts +2 -1
- package/dist/navigation/progress_step_bar/ProgressStepBar.svelte +5 -4
- package/dist/navigation/progress_step_bar/ProgressStepBar.svelte.d.ts +2 -1
- package/dist/navigation/progress_step_bar/ProgressStepBlock.svelte +3 -3
- package/dist/navigation/progress_step_bar/ProgressStepBlock.svelte.d.ts +1 -1
- package/dist/navigation/progress_step_bar/README.md +37 -35
- package/dist/navigation/progress_step_bar/README_CN.md +36 -34
- package/dist/navigation/tabs/Tabs.svelte +14 -5
- package/dist/navigation/tabs/Tabs.svelte.d.ts +11 -4
- package/dist/navigation/tabs/index.d.ts +2 -2
- package/dist/overlay/common/ModalPopover.svelte +5 -4
- package/dist/overlay/common/ModalPopover.svelte.d.ts +2 -1
- package/dist/overlay/common/Popover.svelte +4 -3
- package/dist/overlay/common/Popover.svelte.d.ts +2 -1
- package/dist/overlay/context-menu/ContextMenuItem.d.ts +3 -3
- package/dist/overlay/context-menu/ContextMenuPanel.svelte +4 -4
- package/dist/overlay/context-menu/index.d.ts +2 -2
- package/dist/overlay/dialog/BeforeClose.d.ts +4 -0
- package/dist/overlay/dialog/BeforeClose.js +1 -0
- package/dist/overlay/dialog/CommonDialog.svelte +16 -12
- package/dist/overlay/dialog/CommonDialog.svelte.d.ts +9 -5
- package/dist/overlay/dialog/Dialog.svelte +25 -19
- package/dist/overlay/dialog/Dialog.svelte.d.ts +11 -5
- package/dist/overlay/dialog/DialogManager.svelte.js +2 -1
- package/dist/overlay/dialog/README.md +19 -17
- package/dist/overlay/dialog/README_CN.md +19 -17
- package/dist/overlay/dialog/index.d.ts +2 -2
- package/dist/overlay/message-box/IMessageBox.d.ts +4 -4
- package/dist/overlay/tooltip/README.md +16 -1
- package/dist/overlay/tooltip/README_CN.md +16 -1
- package/dist/overlay/tooltip/Tooltip.svelte +94 -19
- package/dist/ticatec-uniface-web.css +38 -12
- package/dist/types.d.ts +38 -46
- package/dist/unifaceContext.d.ts +2 -2
- package/dist/utils/prefixFilter.js +0 -1
- package/docs/NAMING.md +364 -0
- package/docs/NAMING_CN.md +364 -0
- package/docs/components/README.md +16 -14
- package/docs/components/accordion/README.md +13 -2
- package/docs/components/accordion/example.svelte +1 -0
- package/docs/components/action-bar/README.md +4 -4
- package/docs/components/attachment-editor/README.md +224 -0
- package/docs/components/attachment-editor/example.svelte +22 -0
- package/docs/components/box/README.md +1 -1
- package/docs/components/button/README.md +8 -1
- package/docs/components/button/example.svelte +1 -0
- package/docs/components/card/README.md +19 -5
- package/docs/components/cascade-options-select/README.md +11 -5
- package/docs/components/columns-layout/README.md +8 -4
- package/docs/components/columns-layout/example.svelte +4 -0
- package/docs/components/common-dialog/README.md +19 -10
- package/docs/components/common-dialog/example.svelte +2 -1
- package/docs/components/concise-data-table/README.md +18 -29
- package/docs/components/concise-data-table/example.svelte +1 -1
- package/docs/components/context-menu/README.md +5 -5
- package/docs/components/context-menu/example.svelte +1 -1
- package/docs/components/criteria-field/README.md +1 -0
- package/docs/components/criteria-field/example.svelte +1 -0
- package/docs/components/data-table/README.md +63 -40
- package/docs/components/data-table/example.svelte +2 -2
- package/docs/components/date-picker/README.md +1 -1
- package/docs/components/date-time-picker/README.md +1 -1
- package/docs/components/dialog/README.md +21 -14
- package/docs/components/dialog/example.svelte +1 -1
- package/docs/components/form-field/README.md +3 -3
- package/docs/components/grid-form/README.md +15 -5
- package/docs/components/grid-form/example.svelte +1 -1
- package/docs/components/group-check-box/README.md +3 -3
- package/docs/components/group-radio-box/README.md +3 -3
- package/docs/components/icon/README.md +6 -5
- package/docs/components/icon-button/README.md +10 -1
- package/docs/components/icon-button/example.svelte +1 -0
- package/docs/components/image-editor/README.md +262 -0
- package/docs/components/{image-files → image-editor}/example.svelte +5 -3
- package/docs/components/input-options-select/README.md +2 -2
- package/docs/components/list-box/README.md +12 -13
- package/docs/components/list-box/example.svelte +3 -3
- package/docs/components/lookup-editor/README.md +1 -1
- package/docs/components/navigator/README.md +2 -1
- package/docs/components/navigator/example.svelte +1 -0
- package/docs/components/navigator-menu/README.md +24 -21
- package/docs/components/navigator-menu/example.svelte +4 -2
- package/docs/components/options-multi-select/README.md +2 -2
- package/docs/components/options-select/README.md +4 -4
- package/docs/components/page/README.md +2 -2
- package/docs/components/page-stack/README.md +67 -0
- package/docs/components/page-stack/example.svelte +7 -0
- package/docs/components/pagination/README.md +24 -7
- package/docs/components/pagination/example.svelte +5 -2
- package/docs/components/pagination-panel/README.md +25 -10
- package/docs/components/pagination-panel/example.svelte +5 -4
- package/docs/components/password-editor/README.md +128 -0
- package/docs/components/{attachment-files → password-editor}/example.svelte +5 -5
- package/docs/components/progress-bar/README.md +14 -4
- package/docs/components/progress-bar/example.svelte +1 -1
- package/docs/components/progress-step-bar/README.md +16 -7
- package/docs/components/progress-step-bar/example.svelte +5 -1
- package/docs/components/prompts-text-editor/README.md +8 -6
- package/docs/components/prompts-text-editor/example.svelte +0 -1
- package/docs/components/rows-layout/README.md +8 -4
- package/docs/components/rows-layout/example.svelte +4 -0
- package/docs/components/switch/README.md +2 -2
- package/docs/components/tabs/README.md +24 -9
- package/docs/components/tag/README.md +13 -2
- package/docs/components/tag/example.svelte +1 -0
- package/docs/components/text-button/README.md +20 -1
- package/docs/components/text-button/example.svelte +2 -0
- package/docs/components/time-editor/README.md +1 -1
- package/docs/components/transfer/README.md +16 -9
- package/docs/components/tree-view/README.md +29 -13
- package/docs/components/tree-view/example.svelte +2 -1
- package/docs/components/unit-number-editor/README.md +11 -8
- package/docs/components/unit-number-editor/example.svelte +0 -1
- package/package.json +13 -7
- package/dist/data_table/lib/CompareFunction.d.ts +0 -3
- package/dist/data_table/lib/FormatCell.d.ts +0 -2
- package/dist/form/attachment_files/FileRender.svelte +0 -125
- package/dist/form/attachment_files/FileRender.svelte.d.ts +0 -9
- package/dist/form/attachment_files/FileUploadBar.svelte +0 -66
- package/dist/form/attachment_files/FileUploadBar.svelte.d.ts +0 -8
- package/dist/form/attachment_files/FileUploadPanel.svelte +0 -161
- package/dist/form/attachment_files/FileUploadPanel.svelte.d.ts +0 -14
- package/dist/form/attachment_files/UploadFile.d.ts +0 -43
- package/dist/form/attachment_files/UploadFile.js +0 -80
- package/dist/form/cascade_options_select/CascadePanel.svelte +0 -52
- package/dist/form/cascade_options_select/CascadePanel.svelte.d.ts +0 -26
- package/dist/form/cascade_options_select/isLeafDetermine.d.ts +0 -4
- package/dist/form/common_editor/EditorEvents.d.ts +0 -14
- package/dist/form/common_editor/EditorEvents.js +0 -2
- package/dist/form/image-files/ImageFile.d.ts +0 -12
- package/dist/form/image-files/ImageFilesField.svelte +0 -128
- package/dist/form/image-files/ImageFilesField.svelte.d.ts +0 -18
- package/dist/form/image-files/ImageRender.svelte +0 -95
- package/dist/form/image-files/ImageRender.svelte.d.ts +0 -10
- package/dist/form/image-files/README.md +0 -468
- package/dist/form/image-files/README_CN.md +0 -468
- package/dist/form/image-files/index.d.ts +0 -10
- package/dist/form/image-files/index.js +0 -2
- package/dist/overlay/dialog/DialogActions.d.ts +0 -16
- package/dist/overlay/dialog/DialogActions.js +0 -1
- package/dist/overlay/dialog/DialogCloseConfirm.d.ts +0 -1
- package/dist/overlay/dialog/DialogCloseConfirm.js +0 -1
- package/docs/components/attachment-files/README.md +0 -332
- package/docs/components/image-files/README.md +0 -174
- /package/dist/data_table/lib/{FormatCell.js → CellAction.js} +0 -0
- /package/dist/data_table/lib/{CompareFunction.js → CompareFn.js} +0 -0
- /package/dist/{form/cascade_options_select/isLeafDetermine.js → data_table/lib/FormatCellFn.js} +0 -0
- /package/dist/form/{image-files/ImageFile.js → attachment_files/UploadTask.js} +0 -0
- /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`
|
|
@@ -22,10 +22,10 @@ import Pagination from '@ticatec/uniface-element/Pagination';
|
|
|
22
22
|
| 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
|
|
23
23
|
| --- | --- | --- | --- | --- | --- | --- |
|
|
24
24
|
| `pageCount` | 是 | `number` | 是 | `0` | 否 | 总页数;为 0 时表示没有可分页数据。 |
|
|
25
|
-
| `pageNo` | 是 | `number` | 否 |
|
|
26
|
-
| `
|
|
25
|
+
| `pageNo` | 是 | `number` | 否 | `$bindable(1)` | 是 | 当前页码,通常从 1 开始。 |
|
|
26
|
+
| `variant` | 是 | `'plain' \| 'round' \| 'circle'` | 否 | `"round"` | 否 | 形状:plain / round / circle |
|
|
27
27
|
| `style` | 否 | `string` | 否 | `''` | 否 | 附加到组件根元素的内联样式。 |
|
|
28
|
-
| `
|
|
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
|
-
-
|
|
50
|
-
-
|
|
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
|
-
|
|
82
|
-
|
|
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
|
-
|
|
9
|
-
|
|
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` | 否 |
|
|
26
|
-
| `
|
|
25
|
+
| `pageNo` | 是 | `number` | 否 | `$bindable(1)` | 是 | 当前页码,通常从 1 开始。 |
|
|
26
|
+
| `variant` | 是 | `'plain' \| 'round' \| 'circle'` | 否 | `'round'` | 否 | 形状:plain / round / circle |
|
|
27
27
|
| `page$style` | 否 | `string` | 否 | `''` | 否 | 可选配置,具体取值范围和数据结构见类型列。 |
|
|
28
|
-
| `
|
|
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
|
-
| `
|
|
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
|
-
-
|
|
56
|
-
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
3
|
-
let
|
|
2
|
+
import PasswordEditor from '@ticatec/uniface-element/PasswordEditor';
|
|
3
|
+
let value = $state<any>("示例值");
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
|
-
<
|
|
7
|
-
bind:
|
|
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({
|
|
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
|
-
| `
|
|
26
|
-
| `
|
|
27
|
-
| `
|
|
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
|
-
|
|
67
|
+
variant="circular"
|
|
58
68
|
progress={65}
|
|
59
69
|
/>
|
|
60
70
|
```
|
|
@@ -21,7 +21,7 @@ import ProgressStepBar from '@ticatec/uniface-element/ProgressStepBar';
|
|
|
21
21
|
|
|
22
22
|
| 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
|
|
23
23
|
| --- | --- | --- | --- | --- | --- | --- |
|
|
24
|
-
| `
|
|
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
|
-
### `
|
|
33
|
+
### `items`
|
|
34
34
|
|
|
35
|
-
|
|
35
|
+
步骤列表
|
|
36
36
|
|
|
37
37
|
- 类型:`Array<ProgressStep>`
|
|
38
|
-
-
|
|
39
|
-
- 示例写法:`
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
|
@@ -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
|
-
| `
|
|
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
|
-
### `
|
|
95
|
+
### `options`
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
候选提示词列表
|
|
98
98
|
|
|
99
99
|
- 类型:`Array<string>`
|
|
100
|
-
-
|
|
101
|
-
- 示例写法:`
|
|
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; }}
|
|
@@ -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
|
-
| `
|
|
29
|
-
| `
|
|
30
|
-
| `
|
|
31
|
-
| `
|
|
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>
|
|
@@ -21,8 +21,8 @@ import Switch from '@ticatec/uniface-element/Switch';
|
|
|
21
21
|
|
|
22
22
|
| 属性 | 重要 | 类型 | 必填 | 默认值 | 可绑定/响应式 | 说明 |
|
|
23
23
|
| --- | --- | --- | --- | --- | --- | --- |
|
|
24
|
-
| `
|
|
25
|
-
| `
|
|
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`,外部修改会同步到组件。 |
|