@ticatec/uniface-element 5.0.4 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -13
- package/README_CN.md +17 -15
- 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/DateContext.d.ts +1 -0
- package/dist/base-calendar/DateContext.js +5 -8
- 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 +19 -13
- 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 -16
- 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 +46 -15
- package/dist/data_table/DataTable.svelte.d.ts +9 -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/lib/virtualWindow.d.ts +37 -0
- package/dist/data_table/lib/virtualWindow.js +41 -0
- 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/ActionsPanel.svelte +17 -2
- package/dist/data_table/parts/ActionsPanel.svelte.d.ts +3 -0
- package/dist/data_table/parts/ActionsRow.svelte +7 -5
- package/dist/data_table/parts/ContentPanel.svelte +40 -15
- package/dist/data_table/parts/ContentPanel.svelte.d.ts +11 -6
- package/dist/data_table/parts/FixedColumnsPanel.svelte +32 -16
- package/dist/data_table/parts/FixedColumnsPanel.svelte.d.ts +8 -5
- package/dist/data_table/parts/FixedHeaderPanel.svelte +14 -15
- 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/color_picker/ColorPickerPanel.svelte +1 -1
- 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 +16 -6
- 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 +19 -15
- 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 +45 -2
- package/dist/i18nRes/i18nRes.js +7 -2
- 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/CommonDialog.svelte +17 -13
- 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/DialogActions.d.ts +1 -1
- package/dist/overlay/dialog/DialogCloseConfirm.d.ts +4 -1
- package/dist/overlay/dialog/DialogCloseConfirm.js +1 -1
- 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/message-box/MessageBox.svelte.js +3 -3
- 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 +362 -0
- package/docs/NAMING_CN.md +362 -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/layout/flex/FlexBlock.svelte +0 -17
- package/dist/layout/flex/FlexBlock.svelte.d.ts +0 -38
- package/dist/layout/flex/README.md +0 -148
- package/dist/layout/flex/README_CN.md +0 -148
- package/dist/layout/flex/index.d.ts +0 -2
- package/dist/layout/flex/index.js +0 -2
- package/dist/layout/index.d.ts +0 -0
- package/dist/layout/index.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
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
keyField?: string;
|
|
13
13
|
textField?: string;
|
|
14
14
|
menu$height?: number;
|
|
15
|
-
|
|
15
|
+
/** 要渲染但禁用的选项 key 列表 */
|
|
16
|
+
disabledOptions?: Array<string>;
|
|
16
17
|
hideOptions?: Array<string>;
|
|
17
18
|
itemRender?: any;
|
|
18
19
|
filterPlaceholder?: string;
|
|
@@ -24,7 +25,7 @@
|
|
|
24
25
|
variant,
|
|
25
26
|
disabled = false,
|
|
26
27
|
readonly = false,
|
|
27
|
-
|
|
28
|
+
clearable,
|
|
28
29
|
compact = false,
|
|
29
30
|
error,
|
|
30
31
|
tooltip,
|
|
@@ -37,18 +38,19 @@
|
|
|
37
38
|
textField = "text",
|
|
38
39
|
emptyText,
|
|
39
40
|
menu$height = 0,
|
|
40
|
-
|
|
41
|
+
disabledOptions = [],
|
|
41
42
|
hideOptions = [],
|
|
42
43
|
onchange,
|
|
43
44
|
onfocus,
|
|
44
45
|
onblur,
|
|
45
|
-
filterPlaceholder = i18nRes.common.filterPlaceholder
|
|
46
|
+
filterPlaceholder = i18nRes.common.filterPlaceholder(),
|
|
46
47
|
filterFunction,
|
|
47
|
-
noResultsText = i18nRes.common.noResultsText
|
|
48
|
+
noResultsText = i18nRes.common.noResultsText(),
|
|
48
49
|
itemRender,
|
|
49
50
|
}: Props = $props();
|
|
50
51
|
|
|
51
52
|
|
|
53
|
+
|
|
52
54
|
let searchBox: SearchBox | undefined = $state(undefined);
|
|
53
55
|
let editor: HTMLElement | undefined = $state(undefined);
|
|
54
56
|
let isOpen = $state(false);
|
|
@@ -83,7 +85,7 @@
|
|
|
83
85
|
filterText = keyword ?? '';
|
|
84
86
|
}
|
|
85
87
|
|
|
86
|
-
export
|
|
88
|
+
export function focus() {
|
|
87
89
|
setTimeout(() => {
|
|
88
90
|
picker?.focus();
|
|
89
91
|
}, 50);
|
|
@@ -95,11 +97,12 @@
|
|
|
95
97
|
$effect(() => {
|
|
96
98
|
if (isOpen) {
|
|
97
99
|
if (filterFunction != null) {
|
|
98
|
-
setTimeout(() => {
|
|
100
|
+
const timer = setTimeout(() => {
|
|
99
101
|
searchBox?.focus();
|
|
100
102
|
filterText = "";
|
|
101
103
|
doSearch(filterText);
|
|
102
104
|
}, 50);
|
|
105
|
+
return () => clearTimeout(timer);
|
|
103
106
|
} else {
|
|
104
107
|
picker?.focus();
|
|
105
108
|
}
|
|
@@ -110,19 +113,20 @@
|
|
|
110
113
|
$effect(() => {
|
|
111
114
|
if (!isOpen && hasFocus) {
|
|
112
115
|
// 延迟检查,如果input仍然有焦点,说明是选择项目导致的关闭
|
|
113
|
-
setTimeout(() => {
|
|
116
|
+
const timer = setTimeout(() => {
|
|
114
117
|
if (document.activeElement !== editor &&
|
|
115
118
|
(!searchBox || document.activeElement !== (searchBox as any).element)) {
|
|
116
119
|
hasFocus = false;
|
|
117
120
|
onblur?.(new FocusEvent('blur'));
|
|
118
121
|
}
|
|
119
122
|
}, 50);
|
|
123
|
+
return () => clearTimeout(timer);
|
|
120
124
|
}
|
|
121
125
|
});
|
|
122
126
|
|
|
123
127
|
|
|
124
128
|
const handleItemClick = (data: any) => () => {
|
|
125
|
-
if (
|
|
129
|
+
if (disabledOptions.indexOf(data[keyField]) < 0) {
|
|
126
130
|
value = data[keyField];
|
|
127
131
|
onchange?.(data);
|
|
128
132
|
isOpen = false;
|
|
@@ -142,9 +146,9 @@
|
|
|
142
146
|
|
|
143
147
|
</script>
|
|
144
148
|
|
|
145
|
-
<CommonPicker bind:this={picker} {error} {tooltip} {variant} {style} {compact} {textValue} {readonly} {placeholder} {disabled} bind:isOpen
|
|
146
|
-
{theme} {value} clear={()=> {value = undefined}} {
|
|
147
|
-
{#snippet
|
|
149
|
+
<CommonPicker bind:this={picker} {error} {tooltip} {variant} {style} {compact} {textValue} {readonly} {placeholder} {disabled} bind:expanded={isOpen}
|
|
150
|
+
{theme} {value} clear={()=> {value = undefined}} {clearable} {onfocus} {onblur}>
|
|
151
|
+
{#snippet popup()}
|
|
148
152
|
<div class="uniface-options-popover" style={mh} role="listbox">
|
|
149
153
|
{#if filterFunction != null}
|
|
150
154
|
<div class="quick-filter-box">
|
|
@@ -167,11 +171,11 @@
|
|
|
167
171
|
{#if itemRender != null}
|
|
168
172
|
{@const ItemComp = itemRender.component}
|
|
169
173
|
<ItemComp {...itemRender.props} item={op}
|
|
170
|
-
disabled={
|
|
174
|
+
disabled={disabledOptions.indexOf(op[keyField])>-1}
|
|
171
175
|
onclick={handleItemClick(op)}/>
|
|
172
176
|
{:else}
|
|
173
|
-
<div class="option-item" class:disabled={
|
|
174
|
-
role="option" tabindex={
|
|
177
|
+
<div class="option-item" class:disabled={disabledOptions.indexOf(op[keyField])>-1}
|
|
178
|
+
role="option" tabindex={disabledOptions.indexOf(op[keyField])>-1 ? -1 : 0}
|
|
175
179
|
aria-selected={String(op[keyField]) === String(value)}
|
|
176
180
|
onclick={handleItemClick(op)} onkeydown={handleItemKeyDown(op)}>
|
|
177
181
|
<span>{op[textField]}</span>
|
|
@@ -7,7 +7,8 @@ declare function $$render<Option extends Record<string, any> = any>(): {
|
|
|
7
7
|
keyField?: string;
|
|
8
8
|
textField?: string;
|
|
9
9
|
menu$height?: number;
|
|
10
|
-
|
|
10
|
+
/** 要渲染但禁用的选项 key 列表 */
|
|
11
|
+
disabledOptions?: Array<string>;
|
|
11
12
|
hideOptions?: Array<string>;
|
|
12
13
|
itemRender?: any;
|
|
13
14
|
filterPlaceholder?: string;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# OptionsSelect
|
|
2
2
|
|
|
3
|
+
> **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../../docs/NAMING.md); the old names `disableOptions`, `mandatory` were removed in 5.1.0 (no compatibility aliases are kept).
|
|
4
|
+
|
|
3
5
|
A single-selection dropdown picker. The user types nothing — they click, optionally filter, and pick one option from a list. Renders via the shared `CommonPicker` + `Popover` chrome, so it inherits the same surface/shadow/border tokens every dropdown in the library uses.
|
|
4
6
|
|
|
5
7
|
> This is the **single-select** picker. For multi-select see [OptionsMultiSelect](../options_multi_select/README.md); for cascading (tree-shaped) data see [CascadeOptionSelect](../cascade_options_select/README.md).
|
|
@@ -8,7 +10,7 @@ A single-selection dropdown picker. The user types nothing — they click, optio
|
|
|
8
10
|
|
|
9
11
|
- **Single selection** with `value` bound to the option's key field (default `code`).
|
|
10
12
|
- **Custom field mapping** via `keyField` / `textField` — your option objects don't need to be shaped `{code, text}`.
|
|
11
|
-
- **Hide or disable individual options** through `hideOptions` / `
|
|
13
|
+
- **Hide or disable individual options** through `hideOptions` / `disabledOptions`.
|
|
12
14
|
- **Optional quick filter** — pass a `filterFunction` and the dropdown grows a search box at the top. No separate `quickFilter` boolean anymore; the presence of `filterFunction` is the toggle.
|
|
13
15
|
- **Custom item rendering** through `itemRender` — supply `{component, props}`, receive `item` / `disabled` / `onclick`.
|
|
14
16
|
- **Read-only & disabled modes** — replaces the old `displayMode` enum.
|
|
@@ -49,7 +51,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
|
|
|
49
51
|
|
|
50
52
|
## Props
|
|
51
53
|
|
|
52
|
-
`OptionsSelect` extends `PickerProps`, so all the common editor props (`variant`, `compact`, `disabled`, `readonly`, `
|
|
54
|
+
`OptionsSelect` extends `PickerProps`, so all the common editor props (`variant`, `compact`, `disabled`, `readonly`, `clearable={false}`, `style`, `error`, `tooltip`, `theme`, `placeholder`, `onfocus` / `onblur` / `onchange`) are available out of the box.
|
|
53
55
|
|
|
54
56
|
| Prop | Type | Default | Description |
|
|
55
57
|
|------|------|---------|-------------|
|
|
@@ -59,13 +61,13 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
|
|
|
59
61
|
| `textField` | `string` | `"text"` | Property name to display. |
|
|
60
62
|
| `placeholder` | `string` | — | Shown in the input when `value` is empty. |
|
|
61
63
|
| `emptyText` | `string` | — | Overrides the display text when no option matches `value`. Useful for "the saved value is no longer in the list" cases. |
|
|
62
|
-
| `
|
|
64
|
+
| `disabledOptions` | `Array<string>` | `[]` | Keys of options that should render but be unclickable (dimmed). |
|
|
63
65
|
| `hideOptions` | `Array<string>` | `[]` | Keys of options that should not render at all. |
|
|
64
66
|
| `variant` | `'' \| 'plain' \| 'outlined' \| 'filled'` | `''` | Visual style variant. |
|
|
65
67
|
| `compact` | `boolean` | `false` | Dense layout for table cells and inline forms. |
|
|
66
68
|
| `disabled` | `boolean` | `false` | Fully disabled — renders a read-only input, no popup. |
|
|
67
69
|
| `readonly` | `boolean` | `false` | Read-only — same visual as disabled but semantics are "view, don't edit". |
|
|
68
|
-
| `
|
|
70
|
+
| `clearable` | `boolean` | `true` | Whether the value can be cleared (shows the clear button). The old `mandatory` prop meant the opposite (`mandatory={true}` = `clearable={false}`) and was removed in 5.1.0. |
|
|
69
71
|
| `style` | `string` | — | Inline CSS on the editor root. |
|
|
70
72
|
| `error` | `string` | — | Validation error text. Triggers the editor's error state (typically a red border). |
|
|
71
73
|
| `tooltip` | `string` | — | Hover tooltip on the editor. |
|
|
@@ -110,7 +112,7 @@ Pass `{component, props?}`. The component receives:
|
|
|
110
112
|
| Prop | Source |
|
|
111
113
|
|------|--------|
|
|
112
114
|
| `item` | The current option object. |
|
|
113
|
-
| `disabled` | `true` when the option's key is in `
|
|
115
|
+
| `disabled` | `true` when the option's key is in `disabledOptions`. |
|
|
114
116
|
| `onclick` | Internal handler — call this on click to select the item. |
|
|
115
117
|
| `...props` | Anything you put in `itemRender.props` is spread onto the component. |
|
|
116
118
|
|
|
@@ -207,7 +209,7 @@ Pass `{component, props?}`. The component receives:
|
|
|
207
209
|
{options: statuses}
|
|
208
210
|
bind:value={status}
|
|
209
211
|
variant="outlined"
|
|
210
|
-
|
|
212
|
+
disabledOptions={["ARCHIVED"]}
|
|
211
213
|
hideOptions={["CANCELLED"]}
|
|
212
214
|
mandatory
|
|
213
215
|
/>
|
|
@@ -348,7 +350,7 @@ Both layers read tokens from `uniface-root.scss`. The tokens **exist in light +
|
|
|
348
350
|
|
|
349
351
|
### Read-only / disabled rendering
|
|
350
352
|
|
|
351
|
-
Both render a plain `<input readonly>` with the display text. The clear (×) button, dropdown arrow, and popup are all suppressed. `
|
|
353
|
+
Both render a plain `<input readonly>` with the display text. The clear (×) button, dropdown arrow, and popup are all suppressed. `clearable={false}` has no effect in these modes.
|
|
352
354
|
|
|
353
355
|
### `emptyText` vs `placeholder`
|
|
354
356
|
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# OptionsSelect
|
|
2
2
|
|
|
3
|
+
> **5.1.0 重命名**:本文使用 [API 命名规范](../../../docs/NAMING_CN.md) 中的名字;旧名 `disableOptions`, `mandatory` 已在 5.1.0 移除(5.1.0 不保留兼容别名)。
|
|
4
|
+
|
|
3
5
|
单选下拉选择器。用户不输入文字 —— 点击、(可选地)过滤、从列表中选一项。基于共享的 `CommonPicker` + `Popover` 渲染,所以继承本库所有下拉组件共用的表面色 / 阴影 / 边框 token。
|
|
4
6
|
|
|
5
7
|
> 这是**单选**组件。多选见 [OptionsMultiSelect](../options_multi_select/README_CN.md);树形级联见 [CascadeOptionSelect](../cascade_options_select/README_CN.md)。
|
|
@@ -8,7 +10,7 @@
|
|
|
8
10
|
|
|
9
11
|
- **单选**:`value` 绑定到选项的 key 字段(默认 `code`)。
|
|
10
12
|
- **自定义字段映射**:`keyField` / `textField` —— 你的选项对象不必是 `{code, text}` 形状。
|
|
11
|
-
- **隐藏或禁用单个选项**:通过 `hideOptions` / `
|
|
13
|
+
- **隐藏或禁用单个选项**:通过 `hideOptions` / `disabledOptions`。
|
|
12
14
|
- **可选的快速过滤** —— 传入 `filterFunction`,下拉框顶部就会长出一个搜索框。**不再有 `quickFilter` 布尔开关**;`filterFunction` 的存在与否就是开关。
|
|
13
15
|
- **自定义项渲染**:`itemRender` —— 传 `{component, props}`,子组件接收 `item` / `disabled` / `onclick`。
|
|
14
16
|
- **只读与禁用模式** —— 取代旧的 `displayMode` 枚举。
|
|
@@ -49,7 +51,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
|
|
|
49
51
|
|
|
50
52
|
## 属性(Props)
|
|
51
53
|
|
|
52
|
-
`OptionsSelect` 继承自 `PickerProps`,因此所有通用编辑器属性(`variant`、`compact`、`disabled`、`readonly`、`
|
|
54
|
+
`OptionsSelect` 继承自 `PickerProps`,因此所有通用编辑器属性(`variant`、`compact`、`disabled`、`readonly`、`clearable={false}`、`style`、`error`、`tooltip`、`theme`、`placeholder`、`onfocus` / `onblur` / `onchange`)都开箱可用。
|
|
53
55
|
|
|
54
56
|
| 属性 | 类型 | 默认值 | 说明 |
|
|
55
57
|
|------|------|--------|------|
|
|
@@ -59,13 +61,13 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
|
|
|
59
61
|
| `textField` | `string` | `"text"` | 显示用的字段名。 |
|
|
60
62
|
| `placeholder` | `string` | — | `value` 为空时输入框的占位文字。 |
|
|
61
63
|
| `emptyText` | `string` | — | 当 `value` 在 `options` 中找不到对应项时的显示文本。适用于"已保存的值已从列表移除"这类场景。 |
|
|
62
|
-
| `
|
|
64
|
+
| `disabledOptions` | `Array<string>` | `[]` | 要渲染但禁用(变灰)的选项 key 列表。 |
|
|
63
65
|
| `hideOptions` | `Array<string>` | `[]` | 完全不渲染的选项 key 列表。 |
|
|
64
66
|
| `variant` | `'' \| 'plain' \| 'outlined' \| 'filled'` | `''` | 视觉风格。 |
|
|
65
67
|
| `compact` | `boolean` | `false` | 紧凑布局,用于表格单元格和行内表单。 |
|
|
66
68
|
| `disabled` | `boolean` | `false` | 完全禁用 —— 渲染只读输入框,无弹窗。 |
|
|
67
69
|
| `readonly` | `boolean` | `false` | 只读 —— 视觉同 disabled,但语义是"查看,不可编辑"。 |
|
|
68
|
-
| `
|
|
70
|
+
| `clearable` | `boolean` | `true` | 是否允许清空(显示清空按钮)。旧名 `mandatory` 语义相反(`mandatory={true}` = `clearable={false}`),5.1.0 已移除。 |
|
|
69
71
|
| `style` | `string` | — | 编辑器根节点的内联 CSS。 |
|
|
70
72
|
| `error` | `string` | — | 校验错误文本。触发编辑器的 error 状态(通常是红色边框)。 |
|
|
71
73
|
| `tooltip` | `string` | — | 编辑器的 hover tooltip。 |
|
|
@@ -110,7 +112,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
|
|
|
110
112
|
| 属性 | 来源 |
|
|
111
113
|
|------|------|
|
|
112
114
|
| `item` | 当前选项对象。 |
|
|
113
|
-
| `disabled` | 选项 key 在 `
|
|
115
|
+
| `disabled` | 选项 key 在 `disabledOptions` 中时为 `true`。 |
|
|
114
116
|
| `onclick` | 内部处理函数 —— 点击时调用它来选中这一项。 |
|
|
115
117
|
| `...props` | 你放在 `itemRender.props` 里的任何属性都会展开到组件上。 |
|
|
116
118
|
|
|
@@ -207,7 +209,7 @@ import OptionsSelect from "@ticatec/uniface-element/OptionsSelect";
|
|
|
207
209
|
{options: statuses}
|
|
208
210
|
bind:value={status}
|
|
209
211
|
variant="outlined"
|
|
210
|
-
|
|
212
|
+
disabledOptions={["ARCHIVED"]}
|
|
211
213
|
hideOptions={["CANCELLED"]}
|
|
212
214
|
mandatory
|
|
213
215
|
/>
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
value?: string;
|
|
10
10
|
prefix?: string;
|
|
11
11
|
suffix?: string;
|
|
12
|
-
|
|
12
|
+
/** 候选提示词列表 */
|
|
13
|
+
options?: Array<string>;
|
|
13
14
|
menu$height?: number;
|
|
14
15
|
|
|
15
16
|
[key: `input\$${string}`]: any;
|
|
@@ -27,7 +28,7 @@
|
|
|
27
28
|
suffix,
|
|
28
29
|
tooltip,
|
|
29
30
|
placeholder,
|
|
30
|
-
|
|
31
|
+
options = [],
|
|
31
32
|
menu$height = 0,
|
|
32
33
|
onchange,
|
|
33
34
|
...restProps
|
|
@@ -46,7 +47,7 @@
|
|
|
46
47
|
const handleHintClick = (item: string) => (e: MouseEvent) => {
|
|
47
48
|
value = item;
|
|
48
49
|
editor?.focus();
|
|
49
|
-
editorRef?.
|
|
50
|
+
editorRef?.close();
|
|
50
51
|
e.stopPropagation();
|
|
51
52
|
e.preventDefault();
|
|
52
53
|
};
|
|
@@ -74,9 +75,9 @@
|
|
|
74
75
|
{suffix} {clear} textValue={value}>
|
|
75
76
|
<input bind:this={editor} bind:value {disabled} {readonly} {placeholder} {...eventHandlers}/>
|
|
76
77
|
|
|
77
|
-
{#snippet
|
|
78
|
+
{#snippet popup()}
|
|
78
79
|
<div class="options-popover" style={mh} role="listbox">
|
|
79
|
-
{#each
|
|
80
|
+
{#each options as word}
|
|
80
81
|
<div
|
|
81
82
|
class="option-item"
|
|
82
83
|
style="padding-left: 12px; padding-right: 12px"
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# PromptsTextEditor
|
|
2
2
|
|
|
3
|
+
> **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../../docs/NAMING.md); the old names `words` were removed in 5.1.0 (no compatibility aliases are kept).
|
|
4
|
+
|
|
3
5
|
A text input component with auto-suggestion functionality that displays a dropdown menu of predefined words/prompts when clicked. Perfect for scenarios where users need to input from a set of known options with the ability to type custom values.
|
|
4
6
|
|
|
5
7
|
## Features
|
|
@@ -38,7 +40,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
38
40
|
|
|
39
41
|
<PromptsTextEditor
|
|
40
42
|
bind:value={value}
|
|
41
|
-
|
|
43
|
+
options={suggestions}
|
|
42
44
|
onchange={handleChange}
|
|
43
45
|
placeholder="Type or select a fruit..."
|
|
44
46
|
/>
|
|
@@ -49,7 +51,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
49
51
|
| Prop | Type | Default | Description |
|
|
50
52
|
|------|------|---------|-------------|
|
|
51
53
|
| `value` | `string \| undefined` | `undefined` | Current input value (bindable). |
|
|
52
|
-
| `
|
|
54
|
+
| `options` | `Array<string>` | — (required) | Array of suggestion options to display in the dropdown. |
|
|
53
55
|
| `variant` | `"" \| "plain" \| "outlined" \| "filled"` | `""` | Visual style variant. |
|
|
54
56
|
| `compact` | `boolean` | `false` | Compact spacing layout. |
|
|
55
57
|
| `disabled` | `boolean` | `false` | Disables the editor. |
|
|
@@ -97,7 +99,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
97
99
|
|
|
98
100
|
<PromptsTextEditor
|
|
99
101
|
bind:value={selectedTag}
|
|
100
|
-
|
|
102
|
+
options={availableTags}
|
|
101
103
|
placeholder="Select or type a programming language..."
|
|
102
104
|
/>
|
|
103
105
|
```
|
|
@@ -129,7 +131,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
129
131
|
|
|
130
132
|
<PromptsTextEditor
|
|
131
133
|
bind:value={currentValue}
|
|
132
|
-
|
|
134
|
+
options={commands}
|
|
133
135
|
onchange={handleValueChange}
|
|
134
136
|
onfocus={handleFocus}
|
|
135
137
|
onblur={handleBlur}
|
|
@@ -148,13 +150,13 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
148
150
|
</script>
|
|
149
151
|
|
|
150
152
|
<!-- Default variant -->
|
|
151
|
-
<PromptsTextEditor bind:value={value1}
|
|
153
|
+
<PromptsTextEditor bind:value={value1} options={options} placeholder="Default" />
|
|
152
154
|
|
|
153
155
|
<!-- Outlined variant -->
|
|
154
|
-
<PromptsTextEditor bind:value={value2}
|
|
156
|
+
<PromptsTextEditor bind:value={value2} options={options} variant="outlined" placeholder="Outlined" />
|
|
155
157
|
|
|
156
158
|
<!-- Filled variant -->
|
|
157
|
-
<PromptsTextEditor bind:value={value3}
|
|
159
|
+
<PromptsTextEditor bind:value={value3} options={options} variant="filled" placeholder="Filled" />
|
|
158
160
|
```
|
|
159
161
|
|
|
160
162
|
### Custom Menu Height
|
|
@@ -169,7 +171,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
169
171
|
|
|
170
172
|
<PromptsTextEditor
|
|
171
173
|
bind:value={selectedItem}
|
|
172
|
-
|
|
174
|
+
options={longList}
|
|
173
175
|
menu$height={200}
|
|
174
176
|
placeholder="Select from many options..."
|
|
175
177
|
/>
|
|
@@ -201,7 +203,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
201
203
|
<label>Category</label>
|
|
202
204
|
<PromptsTextEditor
|
|
203
205
|
bind:value={formData.category}
|
|
204
|
-
|
|
206
|
+
options={categories}
|
|
205
207
|
placeholder="Select category..."
|
|
206
208
|
/>
|
|
207
209
|
</div>
|
|
@@ -210,7 +212,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
210
212
|
<label>Priority</label>
|
|
211
213
|
<PromptsTextEditor
|
|
212
214
|
bind:value={formData.priority}
|
|
213
|
-
|
|
215
|
+
options={priorities}
|
|
214
216
|
placeholder="Select priority..."
|
|
215
217
|
/>
|
|
216
218
|
</div>
|
|
@@ -219,7 +221,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
219
221
|
<label>Status</label>
|
|
220
222
|
<PromptsTextEditor
|
|
221
223
|
bind:value={formData.status}
|
|
222
|
-
|
|
224
|
+
options={statuses}
|
|
223
225
|
placeholder="Select status..."
|
|
224
226
|
/>
|
|
225
227
|
</div>
|
|
@@ -257,7 +259,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
257
259
|
<!-- Readonly -->
|
|
258
260
|
<PromptsTextEditor
|
|
259
261
|
bind:value={value1}
|
|
260
|
-
|
|
262
|
+
options={options}
|
|
261
263
|
readonly
|
|
262
264
|
placeholder="This is readonly"
|
|
263
265
|
/>
|
|
@@ -265,7 +267,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
265
267
|
<!-- Disabled -->
|
|
266
268
|
<PromptsTextEditor
|
|
267
269
|
bind:value={value2}
|
|
268
|
-
|
|
270
|
+
options={options}
|
|
269
271
|
disabled
|
|
270
272
|
placeholder="This is disabled"
|
|
271
273
|
/>
|
|
@@ -290,7 +292,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
290
292
|
<div class="command-palette">
|
|
291
293
|
<PromptsTextEditor
|
|
292
294
|
bind:value={command}
|
|
293
|
-
|
|
295
|
+
options={commands}
|
|
294
296
|
variant="outlined"
|
|
295
297
|
placeholder="Type a command..."
|
|
296
298
|
/>
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# PromptsTextEditor 带建议的文本输入
|
|
2
2
|
|
|
3
|
+
> **5.1.0 重命名**:本文使用 [API 命名规范](../../../docs/NAMING_CN.md) 中的名字;旧名 `words` 已在 5.1.0 移除(5.1.0 不保留兼容别名)。
|
|
4
|
+
|
|
3
5
|
带自动建议功能的文本输入组件,点击时显示预定义词语/提示的下拉菜单。适用于用户需要从已知选项集中输入,同时支持输入自定义值的场景。
|
|
4
6
|
|
|
5
7
|
## 功能特性
|
|
@@ -38,7 +40,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
38
40
|
|
|
39
41
|
<PromptsTextEditor
|
|
40
42
|
bind:value={value}
|
|
41
|
-
|
|
43
|
+
options={suggestions}
|
|
42
44
|
onchange={handleChange}
|
|
43
45
|
placeholder="输入或选择一个水果..."
|
|
44
46
|
/>
|
|
@@ -49,7 +51,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
49
51
|
| 属性 | 类型 | 默认值 | 说明 |
|
|
50
52
|
|------|------|--------|------|
|
|
51
53
|
| `value` | `string \| undefined` | `undefined` | 当前输入值(可双向绑定)。 |
|
|
52
|
-
| `
|
|
54
|
+
| `options` | `Array<string>` | —(必填) | 下拉菜单中显示的建议词语数组。 |
|
|
53
55
|
| `variant` | `"" \| "plain" \| "outlined" \| "filled"` | `""` | 视觉样式变体。 |
|
|
54
56
|
| `compact` | `boolean` | `false` | 紧凑间距布局。 |
|
|
55
57
|
| `disabled` | `boolean` | `false` | 禁用编辑器。 |
|
|
@@ -97,7 +99,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
97
99
|
|
|
98
100
|
<PromptsTextEditor
|
|
99
101
|
bind:value={selectedTag}
|
|
100
|
-
|
|
102
|
+
options={availableTags}
|
|
101
103
|
placeholder="选择或输入编程语言..."
|
|
102
104
|
/>
|
|
103
105
|
```
|
|
@@ -129,7 +131,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
129
131
|
|
|
130
132
|
<PromptsTextEditor
|
|
131
133
|
bind:value={currentValue}
|
|
132
|
-
|
|
134
|
+
options={commands}
|
|
133
135
|
onchange={handleValueChange}
|
|
134
136
|
onfocus={handleFocus}
|
|
135
137
|
onblur={handleBlur}
|
|
@@ -148,13 +150,13 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
148
150
|
</script>
|
|
149
151
|
|
|
150
152
|
<!-- 默认变体 -->
|
|
151
|
-
<PromptsTextEditor bind:value={value1}
|
|
153
|
+
<PromptsTextEditor bind:value={value1} options={options} placeholder="默认" />
|
|
152
154
|
|
|
153
155
|
<!-- 描边变体 -->
|
|
154
|
-
<PromptsTextEditor bind:value={value2}
|
|
156
|
+
<PromptsTextEditor bind:value={value2} options={options} variant="outlined" placeholder="描边" />
|
|
155
157
|
|
|
156
158
|
<!-- 填充变体 -->
|
|
157
|
-
<PromptsTextEditor bind:value={value3}
|
|
159
|
+
<PromptsTextEditor bind:value={value3} options={options} variant="filled" placeholder="填充" />
|
|
158
160
|
```
|
|
159
161
|
|
|
160
162
|
### 自定义菜单高度
|
|
@@ -169,7 +171,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
169
171
|
|
|
170
172
|
<PromptsTextEditor
|
|
171
173
|
bind:value={selectedItem}
|
|
172
|
-
|
|
174
|
+
options={longList}
|
|
173
175
|
menu$height={200}
|
|
174
176
|
placeholder="从许多选项中选取..."
|
|
175
177
|
/>
|
|
@@ -201,7 +203,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
201
203
|
<label>类别</label>
|
|
202
204
|
<PromptsTextEditor
|
|
203
205
|
bind:value={formData.category}
|
|
204
|
-
|
|
206
|
+
options={categories}
|
|
205
207
|
placeholder="选择类别..."
|
|
206
208
|
/>
|
|
207
209
|
</div>
|
|
@@ -210,7 +212,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
210
212
|
<label>优先级</label>
|
|
211
213
|
<PromptsTextEditor
|
|
212
214
|
bind:value={formData.priority}
|
|
213
|
-
|
|
215
|
+
options={priorities}
|
|
214
216
|
placeholder="选择优先级..."
|
|
215
217
|
/>
|
|
216
218
|
</div>
|
|
@@ -219,7 +221,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
219
221
|
<label>状态</label>
|
|
220
222
|
<PromptsTextEditor
|
|
221
223
|
bind:value={formData.status}
|
|
222
|
-
|
|
224
|
+
options={statuses}
|
|
223
225
|
placeholder="选择状态..."
|
|
224
226
|
/>
|
|
225
227
|
</div>
|
|
@@ -257,7 +259,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
257
259
|
<!-- 只读 -->
|
|
258
260
|
<PromptsTextEditor
|
|
259
261
|
bind:value={value1}
|
|
260
|
-
|
|
262
|
+
options={options}
|
|
261
263
|
readonly
|
|
262
264
|
placeholder="这是只读的"
|
|
263
265
|
/>
|
|
@@ -265,7 +267,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
265
267
|
<!-- 禁用 -->
|
|
266
268
|
<PromptsTextEditor
|
|
267
269
|
bind:value={value2}
|
|
268
|
-
|
|
270
|
+
options={options}
|
|
269
271
|
disabled
|
|
270
272
|
placeholder="这是禁用的"
|
|
271
273
|
/>
|
|
@@ -290,7 +292,7 @@ import PromptsTextEditor from "@ticatec/uniface-element/PromptsTextEditor";
|
|
|
290
292
|
<div class="command-palette">
|
|
291
293
|
<PromptsTextEditor
|
|
292
294
|
bind:value={command}
|
|
293
|
-
|
|
295
|
+
options={commands}
|
|
294
296
|
variant="outlined"
|
|
295
297
|
placeholder="输入命令..."
|
|
296
298
|
/>
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
2
|
import CommonEditor from "../common_editor/CommonEditor.svelte";
|
|
3
|
-
import type {
|
|
4
|
-
import type {
|
|
3
|
+
import type {EditorVariant} from "../types";
|
|
4
|
+
import type {EditorEvents} from "../events";
|
|
5
|
+
import type {KeyboardEvents} from "../events";
|
|
5
6
|
import {eventFilter} from "../../utils/prefixFilter";
|
|
6
7
|
import type CommonFieldProps from "../common_editor/CommonFieldProps";
|
|
7
8
|
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# Switch Component
|
|
2
2
|
|
|
3
|
+
> **Renamed in 5.1.0**: this document uses the names from the [API Naming Guide](../../../docs/NAMING.md); the old names `checkLabel`, `uncheckLabel` were removed in 5.1.0 (no compatibility aliases are kept).
|
|
4
|
+
|
|
3
5
|
A toggle switch component for binary on/off states. The switch displays labeled "On"/"Off" states with smooth sliding animation and customizable label text. Ideal for enabling or disabling features, toggling settings, and managing boolean preferences.
|
|
4
6
|
|
|
5
7
|
## Installation
|
|
@@ -33,8 +35,8 @@ import Switch from "@ticatec/uniface-element/Switch";
|
|
|
33
35
|
| Prop | Type | Default | Description |
|
|
34
36
|
|------|------|---------|-------------|
|
|
35
37
|
| `value` | `boolean` | `false` | Toggle state of the switch (supports two-way binding with `bind:value`) |
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
+
| `checkedText` | `string` | `"On"` | Label displayed when the switch is in the checked/on state |
|
|
39
|
+
| `uncheckedText` | `string` | `"Off"` | Label displayed when the switch is in the unchecked/off state |
|
|
38
40
|
| `readonly` | `boolean` | `false` | Whether the switch is read-only (cannot be toggled) |
|
|
39
41
|
| `disabled` | `boolean` | `false` | Whether the switch is disabled |
|
|
40
42
|
|
|
@@ -83,8 +85,8 @@ import Switch from "@ticatec/uniface-element/Switch";
|
|
|
83
85
|
|
|
84
86
|
<Switch
|
|
85
87
|
bind:value={wifiEnabled}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
+
checkedText="Connected"
|
|
89
|
+
uncheckedText="Disconnected"
|
|
88
90
|
/>
|
|
89
91
|
|
|
90
92
|
<p>WiFi: {wifiEnabled ? 'Connected' : 'Disconnected'}</p>
|
|
@@ -206,7 +208,7 @@ The Switch component supports the following CSS custom properties for theming:
|
|
|
206
208
|
## Features
|
|
207
209
|
|
|
208
210
|
- **Two-way Binding**: Supports `bind:value` for reactive state management
|
|
209
|
-
- **Custom Labels**: Configurable on/off text via `
|
|
211
|
+
- **Custom Labels**: Configurable on/off text via `checkedText` and `uncheckedText` props
|
|
210
212
|
- **Smooth Animation**: CSS transition for sliding knob and color changes
|
|
211
213
|
- **Disabled State**: Non-interactive switch with visual feedback
|
|
212
214
|
- **Read-only State**: Display-only mode that prevents toggling
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# 开关组件 (Switch)
|
|
2
2
|
|
|
3
|
+
> **5.1.0 重命名**:本文使用 [API 命名规范](../../../docs/NAMING_CN.md) 中的名字;旧名 `checkLabel`, `uncheckLabel` 已在 5.1.0 移除(5.1.0 不保留兼容别名)。
|
|
4
|
+
|
|
3
5
|
一个用于二元开/关状态的切换开关组件,支持平滑的滑动动画和自定义标签文字。非常适合启用或禁用功能、切换设置和管理布尔偏好。
|
|
4
6
|
|
|
5
7
|
## 安装
|
|
@@ -33,8 +35,8 @@ import Switch from "@ticatec/uniface-element/Switch";
|
|
|
33
35
|
| 属性 | 类型 | 默认值 | 描述 |
|
|
34
36
|
|------|------|--------|------|
|
|
35
37
|
| `value` | `boolean` | `false` | 开关状态(支持 `bind:value` 双向绑定) |
|
|
36
|
-
| `
|
|
37
|
-
| `
|
|
38
|
+
| `checkedText` | `string` | `"On"` | 开关打开时显示的标签文字 |
|
|
39
|
+
| `uncheckedText` | `string` | `"Off"` | 开关关闭时显示的标签文字 |
|
|
38
40
|
| `readonly` | `boolean` | `false` | 是否为只读状态(不可切换) |
|
|
39
41
|
| `disabled` | `boolean` | `false` | 是否禁用开关 |
|
|
40
42
|
|
|
@@ -83,8 +85,8 @@ import Switch from "@ticatec/uniface-element/Switch";
|
|
|
83
85
|
|
|
84
86
|
<Switch
|
|
85
87
|
bind:value={wifi已连接}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
+
checkedText="已连接"
|
|
89
|
+
uncheckedText="未连接"
|
|
88
90
|
/>
|
|
89
91
|
|
|
90
92
|
<p>WiFi:{wifi已连接 ? '已连接' : '未连接'}</p>
|
|
@@ -230,7 +232,7 @@ Switch 组件支持以下 CSS 自定义属性进行主题定制:
|
|
|
230
232
|
## 功能特性
|
|
231
233
|
|
|
232
234
|
- **双向绑定**:支持 `bind:value` 实现响应式状态管理
|
|
233
|
-
- **自定义标签**:通过 `
|
|
235
|
+
- **自定义标签**:通过 `checkedText` 和 `uncheckedText` 属性自定义开/关文字
|
|
234
236
|
- **平滑动画**:滑动按钮和颜色变化的 CSS 过渡动画
|
|
235
237
|
- **禁用状态**:非交互式的禁用开关,带有视觉反馈
|
|
236
238
|
- **只读状态**:仅展示模式的开关,防止用户切换
|