@dfsj/components 3.7.2-alpha.5 → 3.7.2-alpha.6
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.
|
@@ -0,0 +1,344 @@
|
|
|
1
|
+
import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
|
|
2
|
+
import _createClass from '@babel/runtime/helpers/createClass';
|
|
3
|
+
import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
|
|
4
|
+
import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
|
|
5
|
+
import _get from '@babel/runtime/helpers/get';
|
|
6
|
+
import _inherits from '@babel/runtime/helpers/inherits';
|
|
7
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
8
|
+
import NodeMath from '../../Visual/src/utils/NodeMath.js';
|
|
9
|
+
import NodeRender from './NodeRender.js';
|
|
10
|
+
|
|
11
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
12
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
13
|
+
function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(t.prototype ), o, e); return "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
|
|
14
|
+
var BCanvasNodeRender = /*#__PURE__*/function (_NodeRender) {
|
|
15
|
+
function BCanvasNodeRender() {
|
|
16
|
+
var _this;
|
|
17
|
+
_classCallCheck(this, BCanvasNodeRender);
|
|
18
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
19
|
+
args[_key] = arguments[_key];
|
|
20
|
+
}
|
|
21
|
+
_this = _callSuper(this, BCanvasNodeRender, [].concat(args));
|
|
22
|
+
_defineProperty(_this, "canvas", void 0);
|
|
23
|
+
_defineProperty(_this, "context", void 0);
|
|
24
|
+
_defineProperty(_this, "overlay", void 0);
|
|
25
|
+
_defineProperty(_this, "cache", {});
|
|
26
|
+
return _this;
|
|
27
|
+
}
|
|
28
|
+
_inherits(BCanvasNodeRender, _NodeRender);
|
|
29
|
+
return _createClass(BCanvasNodeRender, [{
|
|
30
|
+
key: "onMouseWheel",
|
|
31
|
+
value: function onMouseWheel(event) {
|
|
32
|
+
var _o$scale;
|
|
33
|
+
event.stopImmediatePropagation();
|
|
34
|
+
var o = this.model.options,
|
|
35
|
+
provider = this.model.provider;
|
|
36
|
+
if ((_o$scale = o.scale) !== null && _o$scale !== void 0 && _o$scale.enabled && provider.count) {
|
|
37
|
+
var _o$node, _o$node2;
|
|
38
|
+
var bounds = this.model.bounds;
|
|
39
|
+
var offset = event.offsetX - bounds.left,
|
|
40
|
+
model = this.model;
|
|
41
|
+
var scale = NodeMath.clampArray(provider.scale(offset, model.scale, bounds.length, event.deltaY), model.limit);
|
|
42
|
+
var range = NodeMath.toRange(scale, provider.count);
|
|
43
|
+
var minCount = (_o$node = o.node) === null || _o$node === void 0 ? void 0 : _o$node.minCount;
|
|
44
|
+
if (event.deltaY < 0 && range[1] - range[0] < minCount) return;
|
|
45
|
+
if ((_o$node2 = o.node) !== null && _o$node2 !== void 0 && _o$node2.enabled) {
|
|
46
|
+
var _o$node3;
|
|
47
|
+
model.nodes = provider.extract(range, (_o$node3 = o.node) === null || _o$node3 === void 0 ? void 0 : _o$node3.count);
|
|
48
|
+
}
|
|
49
|
+
this.model.scale = scale;
|
|
50
|
+
this.model.extent[0] = range[0];
|
|
51
|
+
this.model.extent[1] = range[1];
|
|
52
|
+
this.render();
|
|
53
|
+
this.onMouseMove(event);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}, {
|
|
57
|
+
key: "onMouseMove",
|
|
58
|
+
value: function onMouseMove(event) {
|
|
59
|
+
event.preventDefault();
|
|
60
|
+
event.stopImmediatePropagation();
|
|
61
|
+
var provider = this.model.provider;
|
|
62
|
+
var bounds = this.model.bounds;
|
|
63
|
+
var extent = this.model.extent;
|
|
64
|
+
var offset = event.offsetX - bounds.left;
|
|
65
|
+
var number = NodeMath.index(offset, extent, bounds.length);
|
|
66
|
+
var index = NodeMath.clamp(number, extent[0], extent[1] - 1);
|
|
67
|
+
var model = this.model,
|
|
68
|
+
o = model.options;
|
|
69
|
+
if (o.overlay.enabled) {
|
|
70
|
+
this.overlay.hidden = false;
|
|
71
|
+
var rect = this.overlay.getBoundingClientRect();
|
|
72
|
+
var left = event.offsetX + 5;
|
|
73
|
+
if (event.offsetX + rect.width > this.container.offsetWidth) {
|
|
74
|
+
left -= rect.width + 5;
|
|
75
|
+
}
|
|
76
|
+
var top = event.offsetY + 5;
|
|
77
|
+
if (event.y + rect.height > window.innerHeight) {
|
|
78
|
+
top -= rect.height + 5;
|
|
79
|
+
}
|
|
80
|
+
this.overlay.style.left = left + "px";
|
|
81
|
+
this.overlay.style.top = top + "px";
|
|
82
|
+
var cursor = model.dragging ? extent[2] : model.pressed ? model.index : index;
|
|
83
|
+
if (model.pressed === false) {
|
|
84
|
+
var ss = model.options.cursor.size / 2;
|
|
85
|
+
var x1 = NodeMath.offset(extent[2], extent, bounds.length) + bounds.left;
|
|
86
|
+
var y1 = bounds.top;
|
|
87
|
+
var x2 = event.offsetX,
|
|
88
|
+
y2 = event.offsetY;
|
|
89
|
+
var radius = Math.sqrt((x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1));
|
|
90
|
+
if (radius <= ss) cursor = extent[2];
|
|
91
|
+
}
|
|
92
|
+
this.showOverlay(cursor);
|
|
93
|
+
}
|
|
94
|
+
if (model.dragging && model.pressed) {
|
|
95
|
+
if (index !== extent[2]) {
|
|
96
|
+
this.render(index);
|
|
97
|
+
}
|
|
98
|
+
} else if (model.pressed && model.right && o.translation) {
|
|
99
|
+
var move = index - model.index,
|
|
100
|
+
count = provider.count;
|
|
101
|
+
if (move < 0 && extent[1] < count) {
|
|
102
|
+
NodeMath.translation(extent, +1, 0, 2);
|
|
103
|
+
NodeMath.translation(model.nodes, +1);
|
|
104
|
+
} else if (move > 0 && extent[0] > 0) {
|
|
105
|
+
NodeMath.translation(extent, -1, 0, 2);
|
|
106
|
+
NodeMath.translation(model.nodes, -1);
|
|
107
|
+
}
|
|
108
|
+
this.render();
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}, {
|
|
112
|
+
key: "onMouseLeave",
|
|
113
|
+
value: function onMouseLeave(event) {
|
|
114
|
+
event.stopImmediatePropagation();
|
|
115
|
+
this.overlay.hidden = true;
|
|
116
|
+
this.model.dragging = false;
|
|
117
|
+
this.model.pressed = false;
|
|
118
|
+
this.model.right = false;
|
|
119
|
+
}
|
|
120
|
+
}, {
|
|
121
|
+
key: "onMouseDown",
|
|
122
|
+
value: function onMouseDown(event) {
|
|
123
|
+
event.preventDefault();
|
|
124
|
+
event.stopImmediatePropagation();
|
|
125
|
+
var provider = this.model.provider;
|
|
126
|
+
var b = this.model.bounds,
|
|
127
|
+
x = event.offsetX,
|
|
128
|
+
y = event.offsetY,
|
|
129
|
+
e = this.model.extent,
|
|
130
|
+
o = this.model.options;
|
|
131
|
+
if (o.draggable && provider.count) {
|
|
132
|
+
var ss = this.model.options.cursor.size / 2;
|
|
133
|
+
var x1 = NodeMath.offset(e[2], this.model.range, b.length) + b.left;
|
|
134
|
+
var y1 = b.top;
|
|
135
|
+
var radius = Math.sqrt((x - x1) * (x - x1) + (y - y1) * (y - y1));
|
|
136
|
+
this.model.dragging = radius <= ss;
|
|
137
|
+
}
|
|
138
|
+
this.model.pressed = true;
|
|
139
|
+
this.model.press[0] = x;
|
|
140
|
+
this.model.press[1] = y;
|
|
141
|
+
this.model.right = event.button === 2;
|
|
142
|
+
this.model.index = NodeMath.index(x - b.left, e, b.length);
|
|
143
|
+
if (event.button === 0) {
|
|
144
|
+
this.render(NodeMath.clamp(this.model.index, e[0], e[1] - 1));
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}, {
|
|
148
|
+
key: "onMouseUp",
|
|
149
|
+
value: function onMouseUp(event) {
|
|
150
|
+
event.preventDefault();
|
|
151
|
+
event.stopImmediatePropagation();
|
|
152
|
+
this.model.pressed = false;
|
|
153
|
+
this.model.right = false;
|
|
154
|
+
}
|
|
155
|
+
}, {
|
|
156
|
+
key: "showOverlay",
|
|
157
|
+
value: function showOverlay(index) {
|
|
158
|
+
var _this$model$options$o, _this$model$options$o2;
|
|
159
|
+
var provider = this.model.provider;
|
|
160
|
+
if (provider.count) {
|
|
161
|
+
var value = this.cache[index];
|
|
162
|
+
if (value == null) {
|
|
163
|
+
value = this.cache[index] = provider.format(index, "long");
|
|
164
|
+
}
|
|
165
|
+
console.log('value', value);
|
|
166
|
+
return this.overlay.innerText = value;
|
|
167
|
+
}
|
|
168
|
+
console.log('this.model.options.overlay?.empty ', (_this$model$options$o = this.model.options.overlay) === null || _this$model$options$o === void 0 ? void 0 : _this$model$options$o.empty);
|
|
169
|
+
this.overlay.innerHTML = ((_this$model$options$o2 = this.model.options.overlay) === null || _this$model$options$o2 === void 0 ? void 0 : _this$model$options$o2.empty) || "Node is unavailable!";
|
|
170
|
+
}
|
|
171
|
+
}, {
|
|
172
|
+
key: "initialize",
|
|
173
|
+
value: function initialize(container, accept) {
|
|
174
|
+
if (this.initialized === false) {
|
|
175
|
+
_superPropGet(BCanvasNodeRender, "initialize", this)([container, accept]);
|
|
176
|
+
this.canvas = document.createElement("canvas");
|
|
177
|
+
this.canvas.addEventListener("mousewheel", this.onMouseWheel.bind(this));
|
|
178
|
+
this.canvas.addEventListener("mouseleave", this.onMouseLeave.bind(this));
|
|
179
|
+
this.canvas.addEventListener("mousedown", this.onMouseDown.bind(this));
|
|
180
|
+
this.canvas.addEventListener("mousemove", this.onMouseMove.bind(this));
|
|
181
|
+
this.canvas.addEventListener("mouseup", this.onMouseUp.bind(this));
|
|
182
|
+
this.canvas.classList.add("node-axis--canvas");
|
|
183
|
+
this.canvas.oncontextmenu = function (event) {
|
|
184
|
+
return event.preventDefault();
|
|
185
|
+
};
|
|
186
|
+
this.context = this.canvas.getContext("2d");
|
|
187
|
+
container.appendChild(this.canvas);
|
|
188
|
+
this.overlay = document.createElement("div");
|
|
189
|
+
this.overlay.className = "node-axis--overlay";
|
|
190
|
+
this.overlay.hidden = true;
|
|
191
|
+
container.appendChild(this.overlay);
|
|
192
|
+
this.resize();
|
|
193
|
+
this.initialized = true;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}, {
|
|
197
|
+
key: "resize",
|
|
198
|
+
value: function resize() {
|
|
199
|
+
var _this$model$options$l;
|
|
200
|
+
var options = this.model.options;
|
|
201
|
+
var bound = this.container.getBoundingClientRect();
|
|
202
|
+
var width = NodeMath.valueBy(options.width || bound.width, window.innerWidth),
|
|
203
|
+
height = NodeMath.valueBy(options.height || bound.height, window.innerWidth),
|
|
204
|
+
left = NodeMath.valueBy(options.track.left, width),
|
|
205
|
+
top = NodeMath.valueBy(options.track.top, height),
|
|
206
|
+
right = NodeMath.valueBy(options.track.right, width),
|
|
207
|
+
label = NodeMath.valueBy((_this$model$options$l = this.model.options.label) === null || _this$model$options$l === void 0 ? void 0 : _this$model$options$l.top, height);
|
|
208
|
+
if (left == null) {
|
|
209
|
+
left = Math.max(options.cursor.size, options.node.size || 0) / 2;
|
|
210
|
+
}
|
|
211
|
+
if (top == null) {
|
|
212
|
+
var _options$label;
|
|
213
|
+
top = height / ((_options$label = options.label) !== null && _options$label !== void 0 && _options$label.enabled ? 3 : 2);
|
|
214
|
+
}
|
|
215
|
+
if (right == null) {
|
|
216
|
+
right = left;
|
|
217
|
+
}
|
|
218
|
+
if (label == null) {
|
|
219
|
+
var _options$node;
|
|
220
|
+
label = Math.max(options.cursor.size, (_options$node = options.node) === null || _options$node === void 0 ? void 0 : _options$node.size, options.track.height) / 2 + 10;
|
|
221
|
+
}
|
|
222
|
+
var length = width - (left + right);
|
|
223
|
+
this.model.width = width;
|
|
224
|
+
this.model.height = height;
|
|
225
|
+
this.model.bounds = {
|
|
226
|
+
left: left,
|
|
227
|
+
top: top,
|
|
228
|
+
right: right,
|
|
229
|
+
length: length,
|
|
230
|
+
label: label
|
|
231
|
+
};
|
|
232
|
+
this.canvas.width = width;
|
|
233
|
+
this.canvas.height = height;
|
|
234
|
+
this.canvas.style.width = "".concat(width, "px");
|
|
235
|
+
this.canvas.style.background = options.background;
|
|
236
|
+
}
|
|
237
|
+
}, {
|
|
238
|
+
key: "reset",
|
|
239
|
+
value: function reset() {
|
|
240
|
+
this.model.reset();
|
|
241
|
+
this.render();
|
|
242
|
+
}
|
|
243
|
+
}, {
|
|
244
|
+
key: "dataChange",
|
|
245
|
+
value: function dataChange() {
|
|
246
|
+
var _this2 = this;
|
|
247
|
+
Object.keys(this.cache).forEach(function (key) {
|
|
248
|
+
return delete _this2.cache[key];
|
|
249
|
+
});
|
|
250
|
+
}
|
|
251
|
+
}, {
|
|
252
|
+
key: "dispose",
|
|
253
|
+
value: function dispose() {
|
|
254
|
+
this.dataChange();
|
|
255
|
+
}
|
|
256
|
+
}, {
|
|
257
|
+
key: "render",
|
|
258
|
+
value: function render(index) {
|
|
259
|
+
var provider = this.model.provider,
|
|
260
|
+
range = this.model.extent,
|
|
261
|
+
g = this.context,
|
|
262
|
+
b = this.model.bounds,
|
|
263
|
+
o = this.model.options,
|
|
264
|
+
h = o.track.height,
|
|
265
|
+
c = (provider === null || provider === void 0 ? void 0 : provider.count) || 0,
|
|
266
|
+
d = range[1] - range[0];
|
|
267
|
+
if (index == null) index = range[2];
|
|
268
|
+
var indexColor = provider.color(index);
|
|
269
|
+
this.model.range = NodeMath.clampArray(range, [0, c]);
|
|
270
|
+
g.clearRect(0, 0, this.model.width, this.model.height);
|
|
271
|
+
g.beginPath();
|
|
272
|
+
g.moveTo(b.left, b.top);
|
|
273
|
+
g.lineTo(b.left + b.length, b.top);
|
|
274
|
+
g.lineCap = "round";
|
|
275
|
+
g.lineWidth = h;
|
|
276
|
+
g.strokeStyle = o.track.color;
|
|
277
|
+
g.stroke();
|
|
278
|
+
var sections = provider.sections;
|
|
279
|
+
if (sections && sections.length) {
|
|
280
|
+
sections.forEach(function (section) {
|
|
281
|
+
if (NodeMath.inRange(range, section.range)) {
|
|
282
|
+
var x1 = NodeMath.clamp(NodeMath.offset(section.range[0] - 1, range, b.length), 0, b.length);
|
|
283
|
+
var x2 = NodeMath.clamp(NodeMath.offset(section.range[1] - 1, range, b.length), 0, b.length);
|
|
284
|
+
g.beginPath();
|
|
285
|
+
g.moveTo(b.left + x1, b.top);
|
|
286
|
+
g.lineTo(b.left + x2, b.top);
|
|
287
|
+
g.lineCap = "round";
|
|
288
|
+
g.lineWidth = h;
|
|
289
|
+
g.strokeStyle = section.color;
|
|
290
|
+
g.stroke();
|
|
291
|
+
}
|
|
292
|
+
});
|
|
293
|
+
}
|
|
294
|
+
if (c && d > 1 && o.progress && o.progress.enabled) {
|
|
295
|
+
var x = NodeMath.clamp(NodeMath.offset(index, range, b.length), 0, b.length);
|
|
296
|
+
g.beginPath();
|
|
297
|
+
g.moveTo(b.left, b.top);
|
|
298
|
+
g.lineTo(b.left + x, b.top);
|
|
299
|
+
g.lineCap = "round";
|
|
300
|
+
g.lineWidth = h;
|
|
301
|
+
g.strokeStyle = o.progress.color;
|
|
302
|
+
g.stroke();
|
|
303
|
+
}
|
|
304
|
+
if (this.model.nodes) {
|
|
305
|
+
var labeled = o.label && o.label.enabled;
|
|
306
|
+
this.model.nodes.forEach(function (e, i) {
|
|
307
|
+
var x = b.left + NodeMath.offset(e, range, b.length);
|
|
308
|
+
g.beginPath();
|
|
309
|
+
g.fillStyle = (e === index ? indexColor : provider.color(e)) || o.node.color;
|
|
310
|
+
g.arc(x, b.top, o.node.size / 2, 0, 2 * Math.PI);
|
|
311
|
+
g.fill();
|
|
312
|
+
if (o.node.outlineWidth) {
|
|
313
|
+
g.lineWidth = o.node.outlineWidth;
|
|
314
|
+
g.strokeStyle = o.node.outlineColor;
|
|
315
|
+
g.stroke();
|
|
316
|
+
}
|
|
317
|
+
if (labeled) {
|
|
318
|
+
g.font = o.label.font;
|
|
319
|
+
g.textAlign = i === 0 && d > 1 ? "left" : e === range[1] - 1 && d > 1 ? "right" : "center";
|
|
320
|
+
g.textBaseline = "top";
|
|
321
|
+
g.fillStyle = o.label.color;
|
|
322
|
+
g.fillText(provider.format(e, "short"), x, b.label);
|
|
323
|
+
}
|
|
324
|
+
});
|
|
325
|
+
}
|
|
326
|
+
if (c && range[0] <= index && index < range[1]) {
|
|
327
|
+
var _x = b.left + NodeMath.offset(index, range, b.length);
|
|
328
|
+
g.beginPath();
|
|
329
|
+
g.fillStyle = indexColor || o.cursor.color;
|
|
330
|
+
g.arc(_x, b.top, o.cursor.size / 2, 0, 2 * Math.PI);
|
|
331
|
+
g.fill();
|
|
332
|
+
if (o.cursor.outlineWidth) {
|
|
333
|
+
g.lineWidth = o.cursor.outlineWidth;
|
|
334
|
+
g.strokeStyle = o.cursor.outlineColor;
|
|
335
|
+
g.stroke();
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
this.model.extent[2] = index;
|
|
339
|
+
this.accept.call(this, index);
|
|
340
|
+
}
|
|
341
|
+
}]);
|
|
342
|
+
}(NodeRender);
|
|
343
|
+
|
|
344
|
+
export { BCanvasNodeRender as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import { defineComponent, ref, onMounted, nextTick, openBlock, createElementBlock } from 'vue';
|
|
3
3
|
import NodeModel from './NodeModel.js';
|
|
4
|
-
import
|
|
4
|
+
import BCanvasNodeRender from './BCanvasNodeRender.js';
|
|
5
5
|
import TimerNodePlayer from './TimerNodePlayer.js';
|
|
6
6
|
|
|
7
7
|
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; }
|
|
@@ -32,7 +32,7 @@ var script = defineComponent({
|
|
|
32
32
|
var emits = __emit;
|
|
33
33
|
var model = new NodeModel(_objectSpread(_objectSpread({}, def), props.config));
|
|
34
34
|
console.log('model', model);
|
|
35
|
-
var renderer = new
|
|
35
|
+
var renderer = new BCanvasNodeRender(model);
|
|
36
36
|
var player = new TimerNodePlayer(model, renderer);
|
|
37
37
|
var container = ref();
|
|
38
38
|
var accept = function accept(index) {
|
package/dist/index.min.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
@dfsj/components：通用的vue组件;包括专业组件、原子级组件
|
|
3
|
-
版本： 3.7.2-alpha.
|
|
3
|
+
版本： 3.7.2-alpha.5
|
|
4
4
|
作者：yangbo <1747837358@qq.com>
|
|
5
|
-
日期：2025-
|
|
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--panels .board--panel-container{position:inherit;padding:0}.ec-component-board-container-page-wrap .board--panels .board--panel-container.active{height:100%}.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--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;position:relative;z-index:1}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;z-index:4;top: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:""}
|
|
5
|
+
日期：2025-12-19 12:17:02
|
|
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--panels .board--panel-container{position:inherit;padding:0}.ec-component-board-container-page-wrap .board--panels .board--panel-container.active{height:100%}.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--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;position:relative;z-index:1}.component-modal-page-wrap .component-modal-body .component-modal-header .modal-header-right-control-wrap{position:absolute;z-index:4;top: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(50,50,50,.7);box-shadow:0 0 5px 1px rgba(0,0,0,.5);color:#fff;font-size:14px;padding:2px 5px;min-width:100px;border-radius:3px;word-break:keep-all;white-space:nowrap;transition:all 80ms linear}: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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dfsj/components",
|
|
3
|
-
"version": "3.7.2-alpha.
|
|
3
|
+
"version": "3.7.2-alpha.6",
|
|
4
4
|
"description": "通用的vue组件;包括专业组件、原子级组件",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
"@unocss/transformer-variant-group": "66.4.2",
|
|
36
36
|
"@vue/compiler-sfc": "^3.5.18",
|
|
37
37
|
"@vueuse/core": "^13.6.0",
|
|
38
|
-
"element-plus": "^2.
|
|
38
|
+
"element-plus": "^2.11.8",
|
|
39
39
|
"unocss": "^66.4.2",
|
|
40
40
|
"vue": "^3.5.18"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
|
-
"element-plus": "^2.
|
|
43
|
+
"element-plus": "^2.11.8"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@babel/runtime": "^7.28.2",
|