@das-fed/upf-ui 6.4.0-dev.296 → 6.4.0-dev.298

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

@@ -1,106 +1,106 @@
-import { getCurrentScope as me, onScopeDispose as ge, unref as be, getCurrentInstance as ye, onMounted as se, nextTick as Se, ref as b, watch as U, defineComponent as Oe, computed as _, openBlock as P, createElementBlock as L, normalizeStyle as A, createElementVNode as h, renderSlot as R, normalizeClass as z, createCommentVNode as K, withModifiers as Q } from "vue";
-import { withInstall as he } from "@das-fed/upf-utils/with-install/index";
+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 "@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"
 import '@das-fed/upf-ui/packages/components/split-panel/style.css';
 ;
-function $(e) {
+function q(e) {
   var n = typeof e;
   return e != null && (n == "object" || n == "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")(), X = function() {
+var we = typeof global == "object" && global && global.Object === Object && global, Ee = typeof self == "object" && self && self.Object === Object && self, ie = we || Ee || Function("return this")(), U = function() {
   return ie.Date.now();
-}, Te = /\s/;
-function Ie(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 Fe = /^\s+/;
 function ke(e) {
-  return e && e.slice(0, Ie(e) + 1).replace(Fe, "");
+  return e && e.slice(0, Te(e) + 1).replace(Fe, "");
 }
-var B = ie.Symbol, oe = Object.prototype, Me = oe.hasOwnProperty, Ce = oe.toString, j = B ? B.toStringTag : void 0;
+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, j), t = e[j];
+  var n = Me.call(e, D), t = e[D];
   try {
-    e[j] = void 0;
+    e[D] = void 0;
     var i = !0;
   } catch {
   }
   var l = Ce.call(e);
-  return i && (n ? e[j] = t : delete e[j]), l;
+  return i && (n ? e[D] = t : delete e[D]), l;
 }
-var _e = Object.prototype, je = _e.toString;
-function Ne(e) {
-  return je.call(e);
+var je = Object.prototype, Ne = je.toString;
+function De(e) {
+  return Ne.call(e);
 }
-var We = "[object Null]", Re = "[object Undefined]", J = B ? B.toStringTag : void 0;
-function Be(e) {
-  return e == null ? e === void 0 ? Re : We : J && J in Object(e) ? xe(e) : Ne(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 De(e) {
+function Be(e) {
   return e != null && typeof e == "object";
 }
 var Pe = "[object Symbol]";
 function Le(e) {
-  return typeof e == "symbol" || De(e) && Be(e) == Pe;
+  return typeof e == "symbol" || Be(e) && Re(e) == Pe;
 }
-var Y = NaN, Ae = /^[-+]0x[0-9a-f]+$/i, ze = /^0b[01]+$/i, Qe = /^0o[0-7]+$/i, Xe = 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 (Le(e))
     return Y;
-  if ($(e)) {
+  if (q(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = $(n) ? n + "" : n;
+    e = q(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = ke(e);
-  var t = ze.test(e);
-  return t || Qe.test(e) ? Xe(e.slice(2), t ? 2 : 8) : Ae.test(e) ? Y : +e;
+  var t = Ae.test(e);
+  return t || Qe.test(e) ? Xe(e.slice(2), t ? 2 : 8) : ze.test(e) ? Y : +e;
 }
 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(Ue);
-  n = Z(n) || 0, $(t) && (a = !!t.leading, m = "maxWait" in t, f = m ? $e(Z(t.maxWait) || 0, n) : f, p = "trailing" in t ? !!t.trailing : p);
+  n = Z(n) || 0, q(t) && (a = !!t.leading, m = "maxWait" in t, f = m ? $e(Z(t.maxWait) || 0, n) : f, p = "trailing" in t ? !!t.trailing : p);
   function v(d) {
-    var g = i, T = l;
-    return i = l = void 0, S = d, c = e.apply(T, g), c;
+    var g = i, I = l;
+    return i = l = void 0, S = d, c = e.apply(I, g), c;
   }
   function s(d) {
     return S = d, u = setTimeout(F, n), a ? v(d) : c;
   }
-  function O(d) {
-    var g = d - y, T = d - S, W = n - g;
-    return m ? qe(W, f - T) : W;
+  function h(d) {
+    var g = d - y, I = d - S, _ = n - g;
+    return m ? qe(_, f - I) : _;
   }
-  function C(d) {
-    var g = d - y, T = d - S;
-    return y === void 0 || g >= n || g < 0 || m && T >= f;
+  function x(d) {
+    var g = d - y, I = d - S;
+    return y === void 0 || g >= n || g < 0 || m && I >= f;
   }
   function F() {
-    var d = X();
-    if (C(d))
-      return N(d);
-    u = setTimeout(F, O(d));
+    var d = U();
+    if (x(d))
+      return W(d);
+    u = setTimeout(F, h(d));
   }
-  function N(d) {
+  function W(d) {
     return u = void 0, p && i ? v(d) : (i = l = void 0, c);
   }
   function k() {
     u !== void 0 && clearTimeout(u), S = 0, i = y = l = u = void 0;
   }
   function E() {
-    return u === void 0 ? c : N(X());
+    return u === void 0 ? c : W(U());
   }
   function M() {
-    var d = X(), g = C(d);
+    var d = U(), g = x(d);
     if (i = arguments, l = this, y = d, g) {
       if (u === void 0)
         return s(y);
@@ -112,9 +112,9 @@ function Ge(e, n, t) {
   return M.cancel = k, M.flush = E, M;
 }
 var ee;
-const q = typeof window < "u", Ve = (e) => typeof e == "string", He = () => {
+const G = typeof window < "u", Ve = (e) => typeof e == "string", He = () => {
 };
-q && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+G && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function fe(e) {
   return typeof e == "function" ? e() : be(e);
 }
@@ -132,7 +132,7 @@ function de(e) {
   const t = fe(e);
   return (n = t == null ? void 0 : t.$el) != null ? n : t;
 }
-const Ye = q ? window : void 0, Ze = q ? window.document : void 0;
+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)
@@ -140,7 +140,7 @@ function et(...e) {
   Array.isArray(t) || (t = [t]), Array.isArray(i) || (i = [i]);
   const f = [], c = () => {
     f.forEach((a) => a()), f.length = 0;
-  }, u = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)), y = U(() => [de(n), fe(l)], ([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();
@@ -200,9 +200,9 @@ function nt(e, n = {}) {
   let c = re[0];
   const u = tt(() => {
     if (t) {
-      for (const O of re)
-        if (O[1] in t)
-          return c = O, !0;
+      for (const h of re)
+        if (h[1] in t)
+          return c = h, !0;
     } else
       return !1;
     return !1;
@@ -214,8 +214,8 @@ function nt(e, n = {}) {
     if (!u.value)
       return;
     await p();
-    const O = de(l);
-    O && (await O[y](), f.value = !0);
+    const h = de(l);
+    h && (await h[y](), f.value = !0);
   }
   async function s() {
     f.value ? await p() : await v();
@@ -273,7 +273,7 @@ ut({
 }, st);
 const it = { class: "das-split-panel-second" }, ot = {
   name: "DasSplitPanel"
-}, ft = /* @__PURE__ */ Oe({
+}, ft = /* @__PURE__ */ he({
   ...ot,
   props: {
     canFold: { type: Boolean, default: !0 },
@@ -289,22 +289,22 @@ const it = { class: "das-split-panel-second" }, ot = {
   },
   emits: ["onLeft", "onRight", "onDefault", "onMouseDown", "onMouseMove", "onMouseUp"],
   setup(e, { expose: n, emit: t }) {
-    const { isFullscreen: i } = nt(), l = e, f = t, c = b(null), u = b(null), y = _(() => {
+    const { isFullscreen: i } = nt(), l = e, f = t, c = b(null), u = b(null), y = N(() => {
       var o;
       if (!(u != null && u.value)) return 1;
       const r = (o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth;
       return r == null || isNaN(r) ? 1 : r - 2 || 1;
     });
-    _(() => y.value + "px");
-    const S = b(null), a = b(), m = b(), p = b(), v = b(0), s = b(0), O = b(!0), C = _(() => s.value + "px"), F = _(() => ({ width: C.value })), N = _(() => ({ left: C.value })), k = b(!1), E = b(!1);
-    U(
+    N(() => y.value + "px");
+    const S = b(null), a = b(), m = b(), p = b(), v = b(0), s = b(0), h = b(!0), x = N(() => s.value + "px"), F = N(() => ({ width: x.value })), W = N(() => ({ left: x.value })), k = b(!1), E = b(!1);
+    $(
       s,
       (r, o) => {
         r === 0 ? k.value = !0 : k.value = !1, r === (a == null ? void 0 : a.value) ? E.value = !0 : E.value = !1;
       },
       { immediate: !0 }
-    ), U(i, (r) => {
-      D();
+    ), $(i, (r) => {
+      P();
     });
     const M = () => {
       s.value > v.value ? (s.value = v.value, f("onDefault")) : s.value <= v.value && s.value > 0 && (s.value = 0, f("onLeft"));
@@ -314,123 +314,181 @@ const it = { class: "das-split-panel-second" }, ot = {
       mouseFlag: !1,
       startX: 0,
       startWidth: 0
-    }), T = (r) => {
-      l.canDrag && (g.value.mouseFlag = !0, g.value.startX = r.clientX, g.value.startWidth = s.value, document.onmousemove = W, document.onmouseup = ve, f("onMouseDown"));
-    }, W = (r) => {
+    }), 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, I = g.value.startWidth + w;
-      I < m.value ? s.value = m.value : I > p.value ? s.value = p.value : I > m.value && I < p.value && (s.value = I), f("onMouseMove");
+      let w = r.clientX - g.value.startX, T = g.value.startWidth + w;
+      T < m.value ? s.value = m.value : T > p.value ? s.value = p.value : T > m.value && T < p.value && (s.value = T), f("onMouseMove");
     }, ve = () => {
       g.value.mouseFlag = !1, document.onmousemove = null, document.onmouseup = null, f("onMouseUp");
-    }, x = (r, o) => {
+    }, j = (r, o) => {
       let w = 0;
-      const I = r ?? 0;
+      const T = r ?? 0;
       if (typeof o == "number" && o <= 1)
-        w = I * o;
+        w = T * o;
       else if (typeof o == "number")
         w = o;
       else {
-        const H = Number(o);
-        w = isNaN(H) ? 0 : H;
+        const K = Number(o);
+        w = isNaN(K) ? 0 : K;
       }
       return isNaN(w) ? 0 : w;
-    }, G = () => {
+    }, V = () => {
       let r = 0;
-      l.defaultSplit.first !== void 0 ? (r = x(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 = x(a.value, 1 - l.defaultSplit.second) : r = a.value - x(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);
+      l.defaultSplit.first !== void 0 ? (r = j(a.value, l.defaultSplit.first), v.value = r, s.value = r) : l.defaultSplit.second !== void 0 && (typeof l.defaultSplit.second == "number" && l.defaultSplit.second <= 1 ? r = j(a.value, 1 - l.defaultSplit.second) : r = a.value - j(a.value, l.defaultSplit.second), v.value = r, s.value = r), l.defaultClose && l.defaultClose == "first" ? s.value = 0 : l.defaultClose && l.defaultClose == "second" && (s.value = a.value);
     }, pe = () => {
-      G();
+      V();
     };
-    let V = b(!0);
-    const D = () => {
+    let H = b(!0);
+    const P = () => {
       var w;
       let r = !1;
       if (E.value && (r = !0), !(c != null && c.value)) return;
       const o = ((w = c == null ? void 0 : c.value) == null ? void 0 : w.clientWidth) ?? 0;
-      if (a.value = o - y.value || 0, m.value = x(a.value, l.firstMin), p.value = a.value - x(a.value, l.secondMin), r && (s.value = a.value), O.value === !0) {
-        if (G(), V.value) {
-          V.value = !1;
+      if (a.value = o - y.value || 0, m.value = j(a.value, l.firstMin), p.value = a.value - j(a.value, l.secondMin), r && (s.value = a.value), h.value === !0) {
+        if (V(), H.value) {
+          H.value = !1;
           return;
         }
-        O.value = !1;
+        h.value = !1;
       }
     };
     return se(() => {
       var r;
-      O.value = !0, S.value = new ResizeObserver(Ge(D, 30)), (r = S.value) == null || r.observe(c == null ? void 0 : c.value), D();
+      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
-    }), (r, o) => (P(), L("div", {
-      class: "das-ui-split-panel",
-      ref_key: "$splitPanel",
-      ref: c,
-      style: A(r.boxStyle)
-    }, [
-      h("div", {
-        class: "das-split-panel-first",
-        style: A(F.value)
-      }, [
-        R(r.$slots, "firstSlot", {}, void 0, !0)
-      ], 4),
-      h("div", {
-        class: "das-split-panel-mid",
-        ref_key: "$splitLine",
-        ref: u,
-        style: A(N.value)
-      }, [
-        r.canFold ? (P(), L("span", {
-          key: 0,
-          onClick: M
-        }, [
-          R(r.$slots, "leftBtn", {}, () => [
-            h("span", {
-              class: z(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
-            }, o[2] || (o[2] = [
-              h("div", { class: "arrow" }, [
-                h("span", { class: "arrowItem" })
-              ], -1)
-            ]), 2)
-          ], !0)
-        ])) : K("", !0),
-        h("div", {
-          class: z(["das-split-panel-line", { hide: k.value || E.value, canDrag: l.canDrag }]),
-          onDragstart: o[0] || (o[0] = Q(() => {
-          }, ["stop", "prevent"])),
-          onMousedown: Q(T, ["prevent"]),
-          onClick: o[1] || (o[1] = Q(() => {
-          }, ["stop", "prevent"]))
-        }, o[3] || (o[3] = [
-          h("div", { class: "das-split-panel-divider" }, null, -1)
-        ]), 34),
-        r.canFold ? (P(), L("span", {
-          key: 1,
-          onClick: d
-        }, [
-          R(r.$slots, "rightBtn", {}, () => [
-            h("span", {
-              class: z(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
-            }, o[4] || (o[4] = [
-              h("div", { class: "arrow" }, [
-                h("span", { class: "arrowItem" })
-              ], -1)
-            ]), 2)
-          ], !0)
-        ])) : K("", !0)
-      ], 4),
-      h("div", it, [
-        R(r.$slots, "secondSlot", {}, void 0, !0)
-      ])
-    ], 4));
+    }), (r, o) => (L(), z(
+      "div",
+      {
+        class: "das-ui-split-panel",
+        ref_key: "$splitPanel",
+        ref: c,
+        style: A(e.boxStyle)
+      },
+      [
+        O(
+          "div",
+          {
+            class: "das-split-panel-first",
+            style: A(F.value)
+          },
+          [
+            R(r.$slots, "firstSlot", {}, void 0, !0)
+          ],
+          4
+          /* STYLE */
+        ),
+        O(
+          "div",
+          {
+            class: "das-split-panel-mid",
+            ref_key: "$splitLine",
+            ref: u,
+            style: A(W.value)
+          },
+          [
+            e.canFold ? (L(), z("span", {
+              key: 0,
+              onClick: M
+            }, [
+              R(r.$slots, "leftBtn", {}, () => [
+                O(
+                  "span",
+                  {
+                    class: Q(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
+                  },
+                  [
+                    C(' <DasIconShuzuofanye size="medium"></DasIconShuzuofanye> '),
+                    o[2] || (o[2] = O(
+                      "div",
+                      { class: "arrow" },
+                      [
+                        O("span", { class: "arrowItem" })
+                      ],
+                      -1
+                      /* CACHED */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ], !0)
+            ])) : C("v-if", !0),
+            O(
+              "div",
+              {
+                class: Q(["das-split-panel-line", { hide: k.value || E.value, canDrag: l.canDrag }]),
+                onDragstart: o[0] || (o[0] = X(() => {
+                }, ["stop", "prevent"])),
+                onMousedown: X(I, ["prevent"]),
+                onClick: o[1] || (o[1] = X(() => {
+                }, ["stop", "prevent"]))
+              },
+              [
+                C(' <slot name="splitLine"> '),
+                o[3] || (o[3] = O(
+                  "div",
+                  { class: "das-split-panel-divider" },
+                  null,
+                  -1
+                  /* CACHED */
+                )),
+                C(" </slot> ")
+              ],
+              34
+              /* CLASS, NEED_HYDRATION */
+            ),
+            e.canFold ? (L(), z("span", {
+              key: 1,
+              onClick: d
+            }, [
+              R(r.$slots, "rightBtn", {}, () => [
+                O(
+                  "span",
+                  {
+                    class: Q(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
+                  },
+                  [
+                    C(' <DasIconShuyoufanye size="medium"></DasIconShuyoufanye> '),
+                    o[4] || (o[4] = O(
+                      "div",
+                      { class: "arrow" },
+                      [
+                        O("span", { class: "arrowItem" })
+                      ],
+                      -1
+                      /* CACHED */
+                    ))
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ], !0)
+            ])) : C("v-if", !0)
+          ],
+          4
+          /* STYLE */
+        ),
+        O("div", it, [
+          R(r.$slots, "secondSlot", {}, void 0, !0)
+        ])
+      ],
+      4
+      /* STYLE */
+    ));
   }
 }), ct = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [i, l] of n)
     t[i] = l;
   return t;
-}, dt = /* @__PURE__ */ ct(ft, [["__scopeId", "data-v-250f65b2"]]), yt = he(dt), St = () => b(null), Ot = { name: "splitPanel 分割面板" };
+}, dt = /* @__PURE__ */ ct(ft, [["__scopeId", "data-v-250f65b2"]]), yt = Oe(dt), St = () => b(null), ht = { name: "splitPanel 分割面板" };
 export {
   yt as DasSplitPanel,
   St as DasSplitPanelRef,
-  Ot as default
+  ht as default
 };

package/packages/components/step/index.js

@@ -22,6 +22,7 @@ const v = /* @__PURE__ */ p({
         c(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 2
+      /* DYNAMIC */
     }, [
       t.$slots.icon ? {
         name: "icon",

package/packages/components/steps/index.js

@@ -7,12 +7,19 @@ import '@das-fed/upf-ui/packages/components/steps/style.css';
 const f = /* @__PURE__ */ s({
   __name: "steps",
   setup(i) {
-    return (t, c) => (r(), o(p(l), a({ class: ["das-ui-steps"] }, t.$attrs), {
-      default: n(() => [
-        m(t.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
+    return (t, c) => (r(), o(
+      p(l),
+      a({ class: ["das-ui-steps"] }, t.$attrs),
+      {
+        default: n(() => [
+          m(t.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      16
+      /* FULL_PROPS */
+    ));
   }
 }), S = e(f);
 export {

package/packages/components/switch/index.js

@@ -28,17 +28,23 @@ const g = {
     }));
     return S(m), n({
       $refSwitch: c
-    }), (s, t) => (h(), v("div", {
-      class: "das-ui-switch",
-      style: w(p.value)
-    }, [
-      z(x(V), y({
-        ref_key: "$refSwitch",
-        ref: c,
-        modelValue: l.value,
-        "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value = a)
-      }, s.$attrs, { size: i.value }), null, 16, ["modelValue", "size"])
-    ], 4));
+    }), (s, t) => (h(), v(
+      "div",
+      {
+        class: "das-ui-switch",
+        style: w(p.value)
+      },
+      [
+        z(x(V), y({
+          ref_key: "$refSwitch",
+          ref: c,
+          modelValue: l.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value = a)
+        }, s.$attrs, { size: i.value }), null, 16, ["modelValue", "size"])
+      ],
+      4
+      /* STYLE */
+    ));
   }
 }), k = (o, n) => {
   const e = o.__vccOpts || o;

package/packages/components/switch/style.css

@@ -1 +1 @@
-.das-ui-switch[data-v-c486ad97]{display:inline-flex;height:var(--switch-height);align-items:center}.das-ui-switch[data-v-c486ad97] .el-switch{--el-switch-on-color: var(--upf-color-primary);--el-switch-off-color: var(--upf-switch-off-color, var(--upf-text-disabled))}.das-ui-switch[data-v-c486ad97] .el-switch.is-disabled{--el-switch-on-color: var(--upf-switch-on-color-disabled, var(--upf-color-primary));--el-switch-off-color: var(--upf-switch-off-color-disabled, var(--upf-border-color));opacity:1}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-c486ad97] .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-c486ad97] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-c486ad97] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}
+.das-ui-switch[data-v-c486ad97]{display:inline-flex}.das-ui-switch[data-v-c486ad97] .el-switch{--el-switch-on-color: var(--upf-color-primary);--el-switch-off-color: var(--upf-switch-off-color, var(--upf-text-disabled))}.das-ui-switch[data-v-c486ad97] .el-switch.is-disabled{--el-switch-on-color: var(--upf-switch-on-color-disabled, var(--upf-color-primary));--el-switch-off-color: var(--upf-switch-off-color-disabled, var(--upf-border-color));opacity:1}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-c486ad97] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-c486ad97] .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-c486ad97] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-c486ad97] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}.das-ui-switch[data-v-c486ad97]{height:var(--switch-height);align-items:center}