@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.
- package/dist/sd.css +90 -0
- package/dist/sd.min.css +1 -1
- package/es/_components/input-label/input-label.js +30 -24
- package/es/_components/select-view/interface.d.ts +1 -0
- package/es/_components/select-view/select-view.d.ts +12 -3
- package/es/_components/select-view/select-view.js +38 -28
- package/es/_components/select-view/style/index.css +45 -0
- package/es/_hooks/use-trigger.d.ts +4 -6
- package/es/_hooks/use-trigger.js +7 -5
- package/es/auto-complete/auto-complete.d.ts +1 -1
- package/es/auto-complete/index.d.ts +3 -3
- package/es/badge/badge.d.ts +1 -1
- package/es/badge/index.d.ts +3 -3
- package/es/carousel/carousel-arrow.vue.d.ts +1 -1
- package/es/carousel/carousel.d.ts +2 -2
- package/es/carousel/index.d.ts +6 -6
- package/es/cascader/cascader-panel.vue.d.ts +2 -2
- package/es/cascader/cascader.vue.d.ts +20 -11
- package/es/cascader/index.d.ts +44 -26
- package/es/config-provider/config-provider.vue.d.ts +1 -1
- package/es/config-provider/index.d.ts +3 -3
- package/es/date-picker/index.d.ts +6 -6
- package/es/date-picker/picker.vue.d.ts +6 -6
- package/es/date-picker/range-picker.vue.d.ts +6 -6
- package/es/descriptions/descriptions.d.ts +2 -2
- package/es/descriptions/index.d.ts +6 -6
- package/es/drawer/drawer.vue_vue_type_script_lang.js +1 -1
- package/es/dropdown/dropdown-button.vue.d.ts +8 -8
- package/es/dropdown/dropdown-panel.vue.d.ts +2 -2
- package/es/dropdown/dropdown-submenu.vue.d.ts +8 -8
- package/es/dropdown/dropdown.vue.d.ts +8 -8
- package/es/dropdown/index.d.ts +32 -32
- package/es/ellipsis/ellipsis.vue.d.ts +13 -13
- package/es/ellipsis/ellipsis.vue_vue_type_script_lang.js +1 -1
- package/es/ellipsis/index.d.ts +56 -56
- package/es/ellipsis/performant-ellipsis.vue.d.ts +14 -14
- package/es/form/form-item-label.vue.d.ts +12 -12
- package/es/form/form-item.vue.d.ts +12 -12
- package/es/form/index.d.ts +12 -12
- package/es/grid/grid.vue.d.ts +1 -1
- package/es/grid/index.d.ts +3 -3
- package/es/image/image.vue.d.ts +12 -12
- package/es/image/preview-action.d.ts +12 -12
- package/es/image/preview-group.vue.d.ts +12 -12
- package/es/image/preview-toolbar.vue.d.ts +12 -12
- package/es/image/preview.vue.d.ts +12 -12
- package/es/index.css +90 -0
- package/es/index.js +2 -2
- package/es/input-tag/index.d.ts +6 -6
- package/es/input-tag/input-tag.d.ts +3 -3
- package/es/input-tag/input-tag.js +179 -30
- package/es/input-tag/style/index.css +45 -0
- package/es/input-tag/style/input-tag.scss +53 -0
- package/es/list/index.d.ts +3 -3
- package/es/list/list.d.ts +1 -1
- package/es/menu/sub-menu-pop.vue.d.ts +6 -6
- package/es/modal/modal.vue_vue_type_script_lang.js +1 -1
- package/es/overflow-list/index.d.ts +3 -3
- package/es/overflow-list/overflow-list.d.ts +1 -1
- package/es/pagination/page-options.vue.d.ts +188 -98
- package/es/popconfirm/index.d.ts +12 -12
- package/es/popconfirm/popconfirm.vue.d.ts +6 -6
- package/es/popover/index.d.ts +12 -12
- package/es/popover/popover.vue.d.ts +6 -6
- package/es/progress/index.d.ts +5 -5
- package/es/progress/line.vue.d.ts +1 -1
- package/es/progress/progress.vue.d.ts +2 -2
- package/es/scrollbar/index.d.ts +2 -2
- package/es/scrollbar/scrollbar.vue.d.ts +1 -1
- package/es/scrollbar/thumb.vue.d.ts +1 -1
- package/es/sd-vue.js +2 -2
- package/es/select/hooks/use-options.d.ts +9 -4
- package/es/select/hooks/use-options.js +2 -2
- package/es/select/hooks/use-select.d.ts +9 -4
- package/es/select/index.d.ts +188 -98
- package/es/select/interface.d.ts +57 -46
- package/es/select/select-dropdown.vue.d.ts +2 -2
- package/es/select/select.d.ts +107 -59
- package/es/select/select.js +179 -125
- package/es/select/utils.d.ts +1 -1
- package/es/select/utils.js +28 -10
- package/es/skeleton/index.d.ts +1 -1
- package/es/skeleton/line.vue.d.ts +1 -1
- package/es/slider/index.d.ts +27 -27
- package/es/slider/slider-button.vue.d.ts +12 -12
- package/es/slider/slider.vue.d.ts +13 -13
- package/es/space/index.d.ts +3 -3
- package/es/space/space.d.ts +1 -1
- package/es/statistic/index.d.ts +6 -6
- package/es/statistic/statistic.vue.d.ts +2 -2
- package/es/table/index.d.ts +6 -6
- package/es/table/table.d.ts +2 -2
- package/es/tabs/index.d.ts +9 -9
- package/es/tabs/tabs.d.ts +3 -3
- package/es/tag/index.d.ts +3 -3
- package/es/tag/tag.vue.d.ts +1 -1
- package/es/time-picker/index.d.ts +12 -12
- package/es/time-picker/time-picker.vue.d.ts +6 -6
- package/es/tooltip/index.d.ts +12 -12
- package/es/tooltip/tooltip.vue.d.ts +6 -6
- package/es/transfer/index.d.ts +10 -10
- package/es/transfer/transfer-view.vue.d.ts +5 -5
- package/es/transfer/transfer.vue.d.ts +5 -5
- package/es/tree/index.d.ts +6 -6
- package/es/tree/tree.vue.d.ts +2 -2
- package/es/tree-select/hooks/use-selected-state.d.ts +2 -0
- package/es/tree-select/hooks/use-selected-state.js +26 -8
- package/es/tree-select/index.d.ts +265 -61
- package/es/tree-select/interface.d.ts +16 -3
- package/es/tree-select/panel.d.ts +6 -6
- package/es/tree-select/tree-select.js +28 -15
- package/es/tree-select/tree-select.vue.d.ts +143 -30
- package/es/tree-select/tree-select.vue_vue_type_script_lang.js +100 -23
- package/es/trigger/index.d.ts +6 -6
- package/es/trigger/trigger.d.ts +2 -2
- package/es/typography/operations.vue.d.ts +12 -12
- package/json/vetur-attributes.json +36 -158
- package/json/vetur-tags.json +10 -46
- package/json/web-types.json +79 -366
- 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 = () =>
|
|
90
|
-
|
|
91
|
-
"
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
"
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
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
|
|
@@ -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:
|
|
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:
|
|
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(
|
|
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
|
-
|
|
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)
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
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
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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;
|
package/es/_hooks/use-trigger.js
CHANGED
|
@@ -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
|
};
|
package/es/badge/badge.d.ts
CHANGED
|
@@ -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;
|
package/es/badge/index.d.ts
CHANGED
|
@@ -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
|
-
|
|
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;
|
package/es/carousel/index.d.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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: {
|