@dfsj/components 3.6.0 → 3.7.0-beta.1
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/components/Boards/index.d.ts +2 -2
- package/dist/components/Boards/src/Boards.vue.d.ts +77 -6
- package/dist/components/Boards/src/Boards.vue2.js +34 -99
- package/dist/components/Boards/src/hooKs/useStyle.d.ts +9 -0
- package/dist/components/Boards/src/hooKs/useStyle.js +100 -0
- package/dist/components/Boards/src/props.d.ts +38 -4
- package/dist/components/Boards/src/props.js +20 -1
- package/dist/components/Editor/src/Editor.vue2.js +1 -2
- package/dist/components/Form/src/Form.vue2.js +2 -3
- package/dist/components/Form/src/helper/index.js +1 -1
- package/dist/components/Form/src/useForm.js +2 -2
- package/dist/components/Highlight/src/Highlight.vue2.js +1 -1
- package/dist/components/Icon/src/Icon.vue2.js +1 -2
- package/dist/components/InputPassword/src/InputPassword.vue2.js +1 -1
- package/dist/components/Modal/src/BasicModal.vue.d.ts +49 -7
- package/dist/components/Modal/src/BasicModal.vue2.js +8 -6
- package/dist/components/Modal/src/components/ModalHeader.vue.d.ts +42 -5
- package/dist/components/Modal/src/components/ModalHeader.vue2.js +16 -5
- package/dist/components/Modal/src/config.d.ts +5 -1
- package/dist/components/Modal/src/config.js +5 -1
- package/dist/components/Modal/src/props.d.ts +19 -2
- package/dist/components/Modal/src/props.js +17 -5
- package/dist/components/Stateful/src/Stateful.vue2.js +1 -1
- package/dist/components/Stateful/src/props.js +1 -1
- package/dist/components/Table/src/Table.vue2.js +2 -3
- package/dist/components/UnifyChart/src/ChartToolbox.vue2.js +1 -1
- package/dist/components/UnifyChart/src/props.js +1 -1
- package/dist/components/Video/src/VideoPlayer.vue2.js +1 -1
- package/dist/components/Video/src/VideoPlayerToolbar.vue2.js +1 -1
- package/dist/components/Windows/index.d.ts +3 -2
- package/dist/components/Windows/src/ModalWrap.vue.d.ts +3 -3
- package/dist/components/Windows/src/ModalWrap.vue2.js +0 -1
- package/dist/components/Windows/src/Windows.vue.d.ts +3 -2
- package/dist/components/Windows/src/Windows.vue2.js +8 -3
- package/dist/components/Windows/src/Windows.vue3.js +4 -1
- package/dist/components/Windows/src/props.d.ts +2 -2
- package/dist/directives/clickOutside.js +71 -0
- package/dist/directives/index.d.ts +1 -0
- package/dist/directives/repeatClick.js +29 -0
- package/dist/directives/resizable.d.ts +7 -0
- package/dist/directives/resizable.js +196 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +3 -0
- package/dist/index.min.css +3 -3
- package/dist/node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/core/index.js +4 -182
- package/dist/node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/shared/index.js +2 -11
- package/package.json +4 -4
- package/dist/node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.11_typescript@5.6.2_/node_modules/@vueuse/core/index.js +0 -513
- package/dist/node_modules/.pnpm/@vueuse_shared@10.11.1_vue@3.5.11_typescript@5.6.2_/node_modules/@vueuse/shared/index.js +0 -49
- package/dist/utils/is.d.ts +0 -25
- package/dist/utils/is.js +0 -36
- package/dist/utils/propTypes.js +0 -34
- package/dist/utils/tsxHelper.d.ts +0 -5
- package/dist/utils/tsxHelper.js +0 -18
|
@@ -51,8 +51,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
51
51
|
type: BooleanConstructor;
|
|
52
52
|
default: boolean;
|
|
53
53
|
};
|
|
54
|
-
maximum:
|
|
55
|
-
|
|
54
|
+
maximum: {
|
|
55
|
+
type: BooleanConstructor;
|
|
56
|
+
default: boolean;
|
|
56
57
|
};
|
|
57
58
|
headerIcon: {
|
|
58
59
|
type: StringConstructor;
|
|
@@ -90,6 +91,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
90
91
|
color: string;
|
|
91
92
|
};
|
|
92
93
|
};
|
|
94
|
+
minimizer: {
|
|
95
|
+
type: BooleanConstructor;
|
|
96
|
+
default: boolean;
|
|
97
|
+
};
|
|
98
|
+
minimizerIcon: {
|
|
99
|
+
type: ObjectConstructor;
|
|
100
|
+
default: () => {
|
|
101
|
+
image: string;
|
|
102
|
+
color: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
106
|
+
default: (...args: any[]) => any;
|
|
107
|
+
} & {
|
|
108
|
+
default: (...args: any[]) => any;
|
|
109
|
+
};
|
|
93
110
|
onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
94
111
|
default: (...args: any[]) => any;
|
|
95
112
|
} & {
|
|
@@ -142,7 +159,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
142
159
|
modalClass: StringConstructor;
|
|
143
160
|
contentClass: StringConstructor;
|
|
144
161
|
animation: ObjectConstructor;
|
|
145
|
-
}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
162
|
+
}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:maximum" | "resize" | "close" | "minimize")[], "update:maximum" | "resize" | "close" | "minimize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
146
163
|
footer: {
|
|
147
164
|
type: BooleanConstructor;
|
|
148
165
|
default: boolean;
|
|
@@ -195,8 +212,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
195
212
|
type: BooleanConstructor;
|
|
196
213
|
default: boolean;
|
|
197
214
|
};
|
|
198
|
-
maximum:
|
|
199
|
-
|
|
215
|
+
maximum: {
|
|
216
|
+
type: BooleanConstructor;
|
|
217
|
+
default: boolean;
|
|
200
218
|
};
|
|
201
219
|
headerIcon: {
|
|
202
220
|
type: StringConstructor;
|
|
@@ -234,6 +252,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
234
252
|
color: string;
|
|
235
253
|
};
|
|
236
254
|
};
|
|
255
|
+
minimizer: {
|
|
256
|
+
type: BooleanConstructor;
|
|
257
|
+
default: boolean;
|
|
258
|
+
};
|
|
259
|
+
minimizerIcon: {
|
|
260
|
+
type: ObjectConstructor;
|
|
261
|
+
default: () => {
|
|
262
|
+
image: string;
|
|
263
|
+
color: string;
|
|
264
|
+
};
|
|
265
|
+
};
|
|
266
|
+
onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
267
|
+
default: (...args: any[]) => any;
|
|
268
|
+
} & {
|
|
269
|
+
default: (...args: any[]) => any;
|
|
270
|
+
};
|
|
237
271
|
onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
238
272
|
default: (...args: any[]) => any;
|
|
239
273
|
} & {
|
|
@@ -286,7 +320,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
286
320
|
modalClass: StringConstructor;
|
|
287
321
|
contentClass: StringConstructor;
|
|
288
322
|
animation: ObjectConstructor;
|
|
289
|
-
}>> & Readonly<{
|
|
323
|
+
}>> & Readonly<{
|
|
324
|
+
onMinimize?: (...args: any[]) => any;
|
|
325
|
+
onClose?: (...args: any[]) => any;
|
|
326
|
+
"onUpdate:maximum"?: (...args: any[]) => any;
|
|
327
|
+
onResize?: (...args: any[]) => any;
|
|
328
|
+
}>, {
|
|
290
329
|
footer: boolean;
|
|
291
330
|
cancel: boolean;
|
|
292
331
|
submit: boolean;
|
|
@@ -298,7 +337,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
298
337
|
background: string;
|
|
299
338
|
maximizer: boolean;
|
|
300
339
|
closer: boolean;
|
|
301
|
-
maximum:
|
|
340
|
+
maximum: boolean;
|
|
302
341
|
headerIcon: string;
|
|
303
342
|
title: any;
|
|
304
343
|
titleAlign: string;
|
|
@@ -306,6 +345,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
306
345
|
titleAfter: (...args: any[]) => any;
|
|
307
346
|
switcherIcon: Record<string, any>;
|
|
308
347
|
closerIcon: Record<string, any>;
|
|
348
|
+
minimizer: boolean;
|
|
349
|
+
minimizerIcon: Record<string, any>;
|
|
350
|
+
onMinimize: (...args: any[]) => any;
|
|
309
351
|
onSwitch: (...args: any[]) => any;
|
|
310
352
|
onClose: (...args: any[]) => any;
|
|
311
353
|
visible: boolean;
|
|
@@ -7,8 +7,7 @@ import './components/ModalHeader.vue.js';
|
|
|
7
7
|
import '../../Icon/src/Icon.vue.js';
|
|
8
8
|
import './components/ModalFooter.vue.js';
|
|
9
9
|
import { moverClass } from './config.js';
|
|
10
|
-
import { getSlot } from '
|
|
11
|
-
import { isFunction } from '../../../utils/is.js';
|
|
10
|
+
import { getSlot, isFunction } from '@dfsj/utils';
|
|
12
11
|
import script$1 from './components/ModalFooter.vue2.js';
|
|
13
12
|
import script$2 from './components/ModalHeader.vue2.js';
|
|
14
13
|
import script$3 from '../../Icon/src/Icon.vue2.js';
|
|
@@ -24,11 +23,11 @@ var script = defineComponent({
|
|
|
24
23
|
},
|
|
25
24
|
props: _objectSpread(_objectSpread(_objectSpread({}, baseProps), headerProps), footerProps),
|
|
26
25
|
name: 'BasicModal',
|
|
26
|
+
emits: ['update:maximum', 'resize', 'close', 'minimize'],
|
|
27
27
|
setup: function setup(props, _ref) {
|
|
28
28
|
var slots = _ref.slots,
|
|
29
|
-
emit = _ref.emit
|
|
30
|
-
_ref.
|
|
31
|
-
var attrs = _ref.attrs;
|
|
29
|
+
emit = _ref.emit,
|
|
30
|
+
attrs = _ref.attrs;
|
|
32
31
|
var destroyOnClose = ref(true);
|
|
33
32
|
var _toRefs = toRefs(props),
|
|
34
33
|
visible = _toRefs.visible;
|
|
@@ -66,13 +65,15 @@ var script = defineComponent({
|
|
|
66
65
|
}
|
|
67
66
|
function onClose() {
|
|
68
67
|
innerVisible.value = false;
|
|
69
|
-
console.log('关闭', visible.value);
|
|
70
68
|
emit('close');
|
|
71
69
|
}
|
|
72
70
|
var mainClass = computed(function () {
|
|
73
71
|
var cls = [unref(maximum) ? 'maximum' : '', props.modally ? 'modally' : '', props.modalClass];
|
|
74
72
|
return cls.join(' ');
|
|
75
73
|
});
|
|
74
|
+
function onMinimize() {
|
|
75
|
+
emit('minimize');
|
|
76
|
+
}
|
|
76
77
|
var mainStyle = computed(function () {
|
|
77
78
|
return toMainStyle(props, locator, maximum);
|
|
78
79
|
});
|
|
@@ -83,6 +84,7 @@ var script = defineComponent({
|
|
|
83
84
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, attrs), slots), props), {}, {
|
|
84
85
|
onSwitch: onSwitch,
|
|
85
86
|
onClose: onClose,
|
|
87
|
+
onMinimize: onMinimize,
|
|
86
88
|
maximum: unref(maximum)
|
|
87
89
|
});
|
|
88
90
|
});
|
|
@@ -15,8 +15,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
15
15
|
type: BooleanConstructor;
|
|
16
16
|
default: boolean;
|
|
17
17
|
};
|
|
18
|
-
maximum:
|
|
19
|
-
|
|
18
|
+
maximum: {
|
|
19
|
+
type: BooleanConstructor;
|
|
20
|
+
default: boolean;
|
|
20
21
|
};
|
|
21
22
|
headerIcon: {
|
|
22
23
|
type: StringConstructor;
|
|
@@ -54,6 +55,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
54
55
|
color: string;
|
|
55
56
|
};
|
|
56
57
|
};
|
|
58
|
+
minimizer: {
|
|
59
|
+
type: BooleanConstructor;
|
|
60
|
+
default: boolean;
|
|
61
|
+
};
|
|
62
|
+
minimizerIcon: {
|
|
63
|
+
type: ObjectConstructor;
|
|
64
|
+
default: () => {
|
|
65
|
+
image: string;
|
|
66
|
+
color: string;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
70
|
+
default: (...args: any[]) => any;
|
|
71
|
+
} & {
|
|
72
|
+
default: (...args: any[]) => any;
|
|
73
|
+
};
|
|
57
74
|
onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
58
75
|
default: (...args: any[]) => any;
|
|
59
76
|
} & {
|
|
@@ -83,8 +100,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
83
100
|
type: BooleanConstructor;
|
|
84
101
|
default: boolean;
|
|
85
102
|
};
|
|
86
|
-
maximum:
|
|
87
|
-
|
|
103
|
+
maximum: {
|
|
104
|
+
type: BooleanConstructor;
|
|
105
|
+
default: boolean;
|
|
88
106
|
};
|
|
89
107
|
headerIcon: {
|
|
90
108
|
type: StringConstructor;
|
|
@@ -122,6 +140,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
122
140
|
color: string;
|
|
123
141
|
};
|
|
124
142
|
};
|
|
143
|
+
minimizer: {
|
|
144
|
+
type: BooleanConstructor;
|
|
145
|
+
default: boolean;
|
|
146
|
+
};
|
|
147
|
+
minimizerIcon: {
|
|
148
|
+
type: ObjectConstructor;
|
|
149
|
+
default: () => {
|
|
150
|
+
image: string;
|
|
151
|
+
color: string;
|
|
152
|
+
};
|
|
153
|
+
};
|
|
154
|
+
onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
155
|
+
default: (...args: any[]) => any;
|
|
156
|
+
} & {
|
|
157
|
+
default: (...args: any[]) => any;
|
|
158
|
+
};
|
|
125
159
|
onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
126
160
|
default: (...args: any[]) => any;
|
|
127
161
|
} & {
|
|
@@ -137,7 +171,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
137
171
|
background: string;
|
|
138
172
|
maximizer: boolean;
|
|
139
173
|
closer: boolean;
|
|
140
|
-
maximum:
|
|
174
|
+
maximum: boolean;
|
|
141
175
|
headerIcon: string;
|
|
142
176
|
title: any;
|
|
143
177
|
titleAlign: string;
|
|
@@ -145,6 +179,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
145
179
|
titleAfter: (...args: any[]) => any;
|
|
146
180
|
switcherIcon: Record<string, any>;
|
|
147
181
|
closerIcon: Record<string, any>;
|
|
182
|
+
minimizer: boolean;
|
|
183
|
+
minimizerIcon: Record<string, any>;
|
|
184
|
+
onMinimize: (...args: any[]) => any;
|
|
148
185
|
onSwitch: (...args: any[]) => any;
|
|
149
186
|
onClose: (...args: any[]) => any;
|
|
150
187
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -34,8 +34,12 @@ var script = defineComponent({
|
|
|
34
34
|
color: '#fff'
|
|
35
35
|
};
|
|
36
36
|
});
|
|
37
|
+
var sIcon = computed(function () {
|
|
38
|
+
var _props$switcherIcon;
|
|
39
|
+
return (_props$switcherIcon = props.switcherIcon) === null || _props$switcherIcon === void 0 ? void 0 : _props$switcherIcon[props.maximum].image;
|
|
40
|
+
});
|
|
37
41
|
return function (_ctx, _cache) {
|
|
38
|
-
var _ctx$
|
|
42
|
+
var _ctx$minimizerIcon;
|
|
39
43
|
return !!_ctx.header ? (openBlock(), createElementBlock("div", {
|
|
40
44
|
key: 0,
|
|
41
45
|
"class": normalizeClass(['component-modal-header', unref(moverClass)]),
|
|
@@ -48,15 +52,22 @@ var script = defineComponent({
|
|
|
48
52
|
style: normalizeStyle({
|
|
49
53
|
'justify-content': props.titleAlign
|
|
50
54
|
})
|
|
51
|
-
}, [createCommentVNode(" 左侧的信息"), _ctx.$slots.headerBefore ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "headerBefore")])) : createCommentVNode("v-if", true), createCommentVNode("图标"), _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), createCommentVNode("文字"), _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("v-if", true), createCommentVNode("追加"), _ctx.$slots.headerAfter ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "headerAfter")])) : createCommentVNode("v-if", true)], 4), createCommentVNode(" 右侧的按钮"), createElementVNode("div", _hoisted_5, [!!_ctx.
|
|
55
|
+
}, [createCommentVNode(" 左侧的信息"), _ctx.$slots.headerBefore ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "headerBefore")])) : createCommentVNode("v-if", true), createCommentVNode("图标"), _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true), createCommentVNode("文字"), _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("v-if", true), createCommentVNode("追加"), _ctx.$slots.headerAfter ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "headerAfter")])) : createCommentVNode("v-if", true)], 4), createCommentVNode(" 右侧的按钮"), createElementVNode("div", _hoisted_5, [!!_ctx.minimizerIcon && props.minimizer ? (openBlock(), createBlock(script$1, {
|
|
52
56
|
key: 0,
|
|
53
57
|
"class": "cursor-pointer",
|
|
54
58
|
size: 28,
|
|
55
59
|
color: "white",
|
|
56
|
-
onClick: withModifiers(_ctx.
|
|
57
|
-
icon: (_ctx$
|
|
58
|
-
}, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true), !!_ctx.
|
|
60
|
+
onClick: withModifiers(_ctx.onMinimize, ["stop"]),
|
|
61
|
+
icon: (_ctx$minimizerIcon = _ctx.minimizerIcon) === null || _ctx$minimizerIcon === void 0 ? void 0 : _ctx$minimizerIcon.image
|
|
62
|
+
}, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true), !!_ctx.switcherIcon && props.maximizer ? (openBlock(), createBlock(script$1, {
|
|
59
63
|
key: 1,
|
|
64
|
+
"class": "cursor-pointer",
|
|
65
|
+
size: 28,
|
|
66
|
+
color: "white",
|
|
67
|
+
onClick: withModifiers(_ctx.onSwitch, ["stop"]),
|
|
68
|
+
icon: sIcon.value
|
|
69
|
+
}, null, 8, ["onClick", "icon"])) : createCommentVNode("v-if", true), !!_ctx.closerIcon && props.closer ? (openBlock(), createBlock(script$1, {
|
|
70
|
+
key: 2,
|
|
60
71
|
size: 28,
|
|
61
72
|
color: "white",
|
|
62
73
|
"class": "cursor-pointer",
|
|
@@ -21,4 +21,8 @@ declare const submit: {
|
|
|
21
21
|
label: string;
|
|
22
22
|
color: string;
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
declare const minimizer: {
|
|
25
|
+
image: string;
|
|
26
|
+
color: string;
|
|
27
|
+
};
|
|
28
|
+
export { switcher, closer, cancel, submit, moverClass, minimizer };
|
|
@@ -21,5 +21,9 @@ var submit = {
|
|
|
21
21
|
label: '提交',
|
|
22
22
|
color: 'warning'
|
|
23
23
|
};
|
|
24
|
+
var minimizer = {
|
|
25
|
+
image: 'mdi:minimize',
|
|
26
|
+
color: 'transparent'
|
|
27
|
+
};
|
|
24
28
|
|
|
25
|
-
export { cancel, closer, moverClass, submit, switcher };
|
|
29
|
+
export { cancel, closer, minimizer, moverClass, submit, switcher };
|
|
@@ -60,8 +60,9 @@ export declare const headerProps: {
|
|
|
60
60
|
type: BooleanConstructor;
|
|
61
61
|
default: boolean;
|
|
62
62
|
};
|
|
63
|
-
maximum:
|
|
64
|
-
|
|
63
|
+
maximum: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
65
66
|
};
|
|
66
67
|
headerIcon: {
|
|
67
68
|
type: StringConstructor;
|
|
@@ -99,6 +100,22 @@ export declare const headerProps: {
|
|
|
99
100
|
color: string;
|
|
100
101
|
};
|
|
101
102
|
};
|
|
103
|
+
minimizer: {
|
|
104
|
+
type: BooleanConstructor;
|
|
105
|
+
default: boolean;
|
|
106
|
+
};
|
|
107
|
+
minimizerIcon: {
|
|
108
|
+
type: ObjectConstructor;
|
|
109
|
+
default: () => {
|
|
110
|
+
image: string;
|
|
111
|
+
color: string;
|
|
112
|
+
};
|
|
113
|
+
};
|
|
114
|
+
onMinimize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
115
|
+
default: (...args: any[]) => any;
|
|
116
|
+
} & {
|
|
117
|
+
default: (...args: any[]) => any;
|
|
118
|
+
};
|
|
102
119
|
onSwitch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
103
120
|
default: (...args: any[]) => any;
|
|
104
121
|
} & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { switcher, closer, submit, cancel } from './config.js';
|
|
2
|
-
import propTypes from '
|
|
1
|
+
import { switcher, closer, minimizer, submit, cancel } from './config.js';
|
|
2
|
+
import { propTypes } from '@dfsj/utils';
|
|
3
3
|
|
|
4
4
|
var zIndex = 1000;
|
|
5
5
|
var baseProps = {
|
|
@@ -53,9 +53,10 @@ var headerProps = {
|
|
|
53
53
|
type: Boolean,
|
|
54
54
|
"default": true
|
|
55
55
|
},
|
|
56
|
-
maximum:
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
maximum: {
|
|
57
|
+
type: Boolean,
|
|
58
|
+
"default": false
|
|
59
|
+
},
|
|
59
60
|
headerIcon: {
|
|
60
61
|
type: String,
|
|
61
62
|
"default": 'mdi:map-marker'
|
|
@@ -76,6 +77,17 @@ var headerProps = {
|
|
|
76
77
|
return closer;
|
|
77
78
|
}
|
|
78
79
|
},
|
|
80
|
+
minimizer: {
|
|
81
|
+
type: Boolean,
|
|
82
|
+
"default": false
|
|
83
|
+
},
|
|
84
|
+
minimizerIcon: {
|
|
85
|
+
type: Object,
|
|
86
|
+
"default": function _default() {
|
|
87
|
+
return minimizer;
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
onMinimize: propTypes.func.def(function () {}),
|
|
79
91
|
onSwitch: propTypes.func.def(function () {}),
|
|
80
92
|
onClose: propTypes.func.def(function () {})
|
|
81
93
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, resolveDynamicComponent, normalizeStyle, toDisplayString, createCommentVNode } from 'vue';
|
|
2
|
-
import { isObject } from '
|
|
2
|
+
import { isObject } from '@dfsj/utils';
|
|
3
3
|
import '../../Icon/src/Icon.vue.js';
|
|
4
4
|
import { statefulProps } from './props.js';
|
|
5
5
|
import script$1 from '../../Icon/src/Icon.vue2.js';
|
|
@@ -2,14 +2,13 @@ import { defineComponent, ref, onMounted, unref, computed, watch, withDirectives
|
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
3
|
import { ElImage, ElPagination, ElTable, ElTableColumn, ElConfigProvider, ElCard, ElEmpty } from 'element-plus';
|
|
4
4
|
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
|
|
5
|
-
import propTypes from '
|
|
5
|
+
import { propTypes, getSlot } from '@dfsj/utils';
|
|
6
6
|
import { setIndex } from './helper/index.js';
|
|
7
7
|
import { set, get } from 'lodash-es';
|
|
8
|
-
import { getSlot } from '../../../utils/tsxHelper.js';
|
|
9
8
|
import './components/TableActions.vue.js';
|
|
10
9
|
import script$1 from './components/TableActions.vue2.js';
|
|
11
10
|
|
|
12
|
-
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
11
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e ) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
13
12
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
14
13
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
15
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -2,7 +2,7 @@ import { normalizeClass, defineComponent, ref, toRefs, openBlock, createElementB
|
|
|
2
2
|
import { toolboxProps, EToolbox } from './props.js';
|
|
3
3
|
import '../../Icon/src/Icon.vue.js';
|
|
4
4
|
import '../../Icon/src/SvgIcon.vue.js';
|
|
5
|
-
import { isEmpty } from '
|
|
5
|
+
import { isEmpty } from '@dfsj/utils';
|
|
6
6
|
import { useDownLoad } from '@dfsj/echarts';
|
|
7
7
|
import script$1 from '../../Icon/src/Icon.vue2.js';
|
|
8
8
|
|
|
@@ -3,7 +3,7 @@ import { defineComponent, ref, getCurrentInstance, onMounted, nextTick, toRaw, u
|
|
|
3
3
|
import './VideoPlayerToolbar.vue.js';
|
|
4
4
|
import { EventEnum } from './enums/CommonEnum.js';
|
|
5
5
|
import VideoFactory from './control/VideoFactory.js';
|
|
6
|
-
import propTypes from '
|
|
6
|
+
import { propTypes } from '@dfsj/utils';
|
|
7
7
|
import script$1 from './VideoPlayerToolbar.vue2.js';
|
|
8
8
|
|
|
9
9
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -2,7 +2,7 @@ import { defineComponent, toRefs, computed, openBlock, createElementBlock, rende
|
|
|
2
2
|
import { useFullscreen } from '../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/core/index.js';
|
|
3
3
|
import '../../Icon/src/Icon.vue.js';
|
|
4
4
|
import '../../Icon/src/SvgIcon.vue.js';
|
|
5
|
-
import propTypes from '
|
|
5
|
+
import { propTypes } from '@dfsj/utils';
|
|
6
6
|
import script$1 from '../../Icon/src/Icon.vue2.js';
|
|
7
7
|
|
|
8
8
|
var _hoisted_1 = {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { WindowItem } from './src/props';
|
|
2
2
|
import { WindowsProps } from './src/props';
|
|
3
3
|
import Windows from './src/Windows.vue';
|
|
4
|
-
export {
|
|
4
|
+
export type { WindowItem };
|
|
5
|
+
export { WindowsProps, Windows };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import {
|
|
2
|
+
import { WindowItem } from './props';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
4
|
zIndex: NumberConstructor;
|
|
5
|
-
options: PropType<
|
|
5
|
+
options: PropType<WindowItem>;
|
|
6
6
|
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
9
9
|
zIndex: NumberConstructor;
|
|
10
|
-
options: PropType<
|
|
10
|
+
options: PropType<WindowItem>;
|
|
11
11
|
}>> & Readonly<{
|
|
12
12
|
onClose?: (...args: any[]) => any;
|
|
13
13
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
2
|
items: {
|
|
3
|
-
type: import("vue").PropType<import("./props").
|
|
3
|
+
type: import("vue").PropType<import("./props").WindowItem[]>;
|
|
4
4
|
};
|
|
5
5
|
front: StringConstructor;
|
|
6
6
|
layer: NumberConstructor;
|
|
@@ -8,9 +8,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
8
8
|
setRefs: (index: number) => (el: HTMLElement) => void;
|
|
9
9
|
zIndex: number;
|
|
10
10
|
onClose: (id: string) => void;
|
|
11
|
+
onMinimize: (id: string) => void;
|
|
11
12
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
12
13
|
items: {
|
|
13
|
-
type: import("vue").PropType<import("./props").
|
|
14
|
+
type: import("vue").PropType<import("./props").WindowItem[]>;
|
|
14
15
|
};
|
|
15
16
|
front: StringConstructor;
|
|
16
17
|
layer: NumberConstructor;
|
|
@@ -18,7 +18,6 @@ var script = defineComponent({
|
|
|
18
18
|
};
|
|
19
19
|
};
|
|
20
20
|
function onFront(id) {
|
|
21
|
-
console.log('refs', refs);
|
|
22
21
|
var window = refs[id];
|
|
23
22
|
if (window != null) {
|
|
24
23
|
var _zIndex = window === null || window === void 0 ? void 0 : window.getZIndex();
|
|
@@ -31,10 +30,15 @@ var script = defineComponent({
|
|
|
31
30
|
var index = props.items.findIndex(function (e) {
|
|
32
31
|
return e.id === id;
|
|
33
32
|
});
|
|
34
|
-
console.log('dddd', id, index);
|
|
35
33
|
if (index >= 0) props.items.splice(index, 1);
|
|
36
34
|
delete refs[id];
|
|
37
35
|
}
|
|
36
|
+
function onMinimize(id) {
|
|
37
|
+
var target = props.items.find(function (e) {
|
|
38
|
+
return e.id === id;
|
|
39
|
+
});
|
|
40
|
+
if (target) target.visible = false;
|
|
41
|
+
}
|
|
38
42
|
watch(function () {
|
|
39
43
|
return props.front;
|
|
40
44
|
}, function (id) {
|
|
@@ -43,7 +47,8 @@ var script = defineComponent({
|
|
|
43
47
|
return {
|
|
44
48
|
setRefs: setRefs,
|
|
45
49
|
zIndex: zIndex,
|
|
46
|
-
onClose: onClose
|
|
50
|
+
onClose: onClose,
|
|
51
|
+
onMinimize: onMinimize
|
|
47
52
|
};
|
|
48
53
|
}
|
|
49
54
|
});
|
|
@@ -14,8 +14,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
14
14
|
options: item,
|
|
15
15
|
onClose: function onClose() {
|
|
16
16
|
return _ctx.onClose(item.id);
|
|
17
|
+
},
|
|
18
|
+
onMinimize: function onMinimize() {
|
|
19
|
+
return _ctx.onMinimize(item.id);
|
|
17
20
|
}
|
|
18
|
-
}, null, 8 /* PROPS */, ["zIndex", "options", "onClose"]);
|
|
21
|
+
}, null, 8 /* PROPS */, ["zIndex", "options", "onClose", "onMinimize"]);
|
|
19
22
|
}), 128 /* KEYED_FRAGMENT */))]);
|
|
20
23
|
}
|
|
21
24
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { baseProps, footerProps, headerProps } from '../../Modal/src/props';
|
|
2
2
|
import { PropType } from 'vue';
|
|
3
|
-
export type
|
|
3
|
+
export type WindowItem = {
|
|
4
4
|
id: string;
|
|
5
5
|
onAction?: (action: string, model?: {}) => void;
|
|
6
6
|
onSubmit?: (model?: {}) => void;
|
|
@@ -13,7 +13,7 @@ export type Options = {
|
|
|
13
13
|
} & Partial<typeof baseProps> & Partial<typeof headerProps> & Partial<typeof footerProps>;
|
|
14
14
|
export declare const WindowsProps: {
|
|
15
15
|
items: {
|
|
16
|
-
type: PropType<
|
|
16
|
+
type: PropType<WindowItem[]>;
|
|
17
17
|
};
|
|
18
18
|
front: StringConstructor;
|
|
19
19
|
layer: NumberConstructor;
|