@sdata/web-vue 1.8.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/dist/sd.css +90 -0
  2. package/dist/sd.min.css +1 -1
  3. package/es/_components/input-label/input-label.js +30 -24
  4. package/es/_components/select-view/interface.d.ts +1 -0
  5. package/es/_components/select-view/select-view.d.ts +12 -3
  6. package/es/_components/select-view/select-view.js +38 -28
  7. package/es/_components/select-view/style/index.css +45 -0
  8. package/es/_hooks/use-trigger.d.ts +4 -6
  9. package/es/_hooks/use-trigger.js +7 -5
  10. package/es/auto-complete/auto-complete.d.ts +1 -1
  11. package/es/auto-complete/index.d.ts +3 -3
  12. package/es/badge/badge.d.ts +1 -1
  13. package/es/badge/index.d.ts +3 -3
  14. package/es/carousel/carousel-arrow.vue.d.ts +1 -1
  15. package/es/carousel/carousel.d.ts +2 -2
  16. package/es/carousel/index.d.ts +6 -6
  17. package/es/cascader/cascader-panel.vue.d.ts +2 -2
  18. package/es/cascader/cascader.vue.d.ts +20 -11
  19. package/es/cascader/index.d.ts +44 -26
  20. package/es/config-provider/config-provider.vue.d.ts +1 -1
  21. package/es/config-provider/index.d.ts +3 -3
  22. package/es/date-picker/index.d.ts +6 -6
  23. package/es/date-picker/picker.vue.d.ts +6 -6
  24. package/es/date-picker/range-picker.vue.d.ts +6 -6
  25. package/es/descriptions/descriptions.d.ts +2 -2
  26. package/es/descriptions/index.d.ts +6 -6
  27. package/es/drawer/drawer.vue_vue_type_script_lang.js +1 -1
  28. package/es/dropdown/dropdown-button.vue.d.ts +8 -8
  29. package/es/dropdown/dropdown-panel.vue.d.ts +2 -2
  30. package/es/dropdown/dropdown-submenu.vue.d.ts +8 -8
  31. package/es/dropdown/dropdown.vue.d.ts +8 -8
  32. package/es/dropdown/index.d.ts +32 -32
  33. package/es/ellipsis/ellipsis.vue.d.ts +13 -13
  34. package/es/ellipsis/ellipsis.vue_vue_type_script_lang.js +1 -1
  35. package/es/ellipsis/index.d.ts +56 -56
  36. package/es/ellipsis/performant-ellipsis.vue.d.ts +14 -14
  37. package/es/form/form-item-label.vue.d.ts +12 -12
  38. package/es/form/form-item.vue.d.ts +12 -12
  39. package/es/form/index.d.ts +12 -12
  40. package/es/grid/grid.vue.d.ts +1 -1
  41. package/es/grid/index.d.ts +3 -3
  42. package/es/image/image.vue.d.ts +12 -12
  43. package/es/image/preview-action.d.ts +12 -12
  44. package/es/image/preview-group.vue.d.ts +12 -12
  45. package/es/image/preview-toolbar.vue.d.ts +12 -12
  46. package/es/image/preview.vue.d.ts +12 -12
  47. package/es/index.css +90 -0
  48. package/es/index.js +2 -2
  49. package/es/input-tag/index.d.ts +6 -6
  50. package/es/input-tag/input-tag.d.ts +3 -3
  51. package/es/input-tag/input-tag.js +179 -30
  52. package/es/input-tag/style/index.css +45 -0
  53. package/es/input-tag/style/input-tag.scss +53 -0
  54. package/es/list/index.d.ts +3 -3
  55. package/es/list/list.d.ts +1 -1
  56. package/es/menu/sub-menu-pop.vue.d.ts +6 -6
  57. package/es/modal/modal.vue_vue_type_script_lang.js +1 -1
  58. package/es/overflow-list/index.d.ts +3 -3
  59. package/es/overflow-list/overflow-list.d.ts +1 -1
  60. package/es/pagination/page-options.vue.d.ts +188 -98
  61. package/es/popconfirm/index.d.ts +12 -12
  62. package/es/popconfirm/popconfirm.vue.d.ts +6 -6
  63. package/es/popover/index.d.ts +12 -12
  64. package/es/popover/popover.vue.d.ts +6 -6
  65. package/es/progress/index.d.ts +5 -5
  66. package/es/progress/line.vue.d.ts +1 -1
  67. package/es/progress/progress.vue.d.ts +2 -2
  68. package/es/scrollbar/index.d.ts +2 -2
  69. package/es/scrollbar/scrollbar.vue.d.ts +1 -1
  70. package/es/scrollbar/thumb.vue.d.ts +1 -1
  71. package/es/sd-vue.js +2 -2
  72. package/es/select/hooks/use-options.d.ts +9 -4
  73. package/es/select/hooks/use-options.js +2 -2
  74. package/es/select/hooks/use-select.d.ts +9 -4
  75. package/es/select/index.d.ts +188 -98
  76. package/es/select/interface.d.ts +57 -46
  77. package/es/select/select-dropdown.vue.d.ts +2 -2
  78. package/es/select/select.d.ts +107 -59
  79. package/es/select/select.js +179 -125
  80. package/es/select/utils.d.ts +1 -1
  81. package/es/select/utils.js +28 -10
  82. package/es/skeleton/index.d.ts +1 -1
  83. package/es/skeleton/line.vue.d.ts +1 -1
  84. package/es/slider/index.d.ts +27 -27
  85. package/es/slider/slider-button.vue.d.ts +12 -12
  86. package/es/slider/slider.vue.d.ts +13 -13
  87. package/es/space/index.d.ts +3 -3
  88. package/es/space/space.d.ts +1 -1
  89. package/es/statistic/index.d.ts +6 -6
  90. package/es/statistic/statistic.vue.d.ts +2 -2
  91. package/es/table/index.d.ts +6 -6
  92. package/es/table/table.d.ts +2 -2
  93. package/es/tabs/index.d.ts +9 -9
  94. package/es/tabs/tabs.d.ts +3 -3
  95. package/es/tag/index.d.ts +3 -3
  96. package/es/tag/tag.vue.d.ts +1 -1
  97. package/es/time-picker/index.d.ts +12 -12
  98. package/es/time-picker/time-picker.vue.d.ts +6 -6
  99. package/es/tooltip/index.d.ts +12 -12
  100. package/es/tooltip/tooltip.vue.d.ts +6 -6
  101. package/es/transfer/index.d.ts +10 -10
  102. package/es/transfer/transfer-view.vue.d.ts +5 -5
  103. package/es/transfer/transfer.vue.d.ts +5 -5
  104. package/es/tree/index.d.ts +6 -6
  105. package/es/tree/tree.vue.d.ts +2 -2
  106. package/es/tree-select/hooks/use-selected-state.d.ts +2 -0
  107. package/es/tree-select/hooks/use-selected-state.js +26 -8
  108. package/es/tree-select/index.d.ts +265 -61
  109. package/es/tree-select/interface.d.ts +16 -3
  110. package/es/tree-select/panel.d.ts +6 -6
  111. package/es/tree-select/tree-select.js +28 -15
  112. package/es/tree-select/tree-select.vue.d.ts +143 -30
  113. package/es/tree-select/tree-select.vue_vue_type_script_lang.js +100 -23
  114. package/es/trigger/index.d.ts +6 -6
  115. package/es/trigger/trigger.d.ts +2 -2
  116. package/es/typography/operations.vue.d.ts +12 -12
  117. package/json/vetur-attributes.json +36 -158
  118. package/json/vetur-tags.json +10 -46
  119. package/json/web-types.json +79 -366
  120. package/package.json +7 -7
@@ -4,9 +4,13 @@ import { useSize } from "../../_hooks/use-size.js";
4
4
  import { INPUT_EVENTS } from "../../_utils/constant.js";
5
5
  import { omit } from "../../_utils/omit.js";
6
6
  import pick from "../../_utils/pick.js";
7
+ import Ellipsis from "../../ellipsis/index.js";
7
8
  import { useInput } from "../../_hooks/use-input.js";
8
- import { computed, createVNode, defineComponent, mergeProps, toRefs } from "vue";
9
+ import { computed, createVNode, defineComponent, isVNode, mergeProps, toRefs } from "vue";
9
10
  //#region components/_components/input-label/input-label.tsx
11
+ function _isSlot(s) {
12
+ return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
13
+ }
10
14
  var input_label_default = /* @__PURE__ */ defineComponent({
11
15
  name: "InputLabel",
12
16
  inheritAttrs: false,
@@ -86,29 +90,31 @@ var input_label_default = /* @__PURE__ */ defineComponent({
86
90
  ]);
87
91
  const wrapperAttrs = computed(() => omit(attrs, INPUT_EVENTS));
88
92
  const inputAttrs = computed(() => pick(attrs, INPUT_EVENTS));
89
- const render = () => createVNode("span", mergeProps(wrapperAttrs.value, {
90
- "class": cls.value,
91
- "title": formatLabel(),
92
- "onMousedown": handleMousedown
93
- }), [
94
- slots.prefix && createVNode("span", { "class": `${prefixCls}-prefix` }, [slots.prefix()]),
95
- createVNode("input", mergeProps(inputAttrs.value, {
96
- "ref": inputRef,
97
- "class": [`${prefixCls}-input`, { [`${prefixCls}-input-hidden`]: !showInput.value }],
98
- "value": computedInputValue.value,
99
- "readonly": !props.enabledInput,
100
- "placeholder": mergedPlaceholder.value,
101
- "disabled": mergedDisabled.value,
102
- "onInput": handleInput,
103
- "onFocus": handleFocus,
104
- "onBlur": handleBlur,
105
- "onCompositionstart": handleComposition,
106
- "onCompositionupdate": handleComposition,
107
- "onCompositionend": handleComposition
108
- }), null),
109
- createVNode("span", { "class": [`${prefixCls}-value`, { [`${prefixCls}-value-hidden`]: showInput.value }] }, [renderLabel()]),
110
- slots.suffix && createVNode("span", { "class": `${prefixCls}-suffix` }, [slots.suffix()])
111
- ]);
93
+ const render = () => {
94
+ let _slot;
95
+ return createVNode("span", mergeProps(wrapperAttrs.value, {
96
+ "class": cls.value,
97
+ "onMousedown": handleMousedown
98
+ }), [
99
+ slots.prefix && createVNode("span", { "class": `${prefixCls}-prefix` }, [slots.prefix()]),
100
+ createVNode("input", mergeProps(inputAttrs.value, {
101
+ "ref": inputRef,
102
+ "class": [`${prefixCls}-input`, { [`${prefixCls}-input-hidden`]: !showInput.value }],
103
+ "value": computedInputValue.value,
104
+ "readonly": !props.enabledInput,
105
+ "placeholder": mergedPlaceholder.value,
106
+ "disabled": mergedDisabled.value,
107
+ "onInput": handleInput,
108
+ "onFocus": handleFocus,
109
+ "onBlur": handleBlur,
110
+ "onCompositionstart": handleComposition,
111
+ "onCompositionupdate": handleComposition,
112
+ "onCompositionend": handleComposition
113
+ }), null),
114
+ createVNode("span", { "class": [`${prefixCls}-value`, { [`${prefixCls}-value-hidden`]: showInput.value }] }, [props.modelValue && createVNode(Ellipsis, { "style": { width: "100%" } }, _isSlot(_slot = renderLabel()) ? _slot : { default: () => [_slot] })]),
115
+ slots.suffix && createVNode("span", { "class": `${prefixCls}-suffix` }, [slots.suffix()])
116
+ ]);
117
+ };
112
118
  return {
113
119
  inputRef,
114
120
  render
@@ -3,4 +3,5 @@ export interface SelectViewValue extends TagData {
3
3
  value: string | number;
4
4
  label: string;
5
5
  closable: boolean;
6
+ option?: Record<string, unknown>;
6
7
  }
@@ -44,12 +44,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
44
44
  type: BooleanConstructor;
45
45
  default: boolean;
46
46
  };
47
+ showArrow: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
47
51
  allowSearch: {
48
52
  type: BooleanConstructor;
49
53
  default: (props: Data) => boolean;
50
54
  };
51
55
  maxTagCount: {
52
- type: NumberConstructor;
56
+ type: PropType<number | "responsive">;
53
57
  default: number;
54
58
  };
55
59
  tagNowrap: {
@@ -110,12 +114,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
110
114
  type: BooleanConstructor;
111
115
  default: boolean;
112
116
  };
117
+ showArrow: {
118
+ type: BooleanConstructor;
119
+ default: boolean;
120
+ };
113
121
  allowSearch: {
114
122
  type: BooleanConstructor;
115
123
  default: (props: Data) => boolean;
116
124
  };
117
125
  maxTagCount: {
118
- type: NumberConstructor;
126
+ type: PropType<number | "responsive">;
119
127
  default: number;
120
128
  };
121
129
  tagNowrap: {
@@ -137,8 +145,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
137
145
  loading: boolean;
138
146
  allowClear: boolean;
139
147
  multiple: boolean;
148
+ showArrow: boolean;
140
149
  bordered: boolean;
141
- maxTagCount: number;
150
+ maxTagCount: number | "responsive";
142
151
  retainInputValue: boolean;
143
152
  tagNowrap: boolean;
144
153
  opened: boolean;
@@ -54,12 +54,16 @@ var select_view_default = /* @__PURE__ */ defineComponent({
54
54
  type: Boolean,
55
55
  default: false
56
56
  },
57
+ showArrow: {
58
+ type: Boolean,
59
+ default: true
60
+ },
57
61
  allowSearch: {
58
62
  type: Boolean,
59
63
  default: (props) => isArray(props.modelValue)
60
64
  },
61
65
  maxTagCount: {
62
- type: Number,
66
+ type: [Number, String],
63
67
  default: 0
64
68
  },
65
69
  tagNowrap: {
@@ -121,49 +125,55 @@ var select_view_default = /* @__PURE__ */ defineComponent({
121
125
  return (_slots$searchIcon = (_slots$searchIcon2 = slots["search-icon"]) === null || _slots$searchIcon2 === void 0 ? void 0 : _slots$searchIcon2.call(slots)) !== null && _slots$searchIcon !== void 0 ? _slots$searchIcon : createVNode(IconSearch, null, null);
122
126
  }
123
127
  if (slots["arrow-icon"]) return slots["arrow-icon"]();
128
+ if (!props.showArrow) return null;
124
129
  return createVNode(IconDown, { "class": `${prefixCls}-arrow-icon` }, null);
125
130
  };
126
131
  const renderSuffix = () => createVNode(Fragment, null, [
127
- showClearBtn.value && createVNode(icon_hover_default, {
132
+ showClearBtn.value && createVNode("button", {
133
+ "type": "button",
128
134
  "class": `${prefixCls}-clear-btn`,
129
135
  "onClick": handleClear,
130
136
  "onMousedown": (ev) => ev.stopPropagation()
131
- }, { default: () => [createVNode(IconClose, null, null)] }),
137
+ }, [createVNode(icon_hover_default, null, { default: () => [createVNode(IconClose, null, null)] })]),
132
138
  createVNode("span", { "class": `${prefixCls}-icon` }, [renderIcon()]),
133
139
  Boolean(feedback.value) && createVNode(feedback_icon_default, { "type": feedback.value }, null)
134
140
  ]);
135
141
  watch(opened, (opened) => {
136
- if (!opened && inputRef.value && inputRef.value.isSameNode(document.activeElement)) inputRef.value.blur();
142
+ var _inputRef$value;
143
+ if (!opened && ((_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.isSameNode(document.activeElement))) inputRef.value.blur();
137
144
  });
138
145
  const cls = computed(() => [`${prefixCls}-${props.multiple ? "multiple" : "single"}`, {
139
146
  [`${prefixCls}-opened`]: props.opened,
140
147
  [`${prefixCls}-borderless`]: !props.bordered
141
148
  }]);
142
149
  const render = () => {
143
- if (props.multiple) return createVNode(InputTag, {
144
- "ref": componentRef,
145
- "baseCls": prefixCls,
146
- "class": cls.value,
147
- "modelValue": props.modelValue,
148
- "inputValue": props.inputValue,
149
- "focused": props.opened,
150
- "placeholder": props.placeholder,
151
- "disabled": mergedDisabled.value,
152
- "size": mergedSize.value,
153
- "error": mergedError.value,
154
- "maxTagCount": props.maxTagCount,
155
- "disabledInput": !props.allowSearch && !props.allowCreate,
156
- "tagNowrap": props.tagNowrap,
157
- "retainInputValue": true,
158
- "uninjectFormItemContext": true,
159
- "onRemove": handleRemove,
160
- "onFocus": handleFocus,
161
- "onBlur": handleBlur
162
- }, {
163
- prefix: slots.prefix,
164
- suffix: renderSuffix,
165
- tag: slots.label
166
- });
150
+ if (props.multiple) {
151
+ var _slots$tag;
152
+ return createVNode(InputTag, {
153
+ "ref": componentRef,
154
+ "baseCls": prefixCls,
155
+ "class": cls.value,
156
+ "modelValue": props.modelValue,
157
+ "inputValue": props.inputValue,
158
+ "focused": props.opened,
159
+ "placeholder": props.placeholder,
160
+ "disabled": mergedDisabled.value,
161
+ "size": mergedSize.value,
162
+ "error": mergedError.value,
163
+ "maxTagCount": props.maxTagCount,
164
+ "disabledInput": !props.allowSearch && !props.allowCreate,
165
+ "tagNowrap": props.tagNowrap,
166
+ "retainInputValue": true,
167
+ "uninjectFormItemContext": true,
168
+ "onRemove": handleRemove,
169
+ "onFocus": handleFocus,
170
+ "onBlur": handleBlur
171
+ }, {
172
+ prefix: slots.prefix,
173
+ suffix: renderSuffix,
174
+ tag: (_slots$tag = slots.tag) !== null && _slots$tag !== void 0 ? _slots$tag : slots.label
175
+ });
176
+ }
167
177
  return createVNode(input_label_default, {
168
178
  "ref": componentRef,
169
179
  "baseCls": prefixCls,
@@ -790,6 +790,7 @@
790
790
  }
791
791
  .sd-select-view-multiple .sd-select-view-inner {
792
792
  flex: 1;
793
+ min-width: 0;
793
794
  overflow: hidden;
794
795
  line-height: 0;
795
796
  }
@@ -797,9 +798,16 @@
797
798
  display: flex;
798
799
  flex-wrap: wrap;
799
800
  }
801
+ .sd-select-view-multiple .sd-select-view-inner.sd-select-view-inner-responsive {
802
+ display: flex;
803
+ flex-wrap: nowrap;
804
+ align-items: center;
805
+ }
800
806
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag {
801
807
  display: inline-flex;
808
+ flex-shrink: 0;
802
809
  align-items: center;
810
+ min-width: 0;
803
811
  margin-right: 4px;
804
812
  color: var(--color-text-1);
805
813
  font-size: 12px;
@@ -817,6 +825,19 @@
817
825
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-tag-custom-color .sd-icon-hover.sd-tag-icon-hover:hover::before {
818
826
  background-color: rgba(255, 255, 255, 0.2);
819
827
  }
828
+ .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow {
829
+ flex-shrink: 1;
830
+ white-space: nowrap;
831
+ word-break: normal;
832
+ }
833
+ .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-overflow .sd-tag-text {
834
+ max-width: 100%;
835
+ }
836
+ .sd-select-view-multiple .sd-select-view-inner .sd-select-view-tag.sd-select-view-tag-counter {
837
+ flex-shrink: 0;
838
+ white-space: nowrap;
839
+ word-break: normal;
840
+ }
820
841
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
821
842
  width: 100%;
822
843
  padding-right: 0;
@@ -843,6 +864,9 @@
843
864
  .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
844
865
  box-sizing: border-box;
845
866
  }
867
+ .sd-select-view-inner-responsive .sd-select-view-multiple .sd-select-view-inner .sd-select-view-input {
868
+ flex: 0 0 auto;
869
+ }
846
870
  .sd-select-view-multiple .sd-select-view-mirror {
847
871
  position: absolute;
848
872
  top: 0;
@@ -851,6 +875,27 @@
851
875
  visibility: hidden;
852
876
  pointer-events: none;
853
877
  }
878
+ .sd-select-view-multiple .sd-select-view-resize-observer {
879
+ position: absolute;
880
+ inset: 0;
881
+ visibility: hidden;
882
+ pointer-events: none;
883
+ }
884
+ .sd-select-view-multiple .sd-select-view-measure {
885
+ position: absolute;
886
+ top: 0;
887
+ left: 0;
888
+ display: inline-flex;
889
+ white-space: nowrap;
890
+ visibility: hidden;
891
+ pointer-events: none;
892
+ }
893
+ .sd-select-view-multiple .sd-select-view-tag-ellipsis {
894
+ display: block;
895
+ min-width: 0;
896
+ max-width: 100%;
897
+ vertical-align: bottom;
898
+ }
854
899
  .sd-select-view-multiple.sd-select-view-focus .sd-select-view-tag {
855
900
  background-color: var(--color-fill-2);
856
901
  border-color: var(--color-fill-2);
@@ -1,12 +1,10 @@
1
1
  import type { Ref } from 'vue';
2
- import type { EmitFn2 } from '../_utils/types';
3
- export declare const useTrigger: ({ popupVisible, defaultPopupVisible, emit, }: {
2
+ export declare const useTrigger: ({ popupVisible, defaultPopupVisible, show, defaultShow, emit, }: {
4
3
  popupVisible?: Ref<boolean | undefined>;
5
4
  defaultPopupVisible?: Ref<boolean>;
6
- emit: EmitFn2<{
7
- "update:popupVisible": (visible: boolean) => true;
8
- "popupVisibleChange": (visible: boolean) => true;
9
- }>;
5
+ show?: Ref<boolean | undefined>;
6
+ defaultShow?: Ref<boolean | undefined>;
7
+ emit: (event: "update:popupVisible" | "popupVisibleChange" | "update:show" | "showChange", visible: boolean) => void;
10
8
  }) => {
11
9
  computedPopupVisible: import("vue").ComputedRef<boolean>;
12
10
  handlePopupVisibleChange: (visible: boolean) => void;
@@ -1,17 +1,19 @@
1
1
  import { computed, ref, watch } from "vue";
2
2
  //#region components/_hooks/use-trigger.ts
3
- var useTrigger = ({ popupVisible, defaultPopupVisible, emit }) => {
4
- var _defaultPopupVisible$;
5
- const _popupVisible = ref((_defaultPopupVisible$ = defaultPopupVisible === null || defaultPopupVisible === void 0 ? void 0 : defaultPopupVisible.value) !== null && _defaultPopupVisible$ !== void 0 ? _defaultPopupVisible$ : false);
3
+ var useTrigger = ({ popupVisible, defaultPopupVisible, show, defaultShow, emit }) => {
4
+ var _ref, _defaultPopupVisible$;
5
+ const _popupVisible = ref((_ref = (_defaultPopupVisible$ = defaultPopupVisible === null || defaultPopupVisible === void 0 ? void 0 : defaultPopupVisible.value) !== null && _defaultPopupVisible$ !== void 0 ? _defaultPopupVisible$ : defaultShow === null || defaultShow === void 0 ? void 0 : defaultShow.value) !== null && _ref !== void 0 ? _ref : false);
6
6
  const computedPopupVisible = computed(() => {
7
- var _popupVisible$value;
8
- return (_popupVisible$value = popupVisible === null || popupVisible === void 0 ? void 0 : popupVisible.value) !== null && _popupVisible$value !== void 0 ? _popupVisible$value : _popupVisible.value;
7
+ var _ref2, _popupVisible$value;
8
+ return (_ref2 = (_popupVisible$value = popupVisible === null || popupVisible === void 0 ? void 0 : popupVisible.value) !== null && _popupVisible$value !== void 0 ? _popupVisible$value : show === null || show === void 0 ? void 0 : show.value) !== null && _ref2 !== void 0 ? _ref2 : _popupVisible.value;
9
9
  });
10
10
  const handlePopupVisibleChange = (visible) => {
11
11
  if (visible !== computedPopupVisible.value) {
12
12
  _popupVisible.value = visible;
13
13
  emit("update:popupVisible", visible);
14
14
  emit("popupVisibleChange", visible);
15
+ emit("update:show", visible);
16
+ emit("showChange", visible);
15
17
  }
16
18
  };
17
19
  watch(computedPopupVisible, (visible) => {
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
106
106
  data: (string | number | SelectOptionData | SelectOptionGroup)[];
107
107
  modelValue: string;
108
108
  allowClear: boolean;
109
- filterOption: FilterOption;
110
109
  strict: boolean;
110
+ filterOption: FilterOption;
111
111
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
112
112
  export default _default;
@@ -68,8 +68,8 @@ declare const AutoComplete: {
68
68
  data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
69
69
  modelValue: string;
70
70
  allowClear: boolean;
71
- filterOption: import("..").FilterOption;
72
71
  strict: boolean;
72
+ filterOption: import("..").FilterOption;
73
73
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
74
74
  P: {};
75
75
  B: {};
@@ -135,8 +135,8 @@ declare const AutoComplete: {
135
135
  data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
136
136
  modelValue: string;
137
137
  allowClear: boolean;
138
- filterOption: import("..").FilterOption;
139
138
  strict: boolean;
139
+ filterOption: import("..").FilterOption;
140
140
  }>;
141
141
  __isFragment?: never;
142
142
  __isTeleport?: never;
@@ -207,8 +207,8 @@ declare const AutoComplete: {
207
207
  data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
208
208
  modelValue: string;
209
209
  allowClear: boolean;
210
- filterOption: import("..").FilterOption;
211
210
  strict: boolean;
211
+ filterOption: import("..").FilterOption;
212
212
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
213
213
  install: (app: App, options?: SDOptions) => void;
214
214
  };
@@ -60,8 +60,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
60
60
  type: NumberConstructor;
61
61
  };
62
62
  }>> & Readonly<{}>, {
63
- offset: number[];
64
63
  dot: boolean;
64
+ offset: number[];
65
65
  maxCount: number;
66
66
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
67
67
  export default _default;
@@ -31,8 +31,8 @@ declare const Badge: {
31
31
  type: NumberConstructor;
32
32
  };
33
33
  }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
34
- offset: number[];
35
34
  dot: boolean;
35
+ offset: number[];
36
36
  maxCount: number;
37
37
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
38
38
  P: {};
@@ -70,8 +70,8 @@ declare const Badge: {
70
70
  type: NumberConstructor;
71
71
  };
72
72
  }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
73
- offset: number[];
74
73
  dot: boolean;
74
+ offset: number[];
75
75
  maxCount: number;
76
76
  }>;
77
77
  __isFragment?: never;
@@ -106,8 +106,8 @@ declare const Badge: {
106
106
  type: NumberConstructor;
107
107
  };
108
108
  }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
109
- offset: number[];
110
109
  dot: boolean;
110
+ offset: number[];
111
111
  maxCount: number;
112
112
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
113
113
  install: (app: App, options?: SDOptions) => void;
@@ -29,8 +29,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
29
29
  onPreviousClick?: ((...args: any[]) => any) | undefined;
30
30
  onNextClick?: ((...args: any[]) => any) | undefined;
31
31
  }>, {
32
- showArrow: string;
33
32
  direction: string;
33
+ showArrow: string;
34
34
  }, {}, {
35
35
  IconUp: {
36
36
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
@@ -112,17 +112,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
112
112
  onChange?: ((_index: number, _prevIndex: number, _isManual: boolean) => any) | undefined;
113
113
  "onUpdate:current"?: ((_index: number) => any) | undefined;
114
114
  }>, {
115
+ direction: "horizontal" | "vertical";
115
116
  trigger: CarouselTriggerEvent;
116
117
  showArrow: CarouselArrowType;
117
118
  arrowClass: string;
118
119
  animationName: "slide" | "fade" | "card";
119
- direction: "horizontal" | "vertical";
120
+ transitionTimingFunction: string;
120
121
  defaultCurrent: number;
121
122
  autoPlay: boolean | CarouselAutoPlayConfig;
122
123
  moveSpeed: number;
123
124
  indicatorType: CarouselIndicatorType;
124
125
  indicatorPosition: CarouselIndicatorPosition;
125
126
  indicatorClass: string;
126
- transitionTimingFunction: string;
127
127
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
128
128
  export default _default;
@@ -62,18 +62,18 @@ declare const Carousel: {
62
62
  'update:current': (_index: number) => true;
63
63
  change: (_index: number, _prevIndex: number, _isManual: boolean) => true;
64
64
  }, import("vue").PublicProps, {
65
+ direction: "horizontal" | "vertical";
65
66
  trigger: import("./interface").CarouselTriggerEvent;
66
67
  showArrow: import("./interface").CarouselArrowType;
67
68
  arrowClass: string;
68
69
  animationName: "slide" | "fade" | "card";
69
- direction: "horizontal" | "vertical";
70
+ transitionTimingFunction: string;
70
71
  defaultCurrent: number;
71
72
  autoPlay: boolean | import("./interface").CarouselAutoPlayConfig;
72
73
  moveSpeed: number;
73
74
  indicatorType: import("./interface").CarouselIndicatorType;
74
75
  indicatorPosition: import("./interface").CarouselIndicatorPosition;
75
76
  indicatorClass: string;
76
- transitionTimingFunction: string;
77
77
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
78
78
  P: {};
79
79
  B: {};
@@ -137,18 +137,18 @@ declare const Carousel: {
137
137
  onChange?: ((_index: number, _prevIndex: number, _isManual: boolean) => any) | undefined;
138
138
  "onUpdate:current"?: ((_index: number) => any) | undefined;
139
139
  }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
140
+ direction: "horizontal" | "vertical";
140
141
  trigger: import("./interface").CarouselTriggerEvent;
141
142
  showArrow: import("./interface").CarouselArrowType;
142
143
  arrowClass: string;
143
144
  animationName: "slide" | "fade" | "card";
144
- direction: "horizontal" | "vertical";
145
+ transitionTimingFunction: string;
145
146
  defaultCurrent: number;
146
147
  autoPlay: boolean | import("./interface").CarouselAutoPlayConfig;
147
148
  moveSpeed: number;
148
149
  indicatorType: import("./interface").CarouselIndicatorType;
149
150
  indicatorPosition: import("./interface").CarouselIndicatorPosition;
150
151
  indicatorClass: string;
151
- transitionTimingFunction: string;
152
152
  }>;
153
153
  __isFragment?: never;
154
154
  __isTeleport?: never;
@@ -212,18 +212,18 @@ declare const Carousel: {
212
212
  'update:current': (_index: number) => true;
213
213
  change: (_index: number, _prevIndex: number, _isManual: boolean) => true;
214
214
  }, string, {
215
+ direction: "horizontal" | "vertical";
215
216
  trigger: import("./interface").CarouselTriggerEvent;
216
217
  showArrow: import("./interface").CarouselArrowType;
217
218
  arrowClass: string;
218
219
  animationName: "slide" | "fade" | "card";
219
- direction: "horizontal" | "vertical";
220
+ transitionTimingFunction: string;
220
221
  defaultCurrent: number;
221
222
  autoPlay: boolean | import("./interface").CarouselAutoPlayConfig;
222
223
  moveSpeed: number;
223
224
  indicatorType: import("./interface").CarouselIndicatorType;
224
225
  indicatorPosition: import("./interface").CarouselIndicatorPosition;
225
226
  indicatorClass: string;
226
- transitionTimingFunction: string;
227
227
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
228
228
  Item: import("vue").DefineComponent<{}, {
229
229
  cls: import("vue").ComputedRef<{
@@ -190,13 +190,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
190
190
  "onUpdate:modelValue"?: ((_value: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined) => any) | undefined;
191
191
  }>, {
192
192
  defaultValue: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined;
193
+ multiple: boolean;
193
194
  options: CascaderOption[];
194
195
  valueKey: string;
195
- multiple: boolean;
196
+ expandTrigger: string;
196
197
  checkStrictly: boolean;
197
198
  pathMode: boolean;
198
199
  expandChild: boolean;
199
- expandTrigger: string;
200
200
  }, {}, {
201
201
  BaseCascaderPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
202
202
  displayColumns: {