@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

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

@@ -1,54 +1,56 @@
 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 $, defineComponent as he, computed as j, 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 { 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";
+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, Ie = typeof self == "object" && self && self.Object === Object && self, ie = Ee || Ie || Function("return this")(), U = 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();
-}, Te = /\s/;
-function Fe(e) {
-  for (var n = e.length; n-- && Te.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, Fe(e) + 1).replace(ke, "");
+var Fe = /^\s+/;
+function ke(e) {
+  return e && e.slice(0, Te(e) + 1).replace(Fe, "");
 }
-var B = ie.Symbol, oe = Object.prototype, Ce = oe.hasOwnProperty, xe = oe.toString, N = B ? B.toStringTag : void 0;
-function De(e) {
-  var n = Ce.call(e, N), t = e[N];
+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[N] = void 0;
+    e[D] = void 0;
     var i = !0;
   } catch {
   }
-  var r = xe.call(e);
-  return i && (n ? e[N] = t : delete e[N]), 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 _e = "[object Null]", Re = "[object Undefined]", J = B ? B.toStringTag : void 0;
-function Be(e) {
-  return e == null ? e === void 0 ? Re : _e : J && J in Object(e) ? De(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 ze(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, Ae = /^[-+]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 (ze(e))
+  if (Le(e))
     return Y;
   if (q(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -56,26 +58,26 @@ function Z(e) {
   }
   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) : Ae.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, q(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, I = r;
-    return i = r = void 0, S = d, c = e.apply(I, 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(F, n), a ? v(d) : c;
   }
   function h(d) {
     var g = d - y, I = d - S, _ = n - g;
-    return m ? Ge(_, f - I) : _;
+    return m ? qe(_, f - I) : _;
   }
   function x(d) {
     var g = d - y, I = d - S;
@@ -88,17 +90,17 @@ function Ve(e, n, t) {
     u = setTimeout(F, h(d));
   }
   function W(d) {
-    return u = void 0, p && i ? v(d) : (i = r = void 0, c);
+    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 : W(U());
   }
   function M() {
     var d = U(), g = x(d);
-    if (i = arguments, r = this, y = d, g) {
+    if (i = arguments, l = this, y = d, g) {
       if (u === void 0)
         return s(y);
       if (m)
@@ -109,19 +111,19 @@ function Ve(e, n, t) {
   return M.cancel = k, M.flush = E, M;
 }
 var ee;
-const G = typeof window < "u", He = (e) => typeof e == "string", Ke = () => {
+const G = typeof window < "u", Ve = (e) => typeof e == "string", He = () => {
 };
 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 = G ? window : void 0, et = G ? 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 = $(() => [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,21 +288,21 @@ 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 = j(() => {
+    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;
     });
-    j(() => y.value + "px");
-    const S = b(null), a = b(), m = b(), p = b(), v = b(0), s = b(0), h = b(!0), x = j(() => s.value + "px"), F = j(() => ({ width: x.value })), W = j(() => ({ left: x.value })), k = b(!1), E = b(!1);
+    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 }
-    ), $(i, (l) => {
+    ), $(i, (r) => {
       P();
     });
     const M = () => {
@@ -311,17 +313,17 @@ const ot = { class: "das-split-panel-second" }, ft = {
       mouseFlag: !1,
       startX: 0,
       startWidth: 0
-    }), I = (l) => {
-      r.canDrag && (g.value.mouseFlag = !0, g.value.startX = l.clientX, g.value.startWidth = s.value, document.onmousemove = _, document.onmouseup = ve, f("onMouseDown"));
-    }, _ = (l) => {
-      if (l.preventDefault(), !g.value.mouseFlag) return;
-      let w = l.clientX - g.value.startX, T = g.value.startWidth + w;
+    }), 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");
-    }, D = (l, o) => {
+    }, j = (r, o) => {
       let w = 0;
-      const T = l ?? 0;
+      const T = r ?? 0;
       if (typeof o == "number" && o <= 1)
         w = T * o;
       else if (typeof o == "number")
@@ -332,18 +334,18 @@ const ot = { class: "das-split-panel-second" }, ft = {
       }
       return isNaN(w) ? 0 : w;
     }, V = () => {
-      let l = 0;
-      r.defaultSplit.first !== void 0 ? (l = D(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 = D(a.value, 1 - r.defaultSplit.second) : l = a.value - D(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);
+      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 = () => {
       V();
     };
     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 = D(a.value, r.firstMin), p.value = a.value - D(a.value, r.secondMin), l && (s.value = a.value), h.value === !0) {
+      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;
@@ -352,13 +354,13 @@ const ot = { class: "das-split-panel-second" }, ft = {
       }
     };
     return se(() => {
-      var l;
-      h.value = !0, S.value = new ResizeObserver(Ve(P, 30)), (l = S.value) == null || l.observe(c == null ? void 0 : c.value), P();
+      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) => (L(), z(
+    }), (r, o) => (L(), z(
       "div",
       {
         class: "das-ui-split-panel",
@@ -374,7 +376,7 @@ const ot = { class: "das-split-panel-second" }, ft = {
             style: A(F.value)
           },
           [
-            R(l.$slots, "firstSlot", {}, void 0, !0)
+            R(r.$slots, "firstSlot", {}, void 0, !0)
           ],
           4
           /* STYLE */
@@ -392,7 +394,7 @@ const ot = { class: "das-split-panel-second" }, ft = {
               key: 0,
               onClick: M
             }, [
-              R(l.$slots, "leftBtn", {}, () => [
+              R(r.$slots, "leftBtn", {}, () => [
                 O(
                   "span",
                   {
@@ -418,7 +420,7 @@ const ot = { class: "das-split-panel-second" }, ft = {
             O(
               "div",
               {
-                class: Q(["das-split-panel-line", { hide: k.value || E.value, canDrag: r.canDrag }]),
+                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"]),
@@ -443,7 +445,7 @@ const ot = { class: "das-split-panel-second" }, ft = {
               key: 1,
               onClick: d
             }, [
-              R(l.$slots, "rightBtn", {}, () => [
+              R(r.$slots, "rightBtn", {}, () => [
                 O(
                   "span",
                   {
@@ -470,29 +472,20 @@ const ot = { class: "das-split-panel-second" }, ft = {
           4
           /* STYLE */
         ),
-        O("div", ot, [
-          R(l.$slots, "secondSlot", {}, void 0, !0)
+        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;

package/packages/components/step/index.js

@@ -1,54 +1,44 @@
 import '@das-fed/upf-ui/packages/components/step/style.css';
-import { withInstall as c } from "@das-fed/upf-utils/with-install/index";
-import { setThemeRule as p } from "@das-fed/upf-web/packages/theme/index";
-import { defineComponent as d, computed as a, openBlock as u, createBlock as l, unref as f, mergeProps as m, createSlots as _, withCtx as n, renderSlot as i } from "vue";
-import { Step as h } from "ant-design-vue";
+import { withInstall as i } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as p, computed as r, openBlock as u, createBlock as d, unref as l, mergeProps as f, createSlots as m, withCtx as a, renderSlot as c } from "vue";
+import { Step as _ } from "ant-design-vue";
 import "ant-design-vue/es/steps/style/css";
-const v = /* @__PURE__ */ d({
+const v = /* @__PURE__ */ p({
   __name: "stepItem",
   props: {
     status: { default: "wait" },
     description: { default: "" }
   },
-  setup(s) {
-    const e = s, o = a(() => e.status || ""), r = a(() => e.description || "");
-    return (t, B) => (u(), l(f(h), m({
-      class: ["das-ui-step", { "vertical-has-no-description": !!r.value }]
+  setup(e) {
+    const s = e, o = r(() => s.status || ""), n = r(() => s.description || "");
+    return (t, k) => (u(), d(l(_), f({
+      class: ["das-ui-step", { "vertical-has-no-description": !!n.value }]
     }, t.$attrs, {
       status: o.value,
-      description: r.value
-    }), _({
-      default: n(() => [
-        i(t.$slots, "default", {}, void 0, !0)
+      description: n.value
+    }), m({
+      default: a(() => [
+        c(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
       /* DYNAMIC */
     }, [
       t.$slots.icon ? {
         name: "icon",
-        fn: n(() => [
-          i(t.$slots, "icon", {}, void 0, !0)
+        fn: a(() => [
+          c(t.$slots, "icon", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["class", "status", "description"]));
   }
-}), S = (s, e) => {
-  const o = s.__vccOpts || s;
-  for (const [r, t] of e)
-    o[r] = t;
+}), S = (e, s) => {
+  const o = e.__vccOpts || e;
+  for (const [n, t] of s)
+    o[n] = t;
   return o;
-}, k = /* @__PURE__ */ S(v, [["__scopeId", "data-v-3e0c6b57"]]), w = {
-  "--das-ui-steps-color": "#5582F3",
-  "--das-ui-steps-dashed-color": "#979797",
-  "--das-ui-steps-wait-color": "#666666",
-  "--das-ui-steps-finish-color": "#1BA854",
-  "--das-ui-steps-error-color": "#FB2323 ",
-  "--das-ui-steps-title-font-size": "12px"
-};
-p(w);
-const F = c(k);
+}, h = /* @__PURE__ */ S(v, [["__scopeId", "data-v-f103902f"]]), y = i(h);
 export {
-  F as DasStep,
-  F as default
+  y as DasStep,
+  y as default
 };

package/packages/components/step/src/stepItem.vue.d.ts

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<StepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepProps> & Readonly<{}>, {
-    description: string;
     status: string;
+    description: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/packages/components/step/style.css

@@ -1 +1 @@
-.das-ui-step[data-v-3e0c6b57] .ant-steps-item-container .ant-steps-item-tail:after,.das-ui-step[data-v-3e0c6b57] .ant-steps-item-container .ant-steps-item-title:after{background:transparent;border:1px dashed var(--das-ui-steps-dashed-color)}
+.das-ui-step[data-v-f103902f] .ant-steps-item-container .ant-steps-item-tail:after,.das-ui-step[data-v-f103902f] .ant-steps-item-container .ant-steps-item-title:after{background:transparent;border:1px dashed var(--upf-text-disabled, var(--das-ui-steps-dashed-color, #b2b2b2))}

package/packages/components/steps/index.js

@@ -1,18 +1,17 @@
 import '@das-fed/upf-ui/packages/components/steps/style.css';
 import { withInstall as e } from "@das-fed/upf-utils/with-install/index";
-import { setThemeRule as t } from "@das-fed/upf-web/packages/theme/index";
-import { defineComponent as o, openBlock as r, createBlock as p, unref as a, mergeProps as i, withCtx as l, renderSlot as n } from "vue";
-import { Steps as m } from "ant-design-vue";
+import { defineComponent as s, openBlock as r, createBlock as o, unref as p, mergeProps as a, withCtx as n, renderSlot as m } from "vue";
+import { Steps as l } from "ant-design-vue";
 import "ant-design-vue/es/steps/style/css";
-const u = /* @__PURE__ */ o({
+const f = /* @__PURE__ */ s({
   __name: "steps",
-  setup(d) {
-    return (s, f) => (r(), p(
-      a(m),
-      i({ class: ["das-ui-steps"] }, s.$attrs),
+  setup(i) {
+    return (t, c) => (r(), o(
+      p(l),
+      a({ class: ["das-ui-steps"] }, t.$attrs),
       {
-        default: l(() => [
-          n(s.$slots, "default")
+        default: n(() => [
+          m(t.$slots, "default")
         ]),
         _: 3
         /* FORWARDED */
@@ -21,17 +20,8 @@ const u = /* @__PURE__ */ o({
       /* FULL_PROPS */
     ));
   }
-}), c = {
-  "--das-ui-steps-color": "#5582F3",
-  "--das-ui-steps-dashed-color": "#979797",
-  "--das-ui-steps-wait-color": "#666666",
-  "--das-ui-steps-finish-color": "#1BA854",
-  "--das-ui-steps-error-color": "#FB2323 ",
-  "--das-ui-steps-title-font-size": "12px"
-};
-t(c);
-const k = e(u);
+}), S = e(f);
 export {
-  k as DasSteps,
-  k as default
+  S as DasSteps,
+  S as default
 };