@dfsj/components 3.7.1-alpha.1 → 3.7.1-alpha.3
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/src/Boards.vue2.js +10 -18
- package/dist/components/Modal/src/BasicModal.vue.d.ts +45 -1
- package/dist/components/Modal/src/BasicModal.vue2.js +3 -2
- package/dist/components/Modal/src/hooks/useModalDrag.js +8 -1
- package/dist/components/Modal/src/props.d.ts +20 -0
- package/dist/components/Modal/src/props.js +5 -1
- package/dist/components/Windows/src/ModalWrap.vue2.js +20 -1
- package/dist/components/Windows/src/props.d.ts +8 -4
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- /package/dist/components/{src/components/Modal → Modal}/src/hooks/useModalDrag.d.ts +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode,
|
|
2
|
+
import { defineComponent, ref, toRefs, computed, watchEffect, toRaw, unref, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, createCommentVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, toDisplayString, KeepAlive, resolveDynamicComponent, markRaw, mergeProps, vShow, renderSlot, defineAsyncComponent } from 'vue';
|
|
3
3
|
import { BoardProps, BoardPositionEnum } from './props.js';
|
|
4
4
|
import '../../Icon/src/Icon.vue.js';
|
|
5
5
|
import '../../Icon/src/SvgIcon.vue.js';
|
|
@@ -10,14 +10,13 @@ import script$1 from '../../Icon/src/Icon.vue2.js';
|
|
|
10
10
|
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; }
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
12
|
var _hoisted_1 = {
|
|
13
|
-
|
|
13
|
+
key: 0
|
|
14
14
|
};
|
|
15
15
|
var _hoisted_2 = {
|
|
16
|
-
"class": "
|
|
16
|
+
"class": "custom-label"
|
|
17
17
|
};
|
|
18
18
|
var _hoisted_3 = {
|
|
19
|
-
|
|
20
|
-
"class": "flex-1 w-full min-w-0 box-border h-full overflow-hidden"
|
|
19
|
+
"class": "board--panels box-border h-full flex-1 w-full min-w-0 overflow-hidden"
|
|
21
20
|
};
|
|
22
21
|
var prefixCls = "ec-component-board-container-page-wrap";
|
|
23
22
|
var script = defineComponent({
|
|
@@ -101,9 +100,7 @@ var script = defineComponent({
|
|
|
101
100
|
icon: icon.value
|
|
102
101
|
}, null, 8, ["icon"])], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
103
102
|
"class": normalizeClass("".concat(prefixCls, "__layout overflow-hidden h-full flex"))
|
|
104
|
-
}, [unref(board).items.length > 1 ? (openBlock(), createElementBlock(
|
|
105
|
-
key: 0
|
|
106
|
-
}, [createElementVNode("div", null, [createVNode(_component_el_tabs, {
|
|
103
|
+
}, [unref(board).items.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_el_tabs, {
|
|
107
104
|
"class": "multiple-toggle-tab",
|
|
108
105
|
modelValue: unref(board).value,
|
|
109
106
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
|
|
@@ -121,28 +118,23 @@ var script = defineComponent({
|
|
|
121
118
|
label: b.label
|
|
122
119
|
}, {
|
|
123
120
|
label: withCtx(function () {
|
|
124
|
-
return [createElementVNode("div",
|
|
121
|
+
return [createElementVNode("div", _hoisted_2, toDisplayString(b.label), 1)];
|
|
125
122
|
}),
|
|
126
123
|
_: 2
|
|
127
124
|
}, 1032, ["name", "label"]);
|
|
128
125
|
}), 128))];
|
|
129
126
|
}),
|
|
130
127
|
_: 1
|
|
131
|
-
}, 8, ["modelValue", "tab-position", "data-content"])]), createElementVNode("div",
|
|
128
|
+
}, 8, ["modelValue", "tab-position", "data-content"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList((_unref2 = unref(board)) === null || _unref2 === undefined ? undefined : _unref2.items, function (item) {
|
|
132
129
|
return openBlock(), createElementBlock("div", {
|
|
133
130
|
key: item.id,
|
|
134
131
|
"class": normalizeClass(["board--panel-container", {
|
|
135
132
|
active: unref(board).value === item.id
|
|
136
133
|
}])
|
|
137
|
-
}, [withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
|
|
138
|
-
ref_for: true
|
|
139
|
-
}, item.props), null, 16)), [[vShow, unref(board).value === item.id]])], 2);
|
|
140
|
-
}), 128))])], 64)) : (openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(board).items, function (item) {
|
|
141
|
-
return withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
|
|
142
|
-
key: item.id,
|
|
134
|
+
}, [(openBlock(), createBlock(KeepAlive, null, [withDirectives((openBlock(), createBlock(resolveDynamicComponent(markRaw(resolve(item.content))), mergeProps({
|
|
143
135
|
ref_for: true
|
|
144
|
-
}, item.props), null, 16)), [[vShow, unref(board).value === item.id]]);
|
|
145
|
-
}), 128))]))], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
|
|
136
|
+
}, item.props), null, 16)), [[vShow, unref(board).value === item.id]])], 1024))], 2);
|
|
137
|
+
}), 128))]), createCommentVNode(" <div class=\"flex-1 w-full min-w-0 box-border h-full overflow-hidden\">"), createCommentVNode(" <div class=\"board--panels box-border h-full flex-1 w-full min-w-0 overflow-hidden\">"), createCommentVNode(" <template v-for=\"item in board.items\" :key=\"item.id\">"), createCommentVNode(" <component"), createCommentVNode(" v-show=\"board.value === item.id\""), createCommentVNode(" :is=\"markRaw(resolve(item.content))\""), createCommentVNode(" v-bind=\"item.props\">"), createCommentVNode(" </component>"), createCommentVNode(" </template>"), createCommentVNode(" </div>"), createCommentVNode(" </div>")], 2), props.slotVisible ? renderSlot(_ctx.$slots, "default", {
|
|
146
138
|
key: 1
|
|
147
139
|
}) : createCommentVNode("v-if", true)], 6)), [[unref(vResizable), getResizable.value]]);
|
|
148
140
|
};
|
|
@@ -121,6 +121,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
121
121
|
} & {
|
|
122
122
|
default: (...args: any[]) => any;
|
|
123
123
|
};
|
|
124
|
+
onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
125
|
+
default: (...args: any[]) => any;
|
|
126
|
+
} & {
|
|
127
|
+
default: (...args: any[]) => any;
|
|
128
|
+
};
|
|
129
|
+
onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
130
|
+
default: (...args: any[]) => any;
|
|
131
|
+
} & {
|
|
132
|
+
default: (...args: any[]) => any;
|
|
133
|
+
};
|
|
134
|
+
onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
135
|
+
default: (...args: any[]) => any;
|
|
136
|
+
} & {
|
|
137
|
+
default: (...args: any[]) => any;
|
|
138
|
+
};
|
|
139
|
+
onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
140
|
+
default: (...args: any[]) => any;
|
|
141
|
+
} & {
|
|
142
|
+
default: (...args: any[]) => any;
|
|
143
|
+
};
|
|
124
144
|
visible: BooleanConstructor;
|
|
125
145
|
zIndex: {
|
|
126
146
|
type: NumberConstructor;
|
|
@@ -286,6 +306,26 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
286
306
|
} & {
|
|
287
307
|
default: (...args: any[]) => any;
|
|
288
308
|
};
|
|
309
|
+
onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
310
|
+
default: (...args: any[]) => any;
|
|
311
|
+
} & {
|
|
312
|
+
default: (...args: any[]) => any;
|
|
313
|
+
};
|
|
314
|
+
onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
315
|
+
default: (...args: any[]) => any;
|
|
316
|
+
} & {
|
|
317
|
+
default: (...args: any[]) => any;
|
|
318
|
+
};
|
|
319
|
+
onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
320
|
+
default: (...args: any[]) => any;
|
|
321
|
+
} & {
|
|
322
|
+
default: (...args: any[]) => any;
|
|
323
|
+
};
|
|
324
|
+
onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
325
|
+
default: (...args: any[]) => any;
|
|
326
|
+
} & {
|
|
327
|
+
default: (...args: any[]) => any;
|
|
328
|
+
};
|
|
289
329
|
visible: BooleanConstructor;
|
|
290
330
|
zIndex: {
|
|
291
331
|
type: NumberConstructor;
|
|
@@ -331,8 +371,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
331
371
|
}>> & Readonly<{
|
|
332
372
|
onMinimize?: (...args: any[]) => any;
|
|
333
373
|
onClose?: (...args: any[]) => any;
|
|
334
|
-
"onUpdate:maximum"?: (...args: any[]) => any;
|
|
335
374
|
onResize?: (...args: any[]) => any;
|
|
375
|
+
"onUpdate:maximum"?: (...args: any[]) => any;
|
|
336
376
|
}>, {
|
|
337
377
|
minimize: boolean;
|
|
338
378
|
footer: boolean;
|
|
@@ -359,6 +399,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
359
399
|
onMinimize: (...args: any[]) => any;
|
|
360
400
|
onSwitch: (...args: any[]) => any;
|
|
361
401
|
onClose: (...args: any[]) => any;
|
|
402
|
+
onResize: (...args: any[]) => any;
|
|
403
|
+
onModalMousemove: (...args: any[]) => any;
|
|
404
|
+
onModalMousedown: (...args: any[]) => any;
|
|
405
|
+
onModalMouseup: (...args: any[]) => any;
|
|
362
406
|
visible: boolean;
|
|
363
407
|
zIndex: number;
|
|
364
408
|
modally: boolean;
|
|
@@ -58,10 +58,11 @@ var script = defineComponent({
|
|
|
58
58
|
}, {
|
|
59
59
|
immediate: true
|
|
60
60
|
});
|
|
61
|
-
function onSwitch() {
|
|
61
|
+
function onSwitch(e) {
|
|
62
|
+
e.stopImmediatePropagation();
|
|
62
63
|
moving.value = false;
|
|
63
64
|
emit('update:maximum', maximum.value = !maximum.value);
|
|
64
|
-
emit('resize');
|
|
65
|
+
emit('resize', maximum.value);
|
|
65
66
|
}
|
|
66
67
|
function onClose(e) {
|
|
67
68
|
innerVisible.value = false;
|
|
@@ -29,7 +29,9 @@ function useModalDragMove(context) {
|
|
|
29
29
|
if (!dialogHeaderEl || !dragDom || !unref(context.draggable)) return;
|
|
30
30
|
dialogHeaderEl.style.cursor = 'move';
|
|
31
31
|
dialogHeaderEl.onmousedown = function (e) {
|
|
32
|
+
var _e$target, _context$props, _context$props$onModa;
|
|
32
33
|
if (!e) return;
|
|
34
|
+
console.log(e);
|
|
33
35
|
var element = context.props.modally ? that.refs.body : proxy.$el;
|
|
34
36
|
var bounder = element.getBoundingClientRect();
|
|
35
37
|
sign.l = bounder.left;
|
|
@@ -37,9 +39,11 @@ function useModalDragMove(context) {
|
|
|
37
39
|
sign.x = e.x;
|
|
38
40
|
sign.y = e.y;
|
|
39
41
|
moving.value = true;
|
|
42
|
+
if (!e || ['svg', 'path'].includes(e === null || e === undefined || (_e$target = e.target) === null || _e$target === undefined ? undefined : _e$target.nodeName)) (_context$props = context.props) === null || _context$props === undefined || (_context$props$onModa = _context$props.onModalMousedown) === null || _context$props$onModa === undefined || _context$props$onModa.call(_context$props);
|
|
40
43
|
document.onmousemove = function (event) {
|
|
41
44
|
var moved = sign.x !== event.x || sign.y !== event.y;
|
|
42
45
|
if (moved && moving.value && !context.maximum.value) {
|
|
46
|
+
var _context$props2, _context$props2$onMod;
|
|
43
47
|
event.preventDefault();
|
|
44
48
|
delete locator.right;
|
|
45
49
|
delete locator.bottom;
|
|
@@ -63,12 +67,15 @@ function useModalDragMove(context) {
|
|
|
63
67
|
locator.right = "unset !important";
|
|
64
68
|
locator.bottom = "unset !important";
|
|
65
69
|
that.emit('update:offset', locator);
|
|
70
|
+
(_context$props2 = context.props) === null || _context$props2 === undefined || (_context$props2$onMod = _context$props2.onModalMousemove) === null || _context$props2$onMod === undefined || _context$props2$onMod.call(_context$props2, event);
|
|
66
71
|
}
|
|
67
72
|
};
|
|
68
|
-
document.onmouseup = function () {
|
|
73
|
+
document.onmouseup = function (e) {
|
|
74
|
+
var _e$target2, _context$props3, _context$props3$onMod;
|
|
69
75
|
moving.value = false;
|
|
70
76
|
document.onmousemove = null;
|
|
71
77
|
document.onmouseup = null;
|
|
78
|
+
if (!e || ['svg', 'path'].includes(e === null || e === undefined || (_e$target2 = e.target) === null || _e$target2 === undefined ? undefined : _e$target2.nodeName)) (_context$props3 = context.props) === null || _context$props3 === undefined || (_context$props3$onMod = _context$props3.onModalMouseup) === null || _context$props3$onMod === undefined || _context$props3$onMod.call(_context$props3);
|
|
72
79
|
};
|
|
73
80
|
};
|
|
74
81
|
};
|
|
@@ -130,6 +130,26 @@ export declare const headerProps: {
|
|
|
130
130
|
} & {
|
|
131
131
|
default: (...args: any[]) => any;
|
|
132
132
|
};
|
|
133
|
+
onResize: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
134
|
+
default: (...args: any[]) => any;
|
|
135
|
+
} & {
|
|
136
|
+
default: (...args: any[]) => any;
|
|
137
|
+
};
|
|
138
|
+
onModalMousemove: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
139
|
+
default: (...args: any[]) => any;
|
|
140
|
+
} & {
|
|
141
|
+
default: (...args: any[]) => any;
|
|
142
|
+
};
|
|
143
|
+
onModalMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
144
|
+
default: (...args: any[]) => any;
|
|
145
|
+
} & {
|
|
146
|
+
default: (...args: any[]) => any;
|
|
147
|
+
};
|
|
148
|
+
onModalMouseup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any, import("vue-types/dist/types").ValidatorFunction<(...args: any[]) => any>> & {
|
|
149
|
+
default: (...args: any[]) => any;
|
|
150
|
+
} & {
|
|
151
|
+
default: (...args: any[]) => any;
|
|
152
|
+
};
|
|
133
153
|
};
|
|
134
154
|
export declare const footerProps: {
|
|
135
155
|
footer: {
|
|
@@ -93,7 +93,11 @@ var headerProps = {
|
|
|
93
93
|
},
|
|
94
94
|
onMinimize: propTypes.func.def(function () {}),
|
|
95
95
|
onSwitch: propTypes.func.def(function () {}),
|
|
96
|
-
onClose: propTypes.func.def(function () {})
|
|
96
|
+
onClose: propTypes.func.def(function () {}),
|
|
97
|
+
onResize: propTypes.func.def(function () {}),
|
|
98
|
+
onModalMousemove: propTypes.func.def(function () {}),
|
|
99
|
+
onModalMousedown: propTypes.func.def(function () {}),
|
|
100
|
+
onModalMouseup: propTypes.func.def(function () {})
|
|
97
101
|
};
|
|
98
102
|
var footerProps = {
|
|
99
103
|
footer: {
|
|
@@ -50,9 +50,25 @@ var script = defineComponent({
|
|
|
50
50
|
(_renderEl$value4 = renderEl.value) === null || _renderEl$value4 === undefined || (_renderEl$value4$onCa = _renderEl$value4.onCancel) === null || _renderEl$value4$onCa === undefined || _renderEl$value4$onCa.call(_renderEl$value4, e);
|
|
51
51
|
}
|
|
52
52
|
function onResize(e) {
|
|
53
|
-
var _renderEl$value5, _renderEl$value5$onRe;
|
|
53
|
+
var _options$onResize, _renderEl$value5, _renderEl$value5$onRe;
|
|
54
|
+
options === null || options === undefined || (_options$onResize = options.onResize) === null || _options$onResize === undefined || _options$onResize.call(options, e);
|
|
54
55
|
(_renderEl$value5 = renderEl.value) === null || _renderEl$value5 === undefined || (_renderEl$value5$onRe = _renderEl$value5.onResize) === null || _renderEl$value5$onRe === undefined || _renderEl$value5$onRe.call(_renderEl$value5, e);
|
|
55
56
|
}
|
|
57
|
+
function onModalMousemove(e) {
|
|
58
|
+
var _options$onModalMouse, _renderEl$value6, _renderEl$value6$onMo;
|
|
59
|
+
options === null || options === undefined || (_options$onModalMouse = options.onModalMousemove) === null || _options$onModalMouse === undefined || _options$onModalMouse.call(options, e);
|
|
60
|
+
(_renderEl$value6 = renderEl.value) === null || _renderEl$value6 === undefined || (_renderEl$value6$onMo = _renderEl$value6.onModalMousemove) === null || _renderEl$value6$onMo === undefined || _renderEl$value6$onMo.call(_renderEl$value6, e);
|
|
61
|
+
}
|
|
62
|
+
function onModalMouseup(e) {
|
|
63
|
+
var _options$onModalMouse2, _renderEl$value7, _renderEl$value7$onMo;
|
|
64
|
+
options === null || options === undefined || (_options$onModalMouse2 = options.onModalMouseup) === null || _options$onModalMouse2 === undefined || _options$onModalMouse2.call(options, e);
|
|
65
|
+
(_renderEl$value7 = renderEl.value) === null || _renderEl$value7 === undefined || (_renderEl$value7$onMo = _renderEl$value7.onModalMouseup) === null || _renderEl$value7$onMo === undefined || _renderEl$value7$onMo.call(_renderEl$value7, e);
|
|
66
|
+
}
|
|
67
|
+
function onModalMousedown(e) {
|
|
68
|
+
var _options$onModalMouse3, _renderEl$value8, _renderEl$value8$onMo;
|
|
69
|
+
options === null || options === undefined || (_options$onModalMouse3 = options.onModalMousedown) === null || _options$onModalMouse3 === undefined || _options$onModalMouse3.call(options, e);
|
|
70
|
+
(_renderEl$value8 = renderEl.value) === null || _renderEl$value8 === undefined || (_renderEl$value8$onMo = _renderEl$value8.onModalMousedown) === null || _renderEl$value8$onMo === undefined || _renderEl$value8$onMo.call(_renderEl$value8, e);
|
|
71
|
+
}
|
|
56
72
|
context.expose({
|
|
57
73
|
setZIndex: function setZIndex(v) {
|
|
58
74
|
return zIndex.value = v;
|
|
@@ -94,6 +110,9 @@ var script = defineComponent({
|
|
|
94
110
|
onCancel: onCancel,
|
|
95
111
|
onClose: onClose,
|
|
96
112
|
onResize: onResize,
|
|
113
|
+
onModalMousemove: onModalMousemove,
|
|
114
|
+
onModalMousedown: onModalMousedown,
|
|
115
|
+
onModalMouseup: onModalMouseup,
|
|
97
116
|
key: (_options$item = options.item) === null || _options$item === undefined ? undefined : _options$item.id
|
|
98
117
|
}), function () {
|
|
99
118
|
return isComponent ? h(component, _objectSpread(_objectSpread({}, properties.value), {}, {
|
|
@@ -28,12 +28,9 @@ export type WindowItemOptions = {
|
|
|
28
28
|
titleAfter?: Function;
|
|
29
29
|
switcherIcon?: object;
|
|
30
30
|
closerIcon?: object;
|
|
31
|
-
minimize
|
|
31
|
+
minimize?: boolean;
|
|
32
32
|
minimizer?: boolean;
|
|
33
33
|
minimizerIcon?: object;
|
|
34
|
-
onMinimize?: Function;
|
|
35
|
-
onSwitch?: Function;
|
|
36
|
-
onClose?: Function;
|
|
37
34
|
props?: {
|
|
38
35
|
[key: string]: any;
|
|
39
36
|
};
|
|
@@ -44,6 +41,13 @@ export type WindowItemOptions = {
|
|
|
44
41
|
cancelOpt?: object;
|
|
45
42
|
onCancel?: Function;
|
|
46
43
|
onSubmit?: Function;
|
|
44
|
+
onModalMousemove?: Function;
|
|
45
|
+
onModalMousedown?: Function;
|
|
46
|
+
onModalMouseup?: Function;
|
|
47
|
+
onResize?: Function;
|
|
48
|
+
onMinimize?: Function;
|
|
49
|
+
onSwitch?: Function;
|
|
50
|
+
onClose?: Function;
|
|
47
51
|
};
|
|
48
52
|
export declare const WindowsProps: {
|
|
49
53
|
items: {
|
package/dist/index.min.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
@dfsj/components:通用的vue组件;包括专业组件、原子级组件
|
|
3
|
-
版本: 3.7.1
|
|
3
|
+
版本: 3.7.1-alpha.2
|
|
4
4
|
作者:yangbo <1747837358@qq.com>
|
|
5
|
-
日期:2025-
|
|
5
|
+
日期:2025-05-27 15:50:07
|
|
6
6
|
*/.ec-component-board-container-page-wrap{position:fixed;z-index:100;background:#fff;transition:transform 200ms ease-in-out}.ec-component-board-container-page-wrap .r-dot{background:rgba(0,0,0,.21);border-radius:6px;color:#f2f2f2;display:flex;align-items:center;justify-content:center}.ec-component-board-container-page-wrap .r-dot.r-l-dot,.ec-component-board-container-page-wrap .r-dot.r-r-dot{height:30px !important;top:50% !important;transform:translateY(-50%)}.ec-component-board-container-page-wrap .r-dot.r-l-dot:before,.ec-component-board-container-page-wrap .r-dot.r-r-dot:before{content:"";height:70%;border-left:2px dotted rgba(0,0,0,.36);box-sizing:border-box}.ec-component-board-container-page-wrap .r-dot.r-t-dot,.ec-component-board-container-page-wrap .r-dot.r-b-dot{width:30px !important;left:50% !important;transform:translateX(-50%)}.ec-component-board-container-page-wrap .r-dot.r-t-dot:before,.ec-component-board-container-page-wrap .r-dot.r-b-dot:before{content:"";width:70%;border-top:2px dotted rgba(0,0,0,.36);box-sizing:border-box}.ec-component-board-container-page-wrap .board--wing{position:absolute !important;z-index:1;width:18px;height:80px;border-radius:2px;background:rgba(3,19,78,.12);backdrop-filter:blur(2px);box-shadow:2px 1px 1px 0px rgba(0,0,0,.3),-2px -2px 2px 0px #fff;cursor:pointer}.ec-component-board-container-page-wrap .board--wing .app-iconify{position:absolute;top:50%;right:0;font-weight:bolder;color:#fff;transform-origin:50% 50%;max-width:fit-content;max-height:fit-content}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-wrap::after{display:none}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__active-bar{display:none;width:0;height:0}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__item{height:auto;padding:10px;color:var(--board-tab-color);background:#eee}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__item.is-active{color:#fff;background:var(--board-tab-color)}.ec-component-board-container-page-wrap .multiple-toggle-tab .el-tabs__nav-scroll .el-tabs__nav{gap:10px}.ec-component-board-container-page-wrap.east .custom-label,.ec-component-board-container-page-wrap.west .custom-label{display:flex;width:100%;min-height:0;letter-spacing:5px;writing-mode:vertical-lr}.ec-component-board-container-page-wrap.east{flex-direction:row-reverse;right:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3);border-radius:2px 0 0}.ec-component-board-container-page-wrap.east .ec-component-board-container-page-wrap__layout{display:flex;flex-direction:row-reverse;align-items:flex-start}.ec-component-board-container-page-wrap.east .board--wing{z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(-100%, -50%);top:50%;left:0;clip-path:polygon(0 18%, 100% 0, 100% 100%, 0 82%)}.ec-component-board-container-page-wrap.east .board--wing .app-iconify{transform:translateY(-50%) rotate(0deg);top:50%;right:-2px}.ec-component-board-container-page-wrap.east.minify .board--wing .app-iconify{transform:rotate(180deg) translateY(50%)}.ec-component-board-container-page-wrap.west{flex-direction:row-reverse;left:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3);border-radius:0 2px 0 0}.ec-component-board-container-page-wrap.west .board--wing{z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(100%, -50%);top:50%;right:0;clip-path:polygon(0 0, 100% 18%, 100% 82%, 0% 100%)}.ec-component-board-container-page-wrap.west .board--wing .app-iconify{transform:translateY(-50%) rotate(180deg);top:50%;left:-2px}.ec-component-board-container-page-wrap.west.minify .board--wing .app-iconify{transform:translateY(-50%) rotate(0deg)}.ec-component-board-container-page-wrap.full{flex-direction:row-reverse;right:0;left:0;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.full .board--wing{display:none;top:-30px;left:calc(50% - 70px);z-index:1;width:140px;height:30px;box-shadow:0 -8px 10px 0 rgba(64,72,191,.2);border-radius:10px 10px 0 0}.ec-component-board-container-page-wrap.full.minify{transform:translateY(100%)}.ec-component-board-container-page-wrap.top{top:0px;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.top .ec-component-board-container-page-wrap__layout{display:flex;flex-direction:column}.ec-component-board-container-page-wrap.top .board--wing{height:18px;width:80px;z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(50%, 100%);right:50%;bottom:0px;clip-path:polygon(0% 18%, 100% 18%, 82% 100%, 18% 100%)}.ec-component-board-container-page-wrap.top .board--wing .app-iconify{transform:translateX(-50%) rotate(270deg);left:50%;top:-2px}.ec-component-board-container-page-wrap.top.minify .board--wing .app-iconify{transform:translateX(-50%) rotate(90deg)}.ec-component-board-container-page-wrap.south{bottom:0px;box-shadow:-0.1rem 0 .7rem .1rem rgba(64,72,191,.3)}.ec-component-board-container-page-wrap.south .ec-component-board-container-page-wrap__layout{display:flex;flex-direction:column}.ec-component-board-container-page-wrap.south .board--panels .board--panel-container{position:inherit;padding:0}.ec-component-board-container-page-wrap.south .board--wing{height:18px;width:80px;z-index:1;box-shadow:-8px 0 10px 0 rgba(64,72,191,.2);transform:translate(50%, -100%);right:50%;top:0px;clip-path:polygon(18% 18%, 82% 18%, 100% 100%, 0% 100%)}.ec-component-board-container-page-wrap.south .board--wing .app-iconify{transform:translateX(-50%) rotate(90deg);left:50%;top:-2px}.ec-component-board-container-page-wrap.south.minify .board--wing .app-iconify{transform:translateX(-50%) rotate(270deg)}.custom-month-range .el-month-table .current .cell{background-color:var(--el-color-primary);color:#fff !important}.ec-component-svg-icon{display:inline-block;overflow:hidden;vertical-align:-0.15em;fill:currentColor}.svg-icon-spin{animation:loadingCircle 1s infinite linear}.app-iconify{display:inline-block;vertical-align:middle}.app-iconify-spin svg{animation:loadingCircle 1s infinite linear}span.iconify{display:block;min-width:1em;min-height:1em;background-color:rgba(225,223,223,.55);border-radius:100%}.ec-component-input-password :deep(.el-input__clear){margin-left:5px}.ec-component-input-password__bar{background-color:var(--el-text-color-disabled);border-radius:var(--el-border-radius-base)}.ec-component-input-password__bar::before,.ec-component-input-password__bar::after{position:absolute;z-index:10;display:block;width:20%;height:inherit;background-color:rgba(0,0,0,0);border-color:var(--el-color-white);border-style:solid;border-width:0 5px;content:""}.ec-component-input-password__bar::before{left:20%}.ec-component-input-password__bar::after{right:20%}.ec-component-input-password__bar--fill{position:absolute;width:0;height:inherit;background-color:rgba(0,0,0,0);border-radius:inherit;transition:width .5s ease-in-out,background .25s}.ec-component-input-password__bar--fill[data-score="0"]{width:20%;background-color:var(--el-color-danger)}.ec-component-input-password__bar--fill[data-score="1"]{width:40%;background-color:var(--el-color-danger)}.ec-component-input-password__bar--fill[data-score="2"]{width:60%;background-color:var(--el-color-warning)}.ec-component-input-password__bar--fill[data-score="3"]{width:80%;background-color:var(--el-color-success)}.ec-component-input-password__bar--fill[data-score="4"]{width:100%;background-color:var(--el-color-success)}.ec-component-input-password--mini>.ec-component-input-password__bar{border-radius:var(--el-border-radius-small)}.component.modal{--ec-modal-border-radius: 0.3rem;position:fixed}.component.modal.minimized{height:0 !important;width:0 !important;overflow:hidden}.component.modal.maximum .modal--body,.component.modal.maximum,.component.modal.modally,.component.modal.modally.maximum .modal--body{top:0 !important;left:0 !important;width:100% !important;height:100% !important}.component.modal.modally:before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:-1}.component.modal .modal--body{display:flex;flex:1;border-radius:var(--ec-modal-border-radius);background:rgba(0,0,0,0);box-shadow:.1rem .1rem 1.5rem .1rem rgba(64,72,191,.3)}.component.modal.modally .modal--body{position:absolute}.component.modal .modal--content{position:relative;flex:1;display:flex;background:#fff;flex-direction:column}.component-modal-page-wrap{display:flex;flex-direction:column;min-height:0}.component-modal-page-wrap .component-modal-body{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.component-modal-page-wrap .component-modal-body .component-modal-header{position:relative;width:100%;height:40px;min-height:40px}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-main-container-wrap{width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-right:10px}.component-modal-page-wrap .component-modal-body .component-modal-content{flex:1;height:100%}.component-modal-page-wrap .component-modal-body .component-modal-footer{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 12px rgba(0,0,0,.12)}.window--enter-active{animation:animate-window-enter-active 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both}.window--leave-active{animation:animate-window-leave-active 200ms cubic-bezier(0.39, 0.575, 0.565, 1) both}@keyframes animate-window-enter-active{0%{transform:scale(0.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes animate-window-leave-active{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}.component.stateful{position:relative;flex:1}.component.stateful .stateful--content{display:flex;position:absolute;width:100%;height:100%;left:0;top:0}.component.stateful .stateful--content.cover{filter:blur(1.25px)}.component.stateful .stateful--cover{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center}.component.stateful .stateful--cover .cover--icon{margin-right:10px}.component.stateful .stateful--cover .cover--box{display:flex;align-items:center;justify-content:center;padding:50px 70px;border-radius:.8rem;box-shadow:.1rem .1rem 1.5rem .1rem rgba(64,72,191,.15);position:relative;overflow:hidden;width:auto;height:auto}.component.stateful .stateful--cover .cover--text{font-size:20px;margin-bottom:2px;font-weight:400;text-shadow:0 0 rgba(64,72,191,.3)}.ec-chart-toolbox-wrap{height:100%;width:100%;min-height:0;min-width:0}.ec-chart-toolbox-wrap .tools-container{min-height:0;display:flex;justify-content:flex-end;cursor:pointer;right:0px;top:0px;gap:10px;z-index:9999}.ec-chart-toolbox-wrap .tools-container .app-iconify{cursor:pointer !important;transition:all .5s ease}.ec-chart-toolbox-wrap .tools-container .app-iconify:hover{transition:all .5s ease;box-shadow:0px 1px 10px 0px rgba(0,0,0,.05),0px 4px 5px 0px rgba(0,0,0,.08),0px 2px 4px -1px rgba(0,0,0,.12)}.wrap-el{position:relative;float:left;width:100%;height:100%;overflow:hidden}.video-player-toolbar{color:#fff;position:absolute;left:0;right:0;bottom:0;height:30px;background:rgba(0,0,0,.5);display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:0px 12px;z-index:1000}.video-player-toolbar .app-iconify{cursor:pointer}.component.node-axis{position:relative}.component.node-axis .node-axis--overlay{top:0;left:0;position:absolute;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);box-shadow:0 0 5px 1px rgba(0,0,0,.5);color:#fff;padding:5px;font-size:14px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;border-radius:3px;word-break:keep-all;white-space:nowrap;transition:all 80ms linear;opacity:0}:deep(.el-descriptions__header){display:none !important}:deep(.ec-descriptions-component-label){width:150px !important}.ec-descriptions-component__default .item{padding:8px 11px;font-size:14px}.ec-descriptions-component__default .ec-descriptions-component-content{padding:8px 1px}.ec-descriptions-component__small .item{padding:4px 7px;font-size:12px}.ec-descriptions-component__small .ec-descriptions-component-content{padding:5px 1px}.ec-descriptions-component__large .item{padding:12px 15px;font-size:16px}.ec-descriptions-component__large .ec-descriptions-component-content{padding:10px 1px}.ec-descriptions-component-header__default{font-size:16px;height:32px}.ec-descriptions-component-header__small{font-size:14px;height:32px}.ec-descriptions-component-header__large{font-size:18px;height:40px}.ec-descriptions-component-header__title::after{position:absolute;top:3px;left:-10px;width:4px;height:70%;background:var(--el-color-primary);content:""}
|
package/package.json
CHANGED
|
File without changes
|