@das-fed/upf-ui 6.4.0-dev.132 → 6.4.0-dev.134

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

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

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

@@ -1 +1 @@
-.das-ui-split-panel[data-v-132550d3]{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-132550d3]{height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-second[data-v-132550d3]{flex:1;min-width:0;height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-mid[data-v-132550d3]{position:absolute;height:100%;z-index:20}.das-ui-split-panel .das-split-panel-mid:hover .das-split-panel-btn[data-v-132550d3]{border-color:var(--das-ui-split-panel-color-btn)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line[data-v-132550d3]{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-132550d3]{display:none}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line .das-split-panel-divider[data-v-132550d3]{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-132550d3]{cursor:col-resize}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn[data-v-132550d3]{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[data-v-132550d3]:hover{border-color:var(--das-ui-split-panel-color-primary);color:var(--das-ui-split-panel-color-primary)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.left[data-v-132550d3]{right:0;border-right:none;border-radius:50% 0 0 50%}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.right[data-v-132550d3]{left:0;border-left:none;border-radius:0 50% 50% 0}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.isBase[data-v-132550d3]{background:var(--das-ui-split-panel-color-btn);color:#fff}
+.das-ui-split-panel[data-v-50fd1416]{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-50fd1416]{height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-second[data-v-50fd1416]{flex:1;min-width:0;height:100%;overflow:hidden}.das-ui-split-panel .das-split-panel-mid[data-v-50fd1416]{position:absolute;height:100%;z-index:20}.das-ui-split-panel .das-split-panel-mid:hover .das-split-panel-btn .arrow[data-v-50fd1416],.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.isBase .arrow[data-v-50fd1416]{background:#f5f5f5}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line[data-v-50fd1416]{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-50fd1416]{display:none}.das-ui-split-panel .das-split-panel-mid .das-split-panel-line .das-split-panel-divider[data-v-50fd1416]{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-50fd1416]{cursor:col-resize}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn[data-v-50fd1416]{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-50fd1416]{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-50fd1416]:hover{background:#e3ebff}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn .arrow:hover .arrowItem[data-v-50fd1416]{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-50fd1416]{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-50fd1416]{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-50fd1416]{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-50fd1416]{transform-origin:50% 50%;transform:rotate(180deg) translateY(50%)}.das-ui-split-panel .das-split-panel-mid .das-split-panel-btn.right[data-v-50fd1416]{left:0;border-left:none;border-radius:0 50% 50% 0}