@dfsj/components 3.6.0 → 3.7.0-beta.2
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 +4 -3
- package/dist/components/Boards/src/Boards.vue.d.ts +47 -6
- package/dist/components/Boards/src/Boards.vue2.js +37 -102
- 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 +48 -11
- package/dist/components/Boards/src/props.js +29 -10
- 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 +4 -1
- 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
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { domUtils, isServer } from '@dfsj/utils';
|
|
2
|
+
|
|
3
|
+
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; } } }; }
|
|
4
|
+
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; } }
|
|
5
|
+
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; }
|
|
6
|
+
var on = domUtils.on;
|
|
7
|
+
var nodeList = new Map();
|
|
8
|
+
var startClick;
|
|
9
|
+
if (!isServer) {
|
|
10
|
+
on(document, 'mousedown', function (e) {
|
|
11
|
+
return startClick = e;
|
|
12
|
+
});
|
|
13
|
+
on(document, 'mouseup', function (e) {
|
|
14
|
+
var _iterator = _createForOfIteratorHelper(nodeList.values()),
|
|
15
|
+
_step;
|
|
16
|
+
try {
|
|
17
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
18
|
+
var documentHandler = _step.value.documentHandler;
|
|
19
|
+
documentHandler(e, startClick);
|
|
20
|
+
}
|
|
21
|
+
} catch (err) {
|
|
22
|
+
_iterator.e(err);
|
|
23
|
+
} finally {
|
|
24
|
+
_iterator.f();
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
function createDocumentHandler(el, binding) {
|
|
29
|
+
var excludes = [];
|
|
30
|
+
if (Array.isArray(binding.arg)) {
|
|
31
|
+
excludes = binding.arg;
|
|
32
|
+
} else {
|
|
33
|
+
excludes.push(binding.arg);
|
|
34
|
+
}
|
|
35
|
+
return function (mouseup, mousedown) {
|
|
36
|
+
var popperRef = binding.instance.popperRef;
|
|
37
|
+
var mouseUpTarget = mouseup.target;
|
|
38
|
+
var mouseDownTarget = mousedown.target;
|
|
39
|
+
var isBound = !binding || !binding.instance;
|
|
40
|
+
var isTargetExists = !mouseUpTarget || !mouseDownTarget;
|
|
41
|
+
var isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
|
|
42
|
+
var isSelf = el === mouseUpTarget;
|
|
43
|
+
var isTargetExcluded = excludes.length && excludes.some(function (item) {
|
|
44
|
+
return item === null || item === void 0 ? void 0 : item.contains(mouseUpTarget);
|
|
45
|
+
}) || excludes.length && excludes.includes(mouseDownTarget);
|
|
46
|
+
var isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
|
|
47
|
+
if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
binding.value();
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
var ClickOutside = {
|
|
54
|
+
beforeMount: function beforeMount(el, binding) {
|
|
55
|
+
nodeList.set(el, {
|
|
56
|
+
documentHandler: createDocumentHandler(el, binding),
|
|
57
|
+
bindingFn: binding.value
|
|
58
|
+
});
|
|
59
|
+
},
|
|
60
|
+
updated: function updated(el, binding) {
|
|
61
|
+
nodeList.set(el, {
|
|
62
|
+
documentHandler: createDocumentHandler(el, binding),
|
|
63
|
+
bindingFn: binding.value
|
|
64
|
+
});
|
|
65
|
+
},
|
|
66
|
+
unmounted: function unmounted(el) {
|
|
67
|
+
nodeList["delete"](el);
|
|
68
|
+
}
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
export { ClickOutside as default };
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { domUtils } from '@dfsj/utils';
|
|
2
|
+
|
|
3
|
+
var on = domUtils.on,
|
|
4
|
+
once = domUtils.once;
|
|
5
|
+
var repeatDirective = {
|
|
6
|
+
beforeMount: function beforeMount(el, binding) {
|
|
7
|
+
var interval = null;
|
|
8
|
+
var startTime = 0;
|
|
9
|
+
var handler = function handler() {
|
|
10
|
+
return binding === null || binding === void 0 ? void 0 : binding.value();
|
|
11
|
+
};
|
|
12
|
+
var clear = function clear() {
|
|
13
|
+
if (Date.now() - startTime < 100) {
|
|
14
|
+
handler();
|
|
15
|
+
}
|
|
16
|
+
interval && clearInterval(interval);
|
|
17
|
+
interval = null;
|
|
18
|
+
};
|
|
19
|
+
on(el, 'mousedown', function (e) {
|
|
20
|
+
if (e.button !== 0) return;
|
|
21
|
+
startTime = Date.now();
|
|
22
|
+
once(document, 'mouseup', clear);
|
|
23
|
+
interval && clearInterval(interval);
|
|
24
|
+
interval = setInterval(handler, 100);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export { repeatDirective as default };
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
|
|
3
|
+
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; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
|
|
5
|
+
var allHandles = ['t', 'r', 'b', 'l', 'tr', 'br', 'bl', 'tl'];
|
|
6
|
+
var defaults = {
|
|
7
|
+
handles: allHandles,
|
|
8
|
+
minWidth: 10,
|
|
9
|
+
maxWidth: window.innerWidth,
|
|
10
|
+
minHeight: 10,
|
|
11
|
+
maxHeight: window.innerHeight,
|
|
12
|
+
handleWidth: 8,
|
|
13
|
+
handleZIndex: 100,
|
|
14
|
+
display: 'fixed',
|
|
15
|
+
disable: false
|
|
16
|
+
};
|
|
17
|
+
var bind = function bind(el, others) {
|
|
18
|
+
var _value;
|
|
19
|
+
var value = others === null || others === void 0 ? void 0 : others.value;
|
|
20
|
+
var modifiers = others === null || others === void 0 ? void 0 : others.modifiers;
|
|
21
|
+
value = _objectSpread(_objectSpread({}, defaults), value);
|
|
22
|
+
if ((_value = value) !== null && _value !== void 0 && _value.disable) return;
|
|
23
|
+
var left, top, width, height, startX, startY, handleEls, activeHandle;
|
|
24
|
+
var handles, minWidth, maxWidth, minHeight, maxHeight, handleWidth, handleZIndex, display;
|
|
25
|
+
var ml = 0,
|
|
26
|
+
mt = 0;
|
|
27
|
+
setOptions();
|
|
28
|
+
addHandles();
|
|
29
|
+
el.style.position = display;
|
|
30
|
+
el.addEventListener('mousedown', start);
|
|
31
|
+
el.onMouseDown = start;
|
|
32
|
+
function setOptions() {
|
|
33
|
+
var getModifier = function getModifier(x) {
|
|
34
|
+
return value[x];
|
|
35
|
+
};
|
|
36
|
+
var getOption = function getOption(x) {
|
|
37
|
+
return getModifier(x);
|
|
38
|
+
};
|
|
39
|
+
minWidth = getOption('minWidth');
|
|
40
|
+
maxWidth = getOption('maxWidth');
|
|
41
|
+
minHeight = getOption('minHeight');
|
|
42
|
+
maxHeight = getOption('maxHeight');
|
|
43
|
+
handleWidth = getOption('handleWidth');
|
|
44
|
+
handleZIndex = getOption('handleZIndex');
|
|
45
|
+
display = getOption('display');
|
|
46
|
+
handles = getOption('handles');
|
|
47
|
+
}
|
|
48
|
+
function addHandles() {
|
|
49
|
+
if (Object.keys(modifiers).some(function (m) {
|
|
50
|
+
return allHandles.includes(m);
|
|
51
|
+
})) {
|
|
52
|
+
handles = allHandles.filter(function (m) {
|
|
53
|
+
return modifiers[m];
|
|
54
|
+
});
|
|
55
|
+
} else if (!Reflect.has(value, 'handles')) {
|
|
56
|
+
handles = defaults.handles;
|
|
57
|
+
} else if (!handles) {
|
|
58
|
+
handles = [];
|
|
59
|
+
} else ;
|
|
60
|
+
handleEls = handles.map(createHandleEl);
|
|
61
|
+
handleEls.forEach(function (handleEl) {
|
|
62
|
+
return el.appendChild(handleEl);
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
function createHandleEl(handle) {
|
|
66
|
+
var handleWidthPx = handleWidth + 'px';
|
|
67
|
+
var handleOffsetPx = -handleWidth / 2 + 'px';
|
|
68
|
+
var handleCornerZIndex = handleZIndex + 1;
|
|
69
|
+
var handleEl = document.createElement('div');
|
|
70
|
+
handleEl.className = 'r-dot';
|
|
71
|
+
handleEl.dataset.handle = handle;
|
|
72
|
+
handleEl.style.position = 'absolute';
|
|
73
|
+
handleEl.style.touchAction = 'none';
|
|
74
|
+
handleEl.style.userSelect = 'none';
|
|
75
|
+
handleEl.style.zIndex = handle.length === 1 ? handleZIndex : handleCornerZIndex;
|
|
76
|
+
handleEl.style.cursor = getCursor(handle);
|
|
77
|
+
if (handle.includes('t')) {
|
|
78
|
+
handleEl.style.top = handleOffsetPx;
|
|
79
|
+
handleEl.style.height = handleWidthPx;
|
|
80
|
+
if (handle === 't') {
|
|
81
|
+
handleEl.style.left = 0;
|
|
82
|
+
handleEl.style.width = '100%';
|
|
83
|
+
handleEl.classList.add('r-t-dot');
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
if (handle.includes('b')) {
|
|
87
|
+
handleEl.style.bottom = handleOffsetPx;
|
|
88
|
+
handleEl.style.height = handleWidthPx;
|
|
89
|
+
if (handle === 'b') {
|
|
90
|
+
handleEl.style.left = 0;
|
|
91
|
+
handleEl.style.width = '100%';
|
|
92
|
+
handleEl.classList.add('r-b-dot');
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
if (handle.includes('r')) {
|
|
96
|
+
handleEl.style.right = handleOffsetPx;
|
|
97
|
+
handleEl.style.width = handleWidthPx;
|
|
98
|
+
if (handle === 'r') {
|
|
99
|
+
handleEl.style.top = 0;
|
|
100
|
+
handleEl.style.height = '100%';
|
|
101
|
+
handleEl.classList.add('r-r-dot');
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
if (handle.includes('l')) {
|
|
105
|
+
handleEl.style.left = handleOffsetPx;
|
|
106
|
+
handleEl.style.width = handleWidthPx;
|
|
107
|
+
if (handle === 'l') {
|
|
108
|
+
handleEl.style.top = 0;
|
|
109
|
+
handleEl.style.height = '100%';
|
|
110
|
+
handleEl.classList.add('r-l-dot');
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
return handleEl;
|
|
114
|
+
}
|
|
115
|
+
function start(e) {
|
|
116
|
+
if (!handleEls.includes(e.target)) return;
|
|
117
|
+
mt = parseInt(window.getComputedStyle(el).getPropertyValue('margin-top'));
|
|
118
|
+
parseInt(window.getComputedStyle(el).getPropertyValue('margin-right'));
|
|
119
|
+
parseInt(window.getComputedStyle(el).getPropertyValue('margin-bottom'));
|
|
120
|
+
ml = parseInt(window.getComputedStyle(el).getPropertyValue('margin-left'));
|
|
121
|
+
var isTouch = e.type === 'touchstart' && e.touches.length > 0;
|
|
122
|
+
var evtData = isTouch ? e.touches[0] : e;
|
|
123
|
+
startX = evtData.clientX;
|
|
124
|
+
startY = evtData.clientY;
|
|
125
|
+
left = el.offsetLeft;
|
|
126
|
+
top = el.offsetTop;
|
|
127
|
+
width = parseInt(window.getComputedStyle(el).getPropertyValue('width'));
|
|
128
|
+
height = parseInt(window.getComputedStyle(el).getPropertyValue('height'));
|
|
129
|
+
if (!minWidth) minWidth = width;
|
|
130
|
+
if (!minHeight) minHeight = height;
|
|
131
|
+
document.documentElement.style.cursor = getCursor(e.target.dataset.handle);
|
|
132
|
+
activeHandle = e.target.dataset.handle;
|
|
133
|
+
document.addEventListener('mousemove', move);
|
|
134
|
+
document.addEventListener('mouseup', end);
|
|
135
|
+
e.preventDefault();
|
|
136
|
+
}
|
|
137
|
+
function move(e) {
|
|
138
|
+
var isTouch = e.type === 'touchmove' && e.touches.length > 0;
|
|
139
|
+
var evtData = isTouch ? e.touches[0] : e;
|
|
140
|
+
var dx = evtData.clientX - startX;
|
|
141
|
+
var dy = evtData.clientY - startY;
|
|
142
|
+
if (activeHandle.includes('t')) {
|
|
143
|
+
var newHeight = Math.min(maxHeight, Math.max(minHeight, height - dy));
|
|
144
|
+
dy = height - newHeight;
|
|
145
|
+
el.style.height = newHeight + 'px';
|
|
146
|
+
el.style.top = top + dy - mt + 'px';
|
|
147
|
+
}
|
|
148
|
+
if (activeHandle.includes('b')) {
|
|
149
|
+
var _newHeight = Math.min(maxHeight, Math.max(minHeight, height + dy));
|
|
150
|
+
el.style.height = _newHeight + 'px';
|
|
151
|
+
el.style.top = top - mt + 'px';
|
|
152
|
+
}
|
|
153
|
+
if (activeHandle.includes('l')) {
|
|
154
|
+
var newWidth = Math.min(maxWidth, Math.max(minWidth, width - dx));
|
|
155
|
+
dx = width - newWidth;
|
|
156
|
+
el.style.width = newWidth + 'px';
|
|
157
|
+
el.style.left = left + dx - ml + 'px';
|
|
158
|
+
}
|
|
159
|
+
if (activeHandle.includes('r')) {
|
|
160
|
+
var _newWidth = Math.min(maxWidth, Math.max(minWidth, width + dx));
|
|
161
|
+
el.style.width = _newWidth + 'px';
|
|
162
|
+
el.style.left = left - ml + 'px';
|
|
163
|
+
}
|
|
164
|
+
el.dispatchEvent(new CustomEvent('resize'));
|
|
165
|
+
e.preventDefault();
|
|
166
|
+
}
|
|
167
|
+
function end() {
|
|
168
|
+
document.documentElement.style.cursor = '';
|
|
169
|
+
activeHandle = null;
|
|
170
|
+
document.removeEventListener('mousemove', move);
|
|
171
|
+
document.removeEventListener('mouseup', end);
|
|
172
|
+
}
|
|
173
|
+
};
|
|
174
|
+
var unbind = function unbind(el) {
|
|
175
|
+
document.documentElement.style.cursor = '';
|
|
176
|
+
el.removeEventListener('mousedown', el.onMouseDown);
|
|
177
|
+
};
|
|
178
|
+
function getCursor(handle) {
|
|
179
|
+
var cursorDirection = {
|
|
180
|
+
t: 'n',
|
|
181
|
+
r: 'e',
|
|
182
|
+
b: 's',
|
|
183
|
+
l: 'w'
|
|
184
|
+
};
|
|
185
|
+
return handle.split('').map(function (l) {
|
|
186
|
+
return cursorDirection[l];
|
|
187
|
+
}).join('') + '-resize';
|
|
188
|
+
}
|
|
189
|
+
var vResizable = {
|
|
190
|
+
bind: bind,
|
|
191
|
+
beforeMount: bind,
|
|
192
|
+
unbind: unbind,
|
|
193
|
+
unmounted: unbind
|
|
194
|
+
};
|
|
195
|
+
|
|
196
|
+
export { vResizable as default };
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -11,7 +11,7 @@ export { default as State, StateEnum } from './components/Stateful/src/State.js'
|
|
|
11
11
|
import './components/Stateful/src/Stateful.vue.js';
|
|
12
12
|
export { WindowsProps } from './components/Windows/src/props.js';
|
|
13
13
|
import './components/Windows/src/Windows.vue.js';
|
|
14
|
-
export {
|
|
14
|
+
export { BoardPositionEnum, BoardProps } from './components/Boards/src/props.js';
|
|
15
15
|
import './components/Boards/src/Boards.vue.js';
|
|
16
16
|
import './components/Video/src/VideoPlayer.vue.js';
|
|
17
17
|
export { default as DatePicker } from './components/DatePicker/src/index.js';
|
|
@@ -31,6 +31,9 @@ export { default as NullLayerProvider } from './components/NodeAxis/src/NullLaye
|
|
|
31
31
|
export { Direction, Extensible, TimeModes } from './components/NodeAxis/src/enum/index.js';
|
|
32
32
|
export { default as ResolvableLayerProvider } from './components/Visual/src/ResolvableLayerProvider.js';
|
|
33
33
|
export { default as BufferLayerPlayer } from './components/Visual/src/BufferLayerPlayer.js';
|
|
34
|
+
export { default as repeatClick } from './directives/repeatClick.js';
|
|
35
|
+
export { default as clickOutside } from './directives/clickOutside.js';
|
|
36
|
+
export { default as resizable } from './directives/resizable.js';
|
|
34
37
|
export { default as Form } from './components/Form/src/Form.vue2.js';
|
|
35
38
|
export { default as Table } from './components/Table/src/Table.vue2.js';
|
|
36
39
|
export { default as Editor } from './components/Editor/src/Editor.vue2.js';
|
package/dist/index.min.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
@dfsj/components:通用的vue组件;包括专业组件、原子级组件
|
|
3
|
-
版本: 3.
|
|
3
|
+
版本: 3.7.0-beta.1
|
|
4
4
|
作者:yangbo <1747837358@qq.com>
|
|
5
|
-
日期:2024-
|
|
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 .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{position:fixed}.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:.3rem;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{display:flex;justify-content:center;padding:10px 0}.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:""}
|
|
5
|
+
日期:2024-12-23 15:07:33
|
|
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.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{display:flex;justify-content:center;padding:10px 0}.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:""}
|
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
2
2
|
import '@babel/runtime/helpers/typeof';
|
|
3
3
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
4
4
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
5
5
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
6
6
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
7
7
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
8
|
-
import { noop, isIOS,
|
|
8
|
+
import { noop, isIOS, tryOnScopeDispose, toValue, isObject, isClient } from '../../../../@vueuse_shared@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/shared/index.js';
|
|
9
9
|
export { getLifeCycleTarget, tryOnUnmounted } from '../../../../@vueuse_shared@10.11.1_vue@3.5.12_typescript@5.6.2_/node_modules/@vueuse/shared/index.js';
|
|
10
|
-
import { ref, watch,
|
|
10
|
+
import { computed, ref, watch, getCurrentInstance, onMounted } from 'vue';
|
|
11
11
|
|
|
12
|
-
var _excluded = ["window"],
|
|
13
|
-
_excluded2 = ["window"];
|
|
14
|
-
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; } } }; }
|
|
15
|
-
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; } }
|
|
16
|
-
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; }
|
|
17
12
|
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; }
|
|
18
13
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).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; }
|
|
19
14
|
function unrefElement(elRef) {
|
|
@@ -166,179 +161,6 @@ function useSupported(callback) {
|
|
|
166
161
|
return Boolean(callback());
|
|
167
162
|
});
|
|
168
163
|
}
|
|
169
|
-
function useMutationObserver(target, callback) {
|
|
170
|
-
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
171
|
-
var _options$window2 = options.window,
|
|
172
|
-
window = _options$window2 === void 0 ? defaultWindow : _options$window2,
|
|
173
|
-
mutationOptions = _objectWithoutProperties(options, _excluded);
|
|
174
|
-
var observer;
|
|
175
|
-
var isSupported = useSupported(function () {
|
|
176
|
-
return window && "MutationObserver" in window;
|
|
177
|
-
});
|
|
178
|
-
var cleanup = function cleanup() {
|
|
179
|
-
if (observer) {
|
|
180
|
-
observer.disconnect();
|
|
181
|
-
observer = void 0;
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
var targets = computed(function () {
|
|
185
|
-
var value = toValue(target);
|
|
186
|
-
var items = (Array.isArray(value) ? value : [value]).map(unrefElement).filter(notNullish);
|
|
187
|
-
return new Set(items);
|
|
188
|
-
});
|
|
189
|
-
var stopWatch = watch(function () {
|
|
190
|
-
return targets.value;
|
|
191
|
-
}, function (targets2) {
|
|
192
|
-
cleanup();
|
|
193
|
-
if (isSupported.value && targets2.size) {
|
|
194
|
-
observer = new MutationObserver(callback);
|
|
195
|
-
targets2.forEach(function (el) {
|
|
196
|
-
return observer.observe(el, mutationOptions);
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
}, {
|
|
200
|
-
immediate: true,
|
|
201
|
-
flush: "post"
|
|
202
|
-
});
|
|
203
|
-
var takeRecords = function takeRecords() {
|
|
204
|
-
return observer == null ? void 0 : observer.takeRecords();
|
|
205
|
-
};
|
|
206
|
-
var stop = function stop() {
|
|
207
|
-
cleanup();
|
|
208
|
-
stopWatch();
|
|
209
|
-
};
|
|
210
|
-
tryOnScopeDispose(stop);
|
|
211
|
-
return {
|
|
212
|
-
isSupported: isSupported,
|
|
213
|
-
stop: stop,
|
|
214
|
-
takeRecords: takeRecords
|
|
215
|
-
};
|
|
216
|
-
}
|
|
217
|
-
function useResizeObserver(target, callback) {
|
|
218
|
-
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
219
|
-
var _options$window16 = options.window,
|
|
220
|
-
window = _options$window16 === void 0 ? defaultWindow : _options$window16,
|
|
221
|
-
observerOptions = _objectWithoutProperties(options, _excluded2);
|
|
222
|
-
var observer;
|
|
223
|
-
var isSupported = useSupported(function () {
|
|
224
|
-
return window && "ResizeObserver" in window;
|
|
225
|
-
});
|
|
226
|
-
var cleanup = function cleanup() {
|
|
227
|
-
if (observer) {
|
|
228
|
-
observer.disconnect();
|
|
229
|
-
observer = void 0;
|
|
230
|
-
}
|
|
231
|
-
};
|
|
232
|
-
var targets = computed(function () {
|
|
233
|
-
return Array.isArray(target) ? target.map(function (el) {
|
|
234
|
-
return unrefElement(el);
|
|
235
|
-
}) : [unrefElement(target)];
|
|
236
|
-
});
|
|
237
|
-
var stopWatch = watch(targets, function (els) {
|
|
238
|
-
cleanup();
|
|
239
|
-
if (isSupported.value && window) {
|
|
240
|
-
observer = new ResizeObserver(callback);
|
|
241
|
-
var _iterator3 = _createForOfIteratorHelper(els),
|
|
242
|
-
_step3;
|
|
243
|
-
try {
|
|
244
|
-
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
245
|
-
var _el = _step3.value;
|
|
246
|
-
_el && observer.observe(_el, observerOptions);
|
|
247
|
-
}
|
|
248
|
-
} catch (err) {
|
|
249
|
-
_iterator3.e(err);
|
|
250
|
-
} finally {
|
|
251
|
-
_iterator3.f();
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
}, {
|
|
255
|
-
immediate: true,
|
|
256
|
-
flush: "post"
|
|
257
|
-
});
|
|
258
|
-
var stop = function stop() {
|
|
259
|
-
cleanup();
|
|
260
|
-
stopWatch();
|
|
261
|
-
};
|
|
262
|
-
tryOnScopeDispose(stop);
|
|
263
|
-
return {
|
|
264
|
-
isSupported: isSupported,
|
|
265
|
-
stop: stop
|
|
266
|
-
};
|
|
267
|
-
}
|
|
268
|
-
function useElementBounding(target) {
|
|
269
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
270
|
-
var _options$reset = options.reset,
|
|
271
|
-
reset = _options$reset === void 0 ? true : _options$reset,
|
|
272
|
-
_options$windowResize = options.windowResize,
|
|
273
|
-
windowResize = _options$windowResize === void 0 ? true : _options$windowResize,
|
|
274
|
-
_options$windowScroll = options.windowScroll,
|
|
275
|
-
windowScroll = _options$windowScroll === void 0 ? true : _options$windowScroll,
|
|
276
|
-
_options$immediate3 = options.immediate,
|
|
277
|
-
immediate = _options$immediate3 === void 0 ? true : _options$immediate3;
|
|
278
|
-
var height = ref(0);
|
|
279
|
-
var bottom = ref(0);
|
|
280
|
-
var left = ref(0);
|
|
281
|
-
var right = ref(0);
|
|
282
|
-
var top = ref(0);
|
|
283
|
-
var width = ref(0);
|
|
284
|
-
var x = ref(0);
|
|
285
|
-
var y = ref(0);
|
|
286
|
-
function update() {
|
|
287
|
-
var el = unrefElement(target);
|
|
288
|
-
if (!el) {
|
|
289
|
-
if (reset) {
|
|
290
|
-
height.value = 0;
|
|
291
|
-
bottom.value = 0;
|
|
292
|
-
left.value = 0;
|
|
293
|
-
right.value = 0;
|
|
294
|
-
top.value = 0;
|
|
295
|
-
width.value = 0;
|
|
296
|
-
x.value = 0;
|
|
297
|
-
y.value = 0;
|
|
298
|
-
}
|
|
299
|
-
return;
|
|
300
|
-
}
|
|
301
|
-
var rect = el.getBoundingClientRect();
|
|
302
|
-
height.value = rect.height;
|
|
303
|
-
bottom.value = rect.bottom;
|
|
304
|
-
left.value = rect.left;
|
|
305
|
-
right.value = rect.right;
|
|
306
|
-
top.value = rect.top;
|
|
307
|
-
width.value = rect.width;
|
|
308
|
-
x.value = rect.x;
|
|
309
|
-
y.value = rect.y;
|
|
310
|
-
}
|
|
311
|
-
useResizeObserver(target, update);
|
|
312
|
-
watch(function () {
|
|
313
|
-
return unrefElement(target);
|
|
314
|
-
}, function (ele) {
|
|
315
|
-
return !ele && update();
|
|
316
|
-
});
|
|
317
|
-
useMutationObserver(target, update, {
|
|
318
|
-
attributeFilter: ["style", "class"]
|
|
319
|
-
});
|
|
320
|
-
if (windowScroll) useEventListener("scroll", update, {
|
|
321
|
-
capture: true,
|
|
322
|
-
passive: true
|
|
323
|
-
});
|
|
324
|
-
if (windowResize) useEventListener("resize", update, {
|
|
325
|
-
passive: true
|
|
326
|
-
});
|
|
327
|
-
tryOnMounted(function () {
|
|
328
|
-
if (immediate) update();
|
|
329
|
-
});
|
|
330
|
-
return {
|
|
331
|
-
height: height,
|
|
332
|
-
bottom: bottom,
|
|
333
|
-
left: left,
|
|
334
|
-
right: right,
|
|
335
|
-
top: top,
|
|
336
|
-
width: width,
|
|
337
|
-
x: x,
|
|
338
|
-
y: y,
|
|
339
|
-
update: update
|
|
340
|
-
};
|
|
341
|
-
}
|
|
342
164
|
var eventHandlers = ["fullscreenchange", "webkitfullscreenchange", "webkitendfullscreen", "mozfullscreenchange", "MSFullscreenChange"];
|
|
343
165
|
function useFullscreen(target) {
|
|
344
166
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
@@ -510,4 +332,4 @@ function useFullscreen(target) {
|
|
|
510
332
|
};
|
|
511
333
|
}
|
|
512
334
|
|
|
513
|
-
export { defaultDocument, defaultWindow, isClient, isIOS, isObject, noop,
|
|
335
|
+
export { defaultDocument, defaultWindow, isClient, isIOS, isObject, noop, onClickOutside, toValue, tryOnScopeDispose, unrefElement, useEventListener, useFullscreen, useMounted, useSupported };
|
|
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/toConsumableArray';
|
|
|
5
5
|
import '@babel/runtime/helpers/slicedToArray';
|
|
6
6
|
import '@babel/runtime/helpers/defineProperty';
|
|
7
7
|
import '@babel/runtime/regenerator';
|
|
8
|
-
import { getCurrentScope, onScopeDispose,
|
|
8
|
+
import { getCurrentScope, onScopeDispose, unref, onUnmounted, getCurrentInstance } from 'vue';
|
|
9
9
|
|
|
10
10
|
function tryOnScopeDispose(fn) {
|
|
11
11
|
if (getCurrentScope()) {
|
|
@@ -19,9 +19,6 @@ function toValue(r) {
|
|
|
19
19
|
}
|
|
20
20
|
var isClient = typeof window !== "undefined" && typeof document !== "undefined";
|
|
21
21
|
typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
|
|
22
|
-
var notNullish = function notNullish(val) {
|
|
23
|
-
return val != null;
|
|
24
|
-
};
|
|
25
22
|
var toString = Object.prototype.toString;
|
|
26
23
|
var isObject = function isObject(val) {
|
|
27
24
|
return toString.call(val) === "[object Object]";
|
|
@@ -35,15 +32,9 @@ function getIsIOS() {
|
|
|
35
32
|
function getLifeCycleTarget(target) {
|
|
36
33
|
return getCurrentInstance();
|
|
37
34
|
}
|
|
38
|
-
function tryOnMounted(fn) {
|
|
39
|
-
var sync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
40
|
-
var target = arguments.length > 2 ? arguments[2] : undefined;
|
|
41
|
-
var instance = getLifeCycleTarget();
|
|
42
|
-
if (instance) onMounted(fn, target);else if (sync) fn();else nextTick(fn);
|
|
43
|
-
}
|
|
44
35
|
function tryOnUnmounted(fn, target) {
|
|
45
36
|
var instance = getLifeCycleTarget();
|
|
46
37
|
if (instance) onUnmounted(fn, target);
|
|
47
38
|
}
|
|
48
39
|
|
|
49
|
-
export { getLifeCycleTarget, isClient, isIOS, isObject, noop,
|
|
40
|
+
export { getLifeCycleTarget, isClient, isIOS, isObject, noop, toValue, tryOnScopeDispose, tryOnUnmounted };
|