@das-fed/ui 7.1.0-qatar.1 → 7.1.0-qatar.2

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

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

package/packages/components/switch/index.js

@@ -1,49 +1,58 @@
 import '@das-fed/ui/packages/components/switch/style.css';
 import { withInstall as u } from "@das-fed/utils/with-install/index";
-import { setThemeRule as d } from "@das-fed/web/packages/theme/index";
-import { defineComponent as m, computed as c, ref as f, onMounted as p, createElementBlock as _, openBlock as h, createVNode as w, unref as v, mergeProps as S } from "vue";
-import { ElSwitch as b } from "element-plus";
+import { getVar as t, setGlobalThemeRule as m, setThemeRule as f } from "@das-fed/web/packages/theme/index";
+import { defineComponent as p, computed as d, ref as h, onMounted as _, createElementBlock as w, openBlock as b, createVNode as v, unref as x, mergeProps as S } from "vue";
+import { ElSwitch as V } from "element-plus";
 import "element-plus/es/components/switch/style/css";
-const x = { class: "das-ui-switch" }, B = {
+const g = { class: "das-ui-switch" }, y = {
   inheritAttrs: !1
-}, V = /* @__PURE__ */ m({
-  ...B,
+}, z = /* @__PURE__ */ p({
+  ...y,
   __name: "Index",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !0 },
     size: { default: "small" }
   },
-  setup(o, { expose: i }) {
-    const e = o, s = c(() => e.modelValue), n = c(() => e.size ? e.size : "small"), a = f(null);
-    return p(() => {
-      var t, r;
-      const l = (r = (t = a.value) == null ? void 0 : t.$el) == null ? void 0 : r.querySelector(".el-switch__input");
-      l && l.setAttribute("tabindex", "-1");
+  setup(s, { expose: i }) {
+    const e = s, r = d(() => e.modelValue), c = d(() => e.size ? e.size : "small"), n = h(null);
+    return _(() => {
+      var o, l;
+      const a = (l = (o = n.value) == null ? void 0 : o.$el) == null ? void 0 : l.querySelector(".el-switch__input");
+      a && a.setAttribute("tabindex", "-1");
     }), i({
-      $refSwitch: a
-    }), (l, t) => (h(), _("div", x, [
-      w(v(b), S({
+      $refSwitch: n
+    }), (a, o) => (b(), w("div", g, [
+      v(x(V), S({
         ref_key: "$refSwitch",
-        ref: a,
-        modelValue: s.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r)
-      }, l.$attrs, { size: n.value }), null, 16, ["modelValue", "size"])
+        ref: n,
+        modelValue: r.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => r.value = l)
+      }, a.$attrs, { size: c.value }), null, 16, ["modelValue", "size"])
     ]));
   }
-}), z = (o, i) => {
-  const e = o.__vccOpts || o;
-  for (const [s, n] of i)
-    e[s] = n;
+}), I = (s, i) => {
+  const e = s.__vccOpts || s;
+  for (const [r, c] of i)
+    e[r] = c;
   return e;
-}, D = /* @__PURE__ */ z(V, [["__scopeId", "data-v-25cfdf31"]]), I = {
-  "--das-ui-switch-on-color": "#5582F3",
-  "--das-ui-switch-off-color": "#B2B2B2",
-  "--das-ui-switch-on-color-disabled": "#B5CAFF",
-  "--das-ui-switch-off-color-disabled": "#D9D9D9"
+}, k = /* @__PURE__ */ I(z, [["__scopeId", "data-v-456ff5c0"]]), T = {
+  "--das-ui-switch-on-color": t("--das-color-brand-primary"),
+  // 开启态轨道颜色
+  "--das-ui-switch-off-color": t("--das-color-text-subtle"),
+  // 关闭态轨道颜色
+  "--das-ui-switch-action-color": t("--das-color-bg-container"),
+  // 滑块颜色
+  "--das-ui-switch-on-color-disabled": t("--das-color-brand-primary-disabled"),
+  // 禁用开启态轨道颜色
+  "--das-ui-switch-off-color-disabled": t("--das-color-border-strong"),
+  // 禁用关闭态轨道颜色
+  "--das-ui-switch-radius": t("--das-radius-pill")
+  // 开关轨道和滑块圆角
 };
-d(I);
-const T = u(D);
+m();
+f(T);
+const R = u(k);
 export {
-  T as DasSwitch,
-  T as default
+  R as DasSwitch,
+  R as default
 };

package/packages/components/switch/style.css

@@ -1 +1 @@
-.das-ui-switch[data-v-25cfdf31]{display:inline-flex}.das-ui-switch[data-v-25cfdf31] .el-switch{--el-switch-on-color: var(--das-ui-switch-on-color);--el-switch-off-color: var(--das-ui-switch-off-color)}.das-ui-switch[data-v-25cfdf31] .el-switch.is-disabled{--el-switch-on-color: var(--das-ui-switch-on-color-disabled);--el-switch-off-color: var(--das-ui-switch-off-color-disabled);opacity:1}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-25cfdf31] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-25cfdf31] .el-switch .el-switch__core .el-switch__action .el-icon{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1686210106297'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='11699'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%2064c247.424%200%20448%20200.576%20448%20448%200%2093.76-28.928%20183.296-81.92%20258.304a32%2032%200%200%201-52.256-36.96A382.048%20382.048%200%200%200%20896%20512c0-212.064-171.936-384-384-384a32%2032%200%200%201%200-64z'%20p-id='11700'%20fill='%235480F0'%3e%3c/path%3e%3c/svg%3e");background-size:cover}.das-ui-switch[data-v-25cfdf31] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-25cfdf31] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}
+.das-ui-switch[data-v-456ff5c0]{display:inline-flex}.das-ui-switch[data-v-456ff5c0] .el-switch{--el-switch-on-color: var(--das-ui-switch-on-color);--el-switch-off-color: var(--das-ui-switch-off-color)}.das-ui-switch[data-v-456ff5c0] .el-switch.is-disabled{--el-switch-on-color: var(--das-ui-switch-on-color-disabled);--el-switch-off-color: var(--das-ui-switch-off-color-disabled);opacity:1}.das-ui-switch[data-v-456ff5c0] .el-switch .el-switch__core{border-color:var(--el-switch-off-color);border-radius:var(--das-ui-switch-radius)}.das-ui-switch[data-v-456ff5c0] .el-switch .el-switch__core .el-switch__action{background-color:var(--das-ui-switch-action-color);border-radius:var(--das-ui-switch-radius)}.das-ui-switch[data-v-456ff5c0] .el-switch.is-checked .el-switch__core{border-color:var(--el-switch-on-color)}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-456ff5c0] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-456ff5c0] .el-switch .el-switch__core .el-switch__action .el-icon{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1686210106297'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='11699'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%2064c247.424%200%20448%20200.576%20448%20448%200%2093.76-28.928%20183.296-81.92%20258.304a32%2032%200%200%201-52.256-36.96A382.048%20382.048%200%200%200%20896%20512c0-212.064-171.936-384-384-384a32%2032%200%200%201%200-64z'%20p-id='11700'%20fill='%235480F0'%3e%3c/path%3e%3c/svg%3e");background-size:cover}.das-ui-switch[data-v-456ff5c0] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-456ff5c0] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}