@das-fed/upf-ui 6.4.0-dev.204 → 6.4.0-dev.206
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/front-end/i18n/front-end-page/dasui_en-US.js +2 -2
- package/front-end/i18n/front-end-page/dasui_zh-CN.js +2 -2
- package/front-end/i18n/front-end-page/dasui_zh-MO.js +2 -2
- package/package.json +5 -5
- package/packages/components/collaspe/index.d.ts +2 -2
- package/packages/components/collaspe/src/type.d.ts +1 -1
- package/packages/components/input/index.d.ts +4264 -0
- package/packages/components/input/src/index.vue.d.ts +1432 -0
- package/packages/components/select/index.js +273 -271
- package/packages/components/select/index.js.gz +0 -0
- package/packages/components/select/style.css +1 -1
- package/packages/components/select/style.css.gz +0 -0
- package/packages/components/split-panel/index.js +221 -208
- package/packages/components/split-panel/index.js.gz +0 -0
- package/packages/components/split-panel/style.css +1 -1
- package/packages/components/split-panel/style.css.gz +0 -0
- package/packages/components/table/index.d.ts +2 -2
- package/packages/components/table/index.js +13 -4
- package/packages/components/table/index.js.gz +0 -0
- package/packages/components/table/src/type.d.ts +1 -1
- package/packages/components/table/style.css +1 -1
- package/packages/components/table/style.css.gz +0 -0
- package/packages/components/tabs/src/type.d.ts +1 -1
- package/packages/components/tooltip/index.js +65 -56
- package/packages/components/tooltip/index.js.gz +0 -0
- package/packages/components/tooltip/style.css +1 -1
- package/packages/components/tooltip/style.css.gz +0 -0
- package/packages/components/tree/index.js +473 -466
- package/packages/components/tree/index.js.gz +0 -0
- package/packages/components/tree/style.css +1 -1
- package/packages/components/tree/style.css.gz +0 -0
- package/packages/components/tree-v2/index.js +885 -878
- package/packages/components/tree-v2/index.js.gz +0 -0
- package/packages/components/tree-v2/style.css +1 -1
- package/packages/components/tree-v2/style.css.gz +0 -0
- package/packages/components/virtual-tree/src/App.vue.d.ts +3974 -0
- package/packages/components/virtual-tree/src/type.d.ts +43 -0
- package/packages/components/virtual-tree/style.css +1 -1
- package/packages/components/virtual-tree/style.css.gz +0 -0
|
@@ -1,156 +1,156 @@
|
|
|
1
1
|
import '@das-fed/upf-ui/packages/components/split-panel/style.css';
|
|
2
|
-
import { getCurrentScope as
|
|
2
|
+
import { getCurrentScope as me, onScopeDispose as ge, unref as be, getCurrentInstance as ye, onMounted as se, nextTick as Se, ref as b, watch as U, defineComponent as he, computed as _, openBlock as P, createElementBlock as L, normalizeStyle as A, createElementVNode as O, renderSlot as D, normalizeClass as z, createCommentVNode as K, withModifiers as Q } from "vue";
|
|
3
3
|
import { withInstall as Oe } from "@das-fed/upf-utils/with-install/index";
|
|
4
4
|
import { setThemeRule as we } from "@das-fed/upf-web/packages/theme/index";
|
|
5
5
|
function $(e) {
|
|
6
6
|
var n = typeof e;
|
|
7
7
|
return e != null && (n == "object" || n == "function");
|
|
8
8
|
}
|
|
9
|
-
var
|
|
10
|
-
return
|
|
11
|
-
},
|
|
12
|
-
function
|
|
13
|
-
for (var n = e.length; n-- &&
|
|
9
|
+
var Ee = typeof global == "object" && global && global.Object === Object && global, Te = typeof self == "object" && self && self.Object === Object && self, ie = Ee || Te || Function("return this")(), X = function() {
|
|
10
|
+
return ie.Date.now();
|
|
11
|
+
}, Fe = /\s/;
|
|
12
|
+
function Ie(e) {
|
|
13
|
+
for (var n = e.length; n-- && Fe.test(e.charAt(n)); )
|
|
14
14
|
;
|
|
15
15
|
return n;
|
|
16
16
|
}
|
|
17
|
-
var
|
|
18
|
-
function
|
|
19
|
-
return e && e.slice(0,
|
|
17
|
+
var ke = /^\s+/;
|
|
18
|
+
function Me(e) {
|
|
19
|
+
return e && e.slice(0, Ie(e) + 1).replace(ke, "");
|
|
20
20
|
}
|
|
21
|
-
var
|
|
22
|
-
function
|
|
23
|
-
var n =
|
|
21
|
+
var R = ie.Symbol, oe = Object.prototype, Ce = oe.hasOwnProperty, xe = oe.toString, j = R ? R.toStringTag : void 0;
|
|
22
|
+
function _e(e) {
|
|
23
|
+
var n = Ce.call(e, j), t = e[j];
|
|
24
24
|
try {
|
|
25
25
|
e[j] = void 0;
|
|
26
|
-
var
|
|
26
|
+
var i = !0;
|
|
27
27
|
} catch {
|
|
28
28
|
}
|
|
29
|
-
var
|
|
30
|
-
return
|
|
29
|
+
var r = xe.call(e);
|
|
30
|
+
return i && (n ? e[j] = t : delete e[j]), r;
|
|
31
31
|
}
|
|
32
|
-
var
|
|
33
|
-
function
|
|
34
|
-
return
|
|
32
|
+
var je = Object.prototype, Ne = je.toString;
|
|
33
|
+
function We(e) {
|
|
34
|
+
return Ne.call(e);
|
|
35
35
|
}
|
|
36
|
-
var
|
|
37
|
-
function
|
|
38
|
-
return e == null ? e === void 0 ?
|
|
36
|
+
var De = "[object Null]", Re = "[object Undefined]", J = R ? R.toStringTag : void 0;
|
|
37
|
+
function Be(e) {
|
|
38
|
+
return e == null ? e === void 0 ? Re : De : J && J in Object(e) ? _e(e) : We(e);
|
|
39
39
|
}
|
|
40
|
-
function
|
|
40
|
+
function Pe(e) {
|
|
41
41
|
return e != null && typeof e == "object";
|
|
42
42
|
}
|
|
43
|
-
var
|
|
44
|
-
function
|
|
45
|
-
return typeof e == "symbol" ||
|
|
43
|
+
var Le = "[object Symbol]";
|
|
44
|
+
function Ae(e) {
|
|
45
|
+
return typeof e == "symbol" || Pe(e) && Be(e) == Le;
|
|
46
46
|
}
|
|
47
|
-
var
|
|
48
|
-
function
|
|
47
|
+
var Y = NaN, ze = /^[-+]0x[0-9a-f]+$/i, Qe = /^0b[01]+$/i, Xe = /^0o[0-7]+$/i, Ue = parseInt;
|
|
48
|
+
function Z(e) {
|
|
49
49
|
if (typeof e == "number")
|
|
50
50
|
return e;
|
|
51
|
-
if (
|
|
52
|
-
return
|
|
51
|
+
if (Ae(e))
|
|
52
|
+
return Y;
|
|
53
53
|
if ($(e)) {
|
|
54
54
|
var n = typeof e.valueOf == "function" ? e.valueOf() : e;
|
|
55
55
|
e = $(n) ? n + "" : n;
|
|
56
56
|
}
|
|
57
57
|
if (typeof e != "string")
|
|
58
58
|
return e === 0 ? e : +e;
|
|
59
|
-
e =
|
|
60
|
-
var t =
|
|
61
|
-
return t ||
|
|
59
|
+
e = Me(e);
|
|
60
|
+
var t = Qe.test(e);
|
|
61
|
+
return t || Xe.test(e) ? Ue(e.slice(2), t ? 2 : 8) : ze.test(e) ? Y : +e;
|
|
62
62
|
}
|
|
63
|
-
var
|
|
64
|
-
function
|
|
65
|
-
var
|
|
63
|
+
var $e = "Expected a function", qe = Math.max, Ge = Math.min;
|
|
64
|
+
function Ve(e, n, t) {
|
|
65
|
+
var i, r, f, c, u, y, S = 0, a = !1, m = !1, p = !0;
|
|
66
66
|
if (typeof e != "function")
|
|
67
|
-
throw new TypeError(
|
|
68
|
-
n =
|
|
69
|
-
function v(
|
|
70
|
-
var
|
|
71
|
-
return
|
|
67
|
+
throw new TypeError($e);
|
|
68
|
+
n = Z(n) || 0, $(t) && (a = !!t.leading, m = "maxWait" in t, f = m ? qe(Z(t.maxWait) || 0, n) : f, p = "trailing" in t ? !!t.trailing : p);
|
|
69
|
+
function v(d) {
|
|
70
|
+
var g = i, T = r;
|
|
71
|
+
return i = r = void 0, S = d, c = e.apply(T, g), c;
|
|
72
72
|
}
|
|
73
|
-
function s(
|
|
74
|
-
return S =
|
|
73
|
+
function s(d) {
|
|
74
|
+
return S = d, u = setTimeout(I, n), a ? v(d) : c;
|
|
75
75
|
}
|
|
76
|
-
function
|
|
77
|
-
var
|
|
78
|
-
return m ?
|
|
76
|
+
function h(d) {
|
|
77
|
+
var g = d - y, T = d - S, W = n - g;
|
|
78
|
+
return m ? Ge(W, f - T) : W;
|
|
79
79
|
}
|
|
80
|
-
function
|
|
81
|
-
var
|
|
82
|
-
return
|
|
80
|
+
function C(d) {
|
|
81
|
+
var g = d - y, T = d - S;
|
|
82
|
+
return y === void 0 || g >= n || g < 0 || m && T >= f;
|
|
83
83
|
}
|
|
84
|
-
function
|
|
85
|
-
var
|
|
86
|
-
if (
|
|
87
|
-
return
|
|
88
|
-
u = setTimeout(
|
|
84
|
+
function I() {
|
|
85
|
+
var d = X();
|
|
86
|
+
if (C(d))
|
|
87
|
+
return N(d);
|
|
88
|
+
u = setTimeout(I, h(d));
|
|
89
89
|
}
|
|
90
|
-
function
|
|
91
|
-
return u = void 0, p &&
|
|
90
|
+
function N(d) {
|
|
91
|
+
return u = void 0, p && i ? v(d) : (i = r = void 0, c);
|
|
92
92
|
}
|
|
93
|
-
function
|
|
94
|
-
u !== void 0 && clearTimeout(u), S = 0,
|
|
93
|
+
function k() {
|
|
94
|
+
u !== void 0 && clearTimeout(u), S = 0, i = y = r = u = void 0;
|
|
95
95
|
}
|
|
96
|
-
function
|
|
97
|
-
return u === void 0 ?
|
|
96
|
+
function E() {
|
|
97
|
+
return u === void 0 ? c : N(X());
|
|
98
98
|
}
|
|
99
|
-
function
|
|
100
|
-
var
|
|
101
|
-
if (
|
|
99
|
+
function M() {
|
|
100
|
+
var d = X(), g = C(d);
|
|
101
|
+
if (i = arguments, r = this, y = d, g) {
|
|
102
102
|
if (u === void 0)
|
|
103
|
-
return s(
|
|
103
|
+
return s(y);
|
|
104
104
|
if (m)
|
|
105
|
-
return clearTimeout(u), u = setTimeout(
|
|
105
|
+
return clearTimeout(u), u = setTimeout(I, n), v(y);
|
|
106
106
|
}
|
|
107
|
-
return u === void 0 && (u = setTimeout(
|
|
107
|
+
return u === void 0 && (u = setTimeout(I, n)), c;
|
|
108
108
|
}
|
|
109
|
-
return
|
|
109
|
+
return M.cancel = k, M.flush = E, M;
|
|
110
110
|
}
|
|
111
|
-
var
|
|
112
|
-
const q = typeof window < "u",
|
|
111
|
+
var ee;
|
|
112
|
+
const q = typeof window < "u", He = (e) => typeof e == "string", Ke = () => {
|
|
113
113
|
};
|
|
114
|
-
q && ((
|
|
115
|
-
function
|
|
116
|
-
return typeof e == "function" ? e() :
|
|
114
|
+
q && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
115
|
+
function fe(e) {
|
|
116
|
+
return typeof e == "function" ? e() : be(e);
|
|
117
117
|
}
|
|
118
|
-
function
|
|
118
|
+
function Je(e) {
|
|
119
119
|
return e;
|
|
120
120
|
}
|
|
121
|
-
function
|
|
122
|
-
return
|
|
121
|
+
function ce(e) {
|
|
122
|
+
return me() ? (ge(e), !0) : !1;
|
|
123
123
|
}
|
|
124
|
-
function
|
|
125
|
-
|
|
124
|
+
function Ye(e, n = !0) {
|
|
125
|
+
ye() ? se(e) : n ? e() : Se(e);
|
|
126
126
|
}
|
|
127
|
-
function
|
|
127
|
+
function de(e) {
|
|
128
128
|
var n;
|
|
129
|
-
const t =
|
|
129
|
+
const t = fe(e);
|
|
130
130
|
return (n = t == null ? void 0 : t.$el) != null ? n : t;
|
|
131
131
|
}
|
|
132
|
-
const
|
|
133
|
-
function
|
|
134
|
-
let n, t,
|
|
135
|
-
if (
|
|
136
|
-
return
|
|
137
|
-
Array.isArray(t) || (t = [t]), Array.isArray(
|
|
138
|
-
const
|
|
139
|
-
|
|
140
|
-
}, u = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)),
|
|
141
|
-
|
|
132
|
+
const Ze = q ? window : void 0, et = q ? window.document : void 0;
|
|
133
|
+
function tt(...e) {
|
|
134
|
+
let n, t, i, r;
|
|
135
|
+
if (He(e[0]) || Array.isArray(e[0]) ? ([t, i, r] = e, n = Ze) : [n, t, i, r] = e, !n)
|
|
136
|
+
return Ke;
|
|
137
|
+
Array.isArray(t) || (t = [t]), Array.isArray(i) || (i = [i]);
|
|
138
|
+
const f = [], c = () => {
|
|
139
|
+
f.forEach((a) => a()), f.length = 0;
|
|
140
|
+
}, u = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)), y = U(() => [de(n), fe(r)], ([a, m]) => {
|
|
141
|
+
c(), a && f.push(...t.flatMap((p) => i.map((v) => u(a, p, v, m))));
|
|
142
142
|
}, { immediate: !0, flush: "post" }), S = () => {
|
|
143
|
-
|
|
143
|
+
y(), c();
|
|
144
144
|
};
|
|
145
|
-
return
|
|
145
|
+
return ce(S), S;
|
|
146
146
|
}
|
|
147
|
-
function
|
|
148
|
-
const t =
|
|
149
|
-
return
|
|
147
|
+
function nt(e, n = !1) {
|
|
148
|
+
const t = b(), i = () => t.value = !!e();
|
|
149
|
+
return i(), Ye(i, n), t;
|
|
150
150
|
}
|
|
151
|
-
const
|
|
152
|
-
|
|
153
|
-
const
|
|
151
|
+
const te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ne = "__vueuse_ssr_handlers__";
|
|
152
|
+
te[ne] = te[ne] || {};
|
|
153
|
+
const le = [
|
|
154
154
|
[
|
|
155
155
|
"requestFullscreen",
|
|
156
156
|
"exitFullscreen",
|
|
@@ -192,36 +192,36 @@ const ne = [
|
|
|
192
192
|
"MSFullscreenError"
|
|
193
193
|
]
|
|
194
194
|
];
|
|
195
|
-
function
|
|
196
|
-
const { document: t =
|
|
197
|
-
let
|
|
198
|
-
const u =
|
|
195
|
+
function lt(e, n = {}) {
|
|
196
|
+
const { document: t = et, autoExit: i = !1 } = n, r = t == null ? void 0 : t.querySelector("html"), f = b(!1);
|
|
197
|
+
let c = le[0];
|
|
198
|
+
const u = nt(() => {
|
|
199
199
|
if (t) {
|
|
200
|
-
for (const
|
|
201
|
-
if (
|
|
202
|
-
return
|
|
200
|
+
for (const h of le)
|
|
201
|
+
if (h[1] in t)
|
|
202
|
+
return c = h, !0;
|
|
203
203
|
} else
|
|
204
204
|
return !1;
|
|
205
205
|
return !1;
|
|
206
|
-
}), [
|
|
206
|
+
}), [y, S, a, , m] = c;
|
|
207
207
|
async function p() {
|
|
208
|
-
u.value && (t != null && t[a] && await t[S](),
|
|
208
|
+
u.value && (t != null && t[a] && await t[S](), f.value = !1);
|
|
209
209
|
}
|
|
210
210
|
async function v() {
|
|
211
211
|
if (!u.value)
|
|
212
212
|
return;
|
|
213
213
|
await p();
|
|
214
|
-
const
|
|
215
|
-
|
|
214
|
+
const h = de(r);
|
|
215
|
+
h && (await h[y](), f.value = !0);
|
|
216
216
|
}
|
|
217
217
|
async function s() {
|
|
218
|
-
|
|
218
|
+
f.value ? await p() : await v();
|
|
219
219
|
}
|
|
220
|
-
return t &&
|
|
221
|
-
|
|
222
|
-
}, !1),
|
|
220
|
+
return t && tt(t, m, () => {
|
|
221
|
+
f.value = !!(t != null && t[a]);
|
|
222
|
+
}, !1), i && ce(p), {
|
|
223
223
|
isSupported: u,
|
|
224
|
-
isFullscreen:
|
|
224
|
+
isFullscreen: f,
|
|
225
225
|
enter: v,
|
|
226
226
|
exit: p,
|
|
227
227
|
toggle: s
|
|
@@ -231,15 +231,15 @@ var re;
|
|
|
231
231
|
(function(e) {
|
|
232
232
|
e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
|
|
233
233
|
})(re || (re = {}));
|
|
234
|
-
var rt = Object.defineProperty,
|
|
234
|
+
var rt = Object.defineProperty, ae = Object.getOwnPropertySymbols, at = Object.prototype.hasOwnProperty, ut = Object.prototype.propertyIsEnumerable, ue = (e, n, t) => n in e ? rt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, st = (e, n) => {
|
|
235
235
|
for (var t in n)
|
|
236
|
-
|
|
237
|
-
if (
|
|
238
|
-
for (var t of
|
|
239
|
-
|
|
236
|
+
at.call(n, t) && ue(e, t, n[t]);
|
|
237
|
+
if (ae)
|
|
238
|
+
for (var t of ae(n))
|
|
239
|
+
ut.call(n, t) && ue(e, t, n[t]);
|
|
240
240
|
return e;
|
|
241
241
|
};
|
|
242
|
-
const
|
|
242
|
+
const it = {
|
|
243
243
|
easeInSine: [0.12, 0, 0.39, 0],
|
|
244
244
|
easeOutSine: [0.61, 1, 0.88, 1],
|
|
245
245
|
easeInOutSine: [0.37, 0, 0.63, 1],
|
|
@@ -265,13 +265,13 @@ const st = {
|
|
|
265
265
|
easeOutBack: [0.34, 1.56, 0.64, 1],
|
|
266
266
|
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
|
|
267
267
|
};
|
|
268
|
-
|
|
269
|
-
linear:
|
|
270
|
-
},
|
|
271
|
-
const ot = { class: "das-split-panel-second" },
|
|
268
|
+
st({
|
|
269
|
+
linear: Je
|
|
270
|
+
}, it);
|
|
271
|
+
const ot = { class: "das-split-panel-second" }, ft = {
|
|
272
272
|
name: "DasSplitPanel"
|
|
273
|
-
},
|
|
274
|
-
...
|
|
273
|
+
}, ct = /* @__PURE__ */ he({
|
|
274
|
+
...ft,
|
|
275
275
|
props: {
|
|
276
276
|
canFold: { type: Boolean, default: !0 },
|
|
277
277
|
canDrag: { type: Boolean, default: !0 },
|
|
@@ -286,133 +286,146 @@ const ot = { class: "das-split-panel-second" }, it = {
|
|
|
286
286
|
},
|
|
287
287
|
emits: ["onLeft", "onRight", "onDefault", "onMouseDown", "onMouseMove", "onMouseUp"],
|
|
288
288
|
setup(e, { expose: n, emit: t }) {
|
|
289
|
-
const { isFullscreen:
|
|
290
|
-
var
|
|
291
|
-
|
|
289
|
+
const { isFullscreen: i } = lt(), r = e, f = t, c = b(null), u = b(null), y = _(() => {
|
|
290
|
+
var o;
|
|
291
|
+
if (!(u != null && u.value)) return 1;
|
|
292
|
+
const l = (o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth;
|
|
293
|
+
return l == null || isNaN(l) ? 1 : l - 2 || 1;
|
|
292
294
|
});
|
|
293
|
-
_(() =>
|
|
294
|
-
const S =
|
|
295
|
+
_(() => y.value + "px");
|
|
296
|
+
const S = b(null), a = b(), m = b(), p = b(), v = b(0), s = b(0), h = b(!0), C = _(() => s.value + "px"), I = _(() => ({ width: C.value })), N = _(() => ({ left: C.value })), k = b(!1), E = b(!1);
|
|
295
297
|
U(
|
|
296
298
|
s,
|
|
297
|
-
(
|
|
298
|
-
|
|
299
|
+
(l, o) => {
|
|
300
|
+
l === 0 ? k.value = !0 : k.value = !1, l === (a == null ? void 0 : a.value) ? E.value = !0 : E.value = !1;
|
|
299
301
|
},
|
|
300
302
|
{ immediate: !0 }
|
|
301
|
-
), U(
|
|
302
|
-
|
|
303
|
+
), U(i, (l) => {
|
|
304
|
+
B();
|
|
303
305
|
});
|
|
304
|
-
const
|
|
305
|
-
s.value > v.value ? (s.value = v.value,
|
|
306
|
-
},
|
|
307
|
-
s.value < v.value ? (s.value = v.value,
|
|
308
|
-
},
|
|
306
|
+
const M = () => {
|
|
307
|
+
s.value > v.value ? (s.value = v.value, f("onDefault")) : s.value <= v.value && s.value > 0 && (s.value = 0, f("onLeft"));
|
|
308
|
+
}, d = () => {
|
|
309
|
+
s.value < v.value ? (s.value = v.value, f("onDefault")) : s.value >= v.value && s.value < a.value && (s.value = a.value, f("onRight"));
|
|
310
|
+
}, g = b({
|
|
309
311
|
mouseFlag: !1,
|
|
310
312
|
startX: 0,
|
|
311
313
|
startWidth: 0
|
|
312
|
-
}),
|
|
313
|
-
|
|
314
|
-
},
|
|
315
|
-
if (
|
|
316
|
-
let
|
|
317
|
-
|
|
318
|
-
}, de = () => {
|
|
319
|
-
b.value.mouseFlag = !1, document.onmousemove = null, document.onmouseup = null, i("onMouseUp");
|
|
320
|
-
}, C = (r, d) => {
|
|
321
|
-
let k = 0;
|
|
322
|
-
return typeof d == "number" && d <= 1 ? k = r * d : typeof d == "number" ? k = d : k = Number(d), k;
|
|
323
|
-
}, G = () => {
|
|
324
|
-
let r = 0;
|
|
325
|
-
l.defaultSplit.first !== void 0 ? (r = C(a.value, l.defaultSplit.first), v.value = r, s.value = r) : l.defaultSplit.second !== void 0 && (typeof l.defaultSplit.second == "number" && l.defaultSplit.second <= 1 ? r = C(a.value, 1 - l.defaultSplit.second) : r = a.value - C(a.value, l.defaultSplit.second), v.value = r, s.value = r), l.defaultClose && l.defaultClose == "first" ? s.value = 0 : l.defaultClose && l.defaultClose == "second" && (s.value = a.value);
|
|
314
|
+
}), T = (l) => {
|
|
315
|
+
r.canDrag && (g.value.mouseFlag = !0, g.value.startX = l.clientX, g.value.startWidth = s.value, document.onmousemove = W, document.onmouseup = ve, f("onMouseDown"));
|
|
316
|
+
}, W = (l) => {
|
|
317
|
+
if (l.preventDefault(), !g.value.mouseFlag) return;
|
|
318
|
+
let w = l.clientX - g.value.startX, F = g.value.startWidth + w;
|
|
319
|
+
F < m.value ? s.value = m.value : F > p.value ? s.value = p.value : F > m.value && F < p.value && (s.value = F), f("onMouseMove");
|
|
326
320
|
}, ve = () => {
|
|
321
|
+
g.value.mouseFlag = !1, document.onmousemove = null, document.onmouseup = null, f("onMouseUp");
|
|
322
|
+
}, x = (l, o) => {
|
|
323
|
+
let w = 0;
|
|
324
|
+
const F = l ?? 0;
|
|
325
|
+
if (typeof o == "number" && o <= 1)
|
|
326
|
+
w = F * o;
|
|
327
|
+
else if (typeof o == "number")
|
|
328
|
+
w = o;
|
|
329
|
+
else {
|
|
330
|
+
const H = Number(o);
|
|
331
|
+
w = isNaN(H) ? 0 : H;
|
|
332
|
+
}
|
|
333
|
+
return isNaN(w) ? 0 : w;
|
|
334
|
+
}, G = () => {
|
|
335
|
+
let l = 0;
|
|
336
|
+
r.defaultSplit.first !== void 0 ? (l = x(a.value, r.defaultSplit.first), v.value = l, s.value = l) : r.defaultSplit.second !== void 0 && (typeof r.defaultSplit.second == "number" && r.defaultSplit.second <= 1 ? l = x(a.value, 1 - r.defaultSplit.second) : l = a.value - x(a.value, r.defaultSplit.second), v.value = l, s.value = l), r.defaultClose && r.defaultClose == "first" ? s.value = 0 : r.defaultClose && r.defaultClose == "second" && (s.value = a.value);
|
|
337
|
+
}, pe = () => {
|
|
327
338
|
G();
|
|
328
339
|
};
|
|
329
|
-
let V =
|
|
330
|
-
const
|
|
331
|
-
var
|
|
332
|
-
let
|
|
333
|
-
if (
|
|
340
|
+
let V = b(!0);
|
|
341
|
+
const B = () => {
|
|
342
|
+
var w;
|
|
343
|
+
let l = !1;
|
|
344
|
+
if (E.value && (l = !0), !(c != null && c.value)) return;
|
|
345
|
+
const o = ((w = c == null ? void 0 : c.value) == null ? void 0 : w.clientWidth) ?? 0;
|
|
346
|
+
if (a.value = o - y.value || 0, m.value = x(a.value, r.firstMin), p.value = a.value - x(a.value, r.secondMin), l && (s.value = a.value), h.value === !0) {
|
|
334
347
|
if (G(), V.value) {
|
|
335
348
|
V.value = !1;
|
|
336
349
|
return;
|
|
337
350
|
}
|
|
338
|
-
|
|
351
|
+
h.value = !1;
|
|
339
352
|
}
|
|
340
353
|
};
|
|
341
|
-
return
|
|
342
|
-
var
|
|
343
|
-
|
|
354
|
+
return se(() => {
|
|
355
|
+
var l;
|
|
356
|
+
h.value = !0, S.value = new ResizeObserver(Ve(B, 30)), (l = S.value) == null || l.observe(c == null ? void 0 : c.value), B();
|
|
344
357
|
}), n({
|
|
345
|
-
toLeft:
|
|
346
|
-
toRight:
|
|
347
|
-
reset:
|
|
348
|
-
}), (
|
|
358
|
+
toLeft: M,
|
|
359
|
+
toRight: d,
|
|
360
|
+
reset: pe
|
|
361
|
+
}), (l, o) => (P(), L("div", {
|
|
349
362
|
class: "das-ui-split-panel",
|
|
350
363
|
ref_key: "$splitPanel",
|
|
351
|
-
ref:
|
|
352
|
-
style: A(
|
|
364
|
+
ref: c,
|
|
365
|
+
style: A(l.boxStyle)
|
|
353
366
|
}, [
|
|
354
|
-
|
|
367
|
+
O("div", {
|
|
355
368
|
class: "das-split-panel-first",
|
|
356
|
-
style: A(
|
|
369
|
+
style: A(I.value)
|
|
357
370
|
}, [
|
|
358
|
-
|
|
371
|
+
D(l.$slots, "firstSlot", {}, void 0, !0)
|
|
359
372
|
], 4),
|
|
360
|
-
|
|
373
|
+
O("div", {
|
|
361
374
|
class: "das-split-panel-mid",
|
|
362
375
|
ref_key: "$splitLine",
|
|
363
376
|
ref: u,
|
|
364
|
-
style: A(
|
|
377
|
+
style: A(N.value)
|
|
365
378
|
}, [
|
|
366
|
-
|
|
379
|
+
l.canFold ? (P(), L("span", {
|
|
367
380
|
key: 0,
|
|
368
|
-
onClick:
|
|
381
|
+
onClick: M
|
|
369
382
|
}, [
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
class: z(["das-split-panel-btn left", [
|
|
373
|
-
},
|
|
374
|
-
|
|
375
|
-
|
|
383
|
+
D(l.$slots, "leftBtn", {}, () => [
|
|
384
|
+
O("span", {
|
|
385
|
+
class: z(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
|
|
386
|
+
}, o[2] || (o[2] = [
|
|
387
|
+
O("div", { class: "arrow" }, [
|
|
388
|
+
O("span", { class: "arrowItem" })
|
|
376
389
|
], -1)
|
|
377
390
|
]), 2)
|
|
378
391
|
], !0)
|
|
379
|
-
])) :
|
|
380
|
-
|
|
381
|
-
class: z(["das-split-panel-line", { hide:
|
|
382
|
-
onDragstart:
|
|
392
|
+
])) : K("", !0),
|
|
393
|
+
O("div", {
|
|
394
|
+
class: z(["das-split-panel-line", { hide: k.value || E.value, canDrag: r.canDrag }]),
|
|
395
|
+
onDragstart: o[0] || (o[0] = Q(() => {
|
|
383
396
|
}, ["stop", "prevent"])),
|
|
384
|
-
onMousedown: Q(
|
|
385
|
-
onClick:
|
|
397
|
+
onMousedown: Q(T, ["prevent"]),
|
|
398
|
+
onClick: o[1] || (o[1] = Q(() => {
|
|
386
399
|
}, ["stop", "prevent"]))
|
|
387
|
-
},
|
|
388
|
-
|
|
400
|
+
}, o[3] || (o[3] = [
|
|
401
|
+
O("div", { class: "das-split-panel-divider" }, null, -1)
|
|
389
402
|
]), 34),
|
|
390
|
-
|
|
403
|
+
l.canFold ? (P(), L("span", {
|
|
391
404
|
key: 1,
|
|
392
|
-
onClick:
|
|
405
|
+
onClick: d
|
|
393
406
|
}, [
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
class: z(["das-split-panel-btn right", [
|
|
397
|
-
},
|
|
398
|
-
|
|
399
|
-
|
|
407
|
+
D(l.$slots, "rightBtn", {}, () => [
|
|
408
|
+
O("span", {
|
|
409
|
+
class: z(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
|
|
410
|
+
}, o[4] || (o[4] = [
|
|
411
|
+
O("div", { class: "arrow" }, [
|
|
412
|
+
O("span", { class: "arrowItem" })
|
|
400
413
|
], -1)
|
|
401
414
|
]), 2)
|
|
402
415
|
], !0)
|
|
403
|
-
])) :
|
|
416
|
+
])) : K("", !0)
|
|
404
417
|
], 4),
|
|
405
|
-
|
|
406
|
-
|
|
418
|
+
O("div", ot, [
|
|
419
|
+
D(l.$slots, "secondSlot", {}, void 0, !0)
|
|
407
420
|
])
|
|
408
421
|
], 4));
|
|
409
422
|
}
|
|
410
|
-
}),
|
|
423
|
+
}), dt = (e, n) => {
|
|
411
424
|
const t = e.__vccOpts || e;
|
|
412
|
-
for (const [
|
|
413
|
-
t[
|
|
425
|
+
for (const [i, r] of n)
|
|
426
|
+
t[i] = r;
|
|
414
427
|
return t;
|
|
415
|
-
},
|
|
428
|
+
}, vt = /* @__PURE__ */ dt(ct, [["__scopeId", "data-v-4ea84997"]]), pt = {
|
|
416
429
|
"--das-ui-split-panel-color-primary": "#5582F3",
|
|
417
430
|
// 主题色
|
|
418
431
|
"--das-ui-split-panel-color-line": "#D9D9D9",
|
|
@@ -420,10 +433,10 @@ const ot = { class: "das-split-panel-second" }, it = {
|
|
|
420
433
|
"--das-ui-split-panel-color-btn": "#999999"
|
|
421
434
|
// 按钮icon色
|
|
422
435
|
};
|
|
423
|
-
we(
|
|
424
|
-
const
|
|
436
|
+
we(pt);
|
|
437
|
+
const yt = Oe(vt), St = () => b(null), ht = { name: "splitPanel 分割面板" };
|
|
425
438
|
export {
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
439
|
+
yt as DasSplitPanel,
|
|
440
|
+
St as DasSplitPanelRef,
|
|
441
|
+
ht as default
|
|
429
442
|
};
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.das-ui-split-panel[data-v-
|
|
1
|
+
.das-ui-split-panel[data-v-4ea84997]{width:100%;height:100%;display:flex;flex-direction:row;border:1px solid var(--das-ui-split-panel-color-line);overflow:hidden;position:relative}.das-ui-split-panel .das-split-panel-first[data-v-4ea84997]{height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-second[data-v-4ea84997]{flex:1;min-width:0;height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-mid[data-v-4ea84997]{position:absolute;height:100%;z-index:20}.das-ui-split-panel .das-split-panel-mid:hover .das-split-panel-btn .arrow[data-v-4ea84997],.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.isBase .arrow[data-v-4ea84997]{background:#f5f5f5}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line[data-v-4ea84997]{height:100%;border-right:1px solid transparent;cursor:auto;z-index:20}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line.hide[data-v-4ea84997]{display:none}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line .das-split-panel-divider[data-v-4ea84997]{position:absolute;width:1px;height:100%;padding:0 2px;transform:translate(-50%);background-image:linear-gradient(90deg,transparent 0%,transparent 45%,var(--das-ui-split-panel-color-line) 45.6%,var(--das-ui-split-panel-color-line) 62.5%,transparent 62.6%,transparent 100%)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line.canDrag[data-v-4ea84997]{cursor:col-resize}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn[data-v-4ea84997]{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:20px;height:20px;border:1px solid transparent;cursor:pointer;padding:1px 2px;box-sizing:border-box;color:var(--das-ui-split-panel-color-btn)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrow[data-v-4ea84997]{background:transparent;border-radius:0 10px 10px 0;width:5px;height:30px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrow[data-v-4ea84997]:hover{background:#e3ebff}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrow:hover .arrowItem[data-v-4ea84997]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADXSURBVCiRhcwxTgJBFIfx7w1brosNN6Ck8AImmtiQUFg4hYWFPYWewMleAT2BpWs2JNCZ6AEoKDyEMTSyYMXMsxASgsz6le/98hebVyVCO3h//ewOJ+zJAOcoHWPM64Wb92JonaRipLT5V78GAZCAGdi8Gpw4TWJoU79llqV1nymA2LzSCARhipdubOk35YgGj/UIQPXsfyTyUo9Epniu4kh1jP8+fnLpR7L/z8NMD27eXLYC2EUrCLfFXfN++7iNFhr0snDN0e6yQXWI8B6CPy1c9gcA/AC9hEVaCj9IegAAAABJRU5ErkJggg==);background-size:100% 100%;background-repeat:no-repeat}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrowItem[data-v-4ea84997]{display:block;position:absolute;left:1px;top:50%;transform:translateY(-50%);width:3px;height:5px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAYAAAA2yOUNAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAADESURBVCiRjcyxacNgEIbh98RfagANkNKFF3ARSGNwoTaFizSS4HeTDbSDI8TVGUAE7C6QBVK48A7yAC4PLpVAGMnOW949fKKqHfDk7m9VVf0yUQLkwEJEftq23cyhoVREOlXd3UOISAD2qrqv6zpMolG7LMu6pmlSAFFVn4EAJzNbzy0NLUMIn48QwMt/0PcjdDKz7T10NLNVjPEyh5q+7/MY4xUg3DwNeC/L8mN8HKOriLwWRXG4nU3c/Qs4u/vzFAD4A8SJPtakrxSFAAAAAElFTkSuQmCC);background-size:100% 100%;background-repeat:no-repeat}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.left[data-v-4ea84997]{right:0;border-right:none;border-radius:50% 0 0 50%}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.left .arrow[data-v-4ea84997]{right:1px;left:auto;border-radius:10px 0 0 10px}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.left .arrowItem[data-v-4ea84997]{transform-origin:50% 50%;transform:rotate(180deg) translateY(50%)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.right[data-v-4ea84997]{left:0;border-left:none;border-radius:0 50% 50% 0}
|
|
Binary file
|
|
@@ -77,7 +77,7 @@ declare const DasTableRef: () => import("vue").Ref<({
|
|
|
77
77
|
} | undefined;
|
|
78
78
|
readonly parentLinkChildren?: boolean | undefined;
|
|
79
79
|
readonly delay?: number | undefined;
|
|
80
|
-
readonly showCustomContent
|
|
80
|
+
readonly showCustomContent?: boolean | undefined;
|
|
81
81
|
readonly disabledIdsList?: Array;
|
|
82
82
|
readonly highPerformance?: boolean | undefined;
|
|
83
83
|
readonly sumText?: string | undefined;
|
|
@@ -2071,7 +2071,7 @@ declare const DasTableRef: () => import("vue").Ref<({
|
|
|
2071
2071
|
} | undefined;
|
|
2072
2072
|
readonly parentLinkChildren?: boolean | undefined;
|
|
2073
2073
|
readonly delay?: number | undefined;
|
|
2074
|
-
readonly showCustomContent
|
|
2074
|
+
readonly showCustomContent?: boolean | undefined;
|
|
2075
2075
|
readonly disabledIdsList?: Array;
|
|
2076
2076
|
readonly highPerformance?: boolean | undefined;
|
|
2077
2077
|
readonly sumText?: string | undefined;
|