@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

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

@@ -1,127 +1,129 @@
 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 se, nextTick as Se, ref as b, watch as $, defineComponent as he, computed as N, openBlock as L, createElementBlock as z, normalizeStyle as A, createElementVNode as O, renderSlot as R, normalizeClass as Q, createCommentVNode as C, withModifiers as X } 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) {
+import "@das-fed/upf-ui/packages/components/icon/index";
+import "@das-fed/upf-ui/packages/icons/shuyoufanye/index";
+import "@das-fed/upf-ui/packages/icons/shuzuofanye/index";
+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() {
+var we = typeof global == "object" && global && global.Object === Object && global, Ee = typeof self == "object" && self && self.Object === Object && self, ie = we || Ee || Function("return this")(), U = function() {
   return ie.Date.now();
-}, Fe = /\s/;
-function Ie(e) {
-  for (var n = e.length; n-- && Fe.test(e.charAt(n)); )
+}, Ie = /\s/;
+function Te(e) {
+  for (var n = e.length; n-- && Ie.test(e.charAt(n)); )
     ;
   return n;
 }
-var ke = /^\s+/;
-function Me(e) {
-  return e && e.slice(0, Ie(e) + 1).replace(ke, "");
+var Fe = /^\s+/;
+function ke(e) {
+  return e && e.slice(0, Te(e) + 1).replace(Fe, "");
 }
-var R = ie.Symbol, oe = Object.prototype, Ce = oe.hasOwnProperty, xe = oe.toString, j = R ? R.toStringTag : void 0;
-function _e(e) {
-  var n = Ce.call(e, j), t = e[j];
+var B = ie.Symbol, oe = Object.prototype, Me = oe.hasOwnProperty, Ce = oe.toString, D = B ? B.toStringTag : void 0;
+function xe(e) {
+  var n = Me.call(e, D), t = e[D];
   try {
-    e[j] = void 0;
+    e[D] = void 0;
     var i = !0;
   } catch {
   }
-  var r = xe.call(e);
-  return i && (n ? e[j] = t : delete e[j]), r;
+  var l = Ce.call(e);
+  return i && (n ? e[D] = t : delete e[D]), l;
 }
 var je = Object.prototype, Ne = je.toString;
-function We(e) {
+function De(e) {
   return Ne.call(e);
 }
-var De = "[object Null]", Re = "[object Undefined]", J = R ? R.toStringTag : void 0;
-function Be(e) {
-  return e == null ? e === void 0 ? Re : De : J && J in Object(e) ? _e(e) : We(e);
+var We = "[object Null]", _e = "[object Undefined]", J = B ? B.toStringTag : void 0;
+function Re(e) {
+  return e == null ? e === void 0 ? _e : We : J && J in Object(e) ? xe(e) : De(e);
 }
-function Pe(e) {
+function Be(e) {
   return e != null && typeof e == "object";
 }
-var Le = "[object Symbol]";
-function Ae(e) {
-  return typeof e == "symbol" || Pe(e) && Be(e) == Le;
+var Pe = "[object Symbol]";
+function Le(e) {
+  return typeof e == "symbol" || Be(e) && Re(e) == Pe;
 }
-var Y = NaN, ze = /^[-+]0x[0-9a-f]+$/i, Qe = /^0b[01]+$/i, Xe = /^0o[0-7]+$/i, Ue = parseInt;
+var Y = NaN, ze = /^[-+]0x[0-9a-f]+$/i, Ae = /^0b[01]+$/i, Qe = /^0o[0-7]+$/i, Xe = parseInt;
 function Z(e) {
   if (typeof e == "number")
     return e;
-  if (Ae(e))
+  if (Le(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;
+  e = ke(e);
+  var t = Ae.test(e);
+  return t || Qe.test(e) ? Xe(e.slice(2), t ? 2 : 8) : ze.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 Ue = "Expected a function", $e = Math.max, qe = Math.min;
+function Ge(e, n, t) {
+  var i, l, f, c, u, 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(Ue);
+  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 = i, I = l;
+    return i = l = void 0, S = d, c = e.apply(I, g), c;
   }
   function s(d) {
-    return S = d, u = setTimeout(I, n), a ? v(d) : c;
+    return S = d, u = setTimeout(F, n), a ? v(d) : c;
   }
   function h(d) {
-    var g = d - y, T = d - S, W = n - g;
-    return m ? Ge(W, f - T) : W;
+    var g = d - y, I = d - S, _ = n - g;
+    return m ? qe(_, f - I) : _;
   }
-  function C(d) {
-    var g = d - y, T = d - S;
-    return y === void 0 || g >= n || g < 0 || m && T >= f;
+  function x(d) {
+    var g = d - y, I = d - S;
+    return y === void 0 || g >= n || g < 0 || m && I >= f;
   }
-  function I() {
-    var d = X();
-    if (C(d))
-      return N(d);
-    u = setTimeout(I, h(d));
+  function F() {
+    var d = U();
+    if (x(d))
+      return W(d);
+    u = setTimeout(F, h(d));
   }
-  function N(d) {
-    return u = void 0, p && i ? v(d) : (i = r = void 0, c);
+  function W(d) {
+    return u = void 0, p && i ? v(d) : (i = l = void 0, c);
   }
   function k() {
-    u !== void 0 && clearTimeout(u), S = 0, i = y = r = u = void 0;
+    u !== void 0 && clearTimeout(u), S = 0, i = y = l = u = void 0;
   }
   function E() {
-    return u === void 0 ? c : N(X());
+    return u === void 0 ? c : W(U());
   }
   function M() {
-    var d = X(), g = C(d);
-    if (i = arguments, r = this, y = d, g) {
+    var d = U(), g = x(d);
+    if (i = arguments, l = this, y = d, g) {
       if (u === void 0)
         return s(y);
       if (m)
-        return clearTimeout(u), u = setTimeout(I, n), v(y);
+        return clearTimeout(u), u = setTimeout(F, n), v(y);
     }
-    return u === void 0 && (u = setTimeout(I, n)), c;
+    return u === void 0 && (u = setTimeout(F, n)), c;
   }
   return M.cancel = k, M.flush = E, M;
 }
 var ee;
-const q = typeof window < "u", He = (e) => typeof e == "string", Ke = () => {
+const G = typeof window < "u", Ve = (e) => typeof e == "string", He = () => {
 };
-q && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+G && ((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);
 }
-function Je(e) {
+function Ke(e) {
   return e;
 }
 function ce(e) {
   return me() ? (ge(e), !0) : !1;
 }
-function Ye(e, n = !0) {
+function Je(e, n = !0) {
   ye() ? se(e) : n ? e() : Se(e);
 }
 function de(e) {
@@ -129,28 +131,28 @@ function de(e) {
   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;
-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)
-    return Ke;
+const Ye = G ? window : void 0, Ze = G ? window.document : void 0;
+function et(...e) {
+  let n, t, i, l;
+  if (Ve(e[0]) || Array.isArray(e[0]) ? ([t, i, l] = e, n = Ye) : [n, t, i, l] = e, !n)
+    return He;
   Array.isArray(t) || (t = [t]), Array.isArray(i) || (i = [i]);
   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]) => {
+  }, u = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)), y = $(() => [de(n), fe(l)], ([a, m]) => {
     c(), a && f.push(...t.flatMap((p) => i.map((v) => u(a, p, v, m))));
   }, { immediate: !0, flush: "post" }), S = () => {
     y(), c();
   };
   return ce(S), S;
 }
-function nt(e, n = !1) {
+function tt(e, n = !1) {
   const t = b(), i = () => t.value = !!e();
-  return i(), Ye(i, n), t;
+  return i(), Je(i, 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] || {};
-const le = [
+const re = [
   [
     "requestFullscreen",
     "exitFullscreen",
@@ -192,12 +194,12 @@ const le = [
     "MSFullscreenError"
   ]
 ];
-function lt(e, n = {}) {
-  const { document: t = et, autoExit: i = !1 } = n, r = t == null ? void 0 : t.querySelector("html"), f = b(!1);
-  let c = le[0];
-  const u = nt(() => {
+function nt(e, n = {}) {
+  const { document: t = Ze, autoExit: i = !1 } = n, l = t == null ? void 0 : t.querySelector("html"), f = b(!1);
+  let c = re[0];
+  const u = tt(() => {
     if (t) {
-      for (const h of le)
+      for (const h of re)
         if (h[1] in t)
           return c = h, !0;
     } else
@@ -211,13 +213,13 @@ function lt(e, n = {}) {
     if (!u.value)
       return;
     await p();
-    const h = de(r);
+    const h = de(l);
     h && (await h[y](), f.value = !0);
   }
   async function s() {
     f.value ? await p() : await v();
   }
-  return t && tt(t, m, () => {
+  return t && et(t, m, () => {
     f.value = !!(t != null && t[a]);
   }, !1), i && ce(p), {
     isSupported: u,
@@ -227,19 +229,19 @@ function lt(e, n = {}) {
     toggle: s
   };
 }
-var re;
+var le;
 (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) => {
+})(le || (le = {}));
+var rt = Object.defineProperty, ae = Object.getOwnPropertySymbols, lt = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable, ue = (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]);
+    lt.call(n, t) && ue(e, t, n[t]);
   if (ae)
     for (var t of ae(n))
-      ut.call(n, t) && ue(e, t, n[t]);
+      at.call(n, t) && ue(e, t, n[t]);
   return e;
 };
-const it = {
+const st = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -265,13 +267,13 @@ const it = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-st({
-  linear: Je
-}, it);
-const ot = { class: "das-split-panel-second" }, ft = {
+ut({
+  linear: Ke
+}, st);
+const it = { class: "das-split-panel-second" }, ot = {
   name: "DasSplitPanel"
-}, ct = /* @__PURE__ */ he({
-  ...ft,
+}, ft = /* @__PURE__ */ he({
+  ...ot,
   props: {
     canFold: { type: Boolean, default: !0 },
     canDrag: { type: Boolean, default: !0 },
@@ -286,22 +288,22 @@ 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 = _(() => {
+    const { isFullscreen: i } = nt(), l = e, f = t, c = b(null), u = b(null), y = N(() => {
       var o;
       if (!(u != null && u.value)) return 1;
-      const l = (o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth;
-      return l == null || isNaN(l) ? 1 : l - 2 || 1;
+      const r = (o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth;
+      return r == null || isNaN(r) ? 1 : r - 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);
-    U(
+    N(() => y.value + "px");
+    const S = b(null), a = b(), m = b(), p = b(), v = b(0), s = b(0), h = b(!0), x = N(() => s.value + "px"), F = N(() => ({ width: x.value })), W = N(() => ({ left: x.value })), k = b(!1), E = b(!1);
+    $(
       s,
-      (l, o) => {
-        l === 0 ? k.value = !0 : k.value = !1, l === (a == null ? void 0 : a.value) ? E.value = !0 : E.value = !1;
+      (r, o) => {
+        r === 0 ? k.value = !0 : k.value = !1, r === (a == null ? void 0 : a.value) ? E.value = !0 : E.value = !1;
       },
       { immediate: !0 }
-    ), U(i, (l) => {
-      B();
+    ), $(i, (r) => {
+      P();
     });
     const M = () => {
       s.value > v.value ? (s.value = v.value, f("onDefault")) : s.value <= v.value && s.value > 0 && (s.value = 0, f("onLeft"));
@@ -311,130 +313,179 @@ const ot = { class: "das-split-panel-second" }, ft = {
       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"));
-    }, 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");
+    }), I = (r) => {
+      l.canDrag && (g.value.mouseFlag = !0, g.value.startX = r.clientX, g.value.startWidth = s.value, document.onmousemove = _, document.onmouseup = ve, f("onMouseDown"));
+    }, _ = (r) => {
+      if (r.preventDefault(), !g.value.mouseFlag) return;
+      let w = r.clientX - g.value.startX, T = g.value.startWidth + w;
+      T < m.value ? s.value = m.value : T > p.value ? s.value = p.value : T > m.value && T < p.value && (s.value = T), f("onMouseMove");
     }, ve = () => {
       g.value.mouseFlag = !1, document.onmousemove = null, document.onmouseup = null, f("onMouseUp");
-    }, x = (l, o) => {
+    }, j = (r, o) => {
       let w = 0;
-      const F = l ?? 0;
+      const T = r ?? 0;
       if (typeof o == "number" && o <= 1)
-        w = F * o;
+        w = T * o;
       else if (typeof o == "number")
         w = o;
       else {
-        const H = Number(o);
-        w = isNaN(H) ? 0 : H;
+        const K = Number(o);
+        w = isNaN(K) ? 0 : K;
       }
       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);
+    }, V = () => {
+      let r = 0;
+      l.defaultSplit.first !== void 0 ? (r = j(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 = j(a.value, 1 - l.defaultSplit.second) : r = a.value - j(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);
     }, pe = () => {
-      G();
+      V();
     };
-    let V = b(!0);
-    const B = () => {
+    let H = b(!0);
+    const P = () => {
       var w;
-      let l = !1;
-      if (E.value && (l = !0), !(c != null && c.value)) return;
+      let r = !1;
+      if (E.value && (r = !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;
+      if (a.value = o - y.value || 0, m.value = j(a.value, l.firstMin), p.value = a.value - j(a.value, l.secondMin), r && (s.value = a.value), h.value === !0) {
+        if (V(), H.value) {
+          H.value = !1;
           return;
         }
         h.value = !1;
       }
     };
     return se(() => {
-      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();
+      var r;
+      h.value = !0, S.value = new ResizeObserver(Ge(P, 30)), (r = S.value) == null || r.observe(c == null ? void 0 : c.value), P();
     }), n({
       toLeft: M,
       toRight: d,
       reset: pe
-    }), (l, o) => (P(), L("div", {
-      class: "das-ui-split-panel",
-      ref_key: "$splitPanel",
-      ref: c,
-      style: A(l.boxStyle)
-    }, [
-      O("div", {
-        class: "das-split-panel-first",
-        style: A(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)
-      }, [
-        l.canFold ? (P(), L("span", {
-          key: 0,
-          onClick: M
-        }, [
-          D(l.$slots, "leftBtn", {}, () => [
-            O("span", {
-              class: z(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
-            }, o[2] || (o[2] = [
-              O("div", { class: "arrow" }, [
-                O("span", { class: "arrowItem" })
-              ], -1)
-            ]), 2)
-          ], !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(() => {
-          }, ["stop", "prevent"])),
-          onMousedown: Q(T, ["prevent"]),
-          onClick: o[1] || (o[1] = Q(() => {
-          }, ["stop", "prevent"]))
-        }, o[3] || (o[3] = [
-          O("div", { class: "das-split-panel-divider" }, null, -1)
-        ]), 34),
-        l.canFold ? (P(), L("span", {
-          key: 1,
-          onClick: d
-        }, [
-          D(l.$slots, "rightBtn", {}, () => [
-            O("span", {
-              class: z(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
-            }, o[4] || (o[4] = [
-              O("div", { class: "arrow" }, [
-                O("span", { class: "arrowItem" })
-              ], -1)
-            ]), 2)
-          ], !0)
-        ])) : K("", !0)
-      ], 4),
-      O("div", ot, [
-        D(l.$slots, "secondSlot", {}, void 0, !0)
-      ])
-    ], 4));
+    }), (r, o) => (L(), z(
+      "div",
+      {
+        class: "das-ui-split-panel",
+        ref_key: "$splitPanel",
+        ref: c,
+        style: A(e.boxStyle)
+      },
+      [
+        O(
+          "div",
+          {
+            class: "das-split-panel-first",
+            style: A(F.value)
+          },
+          [
+            R(r.$slots, "firstSlot", {}, void 0, !0)
+          ],
+          4
+          /* STYLE */
+        ),
+        O(
+          "div",
+          {
+            class: "das-split-panel-mid",
+            ref_key: "$splitLine",
+            ref: u,
+            style: A(W.value)
+          },
+          [
+            e.canFold ? (L(), z("span", {
+              key: 0,
+              onClick: M
+            }, [
+              R(r.$slots, "leftBtn", {}, () => [
+                O(
+                  "span",
+                  {
+                    class: Q(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
+                  },
+                  [
+                    C(' <DasIconShuzuofanye size="medium"></DasIconShuzuofanye> '),
+                    o[2] || (o[2] = O(
+                      "div",
+                      { class: "arrow" },
+                      [
+                        O("span", { class: "arrowItem" })
+                      ],
+                      -1
+                      /* CACHED */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ], !0)
+            ])) : C("v-if", !0),
+            O(
+              "div",
+              {
+                class: Q(["das-split-panel-line", { hide: k.value || E.value, canDrag: l.canDrag }]),
+                onDragstart: o[0] || (o[0] = X(() => {
+                }, ["stop", "prevent"])),
+                onMousedown: X(I, ["prevent"]),
+                onClick: o[1] || (o[1] = X(() => {
+                }, ["stop", "prevent"]))
+              },
+              [
+                C(' <slot name="splitLine"> '),
+                o[3] || (o[3] = O(
+                  "div",
+                  { class: "das-split-panel-divider" },
+                  null,
+                  -1
+                  /* CACHED */
+                )),
+                C(" </slot> ")
+              ],
+              34
+              /* CLASS, NEED_HYDRATION */
+            ),
+            e.canFold ? (L(), z("span", {
+              key: 1,
+              onClick: d
+            }, [
+              R(r.$slots, "rightBtn", {}, () => [
+                O(
+                  "span",
+                  {
+                    class: Q(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
+                  },
+                  [
+                    C(' <DasIconShuyoufanye size="medium"></DasIconShuyoufanye> '),
+                    o[4] || (o[4] = O(
+                      "div",
+                      { class: "arrow" },
+                      [
+                        O("span", { class: "arrowItem" })
+                      ],
+                      -1
+                      /* CACHED */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ], !0)
+            ])) : C("v-if", !0)
+          ],
+          4
+          /* STYLE */
+        ),
+        O("div", it, [
+          R(r.$slots, "secondSlot", {}, void 0, !0)
+        ])
+      ],
+      4
+      /* STYLE */
+    ));
   }
-}), dt = (e, n) => {
+}), ct = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [i, r] of n)
-    t[i] = r;
+  for (const [i, l] of n)
+    t[i] = l;
   return t;
-}, vt = /* @__PURE__ */ dt(ct, [["__scopeId", "data-v-43c8e897"]]), pt = {
-  "--das-ui-split-panel-color-primary": "#5582F3",
-  // 主题色
-  "--das-ui-split-panel-color-line": "#D9D9D9",
-  // 线条色
-  "--das-ui-split-panel-color-btn": "#999999"
-  // 按钮icon色
-};
-we(pt);
-const yt = Oe(vt), St = () => b(null), ht = { name: "splitPanel 分割面板" };
+}, dt = /* @__PURE__ */ ct(ft, [["__scopeId", "data-v-88bf6e6c"]]), yt = Oe(dt), St = () => b(null), ht = { name: "splitPanel 分割面板" };
 export {
   yt as DasSplitPanel,
   St as DasSplitPanelRef,

package/packages/components/split-panel/style.css

@@ -1 +1 @@
-.das-ui-split-panel[data-v-43c8e897]{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-43c8e897]{height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-second[data-v-43c8e897]{flex:1;min-width:0;height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-mid[data-v-43c8e897]{position:absolute;height:100%;z-index:20}.das-ui-split-panel .das-split-panel-mid:hover .das-split-panel-btn .arrow[data-v-43c8e897],.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.isBase .arrow[data-v-43c8e897]{background:#f5f5f5}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line[data-v-43c8e897]{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-43c8e897]{display:none}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line .das-split-panel-divider[data-v-43c8e897]{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-43c8e897]{cursor:col-resize}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn[data-v-43c8e897]{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-43c8e897]{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-43c8e897]:hover{background:#e3ebff}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrow:hover .arrowItem[data-v-43c8e897]{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-43c8e897]{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-43c8e897]{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-43c8e897]{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-43c8e897]{transform-origin:50% 50%;transform:rotate(180deg) translateY(50%)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.right[data-v-43c8e897]{left:0;border-left:none;border-radius:0 50% 50% 0}
+.das-ui-split-panel[data-v-88bf6e6c]{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-88bf6e6c]{height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-second[data-v-88bf6e6c]{flex:1;min-width:0;height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-mid[data-v-88bf6e6c]{position:absolute;height:100%;z-index:20}.das-ui-split-panel .das-split-panel-mid:hover .das-split-panel-btn .arrow[data-v-88bf6e6c],.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.isBase .arrow[data-v-88bf6e6c]{background:#f5f5f5}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line[data-v-88bf6e6c]{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-88bf6e6c]{display:none}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line .das-split-panel-divider[data-v-88bf6e6c]{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-88bf6e6c]{cursor:col-resize}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn[data-v-88bf6e6c]{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-88bf6e6c]{background:transparent;border-radius:0 10px 10px 0;width:10px;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-88bf6e6c]:hover{background:#e3ebff}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrow:hover .arrowItem[data-v-88bf6e6c]{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-88bf6e6c]{display:block;position:absolute;left:2px;top:50%;transform:translateY(-50%);width:6px;height:10px;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-88bf6e6c]{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-88bf6e6c]{right:0;left:auto;border-radius:10px 0 0 10px}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.left .arrowItem[data-v-88bf6e6c]{transform-origin:50% 50%;transform:rotate(180deg) translateY(50%)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.right[data-v-88bf6e6c]{left:0;border-left:none;border-radius:0 50% 50% 0}

package/packages/components/step/index.d.ts

@@ -0,0 +1,3 @@
+declare const DasStep: any;
+export { DasStep };
+export default DasStep;