@das-fed/upf-ui 6.4.0-dev.214 → 6.4.0-dev.216

package/packages/components/split-panel/index.js

@@ -1,13 +1,13 @@
 import '@das-fed/upf-ui/packages/components/split-panel/style.css';
-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";
+import { getCurrentScope as me, onScopeDispose as ge, unref as be, getCurrentInstance as ye, onMounted as ue, nextTick as Se, ref as b, watch as U, defineComponent as he, computed as _, openBlock as P, createElementBlock as L, normalizeStyle as z, createElementVNode as O, renderSlot as D, normalizeClass as A, createCommentVNode as K, withModifiers as Q } from "vue";
 import { withInstall as Oe } from "@das-fed/upf-utils/with-install/index";
 import { setThemeRule as we } from "@das-fed/upf-web/packages/theme/index";
-function $(e) {
+function q(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "function");
 }
-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() {
-  return ie.Date.now();
+var Ee = typeof global == "object" && global && global.Object === Object && global, Te = typeof self == "object" && self && self.Object === Object && self, oe = Ee || Te || Function("return this")(), X = function() {
+  return oe.Date.now();
 }, Fe = /\s/;
 function Ie(e) {
   for (var n = e.length; n-- && Fe.test(e.charAt(n)); )
@@ -18,16 +18,16 @@ var ke = /^\s+/;
 function Me(e) {
   return e && e.slice(0, Ie(e) + 1).replace(ke, "");
 }
-var R = ie.Symbol, oe = Object.prototype, Ce = oe.hasOwnProperty, xe = oe.toString, j = R ? R.toStringTag : void 0;
+var R = oe.Symbol, ie = Object.prototype, Ce = ie.hasOwnProperty, xe = ie.toString, j = R ? R.toStringTag : void 0;
 function _e(e) {
   var n = Ce.call(e, j), t = e[j];
   try {
     e[j] = void 0;
-    var i = !0;
+    var o = !0;
   } catch {
   }
   var r = xe.call(e);
-  return i && (n ? e[j] = t : delete e[j]), r;
+  return o && (n ? e[j] = t : delete e[j]), r;
 }
 var je = Object.prototype, Ne = je.toString;
 function We(e) {
@@ -41,37 +41,37 @@ function Pe(e) {
   return e != null && typeof e == "object";
 }
 var Le = "[object Symbol]";
-function Ae(e) {
+function ze(e) {
   return typeof e == "symbol" || Pe(e) && Be(e) == Le;
 }
-var Y = NaN, ze = /^[-+]0x[0-9a-f]+$/i, Qe = /^0b[01]+$/i, Xe = /^0o[0-7]+$/i, Ue = parseInt;
+var Y = NaN, Ae = /^[-+]0x[0-9a-f]+$/i, Qe = /^0b[01]+$/i, Xe = /^0o[0-7]+$/i, Ue = parseInt;
 function Z(e) {
   if (typeof e == "number")
     return e;
-  if (Ae(e))
+  if (ze(e))
     return Y;
-  if ($(e)) {
+  if (q(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = $(n) ? n + "" : n;
+    e = q(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Me(e);
   var t = Qe.test(e);
-  return t || Xe.test(e) ? Ue(e.slice(2), t ? 2 : 8) : ze.test(e) ? Y : +e;
+  return t || Xe.test(e) ? Ue(e.slice(2), t ? 2 : 8) : Ae.test(e) ? Y : +e;
 }
-var $e = "Expected a function", qe = Math.max, Ge = Math.min;
-function Ve(e, n, t) {
-  var i, r, f, c, u, y, S = 0, a = !1, m = !1, p = !0;
+var qe = "Expected a function", $e = Math.max, Ge = Math.min;
+function He(e, n, t) {
+  var o, r, f, c, s, y, S = 0, a = !1, m = !1, p = !0;
   if (typeof e != "function")
-    throw new TypeError($e);
-  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);
+    throw new TypeError(qe);
+  n = Z(n) || 0, q(t) && (a = !!t.leading, m = "maxWait" in t, f = m ? $e(Z(t.maxWait) || 0, n) : f, p = "trailing" in t ? !!t.trailing : p);
   function v(d) {
-    var g = i, T = r;
-    return i = r = void 0, S = d, c = e.apply(T, g), c;
+    var g = o, T = r;
+    return o = r = void 0, S = d, c = e.apply(T, g), c;
   }
-  function s(d) {
-    return S = d, u = setTimeout(I, n), a ? v(d) : c;
+  function u(d) {
+    return S = d, s = setTimeout(I, n), a ? v(d) : c;
   }
   function h(d) {
     var g = d - y, T = d - S, W = n - g;
@@ -85,33 +85,33 @@ function Ve(e, n, t) {
     var d = X();
     if (C(d))
       return N(d);
-    u = setTimeout(I, h(d));
+    s = setTimeout(I, h(d));
   }
   function N(d) {
-    return u = void 0, p && i ? v(d) : (i = r = void 0, c);
+    return s = void 0, p && o ? v(d) : (o = r = void 0, c);
   }
   function k() {
-    u !== void 0 && clearTimeout(u), S = 0, i = y = r = u = void 0;
+    s !== void 0 && clearTimeout(s), S = 0, o = y = r = s = void 0;
   }
   function E() {
-    return u === void 0 ? c : N(X());
+    return s === void 0 ? c : N(X());
   }
   function M() {
     var d = X(), g = C(d);
-    if (i = arguments, r = this, y = d, g) {
-      if (u === void 0)
-        return s(y);
+    if (o = arguments, r = this, y = d, g) {
+      if (s === void 0)
+        return u(y);
       if (m)
-        return clearTimeout(u), u = setTimeout(I, n), v(y);
+        return clearTimeout(s), s = setTimeout(I, n), v(y);
     }
-    return u === void 0 && (u = setTimeout(I, n)), c;
+    return s === void 0 && (s = setTimeout(I, n)), c;
   }
   return M.cancel = k, M.flush = E, M;
 }
 var ee;
-const q = typeof window < "u", He = (e) => typeof e == "string", Ke = () => {
+const $ = typeof window < "u", Ve = (e) => typeof e == "string", Ke = () => {
 };
-q && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+$ && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function fe(e) {
   return typeof e == "function" ? e() : be(e);
 }
@@ -122,31 +122,31 @@ function ce(e) {
   return me() ? (ge(e), !0) : !1;
 }
 function Ye(e, n = !0) {
-  ye() ? se(e) : n ? e() : Se(e);
+  ye() ? ue(e) : n ? e() : Se(e);
 }
 function de(e) {
   var n;
   const t = fe(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
-const Ze = q ? window : void 0, et = q ? window.document : void 0;
+const Ze = $ ? window : void 0, et = $ ? window.document : void 0;
 function tt(...e) {
-  let n, t, i, r;
-  if (He(e[0]) || Array.isArray(e[0]) ? ([t, i, r] = e, n = Ze) : [n, t, i, r] = e, !n)
+  let n, t, o, r;
+  if (Ve(e[0]) || Array.isArray(e[0]) ? ([t, o, r] = e, n = Ze) : [n, t, o, r] = e, !n)
     return Ke;
-  Array.isArray(t) || (t = [t]), Array.isArray(i) || (i = [i]);
+  Array.isArray(t) || (t = [t]), Array.isArray(o) || (o = [o]);
   const f = [], c = () => {
     f.forEach((a) => a()), f.length = 0;
-  }, u = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)), y = U(() => [de(n), fe(r)], ([a, m]) => {
-    c(), a && f.push(...t.flatMap((p) => i.map((v) => u(a, p, v, m))));
+  }, s = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)), y = U(() => [de(n), fe(r)], ([a, m]) => {
+    c(), a && f.push(...t.flatMap((p) => o.map((v) => s(a, p, v, m))));
   }, { immediate: !0, flush: "post" }), S = () => {
     y(), c();
   };
   return ce(S), S;
 }
 function nt(e, n = !1) {
-  const t = b(), i = () => t.value = !!e();
-  return i(), Ye(i, n), t;
+  const t = b(), o = () => t.value = !!e();
+  return o(), Ye(o, n), t;
 }
 const te = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ne = "__vueuse_ssr_handlers__";
 te[ne] = te[ne] || {};
@@ -193,9 +193,9 @@ const le = [
   ]
 ];
 function lt(e, n = {}) {
-  const { document: t = et, autoExit: i = !1 } = n, r = t == null ? void 0 : t.querySelector("html"), f = b(!1);
+  const { document: t = et, autoExit: o = !1 } = n, r = t == null ? void 0 : t.querySelector("html"), f = b(!1);
   let c = le[0];
-  const u = nt(() => {
+  const s = nt(() => {
     if (t) {
       for (const h of le)
         if (h[1] in t)
@@ -205,41 +205,41 @@ function lt(e, n = {}) {
     return !1;
   }), [y, S, a, , m] = c;
   async function p() {
-    u.value && (t != null && t[a] && await t[S](), f.value = !1);
+    s.value && (t != null && t[a] && await t[S](), f.value = !1);
   }
   async function v() {
-    if (!u.value)
+    if (!s.value)
       return;
     await p();
     const h = de(r);
     h && (await h[y](), f.value = !0);
   }
-  async function s() {
+  async function u() {
     f.value ? await p() : await v();
   }
   return t && tt(t, m, () => {
     f.value = !!(t != null && t[a]);
-  }, !1), i && ce(p), {
-    isSupported: u,
+  }, !1), o && ce(p), {
+    isSupported: s,
     isFullscreen: f,
     enter: v,
     exit: p,
-    toggle: s
+    toggle: u
   };
 }
 var re;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(re || (re = {}));
-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) => {
+var rt = Object.defineProperty, ae = Object.getOwnPropertySymbols, at = Object.prototype.hasOwnProperty, st = Object.prototype.propertyIsEnumerable, se = (e, n, t) => n in e ? rt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, ut = (e, n) => {
   for (var t in n)
-    at.call(n, t) && ue(e, t, n[t]);
+    at.call(n, t) && se(e, t, n[t]);
   if (ae)
     for (var t of ae(n))
-      ut.call(n, t) && ue(e, t, n[t]);
+      st.call(n, t) && se(e, t, n[t]);
   return e;
 };
-const it = {
+const ot = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -265,10 +265,10 @@ const it = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-st({
+ut({
   linear: Je
-}, it);
-const ot = { class: "das-split-panel-second" }, ft = {
+}, ot);
+const it = { class: "das-split-panel-second" }, ft = {
   name: "DasSplitPanel"
 }, ct = /* @__PURE__ */ he({
   ...ft,
@@ -286,95 +286,96 @@ const ot = { class: "das-split-panel-second" }, ft = {
   },
   emits: ["onLeft", "onRight", "onDefault", "onMouseDown", "onMouseMove", "onMouseUp"],
   setup(e, { expose: n, emit: t }) {
-    const { isFullscreen: i } = lt(), r = e, f = t, c = b(null), u = b(null), y = _(() => {
-      var o;
-      if (!(u != null && u.value)) return 1;
-      const l = (o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth;
+    const { isFullscreen: o } = lt(), r = e, f = t, c = b(null), s = b(null), y = _(() => {
+      var i;
+      if (console.log("分割线宽度"), console.dir(s == null ? void 0 : s.value), !(s != null && s.value)) return 1;
+      const l = (i = s == null ? void 0 : s.value) == null ? void 0 : i.offsetWidth;
       return l == null || isNaN(l) ? 1 : l - 2 || 1;
     });
     _(() => y.value + "px");
-    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);
+    const S = b(null), a = b(), m = b(), p = b(), v = b(0), u = b(0), h = b(!0), C = _(() => u.value + "px"), I = _(() => ({ width: C.value })), N = _(() => ({ left: C.value })), k = b(!1), E = b(!1);
     U(
-      s,
-      (l, o) => {
+      u,
+      (l, i) => {
         l === 0 ? k.value = !0 : k.value = !1, l === (a == null ? void 0 : a.value) ? E.value = !0 : E.value = !1;
       },
       { immediate: !0 }
-    ), U(i, (l) => {
-      B();
+    ), U(o, (l) => {
+      console.log("isFullscreen", l), B();
     });
     const M = () => {
-      s.value > v.value ? (s.value = v.value, f("onDefault")) : s.value <= v.value && s.value > 0 && (s.value = 0, f("onLeft"));
+      u.value > v.value ? (u.value = v.value, f("onDefault")) : u.value <= v.value && u.value > 0 && (u.value = 0, f("onLeft"));
     }, d = () => {
-      s.value < v.value ? (s.value = v.value, f("onDefault")) : s.value >= v.value && s.value < a.value && (s.value = a.value, f("onRight"));
+      u.value < v.value ? (u.value = v.value, f("onDefault")) : u.value >= v.value && u.value < a.value && (u.value = a.value, f("onRight"));
     }, g = b({
       mouseFlag: !1,
       startX: 0,
       startWidth: 0
     }), T = (l) => {
-      r.canDrag && (g.value.mouseFlag = !0, g.value.startX = l.clientX, g.value.startWidth = s.value, document.onmousemove = W, document.onmouseup = ve, f("onMouseDown"));
+      r.canDrag && (g.value.mouseFlag = !0, g.value.startX = l.clientX, g.value.startWidth = u.value, document.onmousemove = W, document.onmouseup = ve, f("onMouseDown"));
     }, W = (l) => {
       if (l.preventDefault(), !g.value.mouseFlag) return;
       let w = l.clientX - g.value.startX, F = g.value.startWidth + w;
-      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");
+      F < m.value ? u.value = m.value : F > p.value ? u.value = p.value : F > m.value && F < p.value && (u.value = F), f("onMouseMove");
     }, ve = () => {
       g.value.mouseFlag = !1, document.onmousemove = null, document.onmouseup = null, f("onMouseUp");
-    }, x = (l, o) => {
+    }, x = (l, i) => {
       let w = 0;
       const F = l ?? 0;
-      if (typeof o == "number" && o <= 1)
-        w = F * o;
-      else if (typeof o == "number")
-        w = o;
+      if (typeof i == "number" && i <= 1)
+        w = F * i;
+      else if (typeof i == "number")
+        w = i;
       else {
-        const H = Number(o);
-        w = isNaN(H) ? 0 : H;
+        const V = Number(i);
+        w = isNaN(V) ? 0 : V;
       }
       return isNaN(w) ? 0 : w;
     }, G = () => {
       let l = 0;
-      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);
+      r.defaultSplit.first !== void 0 ? (l = x(a.value, r.defaultSplit.first), v.value = l, u.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, u.value = l), r.defaultClose && r.defaultClose == "first" ? u.value = 0 : r.defaultClose && r.defaultClose == "second" && (u.value = a.value);
     }, pe = () => {
       G();
     };
-    let V = b(!0);
+    let H = b(!0);
     const B = () => {
       var w;
+      console.log("onresize");
       let l = !1;
       if (E.value && (l = !0), !(c != null && c.value)) return;
-      const o = ((w = c == null ? void 0 : c.value) == null ? void 0 : w.clientWidth) ?? 0;
-      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) {
-        if (G(), V.value) {
-          V.value = !1;
+      const i = ((w = c == null ? void 0 : c.value) == null ? void 0 : w.clientWidth) ?? 0;
+      if (a.value = i - y.value || 0, m.value = x(a.value, r.firstMin), p.value = a.value - x(a.value, r.secondMin), console.log(a.value, m.value, p.value), l && (u.value = a.value), h.value === !0) {
+        if (G(), H.value) {
+          H.value = !1;
           return;
         }
         h.value = !1;
       }
     };
-    return se(() => {
+    return ue(() => {
       var l;
-      h.value = !0, S.value = new ResizeObserver(Ve(B, 30)), (l = S.value) == null || l.observe(c == null ? void 0 : c.value), B();
+      h.value = !0, S.value = new ResizeObserver(He(B, 30)), (l = S.value) == null || l.observe(c == null ? void 0 : c.value), B();
     }), n({
       toLeft: M,
       toRight: d,
       reset: pe
-    }), (l, o) => (P(), L("div", {
+    }), (l, i) => (P(), L("div", {
       class: "das-ui-split-panel",
       ref_key: "$splitPanel",
       ref: c,
-      style: A(l.boxStyle)
+      style: z(l.boxStyle)
     }, [
       O("div", {
         class: "das-split-panel-first",
-        style: A(I.value)
+        style: z(I.value)
       }, [
         D(l.$slots, "firstSlot", {}, void 0, !0)
       ], 4),
       O("div", {
         class: "das-split-panel-mid",
         ref_key: "$splitLine",
-        ref: u,
-        style: A(N.value)
+        ref: s,
+        style: z(N.value)
       }, [
         l.canFold ? (P(), L("span", {
           key: 0,
@@ -382,8 +383,8 @@ const ot = { class: "das-split-panel-second" }, ft = {
         }, [
           D(l.$slots, "leftBtn", {}, () => [
             O("span", {
-              class: z(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
-            }, o[2] || (o[2] = [
+              class: A(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
+            }, i[2] || (i[2] = [
               O("div", { class: "arrow" }, [
                 O("span", { class: "arrowItem" })
               ], -1)
@@ -391,13 +392,13 @@ const ot = { class: "das-split-panel-second" }, ft = {
           ], !0)
         ])) : K("", !0),
         O("div", {
-          class: z(["das-split-panel-line", { hide: k.value || E.value, canDrag: r.canDrag }]),
-          onDragstart: o[0] || (o[0] = Q(() => {
+          class: A(["das-split-panel-line", { hide: k.value || E.value, canDrag: r.canDrag }]),
+          onDragstart: i[0] || (i[0] = Q(() => {
           }, ["stop", "prevent"])),
           onMousedown: Q(T, ["prevent"]),
-          onClick: o[1] || (o[1] = Q(() => {
+          onClick: i[1] || (i[1] = Q(() => {
           }, ["stop", "prevent"]))
-        }, o[3] || (o[3] = [
+        }, i[3] || (i[3] = [
           O("div", { class: "das-split-panel-divider" }, null, -1)
         ]), 34),
         l.canFold ? (P(), L("span", {
@@ -406,8 +407,8 @@ const ot = { class: "das-split-panel-second" }, ft = {
         }, [
           D(l.$slots, "rightBtn", {}, () => [
             O("span", {
-              class: z(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
-            }, o[4] || (o[4] = [
+              class: A(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
+            }, i[4] || (i[4] = [
               O("div", { class: "arrow" }, [
                 O("span", { class: "arrowItem" })
               ], -1)
@@ -415,15 +416,15 @@ const ot = { class: "das-split-panel-second" }, ft = {
           ], !0)
         ])) : K("", !0)
       ], 4),
-      O("div", ot, [
+      O("div", it, [
         D(l.$slots, "secondSlot", {}, void 0, !0)
       ])
     ], 4));
   }
 }), dt = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [i, r] of n)
-    t[i] = r;
+  for (const [o, r] of n)
+    t[o] = r;
   return t;
 }, vt = /* @__PURE__ */ dt(ct, [["__scopeId", "data-v-4ea84997"]]), pt = {
   "--das-ui-split-panel-color-primary": "#5582F3",