vft 0.0.73 → 0.0.76
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/attributes.json +1 -1
- package/dist/index.css +1 -1
- package/es/component.js +67 -48
- package/es/components/affix/affix.js +45 -0
- package/es/components/affix/affix.vue.js +4 -0
- package/es/components/affix/affix.vue2.js +83 -0
- package/es/components/affix/index.js +12 -0
- package/es/components/affix/style/css.js +2 -0
- package/es/components/affix/style/index.js +2 -0
- package/es/components/back-top/back-top.vue2.js +10 -2
- package/es/components/button/button.vue2.js +58 -59
- package/es/components/button/use-button.js +26 -20
- package/es/components/card/card.vue.js +4 -0
- package/es/components/card/card.vue2.js +44 -0
- package/es/components/card/index.js +12 -0
- package/es/components/card/instance.js +1 -0
- package/es/components/card/style/css.js +2 -0
- package/es/components/card/style/index.js +2 -0
- package/es/components/check-tag/check-tag.vue.js +4 -0
- package/es/components/check-tag/check-tag.vue2.js +35 -0
- package/es/components/check-tag/index.js +12 -0
- package/es/components/check-tag/style/css.js +2 -0
- package/es/components/check-tag/style/index.js +2 -0
- package/es/components/color-picker/color-picker.vue2.js +1 -1
- package/es/components/context-menu/context-menu.vue2.js +10 -2
- package/es/components/date-picker/composables/use-month-range-header.js +1 -1
- package/es/components/date-picker/constants.js +16 -2
- package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js +37 -34
- package/es/components/date-picker/date-picker-com/basic-year-table.vue2.js +0 -1
- package/es/components/date-picker/date-picker-com/panel-date-pick.vue2.js +177 -178
- package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js +328 -336
- package/es/components/date-picker/date-picker.js +18 -18
- package/es/components/date-picker/index.js +5 -4
- package/es/components/date-picker/props/shared.js +1 -1
- package/es/components/date-time-select/date-time-select.vue2.js +59 -59
- package/es/components/dialog/dialog.vue2.js +12 -12
- package/es/components/dialog/hooks/use-dialog.js +4 -4
- package/es/components/dropdown/dropdown-menu.vue2.js +4 -4
- package/es/components/footer-layout/footer-layout.vue2.js +10 -2
- package/es/components/header-layout/header-layout.vue2.js +10 -2
- package/es/components/horizontal-menu/constants.js +4 -0
- package/es/components/horizontal-menu/horizontal-menu.vue2.js +153 -86
- package/es/components/horizontal-menu/index.js +7 -5
- package/es/components/index.js +228 -194
- package/es/components/md-container/md-container.vue2.js +10 -2
- package/es/components/menu/menu-item.vue2.js +58 -58
- package/es/components/menu/menu.vue2.js +72 -68
- package/es/components/menu/sub-menu.vue2.js +139 -117
- package/es/components/multiple-tabs/multiple-tabs.vue2.js +35 -26
- package/es/components/option/style/css.js +2 -0
- package/es/components/option/style/index.js +2 -0
- package/es/components/option-group/style/css.js +2 -0
- package/es/components/option-group/style/index.js +2 -0
- package/es/components/popconfirm/index.js +12 -0
- package/es/components/popconfirm/popconfirm.vue.js +4 -0
- package/es/components/popconfirm/popconfirm.vue2.js +112 -0
- package/es/components/popconfirm/style/css.js +6 -0
- package/es/components/popconfirm/style/index.js +6 -0
- package/es/components/popover/style/index.js +1 -1
- package/es/components/result/result.vue2.js +10 -2
- package/es/components/roving-focus-group/roving-focus-item.vue2.js +1 -1
- package/es/components/search/style/css.js +2 -0
- package/es/components/search/style/index.js +2 -0
- package/es/components/select/index.js +22 -0
- package/es/components/select/option-group.vue.js +25 -0
- package/es/components/select/option-group.vue2.js +53 -0
- package/es/components/select/option.vue.js +27 -0
- package/es/components/select/option.vue2.js +58 -0
- package/es/components/select/options.js +34 -0
- package/es/components/select/select-dropdown.vue.js +15 -0
- package/es/components/select/select-dropdown.vue2.js +32 -0
- package/es/components/select/select.vue.js +327 -0
- package/es/components/select/select.vue2.js +348 -0
- package/es/components/select/style/css.js +8 -0
- package/es/components/select/style/index.js +8 -0
- package/es/components/select/token.js +5 -0
- package/es/components/select/useOption.js +71 -0
- package/es/components/select/useSelect.js +414 -0
- package/es/components/select-v2/select-dropdown.js +1 -1
- package/es/components/select-v2/useSelect.js +269 -269
- package/es/components/side-menu/side-menu.vue2.js +153 -142
- package/es/components/skeleton/index.js +16 -0
- package/es/components/skeleton/skeleton-item.vue.js +4 -0
- package/es/components/skeleton/skeleton-item.vue2.js +31 -0
- package/es/components/skeleton/skeleton.vue.js +4 -0
- package/es/components/skeleton/skeleton.vue2.js +55 -0
- package/es/components/skeleton/style/css.js +3 -0
- package/es/components/skeleton/style/index.js +3 -0
- package/es/components/skeleton-item/style/css.js +2 -0
- package/es/components/skeleton-item/style/index.js +2 -0
- package/es/components/space/index.js +17 -0
- package/es/components/space/item.js +24 -0
- package/es/components/space/space.js +182 -0
- package/es/components/space/style/css.js +2 -0
- package/es/components/space/style/index.js +2 -0
- package/es/components/space/use-space.js +44 -0
- package/es/components/switch/switch.vue2.js +1 -1
- package/es/components/tabs/tab-nav.vue2.js +30 -22
- package/es/components/tabs/tabs.vue2.js +37 -37
- package/es/components/time-picker/common/picker.vue2.js +241 -257
- package/es/components/time-picker/common/props.js +10 -6
- package/es/components/time-picker/time-picker-com/panel-time-range.vue2.js +1 -1
- package/es/components/time-picker/time-picker.js +10 -10
- package/es/components/time-select/time-select.vue2.js +38 -42
- package/es/components/tooltip/content.vue2.js +1 -1
- package/es/components/tree/index.js +14 -0
- package/es/components/tree/model/node.js +248 -0
- package/es/components/tree/model/tree-store.js +197 -0
- package/es/components/tree/model/useDragNode.js +71 -0
- package/es/components/tree/model/useKeydown.js +81 -0
- package/es/components/tree/model/useNodeExpandEventBroadcast.js +19 -0
- package/es/components/tree/model/util.js +21 -0
- package/es/components/tree/style/css.js +3 -0
- package/es/components/tree/style/index.js +3 -0
- package/es/components/tree/tree-node-content.vue.js +4 -0
- package/es/components/tree/tree-node-content.vue2.js +28 -0
- package/es/components/tree/tree-node.vue.js +98 -0
- package/es/components/tree/tree-node.vue2.js +152 -0
- package/es/components/tree/tree.type.js +1 -0
- package/es/components/tree/tree.vue.js +48 -0
- package/es/components/tree/tree.vue2.js +268 -0
- package/es/components/tree-select/cache-options.js +32 -0
- package/es/components/tree-select/index.js +9 -0
- package/es/components/tree-select/select.js +38 -0
- package/es/components/tree-select/style/css.js +11 -0
- package/es/components/tree-select/style/index.js +11 -0
- package/es/components/tree-select/tree-select-option.js +21 -0
- package/es/components/tree-select/tree-select.vue.js +4 -0
- package/es/components/tree-select/tree-select.vue2.js +81 -0
- package/es/components/tree-select/tree.js +137 -0
- package/es/components/tree-select/utils.js +45 -0
- package/es/hooks/index.js +25 -21
- package/es/hooks/use-focus/index.js +9 -0
- package/es/hooks/use-throttle-render/index.js +21 -0
- package/es/index.js +408 -368
- package/es/package.json.js +1 -1
- package/es/utils/helper.js +5 -2
- package/es/utils/index.js +48 -46
- package/lib/component.cjs +1 -1
- package/lib/components/affix/affix.cjs +1 -0
- package/lib/components/affix/affix.vue.cjs +1 -0
- package/lib/components/affix/affix.vue2.cjs +1 -0
- package/lib/components/affix/index.cjs +1 -0
- package/lib/components/affix/style/css.cjs +1 -0
- package/lib/components/affix/style/index.cjs +1 -0
- package/lib/components/back-top/back-top.vue2.cjs +1 -1
- package/lib/components/button/button.vue2.cjs +1 -1
- package/lib/components/button/use-button.cjs +1 -1
- package/lib/components/card/card.vue.cjs +1 -0
- package/lib/components/card/card.vue2.cjs +1 -0
- package/lib/components/card/index.cjs +1 -0
- package/lib/components/card/instance.cjs +1 -0
- package/lib/components/card/style/css.cjs +1 -0
- package/lib/components/card/style/index.cjs +1 -0
- package/lib/components/check-tag/check-tag.vue.cjs +1 -0
- package/lib/components/check-tag/check-tag.vue2.cjs +1 -0
- package/lib/components/check-tag/index.cjs +1 -0
- package/lib/components/check-tag/style/css.cjs +1 -0
- package/lib/components/check-tag/style/index.cjs +1 -0
- package/lib/components/color-picker/color-picker.vue2.cjs +1 -1
- package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
- package/lib/components/date-picker/composables/use-month-range-header.cjs +1 -1
- package/lib/components/date-picker/constants.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-month-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/basic-year-table.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-pick.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker-com/panel-date-range.vue2.cjs +1 -1
- package/lib/components/date-picker/date-picker.cjs +1 -1
- package/lib/components/date-picker/index.cjs +1 -1
- package/lib/components/date-picker/props/shared.cjs +1 -1
- package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -1
- package/lib/components/dialog/dialog.vue2.cjs +1 -1
- package/lib/components/dialog/hooks/use-dialog.cjs +1 -1
- package/lib/components/dropdown/dropdown-menu.vue2.cjs +1 -1
- package/lib/components/footer-layout/footer-layout.vue2.cjs +1 -1
- package/lib/components/header-layout/header-layout.vue2.cjs +1 -1
- package/lib/components/horizontal-menu/constants.cjs +1 -0
- package/lib/components/horizontal-menu/horizontal-menu.vue2.cjs +1 -1
- package/lib/components/horizontal-menu/index.cjs +1 -1
- package/lib/components/index.cjs +1 -1
- package/lib/components/md-container/md-container.vue2.cjs +1 -1
- package/lib/components/menu/menu-item.vue2.cjs +1 -1
- package/lib/components/menu/menu.vue2.cjs +1 -1
- package/lib/components/menu/sub-menu.vue2.cjs +1 -1
- package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
- package/lib/components/option/style/css.cjs +1 -0
- package/lib/components/option/style/index.cjs +1 -0
- package/lib/components/option-group/style/css.cjs +1 -0
- package/lib/components/option-group/style/index.cjs +1 -0
- package/lib/components/popconfirm/index.cjs +1 -0
- package/lib/components/popconfirm/popconfirm.vue.cjs +1 -0
- package/lib/components/popconfirm/popconfirm.vue2.cjs +1 -0
- package/lib/components/popconfirm/style/css.cjs +1 -0
- package/lib/components/popconfirm/style/index.cjs +1 -0
- package/lib/components/popover/style/index.cjs +1 -1
- package/lib/components/result/result.vue2.cjs +1 -1
- package/lib/components/roving-focus-group/roving-focus-item.vue2.cjs +1 -1
- package/lib/components/search/style/css.cjs +1 -1
- package/lib/components/search/style/index.cjs +1 -1
- package/lib/components/select/index.cjs +1 -0
- package/lib/components/select/option-group.vue.cjs +1 -0
- package/lib/components/select/option-group.vue2.cjs +1 -0
- package/lib/components/select/option.vue.cjs +1 -0
- package/lib/components/select/option.vue2.cjs +1 -0
- package/lib/components/select/options.cjs +1 -0
- package/lib/components/select/select-dropdown.vue.cjs +1 -0
- package/lib/components/select/select-dropdown.vue2.cjs +1 -0
- package/lib/components/select/select.vue.cjs +1 -0
- package/lib/components/select/select.vue2.cjs +1 -0
- package/lib/components/select/style/css.cjs +1 -0
- package/lib/components/select/style/index.cjs +1 -0
- package/lib/components/select/token.cjs +1 -0
- package/lib/components/select/useOption.cjs +1 -0
- package/lib/components/select/useSelect.cjs +1 -0
- package/lib/components/select-v2/select-dropdown.cjs +1 -1
- package/lib/components/select-v2/useSelect.cjs +1 -1
- package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
- package/lib/components/skeleton/index.cjs +1 -0
- package/lib/components/skeleton/skeleton-item.vue.cjs +1 -0
- package/lib/components/skeleton/skeleton-item.vue2.cjs +1 -0
- package/lib/components/skeleton/skeleton.vue.cjs +1 -0
- package/lib/components/skeleton/skeleton.vue2.cjs +1 -0
- package/lib/components/skeleton/style/css.cjs +1 -0
- package/lib/components/skeleton/style/index.cjs +1 -0
- package/lib/components/skeleton-item/style/css.cjs +1 -0
- package/lib/components/skeleton-item/style/index.cjs +1 -0
- package/lib/components/space/index.cjs +1 -0
- package/lib/components/space/item.cjs +1 -0
- package/lib/components/space/space.cjs +1 -0
- package/lib/components/space/style/css.cjs +1 -0
- package/lib/components/space/style/index.cjs +1 -0
- package/lib/components/space/use-space.cjs +1 -0
- package/lib/components/switch/switch.vue2.cjs +1 -1
- package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
- package/lib/components/tabs/tabs.vue2.cjs +1 -1
- package/lib/components/time-picker/common/picker.vue2.cjs +1 -1
- package/lib/components/time-picker/common/props.cjs +1 -1
- package/lib/components/time-picker/time-picker-com/panel-time-range.vue2.cjs +1 -1
- package/lib/components/time-picker/time-picker.cjs +1 -1
- package/lib/components/time-select/time-select.vue2.cjs +1 -1
- package/lib/components/tooltip/content.vue2.cjs +1 -1
- package/lib/components/tree/index.cjs +1 -0
- package/lib/components/tree/model/node.cjs +1 -0
- package/lib/components/tree/model/tree-store.cjs +1 -0
- package/lib/components/tree/model/useDragNode.cjs +1 -0
- package/lib/components/tree/model/useKeydown.cjs +1 -0
- package/lib/components/tree/model/useNodeExpandEventBroadcast.cjs +1 -0
- package/lib/components/tree/model/util.cjs +1 -0
- package/lib/components/tree/style/css.cjs +1 -0
- package/lib/components/tree/style/index.cjs +1 -0
- package/lib/components/tree/tree-node-content.vue.cjs +1 -0
- package/lib/components/tree/tree-node-content.vue2.cjs +1 -0
- package/lib/components/tree/tree-node.vue.cjs +1 -0
- package/lib/components/tree/tree-node.vue2.cjs +1 -0
- package/lib/components/tree/tree.type.cjs +1 -0
- package/lib/components/tree/tree.vue.cjs +1 -0
- package/lib/components/tree/tree.vue2.cjs +1 -0
- package/lib/components/tree-select/cache-options.cjs +1 -0
- package/lib/components/tree-select/index.cjs +1 -0
- package/lib/components/tree-select/select.cjs +1 -0
- package/lib/components/tree-select/style/css.cjs +1 -0
- package/lib/components/tree-select/style/index.cjs +1 -0
- package/lib/components/tree-select/tree-select-option.cjs +1 -0
- package/lib/components/tree-select/tree-select.vue.cjs +1 -0
- package/lib/components/tree-select/tree-select.vue2.cjs +1 -0
- package/lib/components/tree-select/tree.cjs +1 -0
- package/lib/components/tree-select/utils.cjs +1 -0
- package/lib/hooks/index.cjs +1 -1
- package/lib/hooks/use-focus/index.cjs +1 -0
- package/lib/hooks/use-throttle-render/index.cjs +1 -0
- package/lib/index.cjs +1 -1
- package/lib/package.json.cjs +1 -1
- package/lib/utils/helper.cjs +1 -1
- package/lib/utils/index.cjs +1 -1
- package/package.json +1 -1
- package/tags.json +1 -1
- package/theme-style/base.css +1 -1
- package/theme-style/index.css +1 -1
- package/theme-style/src/alert.scss +1 -1
- package/theme-style/src/autocomplete.scss +2 -2
- package/theme-style/src/breadcrumb.scss +4 -4
- package/theme-style/src/calendar.scss +2 -2
- package/theme-style/src/card.scss +1 -1
- package/theme-style/src/carousel.scss +1 -1
- package/theme-style/src/cascader.scss +3 -3
- package/theme-style/src/check-tag.scss +3 -3
- package/theme-style/src/checkbox.scss +1 -1
- package/theme-style/src/color-picker.scss +2 -2
- package/theme-style/src/common/var.scss +527 -521
- package/theme-style/src/date-picker/date-picker.scss +1 -1
- package/theme-style/src/date-picker/date-range-picker.scss +2 -2
- package/theme-style/src/date-picker/date-table.scss +1 -1
- package/theme-style/src/date-picker/month-table.scss +2 -2
- package/theme-style/src/date-picker/picker-panel.scss +4 -5
- package/theme-style/src/date-picker/picker.scss +7 -9
- package/theme-style/src/date-picker/time-picker.scss +2 -2
- package/theme-style/src/date-picker/time-spinner.scss +6 -8
- package/theme-style/src/date-picker/year-table.scss +3 -3
- package/theme-style/src/date-time-select.scss +3 -4
- package/theme-style/src/descriptions-item.scss +4 -4
- package/theme-style/src/descriptions.scss +2 -2
- package/theme-style/src/header-layout.scss +1 -1
- package/theme-style/src/horizontal-menu.scss +27 -39
- package/theme-style/src/image-viewer.scss +1 -1
- package/theme-style/src/index.scss +3 -0
- package/theme-style/src/input-number.scss +1 -1
- package/theme-style/src/menu.scss +76 -66
- package/theme-style/src/mixins/_var.scss +2 -2
- package/theme-style/src/mixins/mixins.scss +2 -2
- package/theme-style/src/popconfirm.scss +16 -0
- package/theme-style/src/popper.scss +4 -2
- package/theme-style/src/progress.scss +1 -1
- package/theme-style/src/reset.scss +3 -3
- package/theme-style/src/result.scss +2 -2
- package/theme-style/src/select-dropdown-v2.scss +1 -1
- package/theme-style/src/select-dropdown.scss +1 -1
- package/theme-style/src/select-v2.scss +2 -2
- package/theme-style/src/select.scss +4 -5
- package/theme-style/src/side-menu.scss +0 -1
- package/theme-style/src/skeleton-item.scss +83 -0
- package/theme-style/src/skeleton.scss +44 -0
- package/theme-style/src/step.scss +10 -10
- package/theme-style/src/tabs.scss +15 -155
- package/theme-style/src/timeline-item.scss +2 -2
- package/theme-style/src/transfer.scss +5 -5
- package/theme-style/src/tree.scss +2 -5
- package/theme-style/src/upload.scss +11 -11
- package/theme-style/src/var.scss +1 -1
- package/theme-style/vft-alert.css +1 -1
- package/theme-style/vft-autocomplete.css +1 -1
- package/theme-style/vft-breadcrumb.css +1 -1
- package/theme-style/vft-calendar.css +1 -1
- package/theme-style/vft-card.css +1 -1
- package/theme-style/vft-carousel.css +1 -1
- package/theme-style/vft-cascader.css +1 -1
- package/theme-style/vft-check-tag.css +1 -1
- package/theme-style/vft-checkbox.css +1 -1
- package/theme-style/vft-color-picker.css +1 -1
- package/theme-style/vft-date-picker.css +1 -1
- package/theme-style/vft-date-time-select.css +1 -1
- package/theme-style/vft-descriptions-item.css +1 -1
- package/theme-style/vft-descriptions.css +1 -1
- package/theme-style/vft-header-layout.css +1 -1
- package/theme-style/vft-horizontal-menu.css +1 -1
- package/theme-style/vft-image-viewer.css +1 -1
- package/theme-style/vft-input-number.css +1 -1
- package/theme-style/vft-menu.css +1 -1
- package/theme-style/vft-popconfirm.css +1 -0
- package/theme-style/vft-popper.css +1 -1
- package/theme-style/vft-progress.css +1 -1
- package/theme-style/vft-reset.css +1 -1
- package/theme-style/vft-result.css +1 -1
- package/theme-style/vft-select-dropdown-v2.css +1 -1
- package/theme-style/vft-select-dropdown.css +1 -1
- package/theme-style/vft-select-v2.css +1 -1
- package/theme-style/vft-select.css +1 -1
- package/theme-style/vft-side-menu.css +1 -1
- package/theme-style/vft-skeleton-item.css +1 -0
- package/theme-style/vft-skeleton.css +1 -0
- package/theme-style/vft-step.css +1 -1
- package/theme-style/vft-tabs.css +1 -1
- package/theme-style/vft-time-picker.css +1 -1
- package/theme-style/vft-time-select.css +1 -1
- package/theme-style/vft-timeline-item.css +1 -1
- package/theme-style/vft-transfer.css +1 -1
- package/theme-style/vft-tree.css +1 -1
- package/theme-style/vft-upload.css +1 -1
- package/theme-style/vft-var.css +1 -1
- package/web-types.json +1 -1
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
import K from "./select.vue2.js";
|
|
2
|
+
import { resolveComponent as u, resolveDirective as V, withDirectives as C, openBlock as o, createElementBlock as a, normalizeClass as n, withModifiers as f, createVNode as g, withCtx as t, createElementVNode as r, normalizeStyle as v, createBlock as d, Transition as z, Fragment as S, renderList as h, toDisplayString as m, createCommentVNode as p, withKeys as i, vModelText as W, createSlots as B, renderSlot as w, vShow as P } from "vue";
|
|
3
|
+
import E from "../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const F = ["disabled", "autocomplete"], q = ["disabled"], A = { style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" } };
|
|
5
|
+
function H(e, s, N, R, U, Q) {
|
|
6
|
+
const b = u("vft-tag"), k = u("vft-tooltip"), T = u("vft-icon"), $ = u("vft-input"), O = u("vft-option"), L = u("options"), M = u("vft-scrollbar"), D = u("select-menu"), I = V("click-outside");
|
|
7
|
+
return C((o(), a("div", {
|
|
8
|
+
ref: "selectWrapper",
|
|
9
|
+
class: n(e.wrapperKls),
|
|
10
|
+
onMouseenter: s[21] || (s[21] = (...l) => e.handleMouseEnter && e.handleMouseEnter(...l)),
|
|
11
|
+
onMouseleave: s[22] || (s[22] = (...l) => e.handleMouseLeave && e.handleMouseLeave(...l)),
|
|
12
|
+
onClick: s[23] || (s[23] = f((...l) => e.toggleMenu && e.toggleMenu(...l), ["stop"]))
|
|
13
|
+
}, [
|
|
14
|
+
g(k, {
|
|
15
|
+
ref: "tooltipRef",
|
|
16
|
+
visible: e.dropMenuVisible,
|
|
17
|
+
placement: e.placement,
|
|
18
|
+
teleported: e.teleported,
|
|
19
|
+
"popper-class": [e.nsSelect.e("popper"), e.popperClass],
|
|
20
|
+
"popper-options": e.popperOptions,
|
|
21
|
+
"fallback-placements": ["bottom-start", "top-start", "right", "left"],
|
|
22
|
+
effect: e.effect,
|
|
23
|
+
pure: "",
|
|
24
|
+
trigger: "click",
|
|
25
|
+
transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
|
|
26
|
+
"stop-popper-mouse-event": !1,
|
|
27
|
+
"gpu-acceleration": !1,
|
|
28
|
+
persistent: e.persistent,
|
|
29
|
+
onShow: e.handleMenuEnter
|
|
30
|
+
}, {
|
|
31
|
+
default: t(() => [
|
|
32
|
+
r("div", {
|
|
33
|
+
class: "select-trigger",
|
|
34
|
+
onMouseenter: s[19] || (s[19] = (l) => e.inputHovering = !0),
|
|
35
|
+
onMouseleave: s[20] || (s[20] = (l) => e.inputHovering = !1)
|
|
36
|
+
}, [
|
|
37
|
+
e.multiple ? (o(), a("div", {
|
|
38
|
+
key: 0,
|
|
39
|
+
ref: "tags",
|
|
40
|
+
class: n([
|
|
41
|
+
e.nsSelect.e("tags"),
|
|
42
|
+
e.nsSelect.is("disabled", e.selectDisabled)
|
|
43
|
+
]),
|
|
44
|
+
style: v(e.selectTagsStyle)
|
|
45
|
+
}, [
|
|
46
|
+
e.collapseTags && e.selected.length ? (o(), d(z, {
|
|
47
|
+
key: 0,
|
|
48
|
+
onAfterLeave: e.resetInputHeight
|
|
49
|
+
}, {
|
|
50
|
+
default: t(() => [
|
|
51
|
+
r("span", {
|
|
52
|
+
class: n([
|
|
53
|
+
e.nsSelect.b("tags-wrapper"),
|
|
54
|
+
{ "has-prefix": e.prefixWidth && e.selected.length }
|
|
55
|
+
])
|
|
56
|
+
}, [
|
|
57
|
+
(o(!0), a(S, null, h(e.showTagList, (l) => (o(), d(b, {
|
|
58
|
+
key: e.getValueKey(l),
|
|
59
|
+
closable: !e.selectDisabled && !l.isDisabled,
|
|
60
|
+
size: e.collapseTagSize,
|
|
61
|
+
hit: l.hitState,
|
|
62
|
+
type: e.tagType,
|
|
63
|
+
"disable-transitions": "",
|
|
64
|
+
onClose: (y) => e.deleteTag(y, l)
|
|
65
|
+
}, {
|
|
66
|
+
default: t(() => [
|
|
67
|
+
r("span", {
|
|
68
|
+
class: n(e.nsSelect.e("tags-text")),
|
|
69
|
+
style: v(e.tagTextStyle)
|
|
70
|
+
}, m(l.currentLabel), 7)
|
|
71
|
+
]),
|
|
72
|
+
_: 2
|
|
73
|
+
}, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128)),
|
|
74
|
+
e.selected.length > e.maxCollapseTags ? (o(), d(b, {
|
|
75
|
+
key: 0,
|
|
76
|
+
closable: !1,
|
|
77
|
+
size: e.collapseTagSize,
|
|
78
|
+
type: e.tagType,
|
|
79
|
+
"disable-transitions": ""
|
|
80
|
+
}, {
|
|
81
|
+
default: t(() => [
|
|
82
|
+
e.collapseTagsTooltip ? (o(), d(k, {
|
|
83
|
+
key: 0,
|
|
84
|
+
disabled: e.dropMenuVisible,
|
|
85
|
+
"fallback-placements": ["bottom", "top", "right", "left"],
|
|
86
|
+
effect: e.effect,
|
|
87
|
+
placement: "bottom",
|
|
88
|
+
teleported: e.teleported
|
|
89
|
+
}, {
|
|
90
|
+
default: t(() => [
|
|
91
|
+
r("span", {
|
|
92
|
+
class: n(e.nsSelect.e("tags-text"))
|
|
93
|
+
}, "+ " + m(e.selected.length - e.maxCollapseTags), 3)
|
|
94
|
+
]),
|
|
95
|
+
content: t(() => [
|
|
96
|
+
r("div", {
|
|
97
|
+
class: n(e.nsSelect.e("collapse-tags"))
|
|
98
|
+
}, [
|
|
99
|
+
(o(!0), a(S, null, h(e.collapseTagList, (l) => (o(), a("div", {
|
|
100
|
+
key: e.getValueKey(l),
|
|
101
|
+
class: n(e.nsSelect.e("collapse-tag"))
|
|
102
|
+
}, [
|
|
103
|
+
g(b, {
|
|
104
|
+
class: "in-tooltip",
|
|
105
|
+
closable: !e.selectDisabled && !l.isDisabled,
|
|
106
|
+
size: e.collapseTagSize,
|
|
107
|
+
hit: l.hitState,
|
|
108
|
+
type: e.tagType,
|
|
109
|
+
"disable-transitions": "",
|
|
110
|
+
style: { margin: "2px" },
|
|
111
|
+
onClose: (y) => e.deleteTag(y, l)
|
|
112
|
+
}, {
|
|
113
|
+
default: t(() => [
|
|
114
|
+
r("span", {
|
|
115
|
+
class: n(e.nsSelect.e("tags-text")),
|
|
116
|
+
style: v({
|
|
117
|
+
maxWidth: e.inputWidth - 75 + "px"
|
|
118
|
+
})
|
|
119
|
+
}, m(l.currentLabel), 7)
|
|
120
|
+
]),
|
|
121
|
+
_: 2
|
|
122
|
+
}, 1032, ["closable", "size", "hit", "type", "onClose"])
|
|
123
|
+
], 2))), 128))
|
|
124
|
+
], 2)
|
|
125
|
+
]),
|
|
126
|
+
_: 1
|
|
127
|
+
}, 8, ["disabled", "effect", "teleported"])) : (o(), a("span", {
|
|
128
|
+
key: 1,
|
|
129
|
+
class: n(e.nsSelect.e("tags-text"))
|
|
130
|
+
}, "+ " + m(e.selected.length - e.maxCollapseTags), 3))
|
|
131
|
+
]),
|
|
132
|
+
_: 1
|
|
133
|
+
}, 8, ["size", "type"])) : p("", !0)
|
|
134
|
+
], 2)
|
|
135
|
+
]),
|
|
136
|
+
_: 1
|
|
137
|
+
}, 8, ["onAfterLeave"])) : p("", !0),
|
|
138
|
+
e.collapseTags ? p("", !0) : (o(), d(z, {
|
|
139
|
+
key: 1,
|
|
140
|
+
onAfterLeave: e.resetInputHeight
|
|
141
|
+
}, {
|
|
142
|
+
default: t(() => [
|
|
143
|
+
r("span", {
|
|
144
|
+
class: n([
|
|
145
|
+
e.nsSelect.b("tags-wrapper"),
|
|
146
|
+
{ "has-prefix": e.prefixWidth && e.selected.length }
|
|
147
|
+
])
|
|
148
|
+
}, [
|
|
149
|
+
(o(!0), a(S, null, h(e.selected, (l) => (o(), d(b, {
|
|
150
|
+
key: e.getValueKey(l),
|
|
151
|
+
closable: !e.selectDisabled && !l.isDisabled,
|
|
152
|
+
size: e.collapseTagSize,
|
|
153
|
+
hit: l.hitState,
|
|
154
|
+
type: e.tagType,
|
|
155
|
+
"disable-transitions": "",
|
|
156
|
+
onClose: (y) => e.deleteTag(y, l)
|
|
157
|
+
}, {
|
|
158
|
+
default: t(() => [
|
|
159
|
+
r("span", {
|
|
160
|
+
class: n(e.nsSelect.e("tags-text")),
|
|
161
|
+
style: v({ maxWidth: e.inputWidth - 75 + "px" })
|
|
162
|
+
}, m(l.currentLabel), 7)
|
|
163
|
+
]),
|
|
164
|
+
_: 2
|
|
165
|
+
}, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128))
|
|
166
|
+
], 2)
|
|
167
|
+
]),
|
|
168
|
+
_: 1
|
|
169
|
+
}, 8, ["onAfterLeave"])),
|
|
170
|
+
e.filterable ? C((o(), a("input", {
|
|
171
|
+
key: 2,
|
|
172
|
+
ref: "input",
|
|
173
|
+
"onUpdate:modelValue": s[0] || (s[0] = (l) => e.query = l),
|
|
174
|
+
type: "text",
|
|
175
|
+
class: n([
|
|
176
|
+
e.nsSelect.e("input"),
|
|
177
|
+
e.nsSelect.is(e.selectSize),
|
|
178
|
+
e.nsSelect.is("disabled", e.selectDisabled)
|
|
179
|
+
]),
|
|
180
|
+
disabled: e.selectDisabled,
|
|
181
|
+
autocomplete: e.autocomplete,
|
|
182
|
+
style: v({
|
|
183
|
+
marginLeft: e.prefixWidth && !e.selected.length || e.tagInMultiLine ? `${e.prefixWidth}px` : "",
|
|
184
|
+
flexGrow: 1,
|
|
185
|
+
width: `${e.inputLength / (e.inputWidth - 32)}%`,
|
|
186
|
+
maxWidth: `${e.inputWidth - 42}px`
|
|
187
|
+
}),
|
|
188
|
+
onFocus: s[1] || (s[1] = (...l) => e.handleFocus && e.handleFocus(...l)),
|
|
189
|
+
onBlur: s[2] || (s[2] = (...l) => e.handleBlur && e.handleBlur(...l)),
|
|
190
|
+
onKeyup: s[3] || (s[3] = (...l) => e.managePlaceholder && e.managePlaceholder(...l)),
|
|
191
|
+
onKeydown: [
|
|
192
|
+
s[4] || (s[4] = (...l) => e.resetInputState && e.resetInputState(...l)),
|
|
193
|
+
s[5] || (s[5] = i(f((l) => e.navigateOptions("next"), ["prevent"]), ["down"])),
|
|
194
|
+
s[6] || (s[6] = i(f((l) => e.navigateOptions("prev"), ["prevent"]), ["up"])),
|
|
195
|
+
s[7] || (s[7] = i((...l) => e.handleKeydownEscape && e.handleKeydownEscape(...l), ["esc"])),
|
|
196
|
+
s[8] || (s[8] = i(f((...l) => e.selectOption && e.selectOption(...l), ["stop", "prevent"]), ["enter"])),
|
|
197
|
+
s[9] || (s[9] = i((...l) => e.deletePrevTag && e.deletePrevTag(...l), ["delete"])),
|
|
198
|
+
s[10] || (s[10] = i((l) => e.visible = !1, ["tab"]))
|
|
199
|
+
],
|
|
200
|
+
onCompositionstart: s[11] || (s[11] = (...l) => e.handleComposition && e.handleComposition(...l)),
|
|
201
|
+
onCompositionupdate: s[12] || (s[12] = (...l) => e.handleComposition && e.handleComposition(...l)),
|
|
202
|
+
onCompositionend: s[13] || (s[13] = (...l) => e.handleComposition && e.handleComposition(...l)),
|
|
203
|
+
onInput: s[14] || (s[14] = (...l) => e.debouncedQueryChange && e.debouncedQueryChange(...l))
|
|
204
|
+
}, null, 46, F)), [
|
|
205
|
+
[W, e.query]
|
|
206
|
+
]) : p("", !0)
|
|
207
|
+
], 6)) : p("", !0),
|
|
208
|
+
e.isIOS && !e.multiple && e.filterable && e.readonly ? (o(), a("input", {
|
|
209
|
+
key: 1,
|
|
210
|
+
ref: "iOSInput",
|
|
211
|
+
class: n([
|
|
212
|
+
e.nsSelect.e("input"),
|
|
213
|
+
e.nsSelect.is(e.selectSize),
|
|
214
|
+
e.nsSelect.em("input", "iOS")
|
|
215
|
+
]),
|
|
216
|
+
disabled: e.selectDisabled,
|
|
217
|
+
type: "text"
|
|
218
|
+
}, null, 10, q)) : p("", !0),
|
|
219
|
+
g($, {
|
|
220
|
+
id: e.id,
|
|
221
|
+
ref: "reference",
|
|
222
|
+
modelValue: e.selectedLabel,
|
|
223
|
+
"onUpdate:modelValue": s[15] || (s[15] = (l) => e.selectedLabel = l),
|
|
224
|
+
type: "text",
|
|
225
|
+
placeholder: typeof e.currentPlaceholder == "function" ? e.currentPlaceholder() : e.currentPlaceholder,
|
|
226
|
+
name: e.name,
|
|
227
|
+
autocomplete: e.autocomplete,
|
|
228
|
+
size: e.selectSize,
|
|
229
|
+
disabled: e.selectDisabled,
|
|
230
|
+
readonly: e.readonly,
|
|
231
|
+
"validate-event": !1,
|
|
232
|
+
class: n([e.nsSelect.is("focus", e.visible)]),
|
|
233
|
+
tabindex: e.multiple && e.filterable ? -1 : void 0,
|
|
234
|
+
onFocus: e.handleFocus,
|
|
235
|
+
onBlur: e.handleBlur,
|
|
236
|
+
onInput: e.debouncedOnInputChange,
|
|
237
|
+
onPaste: e.debouncedOnInputChange,
|
|
238
|
+
onCompositionstart: e.handleComposition,
|
|
239
|
+
onCompositionupdate: e.handleComposition,
|
|
240
|
+
onCompositionend: e.handleComposition,
|
|
241
|
+
onKeydown: [
|
|
242
|
+
s[16] || (s[16] = i(f((l) => e.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
|
|
243
|
+
s[17] || (s[17] = i(f((l) => e.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
|
|
244
|
+
i(f(e.selectOption, ["stop", "prevent"]), ["enter"]),
|
|
245
|
+
i(e.handleKeydownEscape, ["esc"]),
|
|
246
|
+
s[18] || (s[18] = i((l) => e.visible = !1, ["tab"]))
|
|
247
|
+
]
|
|
248
|
+
}, B({
|
|
249
|
+
suffix: t(() => [
|
|
250
|
+
e.iconComponent && !e.showClose ? (o(), d(T, {
|
|
251
|
+
key: 0,
|
|
252
|
+
icon: e.iconComponent,
|
|
253
|
+
class: n([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
|
|
254
|
+
}, null, 8, ["icon", "class"])) : p("", !0),
|
|
255
|
+
e.showClose && e.clearIcon ? (o(), d(T, {
|
|
256
|
+
key: 1,
|
|
257
|
+
icon: e.clearIcon,
|
|
258
|
+
class: n([e.nsSelect.e("caret"), e.nsSelect.e("icon")]),
|
|
259
|
+
onClick: e.handleClearClick
|
|
260
|
+
}, null, 8, ["icon", "class", "onClick"])) : p("", !0)
|
|
261
|
+
]),
|
|
262
|
+
_: 2
|
|
263
|
+
}, [
|
|
264
|
+
e.$slots.prefix ? {
|
|
265
|
+
name: "prefix",
|
|
266
|
+
fn: t(() => [
|
|
267
|
+
r("div", A, [
|
|
268
|
+
w(e.$slots, "prefix")
|
|
269
|
+
])
|
|
270
|
+
]),
|
|
271
|
+
key: "0"
|
|
272
|
+
} : void 0
|
|
273
|
+
]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
|
|
274
|
+
], 32)
|
|
275
|
+
]),
|
|
276
|
+
content: t(() => [
|
|
277
|
+
g(D, null, {
|
|
278
|
+
default: t(() => [
|
|
279
|
+
C(g(M, {
|
|
280
|
+
ref: "scrollbar",
|
|
281
|
+
tag: "ul",
|
|
282
|
+
"wrap-class": e.nsSelect.be("dropdown", "wrap"),
|
|
283
|
+
"view-class": e.nsSelect.be("dropdown", "list"),
|
|
284
|
+
class: n([
|
|
285
|
+
e.nsSelect.is(
|
|
286
|
+
"empty",
|
|
287
|
+
!e.allowCreate && !!e.query && e.filteredOptionsCount === 0
|
|
288
|
+
)
|
|
289
|
+
])
|
|
290
|
+
}, {
|
|
291
|
+
default: t(() => [
|
|
292
|
+
e.showNewOption ? (o(), d(O, {
|
|
293
|
+
key: 0,
|
|
294
|
+
value: e.query,
|
|
295
|
+
created: !0
|
|
296
|
+
}, null, 8, ["value"])) : p("", !0),
|
|
297
|
+
g(L, { onUpdateOptions: e.onOptionsRendered }, {
|
|
298
|
+
default: t(() => [
|
|
299
|
+
w(e.$slots, "default")
|
|
300
|
+
]),
|
|
301
|
+
_: 3
|
|
302
|
+
}, 8, ["onUpdateOptions"])
|
|
303
|
+
]),
|
|
304
|
+
_: 3
|
|
305
|
+
}, 8, ["wrap-class", "view-class", "class"]), [
|
|
306
|
+
[P, e.options.size > 0 && !e.loading]
|
|
307
|
+
]),
|
|
308
|
+
e.emptyText && (!e.allowCreate || e.loading || e.allowCreate && e.options.size === 0) ? (o(), a(S, { key: 0 }, [
|
|
309
|
+
e.$slots.empty ? w(e.$slots, "empty", { key: 0 }) : (o(), a("p", {
|
|
310
|
+
key: 1,
|
|
311
|
+
class: n(e.nsSelect.be("dropdown", "empty"))
|
|
312
|
+
}, m(e.emptyText), 3))
|
|
313
|
+
], 64)) : p("", !0)
|
|
314
|
+
]),
|
|
315
|
+
_: 3
|
|
316
|
+
})
|
|
317
|
+
]),
|
|
318
|
+
_: 3
|
|
319
|
+
}, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onShow"])
|
|
320
|
+
], 34)), [
|
|
321
|
+
[I, e.handleClose, e.popperPaneRef]
|
|
322
|
+
]);
|
|
323
|
+
}
|
|
324
|
+
const X = /* @__PURE__ */ E(K, [["render", H]]);
|
|
325
|
+
export {
|
|
326
|
+
X as default
|
|
327
|
+
};
|
|
@@ -0,0 +1,348 @@
|
|
|
1
|
+
import { defineComponent as Le, toRefs as We, computed as s, unref as n, provide as ze, reactive as Fe, onMounted as Pe, nextTick as _e } from "vue";
|
|
2
|
+
import { useResizeObserver as De, isIOS as Ke } from "@vueuse/core";
|
|
3
|
+
import { placements as He } from "@popperjs/core";
|
|
4
|
+
import { ClickOutside as $e } from "@vft/directives";
|
|
5
|
+
import { useNamespace as B } from "../../hooks/use-namespace/index.js";
|
|
6
|
+
import "lodash";
|
|
7
|
+
import "../../hooks/use-z-index/index.js";
|
|
8
|
+
import "@vft/utils";
|
|
9
|
+
import { isValidComponentSize as ke } from "../../utils/helper.js";
|
|
10
|
+
import "../../utils/ns-cover.js";
|
|
11
|
+
import { useFocus as qe } from "../../hooks/use-focus/index.js";
|
|
12
|
+
import { VftInput as je } from "../input/index.js";
|
|
13
|
+
import { VftScrollbar as Qe } from "../scrollbar/index.js";
|
|
14
|
+
import { VftTooltip as Ge } from "../tooltip/index.js";
|
|
15
|
+
import { VftTag as Ue } from "../tag/index.js";
|
|
16
|
+
import { VftIcon as Je } from "../icon/index.js";
|
|
17
|
+
import { UPDATE_MODEL_EVENT as c, CHANGE_EVENT as Xe } from "../../constants/event.js";
|
|
18
|
+
import Ye from "./option.vue.js";
|
|
19
|
+
import Ze from "./select-dropdown.vue.js";
|
|
20
|
+
import { useSelectStates as et, useSelect as tt } from "./useSelect.js";
|
|
21
|
+
import { selectKey as ot } from "./token.js";
|
|
22
|
+
import lt from "./options.js";
|
|
23
|
+
const x = "VftSelect", wt = Le({
|
|
24
|
+
name: x,
|
|
25
|
+
componentName: x,
|
|
26
|
+
components: {
|
|
27
|
+
VftInput: je,
|
|
28
|
+
SelectMenu: Ze,
|
|
29
|
+
VftOption: Ye,
|
|
30
|
+
Options: lt,
|
|
31
|
+
VftTag: Ue,
|
|
32
|
+
VftScrollbar: Qe,
|
|
33
|
+
VftTooltip: Ge,
|
|
34
|
+
VftIcon: Je
|
|
35
|
+
},
|
|
36
|
+
directives: { ClickOutside: $e },
|
|
37
|
+
props: {
|
|
38
|
+
name: String,
|
|
39
|
+
id: String,
|
|
40
|
+
modelValue: {
|
|
41
|
+
type: [Array, String, Number, Boolean, Object],
|
|
42
|
+
default: void 0
|
|
43
|
+
},
|
|
44
|
+
autocomplete: {
|
|
45
|
+
type: String,
|
|
46
|
+
default: "off"
|
|
47
|
+
},
|
|
48
|
+
automaticDropdown: Boolean,
|
|
49
|
+
size: {
|
|
50
|
+
type: String,
|
|
51
|
+
validator: ke
|
|
52
|
+
},
|
|
53
|
+
effect: {
|
|
54
|
+
type: String,
|
|
55
|
+
default: "light"
|
|
56
|
+
},
|
|
57
|
+
disabled: Boolean,
|
|
58
|
+
clearable: Boolean,
|
|
59
|
+
filterable: Boolean,
|
|
60
|
+
allowCreate: Boolean,
|
|
61
|
+
loading: Boolean,
|
|
62
|
+
popperClass: {
|
|
63
|
+
type: String,
|
|
64
|
+
default: ""
|
|
65
|
+
},
|
|
66
|
+
popperOptions: {
|
|
67
|
+
type: Object,
|
|
68
|
+
default: () => ({})
|
|
69
|
+
},
|
|
70
|
+
remote: Boolean,
|
|
71
|
+
loadingText: String,
|
|
72
|
+
noMatchText: String,
|
|
73
|
+
noDataText: String,
|
|
74
|
+
remoteMethod: Function,
|
|
75
|
+
filterMethod: Function,
|
|
76
|
+
multiple: Boolean,
|
|
77
|
+
multipleLimit: {
|
|
78
|
+
type: Number,
|
|
79
|
+
default: 0
|
|
80
|
+
},
|
|
81
|
+
placeholder: {
|
|
82
|
+
type: String
|
|
83
|
+
},
|
|
84
|
+
defaultFirstOption: Boolean,
|
|
85
|
+
reserveKeyword: {
|
|
86
|
+
type: Boolean,
|
|
87
|
+
default: !0
|
|
88
|
+
},
|
|
89
|
+
valueKey: {
|
|
90
|
+
type: String,
|
|
91
|
+
default: "value"
|
|
92
|
+
},
|
|
93
|
+
collapseTags: Boolean,
|
|
94
|
+
collapseTagsTooltip: {
|
|
95
|
+
type: Boolean,
|
|
96
|
+
default: !1
|
|
97
|
+
},
|
|
98
|
+
maxCollapseTags: {
|
|
99
|
+
type: Number,
|
|
100
|
+
default: 1
|
|
101
|
+
},
|
|
102
|
+
teleported: {
|
|
103
|
+
type: Boolean,
|
|
104
|
+
default: !0
|
|
105
|
+
},
|
|
106
|
+
persistent: {
|
|
107
|
+
type: Boolean,
|
|
108
|
+
default: !0
|
|
109
|
+
},
|
|
110
|
+
clearIcon: {
|
|
111
|
+
type: String,
|
|
112
|
+
default: "ico-ep:circle-close"
|
|
113
|
+
},
|
|
114
|
+
fitInputWidth: {
|
|
115
|
+
type: Boolean,
|
|
116
|
+
default: !1
|
|
117
|
+
},
|
|
118
|
+
suffixIcon: {
|
|
119
|
+
type: String,
|
|
120
|
+
default: "ico-ep:arrow-down"
|
|
121
|
+
},
|
|
122
|
+
// eslint-disable-next-line vue/require-prop-types
|
|
123
|
+
tagType: {
|
|
124
|
+
type: String,
|
|
125
|
+
default: "info"
|
|
126
|
+
},
|
|
127
|
+
validateEvent: {
|
|
128
|
+
type: Boolean,
|
|
129
|
+
default: !0
|
|
130
|
+
},
|
|
131
|
+
remoteShowSuffix: {
|
|
132
|
+
type: Boolean,
|
|
133
|
+
default: !1
|
|
134
|
+
},
|
|
135
|
+
suffixTransition: {
|
|
136
|
+
type: Boolean,
|
|
137
|
+
default: !0
|
|
138
|
+
},
|
|
139
|
+
placement: {
|
|
140
|
+
type: String,
|
|
141
|
+
values: He,
|
|
142
|
+
default: "bottom-start"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
emits: [
|
|
146
|
+
c,
|
|
147
|
+
Xe,
|
|
148
|
+
"remove-tag",
|
|
149
|
+
"clear",
|
|
150
|
+
"visible-change",
|
|
151
|
+
"focus",
|
|
152
|
+
"blur"
|
|
153
|
+
],
|
|
154
|
+
setup(e, i) {
|
|
155
|
+
const a = B("select"), V = B("input"), u = et(e), {
|
|
156
|
+
optionList: w,
|
|
157
|
+
optionsArray: M,
|
|
158
|
+
selectSize: m,
|
|
159
|
+
readonly: E,
|
|
160
|
+
handleResize: f,
|
|
161
|
+
collapseTagSize: I,
|
|
162
|
+
debouncedOnInputChange: N,
|
|
163
|
+
debouncedQueryChange: R,
|
|
164
|
+
deletePrevTag: A,
|
|
165
|
+
deleteTag: L,
|
|
166
|
+
deleteSelected: W,
|
|
167
|
+
handleOptionSelect: g,
|
|
168
|
+
scrollToOption: z,
|
|
169
|
+
setSelected: h,
|
|
170
|
+
resetInputHeight: y,
|
|
171
|
+
managePlaceholder: F,
|
|
172
|
+
showClose: P,
|
|
173
|
+
selectDisabled: _,
|
|
174
|
+
iconComponent: D,
|
|
175
|
+
iconReverse: K,
|
|
176
|
+
showNewOption: H,
|
|
177
|
+
emptyText: $,
|
|
178
|
+
toggleLastOptionHitState: k,
|
|
179
|
+
resetInputState: q,
|
|
180
|
+
handleComposition: j,
|
|
181
|
+
onOptionCreate: Q,
|
|
182
|
+
onOptionDestroy: G,
|
|
183
|
+
handleMenuEnter: U,
|
|
184
|
+
handleFocus: J,
|
|
185
|
+
blur: X,
|
|
186
|
+
handleBlur: Y,
|
|
187
|
+
handleClearClick: Z,
|
|
188
|
+
handleClose: ee,
|
|
189
|
+
handleKeydownEscape: te,
|
|
190
|
+
toggleMenu: oe,
|
|
191
|
+
selectOption: le,
|
|
192
|
+
getValueKey: ne,
|
|
193
|
+
navigateOptions: ie,
|
|
194
|
+
dropMenuVisible: ae,
|
|
195
|
+
reference: r,
|
|
196
|
+
input: re,
|
|
197
|
+
iOSInput: se,
|
|
198
|
+
tooltipRef: S,
|
|
199
|
+
tags: ue,
|
|
200
|
+
selectWrapper: p,
|
|
201
|
+
scrollbar: pe,
|
|
202
|
+
queryChange: de,
|
|
203
|
+
groupQueryChange: ce,
|
|
204
|
+
handleMouseEnter: me,
|
|
205
|
+
handleMouseLeave: fe,
|
|
206
|
+
showTagList: ge,
|
|
207
|
+
collapseTagList: he
|
|
208
|
+
} = tt(e, u, i), { focus: ye } = qe(r), {
|
|
209
|
+
inputWidth: l,
|
|
210
|
+
selected: v,
|
|
211
|
+
inputLength: Se,
|
|
212
|
+
filteredOptionsCount: O,
|
|
213
|
+
visible: ve,
|
|
214
|
+
softFocus: Oe,
|
|
215
|
+
selectedLabel: be,
|
|
216
|
+
hoverIndex: b,
|
|
217
|
+
query: Te,
|
|
218
|
+
inputHovering: Ce,
|
|
219
|
+
currentPlaceholder: d,
|
|
220
|
+
menuVisibleOnFocus: Be,
|
|
221
|
+
isOnComposition: xe,
|
|
222
|
+
isSilentBlur: Ve,
|
|
223
|
+
options: T,
|
|
224
|
+
cachedOptions: we,
|
|
225
|
+
optionsCount: Me,
|
|
226
|
+
prefixWidth: C,
|
|
227
|
+
tagInMultiLine: Ee
|
|
228
|
+
} = We(u), Ie = s(() => {
|
|
229
|
+
const t = [a.b()], o = n(m);
|
|
230
|
+
return o && t.push(a.m(o)), e.disabled && t.push(a.m("disabled")), t;
|
|
231
|
+
}), Ne = s(() => ({
|
|
232
|
+
maxWidth: `${n(l) - 32}px`,
|
|
233
|
+
width: "100%"
|
|
234
|
+
})), Re = s(() => ({ maxWidth: `${n(l) > 123 ? n(l) - 123 : n(l) - 75}px` }));
|
|
235
|
+
ze(
|
|
236
|
+
ot,
|
|
237
|
+
Fe({
|
|
238
|
+
props: e,
|
|
239
|
+
options: T,
|
|
240
|
+
optionsArray: M,
|
|
241
|
+
cachedOptions: we,
|
|
242
|
+
optionsCount: Me,
|
|
243
|
+
filteredOptionsCount: O,
|
|
244
|
+
hoverIndex: b,
|
|
245
|
+
handleOptionSelect: g,
|
|
246
|
+
onOptionCreate: Q,
|
|
247
|
+
onOptionDestroy: G,
|
|
248
|
+
selectWrapper: p,
|
|
249
|
+
selected: v,
|
|
250
|
+
setSelected: h,
|
|
251
|
+
queryChange: de,
|
|
252
|
+
groupQueryChange: ce
|
|
253
|
+
})
|
|
254
|
+
), Pe(() => {
|
|
255
|
+
u.cachedPlaceHolder = d.value = e.placeholder || "请选择", e.multiple && Array.isArray(e.modelValue) && e.modelValue.length > 0 && (d.value = ""), De(p, f), e.remote && e.multiple && y(), _e(() => {
|
|
256
|
+
const t = r.value && r.value.$el;
|
|
257
|
+
if (t && (l.value = t.getBoundingClientRect().width, i.slots.prefix)) {
|
|
258
|
+
const o = t.querySelector(`.${V.e("prefix")}`);
|
|
259
|
+
C.value = Math.max(
|
|
260
|
+
o.getBoundingClientRect().width + 5,
|
|
261
|
+
30
|
|
262
|
+
);
|
|
263
|
+
}
|
|
264
|
+
}), h();
|
|
265
|
+
}), e.multiple && !Array.isArray(e.modelValue) && i.emit(c, []), !e.multiple && Array.isArray(e.modelValue) && i.emit(c, "");
|
|
266
|
+
const Ae = s(() => {
|
|
267
|
+
var t, o;
|
|
268
|
+
return (o = (t = S.value) == null ? void 0 : t.popperRef) == null ? void 0 : o.contentRef;
|
|
269
|
+
});
|
|
270
|
+
return {
|
|
271
|
+
isIOS: Ke,
|
|
272
|
+
onOptionsRendered: (t) => {
|
|
273
|
+
w.value = t;
|
|
274
|
+
},
|
|
275
|
+
tagInMultiLine: Ee,
|
|
276
|
+
prefixWidth: C,
|
|
277
|
+
selectSize: m,
|
|
278
|
+
readonly: E,
|
|
279
|
+
handleResize: f,
|
|
280
|
+
collapseTagSize: I,
|
|
281
|
+
debouncedOnInputChange: N,
|
|
282
|
+
debouncedQueryChange: R,
|
|
283
|
+
deletePrevTag: A,
|
|
284
|
+
deleteTag: L,
|
|
285
|
+
deleteSelected: W,
|
|
286
|
+
handleOptionSelect: g,
|
|
287
|
+
scrollToOption: z,
|
|
288
|
+
inputWidth: l,
|
|
289
|
+
selected: v,
|
|
290
|
+
inputLength: Se,
|
|
291
|
+
filteredOptionsCount: O,
|
|
292
|
+
visible: ve,
|
|
293
|
+
softFocus: Oe,
|
|
294
|
+
selectedLabel: be,
|
|
295
|
+
hoverIndex: b,
|
|
296
|
+
query: Te,
|
|
297
|
+
inputHovering: Ce,
|
|
298
|
+
currentPlaceholder: d,
|
|
299
|
+
menuVisibleOnFocus: Be,
|
|
300
|
+
isOnComposition: xe,
|
|
301
|
+
isSilentBlur: Ve,
|
|
302
|
+
options: T,
|
|
303
|
+
resetInputHeight: y,
|
|
304
|
+
managePlaceholder: F,
|
|
305
|
+
showClose: P,
|
|
306
|
+
selectDisabled: _,
|
|
307
|
+
iconComponent: D,
|
|
308
|
+
iconReverse: K,
|
|
309
|
+
showNewOption: H,
|
|
310
|
+
emptyText: $,
|
|
311
|
+
toggleLastOptionHitState: k,
|
|
312
|
+
resetInputState: q,
|
|
313
|
+
handleComposition: j,
|
|
314
|
+
handleMenuEnter: U,
|
|
315
|
+
handleFocus: J,
|
|
316
|
+
blur: X,
|
|
317
|
+
handleBlur: Y,
|
|
318
|
+
handleClearClick: Z,
|
|
319
|
+
handleClose: ee,
|
|
320
|
+
handleKeydownEscape: te,
|
|
321
|
+
toggleMenu: oe,
|
|
322
|
+
selectOption: le,
|
|
323
|
+
getValueKey: ne,
|
|
324
|
+
navigateOptions: ie,
|
|
325
|
+
dropMenuVisible: ae,
|
|
326
|
+
focus: ye,
|
|
327
|
+
reference: r,
|
|
328
|
+
input: re,
|
|
329
|
+
iOSInput: se,
|
|
330
|
+
tooltipRef: S,
|
|
331
|
+
popperPaneRef: Ae,
|
|
332
|
+
tags: ue,
|
|
333
|
+
selectWrapper: p,
|
|
334
|
+
scrollbar: pe,
|
|
335
|
+
wrapperKls: Ie,
|
|
336
|
+
selectTagsStyle: Ne,
|
|
337
|
+
nsSelect: a,
|
|
338
|
+
tagTextStyle: Re,
|
|
339
|
+
handleMouseEnter: me,
|
|
340
|
+
handleMouseLeave: fe,
|
|
341
|
+
showTagList: ge,
|
|
342
|
+
collapseTagList: he
|
|
343
|
+
};
|
|
344
|
+
}
|
|
345
|
+
});
|
|
346
|
+
export {
|
|
347
|
+
wt as default
|
|
348
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "vft/theme-style/base.css";
|
|
2
|
+
import "vft/theme-style/vft-input.css";
|
|
3
|
+
import "vft/theme-style/vft-tag.css";
|
|
4
|
+
import "vft/theme-style/el-option.css";
|
|
5
|
+
import "vft/theme-style/el-option-group.css";
|
|
6
|
+
import "vft/theme-style/vft-scrollbar.css";
|
|
7
|
+
import "vft/theme-style/vft-popper.css";
|
|
8
|
+
import "vft/theme-style/el-select.css";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import "vft/theme-style/src/base.scss";
|
|
2
|
+
import "vft/theme-style/src/input.scss";
|
|
3
|
+
import "vft/theme-style/src/tag.scss";
|
|
4
|
+
import "vft/theme-style/src/option.scss";
|
|
5
|
+
import "vft/theme-style/src/option-group.scss";
|
|
6
|
+
import "vft/theme-style/src/scrollbar.scss";
|
|
7
|
+
import "vft/theme-style/src/popper.scss";
|
|
8
|
+
import "vft/theme-style/src/select.scss";
|