@sdata/web-vue 3.19.0 → 3.20.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 +11 -0
- package/dist/sd.min.css +1 -1
- package/es/basic-crud-table/basic-crud-table.vue_vue_type_script_setup_true_lang.js +6 -4
- package/es/basic-crud-table/types.d.ts +2 -0
- package/es/card/card.d.ts +22 -0
- package/es/card/card.js +11 -2
- package/es/card/index.d.ts +39 -0
- package/es/cascader/base-cascader-panel.d.ts +3 -0
- package/es/cascader/base-cascader-panel.js +2 -1
- package/es/cascader/cascader-search-panel.d.ts +3 -0
- package/es/cascader/cascader-search-panel.js +2 -1
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +10 -2
- package/es/cascader/types.d.ts +2 -0
- package/es/config-provider/config-provider.vue.d.ts +67 -0
- package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js +67 -1
- package/es/config-provider/context.d.ts +12 -0
- package/es/config-provider/index.d.ts +99 -0
- package/es/drawer/drawer.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/index.css +11 -0
- package/es/index.d.ts +2 -2
- package/es/list/index.d.ts +9 -0
- package/es/list/list.d.ts +7 -0
- package/es/list/list.js +8 -2
- package/es/modal/modal.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/qr-code/index.d.ts +18 -12
- package/es/qr-code/qr-code.vue.d.ts +5 -3
- package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js +5 -2
- package/es/select/index.d.ts +9 -0
- package/es/select/select-dropdown.vue.d.ts +3 -0
- package/es/select/select-dropdown.vue_vue_type_script_setup_true_lang.js +2 -4
- package/es/select/select.d.ts +7 -0
- package/es/select/select.js +10 -1
- package/es/sender/index.d.ts +1 -1
- package/es/sender/sender.vue_vue_type_script_setup_true_lang.js +117 -93
- package/es/sender/style/index.css +11 -0
- package/es/sender/style/index.scss +13 -0
- package/es/sender/types.d.ts +60 -3
- package/es/sender/use-speech.d.ts +12 -2
- package/es/sender/use-speech.js +293 -75
- package/es/spin/index.d.ts +15 -0
- package/es/spin/spin.d.ts +9 -0
- package/es/spin/spin.js +72 -10
- package/es/table/index.d.ts +51 -6
- package/es/table/interface.d.ts +3 -0
- package/es/table/table.d.ts +22 -3
- package/es/table/table.js +7 -2
- package/es/timeline/index.d.ts +39 -0
- package/es/timeline/timeline.d.ts +22 -0
- package/es/timeline/timeline.js +11 -2
- package/es/toolbar/toolbar.vue_vue_type_script_setup_true_lang.js +9 -5
- package/es/toolbar/types.d.ts +2 -0
- package/es/tree-select/tree-select.vue.d.ts +7 -0
- package/es/tree-select/tree-select.vue_vue_type_script_setup_true_lang.js +7 -1
- package/json/vetur-attributes.json +63 -3
- package/json/vetur-tags.json +20 -0
- package/json/web-types.json +163 -3
- package/package.json +1 -1
|
@@ -25,6 +25,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
25
25
|
columns: {},
|
|
26
26
|
tableProps: { default: () => ({}) },
|
|
27
27
|
toolbarProps: { default: () => ({}) },
|
|
28
|
+
spinProps: {},
|
|
28
29
|
modalProps: { default: () => ({}) },
|
|
29
30
|
modalFormProps: { default: () => ({ schemas: [] }) },
|
|
30
31
|
fullHeight: {
|
|
@@ -121,6 +122,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
121
122
|
const modalVisible = useModel(__props, "modalVisible");
|
|
122
123
|
const slots = useSlots();
|
|
123
124
|
const configProvider = inject(configProviderInjectionKey, void 0);
|
|
125
|
+
const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configProvider === null || configProvider === void 0 ? void 0 : configProvider.basicCrudTableSpinProps), __props.spinProps));
|
|
124
126
|
const toolbarRef = shallowRef();
|
|
125
127
|
const modalRef = shallowRef();
|
|
126
128
|
const current = shallowRef(resolvePaginationNumber("current", "defaultCurrent", 1));
|
|
@@ -431,10 +433,10 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
431
433
|
})
|
|
432
434
|
]), 1040, ["modelValue", "loading"])) : createCommentVNode("", true)
|
|
433
435
|
], 2)) : createCommentVNode("", true),
|
|
434
|
-
createVNode(unref(Spin), {
|
|
436
|
+
createVNode(unref(Spin), mergeProps(resolvedSpinProps.value, {
|
|
435
437
|
loading: loading.value,
|
|
436
|
-
class:
|
|
437
|
-
}, {
|
|
438
|
+
class: `${unref(prefixCls)}-body`
|
|
439
|
+
}), {
|
|
438
440
|
default: withCtx(() => [createVNode(unref(Table), mergeProps(__props.tableProps, {
|
|
439
441
|
scroll: resolvedTableScroll.value,
|
|
440
442
|
columns: resolvedColumns.value,
|
|
@@ -488,7 +490,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
488
490
|
"pagination"
|
|
489
491
|
])]),
|
|
490
492
|
_: 3
|
|
491
|
-
},
|
|
493
|
+
}, 16, ["loading", "class"]),
|
|
492
494
|
createVNode(basic_crud_modal_default, {
|
|
493
495
|
ref_key: "modalRef",
|
|
494
496
|
ref: modalRef,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { UnknownRecord } from 'type-fest';
|
|
2
2
|
import type { JsonFormProps } from '../json-form';
|
|
3
3
|
import type ModalComponent from '../modal/modal.vue';
|
|
4
|
+
import type { SpinProps } from '../spin';
|
|
4
5
|
import type { TableColumnData, TableData, TableInstance } from '../table';
|
|
5
6
|
import type { ToolbarProps } from '../toolbar';
|
|
6
7
|
export type MaybePromise<T> = T | Promise<T>;
|
|
@@ -19,6 +20,7 @@ export interface BasicCrudTableProps<TRow extends TableData = TableData> {
|
|
|
19
20
|
columns: TableColumnData[];
|
|
20
21
|
tableProps?: BasicCrudTableTableProps;
|
|
21
22
|
toolbarProps?: BasicCrudTableToolbarProps;
|
|
23
|
+
spinProps?: SpinProps;
|
|
22
24
|
modalProps?: BasicCrudTableModalProps;
|
|
23
25
|
modalFormProps?: BasicCrudTableModalFormProps;
|
|
24
26
|
fullHeight?: boolean;
|
package/es/card/card.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PropType, CSSProperties } from 'vue';
|
|
2
|
+
import type { SpinProps } from '../spin';
|
|
2
3
|
import { type ScrollbarProps } from '../scrollbar';
|
|
3
4
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
5
|
bordered: {
|
|
@@ -9,6 +10,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
9
10
|
type: BooleanConstructor;
|
|
10
11
|
default: boolean;
|
|
11
12
|
};
|
|
13
|
+
spinProps: {
|
|
14
|
+
type: PropType<SpinProps>;
|
|
15
|
+
};
|
|
12
16
|
hoverable: {
|
|
13
17
|
type: BooleanConstructor;
|
|
14
18
|
default: boolean;
|
|
@@ -47,6 +51,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
47
51
|
type: BooleanConstructor;
|
|
48
52
|
default: boolean;
|
|
49
53
|
};
|
|
54
|
+
spinProps: {
|
|
55
|
+
type: PropType<SpinProps>;
|
|
56
|
+
};
|
|
50
57
|
hoverable: {
|
|
51
58
|
type: BooleanConstructor;
|
|
52
59
|
default: boolean;
|
|
@@ -91,6 +98,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
91
98
|
type: NumberConstructor;
|
|
92
99
|
};
|
|
93
100
|
loading: BooleanConstructor;
|
|
101
|
+
delay: {
|
|
102
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
94
105
|
dot: BooleanConstructor;
|
|
95
106
|
tip: StringConstructor;
|
|
96
107
|
hideIcon: {
|
|
@@ -100,6 +111,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
100
111
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
101
112
|
dot: boolean;
|
|
102
113
|
loading: boolean;
|
|
114
|
+
delay: number | boolean;
|
|
103
115
|
hideIcon: boolean;
|
|
104
116
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
105
117
|
P: {};
|
|
@@ -113,6 +125,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
113
125
|
type: NumberConstructor;
|
|
114
126
|
};
|
|
115
127
|
loading: BooleanConstructor;
|
|
128
|
+
delay: {
|
|
129
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
130
|
+
default: boolean;
|
|
131
|
+
};
|
|
116
132
|
dot: BooleanConstructor;
|
|
117
133
|
tip: StringConstructor;
|
|
118
134
|
hideIcon: {
|
|
@@ -122,6 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
122
138
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
|
|
123
139
|
dot: boolean;
|
|
124
140
|
loading: boolean;
|
|
141
|
+
delay: number | boolean;
|
|
125
142
|
hideIcon: boolean;
|
|
126
143
|
}>;
|
|
127
144
|
__isFragment?: never;
|
|
@@ -132,6 +149,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
132
149
|
type: NumberConstructor;
|
|
133
150
|
};
|
|
134
151
|
loading: BooleanConstructor;
|
|
152
|
+
delay: {
|
|
153
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
154
|
+
default: boolean;
|
|
155
|
+
};
|
|
135
156
|
dot: BooleanConstructor;
|
|
136
157
|
tip: StringConstructor;
|
|
137
158
|
hideIcon: {
|
|
@@ -141,6 +162,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
141
162
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
142
163
|
dot: boolean;
|
|
143
164
|
loading: boolean;
|
|
165
|
+
delay: number | boolean;
|
|
144
166
|
hideIcon: boolean;
|
|
145
167
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
146
168
|
install: (app: import("vue").App, options?: import("../_utils/types").SDOptions) => void;
|
package/es/card/card.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { configProviderInjectionKey } from "../config-provider/context.js";
|
|
2
|
+
import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
1
3
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
2
4
|
import { getAllElements } from "../_utils/vue-utils.js";
|
|
3
5
|
import { useSize } from "../_hooks/use-size.js";
|
|
@@ -5,7 +7,7 @@ import { useScrollbar } from "../_hooks/use-scrollbar.js";
|
|
|
5
7
|
import Scrollbar from "../scrollbar/index.js";
|
|
6
8
|
import Spin from "../spin/index.js";
|
|
7
9
|
import { cardInjectionKey } from "./context.js";
|
|
8
|
-
import { computed, createVNode, defineComponent, mergeProps, provide, reactive, toRef, toRefs } from "vue";
|
|
10
|
+
import { computed, createVNode, defineComponent, inject, mergeProps, provide, reactive, toRef, toRefs } from "vue";
|
|
9
11
|
//#region components/card/card.tsx
|
|
10
12
|
var card_default = /* @__PURE__ */ defineComponent({
|
|
11
13
|
name: "Card",
|
|
@@ -31,6 +33,11 @@ var card_default = /* @__PURE__ */ defineComponent({
|
|
|
31
33
|
default: false
|
|
32
34
|
},
|
|
33
35
|
/**
|
|
36
|
+
* @zh 传递给加载中 Spin 的属性
|
|
37
|
+
* @en Props passed to the loading Spin
|
|
38
|
+
*/
|
|
39
|
+
spinProps: { type: Object },
|
|
40
|
+
/**
|
|
34
41
|
* @zh 是否可悬浮
|
|
35
42
|
* @en Can be hovered
|
|
36
43
|
*/
|
|
@@ -110,6 +117,8 @@ var card_default = /* @__PURE__ */ defineComponent({
|
|
|
110
117
|
* @slot actions
|
|
111
118
|
*/
|
|
112
119
|
setup(props, { slots }) {
|
|
120
|
+
const configCtx = inject(configProviderInjectionKey, void 0);
|
|
121
|
+
const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.cardSpinProps), props.spinProps));
|
|
113
122
|
const prefixCls = getPrefixCls("card");
|
|
114
123
|
const { size } = toRefs(props);
|
|
115
124
|
const { mergedSize: _mergedSize } = useSize(size);
|
|
@@ -161,7 +170,7 @@ var card_default = /* @__PURE__ */ defineComponent({
|
|
|
161
170
|
createVNode("div", {
|
|
162
171
|
"class": bodyCls.value,
|
|
163
172
|
"style": props.bodyStyle
|
|
164
|
-
}, [props.loading ? createVNode(Spin,
|
|
173
|
+
}, [props.loading ? createVNode(Spin, mergedSpinProps.value, null) : scrollEnabled.value ? createVNode(Scrollbar, mergeProps(scrollbarProps.value, { "outerClass": `${prefixCls}-body-scrollbar` }), { default: () => {
|
|
165
174
|
var _slots$default;
|
|
166
175
|
return [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)];
|
|
167
176
|
} }) : (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots), slots.actions && !cardContext.hasMeta && renderActions(slots.actions())])
|
package/es/card/index.d.ts
CHANGED
|
@@ -13,6 +13,9 @@ declare const Card: {
|
|
|
13
13
|
type: BooleanConstructor;
|
|
14
14
|
default: boolean;
|
|
15
15
|
};
|
|
16
|
+
spinProps: {
|
|
17
|
+
type: import("vue").PropType<import("../index.ts").SpinProps>;
|
|
18
|
+
};
|
|
16
19
|
hoverable: {
|
|
17
20
|
type: BooleanConstructor;
|
|
18
21
|
default: boolean;
|
|
@@ -57,6 +60,10 @@ declare const Card: {
|
|
|
57
60
|
type: NumberConstructor;
|
|
58
61
|
};
|
|
59
62
|
loading: BooleanConstructor;
|
|
63
|
+
delay: {
|
|
64
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
60
67
|
dot: BooleanConstructor;
|
|
61
68
|
tip: StringConstructor;
|
|
62
69
|
hideIcon: {
|
|
@@ -66,6 +73,7 @@ declare const Card: {
|
|
|
66
73
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
67
74
|
dot: boolean;
|
|
68
75
|
loading: boolean;
|
|
76
|
+
delay: number | boolean;
|
|
69
77
|
hideIcon: boolean;
|
|
70
78
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
71
79
|
P: {};
|
|
@@ -79,6 +87,10 @@ declare const Card: {
|
|
|
79
87
|
type: NumberConstructor;
|
|
80
88
|
};
|
|
81
89
|
loading: BooleanConstructor;
|
|
90
|
+
delay: {
|
|
91
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
92
|
+
default: boolean;
|
|
93
|
+
};
|
|
82
94
|
dot: BooleanConstructor;
|
|
83
95
|
tip: StringConstructor;
|
|
84
96
|
hideIcon: {
|
|
@@ -88,6 +100,7 @@ declare const Card: {
|
|
|
88
100
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
|
|
89
101
|
dot: boolean;
|
|
90
102
|
loading: boolean;
|
|
103
|
+
delay: number | boolean;
|
|
91
104
|
hideIcon: boolean;
|
|
92
105
|
}>;
|
|
93
106
|
__isFragment?: never;
|
|
@@ -98,6 +111,10 @@ declare const Card: {
|
|
|
98
111
|
type: NumberConstructor;
|
|
99
112
|
};
|
|
100
113
|
loading: BooleanConstructor;
|
|
114
|
+
delay: {
|
|
115
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
116
|
+
default: boolean;
|
|
117
|
+
};
|
|
101
118
|
dot: BooleanConstructor;
|
|
102
119
|
tip: StringConstructor;
|
|
103
120
|
hideIcon: {
|
|
@@ -107,6 +124,7 @@ declare const Card: {
|
|
|
107
124
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
108
125
|
dot: boolean;
|
|
109
126
|
loading: boolean;
|
|
127
|
+
delay: number | boolean;
|
|
110
128
|
hideIcon: boolean;
|
|
111
129
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
112
130
|
install: (app: App, options?: SDOptions) => void;
|
|
@@ -420,6 +438,9 @@ declare const Card: {
|
|
|
420
438
|
type: BooleanConstructor;
|
|
421
439
|
default: boolean;
|
|
422
440
|
};
|
|
441
|
+
spinProps: {
|
|
442
|
+
type: import("vue").PropType<import("../index.ts").SpinProps>;
|
|
443
|
+
};
|
|
423
444
|
hoverable: {
|
|
424
445
|
type: BooleanConstructor;
|
|
425
446
|
default: boolean;
|
|
@@ -470,6 +491,9 @@ declare const Card: {
|
|
|
470
491
|
type: BooleanConstructor;
|
|
471
492
|
default: boolean;
|
|
472
493
|
};
|
|
494
|
+
spinProps: {
|
|
495
|
+
type: import("vue").PropType<import("../index.ts").SpinProps>;
|
|
496
|
+
};
|
|
473
497
|
hoverable: {
|
|
474
498
|
type: BooleanConstructor;
|
|
475
499
|
default: boolean;
|
|
@@ -514,6 +538,10 @@ declare const Card: {
|
|
|
514
538
|
type: NumberConstructor;
|
|
515
539
|
};
|
|
516
540
|
loading: BooleanConstructor;
|
|
541
|
+
delay: {
|
|
542
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
543
|
+
default: boolean;
|
|
544
|
+
};
|
|
517
545
|
dot: BooleanConstructor;
|
|
518
546
|
tip: StringConstructor;
|
|
519
547
|
hideIcon: {
|
|
@@ -523,6 +551,7 @@ declare const Card: {
|
|
|
523
551
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
524
552
|
dot: boolean;
|
|
525
553
|
loading: boolean;
|
|
554
|
+
delay: number | boolean;
|
|
526
555
|
hideIcon: boolean;
|
|
527
556
|
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
528
557
|
P: {};
|
|
@@ -536,6 +565,10 @@ declare const Card: {
|
|
|
536
565
|
type: NumberConstructor;
|
|
537
566
|
};
|
|
538
567
|
loading: BooleanConstructor;
|
|
568
|
+
delay: {
|
|
569
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
570
|
+
default: boolean;
|
|
571
|
+
};
|
|
539
572
|
dot: BooleanConstructor;
|
|
540
573
|
tip: StringConstructor;
|
|
541
574
|
hideIcon: {
|
|
@@ -545,6 +578,7 @@ declare const Card: {
|
|
|
545
578
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
|
|
546
579
|
dot: boolean;
|
|
547
580
|
loading: boolean;
|
|
581
|
+
delay: number | boolean;
|
|
548
582
|
hideIcon: boolean;
|
|
549
583
|
}>;
|
|
550
584
|
__isFragment?: never;
|
|
@@ -555,6 +589,10 @@ declare const Card: {
|
|
|
555
589
|
type: NumberConstructor;
|
|
556
590
|
};
|
|
557
591
|
loading: BooleanConstructor;
|
|
592
|
+
delay: {
|
|
593
|
+
type: (BooleanConstructor | NumberConstructor)[];
|
|
594
|
+
default: boolean;
|
|
595
|
+
};
|
|
558
596
|
dot: BooleanConstructor;
|
|
559
597
|
tip: StringConstructor;
|
|
560
598
|
hideIcon: {
|
|
@@ -564,6 +602,7 @@ declare const Card: {
|
|
|
564
602
|
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
565
603
|
dot: boolean;
|
|
566
604
|
loading: boolean;
|
|
605
|
+
delay: number | boolean;
|
|
567
606
|
hideIcon: boolean;
|
|
568
607
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
|
|
569
608
|
install: (app: App, options?: SDOptions) => void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
+
import type { SpinProps } from '../spin';
|
|
2
3
|
import { VirtualListProps } from '../_components/virtual-list/interface';
|
|
3
4
|
import { CascaderOptionInfo } from './interface';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
18
19
|
multiple: BooleanConstructor;
|
|
19
20
|
checkStrictly: BooleanConstructor;
|
|
20
21
|
loading: BooleanConstructor;
|
|
22
|
+
spinProps: PropType<SpinProps>;
|
|
21
23
|
dropdown: BooleanConstructor;
|
|
22
24
|
virtualListProps: {
|
|
23
25
|
type: PropType<VirtualListProps>;
|
|
@@ -39,6 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
39
41
|
multiple: BooleanConstructor;
|
|
40
42
|
checkStrictly: BooleanConstructor;
|
|
41
43
|
loading: BooleanConstructor;
|
|
44
|
+
spinProps: PropType<SpinProps>;
|
|
42
45
|
dropdown: BooleanConstructor;
|
|
43
46
|
virtualListProps: {
|
|
44
47
|
type: PropType<VirtualListProps>;
|
|
@@ -27,6 +27,7 @@ var base_cascader_panel_default = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
multiple: Boolean,
|
|
28
28
|
checkStrictly: Boolean,
|
|
29
29
|
loading: Boolean,
|
|
30
|
+
spinProps: Object,
|
|
30
31
|
dropdown: Boolean,
|
|
31
32
|
virtualListProps: { type: Object }
|
|
32
33
|
},
|
|
@@ -41,7 +42,7 @@ var base_cascader_panel_default = /* @__PURE__ */ defineComponent({
|
|
|
41
42
|
if (props.loading) return createVNode("div", {
|
|
42
43
|
"key": "panel-column-loading",
|
|
43
44
|
"class": [`${prefixCls}-panel-column`, `${prefixCls}-panel-column-loading`]
|
|
44
|
-
}, [createVNode(Spin,
|
|
45
|
+
}, [createVNode(Spin, props.spinProps, null)]);
|
|
45
46
|
if (props.displayColumns.length === 0) return createVNode("div", {
|
|
46
47
|
"key": "panel-column-empty",
|
|
47
48
|
"class": `${prefixCls}-panel-column`
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PropType } from 'vue';
|
|
2
|
+
import type { SpinProps } from '../spin';
|
|
2
3
|
import { CascaderOptionInfo } from './interface';
|
|
3
4
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
5
|
options: {
|
|
@@ -6,6 +7,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
6
7
|
required: true;
|
|
7
8
|
};
|
|
8
9
|
loading: BooleanConstructor;
|
|
10
|
+
spinProps: PropType<SpinProps>;
|
|
9
11
|
activeKey: StringConstructor;
|
|
10
12
|
multiple: BooleanConstructor;
|
|
11
13
|
checkStrictly: BooleanConstructor;
|
|
@@ -16,6 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
16
18
|
required: true;
|
|
17
19
|
};
|
|
18
20
|
loading: BooleanConstructor;
|
|
21
|
+
spinProps: PropType<SpinProps>;
|
|
19
22
|
activeKey: StringConstructor;
|
|
20
23
|
multiple: BooleanConstructor;
|
|
21
24
|
checkStrictly: BooleanConstructor;
|
|
@@ -17,6 +17,7 @@ var cascader_search_panel_default = /* @__PURE__ */ defineComponent({
|
|
|
17
17
|
required: true
|
|
18
18
|
},
|
|
19
19
|
loading: Boolean,
|
|
20
|
+
spinProps: Object,
|
|
20
21
|
activeKey: String,
|
|
21
22
|
multiple: Boolean,
|
|
22
23
|
checkStrictly: Boolean,
|
|
@@ -26,7 +27,7 @@ var cascader_search_panel_default = /* @__PURE__ */ defineComponent({
|
|
|
26
27
|
const prefixCls = getPrefixCls("cascader");
|
|
27
28
|
const configCtx = inject(configProviderInjectionKey, void 0);
|
|
28
29
|
const renderContent = () => {
|
|
29
|
-
if (props.loading) return createVNode(Spin,
|
|
30
|
+
if (props.loading) return createVNode(Spin, props.spinProps, null);
|
|
30
31
|
if (props.options.length === 0) {
|
|
31
32
|
var _ref, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
|
|
32
33
|
return createVNode("div", { "class": `${prefixCls}-list-empty` }, [(_ref = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "cascader" })) !== null && _ref !== void 0 ? _ref : createVNode(Empty, null, null)]);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useFormItem } from "../_hooks/use-form-item.js";
|
|
2
|
+
import { configProviderInjectionKey } from "../config-provider/context.js";
|
|
2
3
|
import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
|
|
3
4
|
import { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
|
|
4
5
|
import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
|
|
@@ -17,7 +18,7 @@ import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos
|
|
|
17
18
|
import base_cascader_panel_default from "./base-cascader-panel.js";
|
|
18
19
|
import { useSelectedPath } from "./hooks/use-selected-path.js";
|
|
19
20
|
import cascader_search_panel_default from "./cascader-search-panel.js";
|
|
20
|
-
import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
|
|
21
|
+
import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, inject, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
|
|
21
22
|
//#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
|
|
22
23
|
var DEFAULT_CASCADER_VIRTUAL_ITEM_SIZE = 36;
|
|
23
24
|
var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
|
|
@@ -88,6 +89,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
88
89
|
type: Boolean,
|
|
89
90
|
default: false
|
|
90
91
|
},
|
|
92
|
+
spinProps: {},
|
|
91
93
|
searchOptionOnlyLabel: {
|
|
92
94
|
type: Boolean,
|
|
93
95
|
default: false
|
|
@@ -136,12 +138,14 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
136
138
|
const emit = __emit;
|
|
137
139
|
const attrs = useAttrs();
|
|
138
140
|
const slots = useSlots();
|
|
141
|
+
const configCtx = inject(configProviderInjectionKey, void 0);
|
|
139
142
|
const getDefaultValue = (multiple, pathMode) => {
|
|
140
143
|
if (multiple) return [];
|
|
141
144
|
if (pathMode) return;
|
|
142
145
|
return "";
|
|
143
146
|
};
|
|
144
|
-
const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
|
|
147
|
+
const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, spinProps, maxTagCount, tagNowrap, popupContainer, floatingOptions, searchOptionOnlyLabel } = toRefs(props);
|
|
148
|
+
const resolvedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.cascaderSpinProps), spinProps.value));
|
|
145
149
|
const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
|
|
146
150
|
const _inputValue = ref(props.defaultInputValue);
|
|
147
151
|
const instance = getCurrentInstance();
|
|
@@ -511,6 +515,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
511
515
|
multiple: unref(multiple),
|
|
512
516
|
"check-strictly": unref(checkStrictly),
|
|
513
517
|
loading: unref(loading),
|
|
518
|
+
"spin-props": resolvedSpinProps.value,
|
|
514
519
|
"path-label": !unref(searchOptionOnlyLabel)
|
|
515
520
|
}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
|
|
516
521
|
name: "empty",
|
|
@@ -522,6 +527,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
522
527
|
"multiple",
|
|
523
528
|
"check-strictly",
|
|
524
529
|
"loading",
|
|
530
|
+
"spin-props",
|
|
525
531
|
"path-label"
|
|
526
532
|
])) : (openBlock(), createBlock(unref(base_cascader_panel_default), {
|
|
527
533
|
key: 1,
|
|
@@ -532,6 +538,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
532
538
|
"total-level": totalLevel.value,
|
|
533
539
|
"check-strictly": unref(checkStrictly),
|
|
534
540
|
loading: unref(loading),
|
|
541
|
+
"spin-props": resolvedSpinProps.value,
|
|
535
542
|
"virtual-list-props": resolvedVirtualListProps.value,
|
|
536
543
|
dropdown: ""
|
|
537
544
|
}, createSlots({ _: 2 }, [_ctx.$slots.empty ? {
|
|
@@ -546,6 +553,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
|
|
|
546
553
|
"total-level",
|
|
547
554
|
"check-strictly",
|
|
548
555
|
"loading",
|
|
556
|
+
"spin-props",
|
|
549
557
|
"virtual-list-props"
|
|
550
558
|
]))]),
|
|
551
559
|
default: withCtx(() => [createVNode(unref(select_view_default), mergeProps({
|
package/es/cascader/types.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type { VirtualListProps } from '../_components/virtual-list/interface';
|
|
|
2
2
|
import type { FitWidthProps } from '../_hooks/use-fit-width';
|
|
3
3
|
import type { Size } from '../_utils/constant';
|
|
4
4
|
import type { FloatingOptions } from '../_utils/floating';
|
|
5
|
+
import type { SpinProps } from '../spin';
|
|
5
6
|
import type { TriggerProps } from '../trigger';
|
|
6
7
|
import type { CascaderFallback, CascaderFieldNames, CascaderFormatLabel, CascaderLoadMore, CascaderModelValue, CascaderOption } from './interface';
|
|
7
8
|
export type CascaderExpandTrigger = 'click' | 'hover';
|
|
@@ -38,6 +39,7 @@ export interface CascaderProps extends FitWidthProps {
|
|
|
38
39
|
checkStrictly?: boolean;
|
|
39
40
|
loadMore?: CascaderLoadMore;
|
|
40
41
|
loading?: boolean;
|
|
42
|
+
spinProps?: SpinProps;
|
|
41
43
|
searchOptionOnlyLabel?: boolean;
|
|
42
44
|
searchDelay?: number;
|
|
43
45
|
fieldNames?: CascaderFieldNames;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
+
import type { SpinProps } from '../spin';
|
|
2
3
|
import { VirtualListProps } from '../_components/virtual-list/interface';
|
|
3
4
|
import { Size } from '../_utils/constant';
|
|
4
5
|
import { SdLang } from '../locale/interface';
|
|
@@ -69,6 +70,39 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
69
70
|
colorPicker: {
|
|
70
71
|
type: PropType<ConfigProviderColorPicker>;
|
|
71
72
|
};
|
|
73
|
+
spinProps: {
|
|
74
|
+
type: PropType<SpinProps>;
|
|
75
|
+
};
|
|
76
|
+
basicCrudTableSpinProps: {
|
|
77
|
+
type: PropType<SpinProps>;
|
|
78
|
+
};
|
|
79
|
+
cardSpinProps: {
|
|
80
|
+
type: PropType<SpinProps>;
|
|
81
|
+
};
|
|
82
|
+
cascaderSpinProps: {
|
|
83
|
+
type: PropType<SpinProps>;
|
|
84
|
+
};
|
|
85
|
+
listSpinProps: {
|
|
86
|
+
type: PropType<SpinProps>;
|
|
87
|
+
};
|
|
88
|
+
qrCodeSpinProps: {
|
|
89
|
+
type: PropType<SpinProps>;
|
|
90
|
+
};
|
|
91
|
+
selectSpinProps: {
|
|
92
|
+
type: PropType<SpinProps>;
|
|
93
|
+
};
|
|
94
|
+
tableSpinProps: {
|
|
95
|
+
type: PropType<SpinProps>;
|
|
96
|
+
};
|
|
97
|
+
timelineSpinProps: {
|
|
98
|
+
type: PropType<SpinProps>;
|
|
99
|
+
};
|
|
100
|
+
toolbarSpinProps: {
|
|
101
|
+
type: PropType<SpinProps>;
|
|
102
|
+
};
|
|
103
|
+
treeSelectSpinProps: {
|
|
104
|
+
type: PropType<SpinProps>;
|
|
105
|
+
};
|
|
72
106
|
jsonForm: {
|
|
73
107
|
type: PropType<JsonFormProviderConfig>;
|
|
74
108
|
};
|
|
@@ -139,6 +173,39 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
139
173
|
colorPicker: {
|
|
140
174
|
type: PropType<ConfigProviderColorPicker>;
|
|
141
175
|
};
|
|
176
|
+
spinProps: {
|
|
177
|
+
type: PropType<SpinProps>;
|
|
178
|
+
};
|
|
179
|
+
basicCrudTableSpinProps: {
|
|
180
|
+
type: PropType<SpinProps>;
|
|
181
|
+
};
|
|
182
|
+
cardSpinProps: {
|
|
183
|
+
type: PropType<SpinProps>;
|
|
184
|
+
};
|
|
185
|
+
cascaderSpinProps: {
|
|
186
|
+
type: PropType<SpinProps>;
|
|
187
|
+
};
|
|
188
|
+
listSpinProps: {
|
|
189
|
+
type: PropType<SpinProps>;
|
|
190
|
+
};
|
|
191
|
+
qrCodeSpinProps: {
|
|
192
|
+
type: PropType<SpinProps>;
|
|
193
|
+
};
|
|
194
|
+
selectSpinProps: {
|
|
195
|
+
type: PropType<SpinProps>;
|
|
196
|
+
};
|
|
197
|
+
tableSpinProps: {
|
|
198
|
+
type: PropType<SpinProps>;
|
|
199
|
+
};
|
|
200
|
+
timelineSpinProps: {
|
|
201
|
+
type: PropType<SpinProps>;
|
|
202
|
+
};
|
|
203
|
+
toolbarSpinProps: {
|
|
204
|
+
type: PropType<SpinProps>;
|
|
205
|
+
};
|
|
206
|
+
treeSelectSpinProps: {
|
|
207
|
+
type: PropType<SpinProps>;
|
|
208
|
+
};
|
|
142
209
|
jsonForm: {
|
|
143
210
|
type: PropType<JsonFormProviderConfig>;
|
|
144
211
|
};
|
|
@@ -125,6 +125,61 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
125
125
|
*/
|
|
126
126
|
colorPicker: { type: Object },
|
|
127
127
|
/**
|
|
128
|
+
* @zh Spin 组件默认属性
|
|
129
|
+
* @en Default props for Spin
|
|
130
|
+
*/
|
|
131
|
+
spinProps: { type: Object },
|
|
132
|
+
/**
|
|
133
|
+
* @zh BasicCrudTable 内部 Spin 的默认属性
|
|
134
|
+
* @en Default props for Spin inside BasicCrudTable
|
|
135
|
+
*/
|
|
136
|
+
basicCrudTableSpinProps: { type: Object },
|
|
137
|
+
/**
|
|
138
|
+
* @zh Card 内部 Spin 的默认属性
|
|
139
|
+
* @en Default props for Spin inside Card
|
|
140
|
+
*/
|
|
141
|
+
cardSpinProps: { type: Object },
|
|
142
|
+
/**
|
|
143
|
+
* @zh Cascader 内部 Spin 的默认属性
|
|
144
|
+
* @en Default props for Spin inside Cascader
|
|
145
|
+
*/
|
|
146
|
+
cascaderSpinProps: { type: Object },
|
|
147
|
+
/**
|
|
148
|
+
* @zh List 内部 Spin 的默认属性
|
|
149
|
+
* @en Default props for Spin inside List
|
|
150
|
+
*/
|
|
151
|
+
listSpinProps: { type: Object },
|
|
152
|
+
/**
|
|
153
|
+
* @zh QrCode 内部 Spin 的默认属性
|
|
154
|
+
* @en Default props for Spin inside QrCode
|
|
155
|
+
*/
|
|
156
|
+
qrCodeSpinProps: { type: Object },
|
|
157
|
+
/**
|
|
158
|
+
* @zh Select 内部 Spin 的默认属性
|
|
159
|
+
* @en Default props for Spin inside Select
|
|
160
|
+
*/
|
|
161
|
+
selectSpinProps: { type: Object },
|
|
162
|
+
/**
|
|
163
|
+
* @zh Table 内部 Spin 的默认属性,优先于 `spinProps`
|
|
164
|
+
* @en Default props for Spin inside Table, taking precedence over `spinProps`
|
|
165
|
+
*/
|
|
166
|
+
tableSpinProps: { type: Object },
|
|
167
|
+
/**
|
|
168
|
+
* @zh Timeline 内部 Spin 的默认属性
|
|
169
|
+
* @en Default props for Spin inside Timeline
|
|
170
|
+
*/
|
|
171
|
+
timelineSpinProps: { type: Object },
|
|
172
|
+
/**
|
|
173
|
+
* @zh Toolbar 内部 Spin 的默认属性
|
|
174
|
+
* @en Default props for Spin inside Toolbar
|
|
175
|
+
*/
|
|
176
|
+
toolbarSpinProps: { type: Object },
|
|
177
|
+
/**
|
|
178
|
+
* @zh TreeSelect 内部 Spin 的默认属性
|
|
179
|
+
* @en Default props for Spin inside TreeSelect
|
|
180
|
+
*/
|
|
181
|
+
treeSelectSpinProps: { type: Object },
|
|
182
|
+
/**
|
|
128
183
|
* @zh JsonForm 组件默认配置
|
|
129
184
|
* @en Default config for JsonForm
|
|
130
185
|
*/
|
|
@@ -156,7 +211,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
156
211
|
* @version 2.28.0
|
|
157
212
|
*/
|
|
158
213
|
const slots = useSlots();
|
|
159
|
-
const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker } = toRefs(props);
|
|
214
|
+
const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker, spinProps, basicCrudTableSpinProps, cardSpinProps, cascaderSpinProps, listSpinProps, qrCodeSpinProps, selectSpinProps, tableSpinProps, timelineSpinProps, toolbarSpinProps, treeSelectSpinProps } = toRefs(props);
|
|
160
215
|
const config = reactive({
|
|
161
216
|
slots,
|
|
162
217
|
prefixCls,
|
|
@@ -175,6 +230,17 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
175
230
|
drawer,
|
|
176
231
|
pagination,
|
|
177
232
|
colorPicker,
|
|
233
|
+
spinProps,
|
|
234
|
+
basicCrudTableSpinProps,
|
|
235
|
+
cardSpinProps,
|
|
236
|
+
cascaderSpinProps,
|
|
237
|
+
listSpinProps,
|
|
238
|
+
qrCodeSpinProps,
|
|
239
|
+
selectSpinProps,
|
|
240
|
+
tableSpinProps,
|
|
241
|
+
timelineSpinProps,
|
|
242
|
+
toolbarSpinProps,
|
|
243
|
+
treeSelectSpinProps,
|
|
178
244
|
jsonForm: toRefs(props).jsonForm,
|
|
179
245
|
theme: normalizeTheme(props.theme)
|
|
180
246
|
});
|