@das-fed/upf-ui 6.4.0-dev.222 → 6.4.0-dev.224

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

@@ -1,117 +1,117 @@
 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 U, defineComponent as he, computed as _, openBlock as P, createElementBlock as L, normalizeStyle as A, createElementVNode as O, renderSlot as D, normalizeClass as z, createCommentVNode as K, withModifiers as Q } from "vue";
 import { withInstall as Oe } from "@das-fed/upf-utils/with-install/index";
 import { setThemeRule as we } from "@das-fed/upf-web/packages/theme/index";
-function q(e) {
+function $(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 Ee = typeof global == "object" && global && global.Object === Object && global, Te = typeof self == "object" && self && self.Object === Object && self, ie = Ee || Te || Function("return this")(), X = function() {
   return ie.Date.now();
-}, Te = /\s/;
-function Fe(e) {
-  for (var n = e.length; n-- && Te.test(e.charAt(n)); )
+}, Fe = /\s/;
+function Ie(e) {
+  for (var n = e.length; n-- && Fe.test(e.charAt(n)); )
     ;
   return n;
 }
 var ke = /^\s+/;
 function Me(e) {
-  return e && e.slice(0, Fe(e) + 1).replace(ke, "");
+  return e && e.slice(0, Ie(e) + 1).replace(ke, "");
 }
-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 R = ie.Symbol, oe = Object.prototype, Ce = oe.hasOwnProperty, xe = oe.toString, j = R ? R.toStringTag : void 0;
+function _e(e) {
+  var n = Ce.call(e, j), t = e[j];
   try {
-    e[N] = void 0;
+    e[j] = void 0;
     var i = !0;
   } catch {
   }
   var r = xe.call(e);
-  return i && (n ? e[N] = t : delete e[N]), r;
+  return i && (n ? e[j] = t : delete e[j]), r;
 }
 var je = Object.prototype, Ne = je.toString;
 function We(e) {
   return Ne.call(e);
 }
-var _e = "[object Null]", Re = "[object Undefined]", J = B ? B.toStringTag : void 0;
+var De = "[object Null]", Re = "[object Undefined]", J = R ? R.toStringTag : void 0;
 function Be(e) {
-  return e == null ? e === void 0 ? Re : _e : J && J in Object(e) ? De(e) : We(e);
+  return e == null ? e === void 0 ? Re : De : J && J in Object(e) ? _e(e) : We(e);
 }
 function Pe(e) {
   return e != null && typeof e == "object";
 }
 var Le = "[object Symbol]";
-function ze(e) {
+function Ae(e) {
   return typeof e == "symbol" || Pe(e) && Be(e) == Le;
 }
-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, Qe = /^0b[01]+$/i, Xe = /^0o[0-7]+$/i, Ue = parseInt;
 function Z(e) {
   if (typeof e == "number")
     return e;
-  if (ze(e))
+  if (Ae(e))
     return Y;
-  if (q(e)) {
+  if ($(e)) {
     var n = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = q(n) ? n + "" : n;
+    e = $(n) ? n + "" : n;
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
   e = Me(e);
   var t = Qe.test(e);
-  return t || Xe.test(e) ? Ue(e.slice(2), t ? 2 : 8) : Ae.test(e) ? Y : +e;
+  return t || Xe.test(e) ? Ue(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;
   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);
+  n = Z(n) || 0, $(t) && (a = !!t.leading, m = "maxWait" in t, f = m ? qe(Z(t.maxWait) || 0, n) : f, p = "trailing" in t ? !!t.trailing : p);
   function v(d) {
-    var g = i, I = r;
-    return i = r = void 0, S = d, c = e.apply(I, g), c;
+    var g = i, T = r;
+    return i = r = void 0, S = d, c = e.apply(T, g), c;
   }
   function s(d) {
-    return S = d, u = setTimeout(F, n), a ? v(d) : c;
+    return S = d, u = setTimeout(I, n), a ? v(d) : c;
   }
   function h(d) {
-    var g = d - y, I = d - S, _ = n - g;
-    return m ? Ge(_, f - I) : _;
+    var g = d - y, T = d - S, W = n - g;
+    return m ? Ge(W, f - T) : W;
   }
-  function x(d) {
-    var g = d - y, I = d - S;
-    return y === void 0 || g >= n || g < 0 || m && I >= f;
+  function C(d) {
+    var g = d - y, T = d - S;
+    return y === void 0 || g >= n || g < 0 || m && T >= f;
   }
-  function F() {
-    var d = U();
-    if (x(d))
-      return W(d);
-    u = setTimeout(F, h(d));
+  function I() {
+    var d = X();
+    if (C(d))
+      return N(d);
+    u = setTimeout(I, h(d));
   }
-  function W(d) {
+  function N(d) {
     return u = void 0, p && i ? v(d) : (i = r = void 0, c);
   }
   function k() {
     u !== void 0 && clearTimeout(u), S = 0, i = y = r = u = void 0;
   }
   function E() {
-    return u === void 0 ? c : W(U());
+    return u === void 0 ? c : N(X());
   }
   function M() {
-    var d = U(), g = x(d);
+    var d = X(), g = C(d);
     if (i = arguments, r = this, y = d, g) {
       if (u === void 0)
         return s(y);
       if (m)
-        return clearTimeout(u), u = setTimeout(F, n), v(y);
+        return clearTimeout(u), u = setTimeout(I, n), v(y);
     }
-    return u === void 0 && (u = setTimeout(F, n)), c;
+    return u === void 0 && (u = setTimeout(I, n)), c;
   }
   return M.cancel = k, M.flush = E, M;
 }
 var ee;
-const G = typeof window < "u", He = (e) => typeof e == "string", Ke = () => {
+const q = typeof window < "u", He = (e) => typeof e == "string", Ke = () => {
 };
-G && ((ee = window == null ? void 0 : window.navigator) != null && ee.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+q && ((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);
 }
@@ -129,7 +129,7 @@ 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;
+const Ze = q ? window : void 0, et = q ? window.document : void 0;
 function tt(...e) {
   let n, t, i, r;
   if (He(e[0]) || Array.isArray(e[0]) ? ([t, i, r] = e, n = Ze) : [n, t, i, r] = e, !n)
@@ -137,7 +137,7 @@ function tt(...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 = $(() => [de(n), fe(r)], ([a, m]) => {
+  }, u = (a, m, p, v) => (a.addEventListener(m, p, v), () => a.removeEventListener(m, p, v)), y = U(() => [de(n), fe(r)], ([a, m]) => {
     c(), a && f.push(...t.flatMap((p) => i.map((v) => u(a, p, v, m))));
   }, { immediate: !0, flush: "post" }), S = () => {
     y(), c();
@@ -286,22 +286,22 @@ const ot = { class: "das-split-panel-second" }, ft = {
   },
   emits: ["onLeft", "onRight", "onDefault", "onMouseDown", "onMouseMove", "onMouseUp"],
   setup(e, { expose: n, emit: t }) {
-    const { isFullscreen: i } = lt(), r = e, f = t, c = b(null), u = b(null), y = j(() => {
+    const { isFullscreen: i } = lt(), r = e, f = t, c = b(null), u = b(null), y = _(() => {
       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;
     });
-    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);
-    $(
+    _(() => y.value + "px");
+    const S = b(null), a = b(), m = b(), p = b(), v = b(0), s = b(0), h = b(!0), C = _(() => s.value + "px"), I = _(() => ({ width: C.value })), N = _(() => ({ left: C.value })), k = b(!1), E = b(!1);
+    U(
       s,
       (l, o) => {
         l === 0 ? k.value = !0 : k.value = !1, l === (a == null ? void 0 : a.value) ? E.value = !0 : E.value = !1;
       },
       { immediate: !0 }
-    ), $(i, (l) => {
-      P();
+    ), U(i, (l) => {
+      B();
     });
     const M = () => {
       s.value > v.value ? (s.value = v.value, f("onDefault")) : s.value <= v.value && s.value > 0 && (s.value = 0, f("onLeft"));
@@ -311,41 +311,41 @@ 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) => {
+    }), T = (l) => {
+      r.canDrag && (g.value.mouseFlag = !0, g.value.startX = l.clientX, g.value.startWidth = s.value, document.onmousemove = W, document.onmouseup = ve, f("onMouseDown"));
+    }, W = (l) => {
       if (l.preventDefault(), !g.value.mouseFlag) return;
-      let w = l.clientX - g.value.startX, 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");
+      let w = l.clientX - g.value.startX, F = g.value.startWidth + w;
+      F < m.value ? s.value = m.value : F > p.value ? s.value = p.value : F > m.value && F < p.value && (s.value = F), f("onMouseMove");
     }, ve = () => {
       g.value.mouseFlag = !1, document.onmousemove = null, document.onmouseup = null, f("onMouseUp");
-    }, D = (l, o) => {
+    }, x = (l, o) => {
       let w = 0;
-      const T = l ?? 0;
+      const F = l ?? 0;
       if (typeof o == "number" && o <= 1)
-        w = T * o;
+        w = F * o;
       else if (typeof o == "number")
         w = o;
       else {
-        const K = Number(o);
-        w = isNaN(K) ? 0 : K;
+        const H = Number(o);
+        w = isNaN(H) ? 0 : H;
       }
       return isNaN(w) ? 0 : w;
-    }, V = () => {
+    }, G = () => {
       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);
+      r.defaultSplit.first !== void 0 ? (l = x(a.value, r.defaultSplit.first), v.value = l, s.value = l) : r.defaultSplit.second !== void 0 && (typeof r.defaultSplit.second == "number" && r.defaultSplit.second <= 1 ? l = x(a.value, 1 - r.defaultSplit.second) : l = a.value - x(a.value, r.defaultSplit.second), v.value = l, s.value = l), r.defaultClose && r.defaultClose == "first" ? s.value = 0 : r.defaultClose && r.defaultClose == "second" && (s.value = a.value);
     }, pe = () => {
-      V();
+      G();
     };
-    let H = b(!0);
-    const P = () => {
+    let V = b(!0);
+    const B = () => {
       var w;
       let l = !1;
       if (E.value && (l = !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 (V(), H.value) {
-          H.value = !1;
+      if (a.value = o - y.value || 0, m.value = x(a.value, r.firstMin), p.value = a.value - x(a.value, r.secondMin), l && (s.value = a.value), h.value === !0) {
+        if (G(), V.value) {
+          V.value = !1;
           return;
         }
         h.value = !1;
@@ -353,130 +353,72 @@ 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();
+      h.value = !0, S.value = new ResizeObserver(Ve(B, 30)), (l = S.value) == null || l.observe(c == null ? void 0 : c.value), B();
     }), n({
       toLeft: M,
       toRight: d,
       reset: pe
-    }), (l, 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(l.$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(l.$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: r.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(l.$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", ot, [
-          R(l.$slots, "secondSlot", {}, void 0, !0)
-        ])
-      ],
-      4
-      /* STYLE */
-    ));
+    }), (l, o) => (P(), L("div", {
+      class: "das-ui-split-panel",
+      ref_key: "$splitPanel",
+      ref: c,
+      style: A(l.boxStyle)
+    }, [
+      O("div", {
+        class: "das-split-panel-first",
+        style: A(I.value)
+      }, [
+        D(l.$slots, "firstSlot", {}, void 0, !0)
+      ], 4),
+      O("div", {
+        class: "das-split-panel-mid",
+        ref_key: "$splitLine",
+        ref: u,
+        style: A(N.value)
+      }, [
+        l.canFold ? (P(), L("span", {
+          key: 0,
+          onClick: M
+        }, [
+          D(l.$slots, "leftBtn", {}, () => [
+            O("span", {
+              class: z(["das-split-panel-btn left", [E.value ? "isBase" : ""]])
+            }, o[2] || (o[2] = [
+              O("div", { class: "arrow" }, [
+                O("span", { class: "arrowItem" })
+              ], -1)
+            ]), 2)
+          ], !0)
+        ])) : K("", !0),
+        O("div", {
+          class: z(["das-split-panel-line", { hide: k.value || E.value, canDrag: r.canDrag }]),
+          onDragstart: o[0] || (o[0] = Q(() => {
+          }, ["stop", "prevent"])),
+          onMousedown: Q(T, ["prevent"]),
+          onClick: o[1] || (o[1] = Q(() => {
+          }, ["stop", "prevent"]))
+        }, o[3] || (o[3] = [
+          O("div", { class: "das-split-panel-divider" }, null, -1)
+        ]), 34),
+        l.canFold ? (P(), L("span", {
+          key: 1,
+          onClick: d
+        }, [
+          D(l.$slots, "rightBtn", {}, () => [
+            O("span", {
+              class: z(["das-split-panel-btn right", [k.value ? "isBase" : ""]])
+            }, o[4] || (o[4] = [
+              O("div", { class: "arrow" }, [
+                O("span", { class: "arrowItem" })
+              ], -1)
+            ]), 2)
+          ], !0)
+        ])) : K("", !0)
+      ], 4),
+      O("div", ot, [
+        D(l.$slots, "secondSlot", {}, void 0, !0)
+      ])
+    ], 4));
   }
 }), dt = (e, n) => {
   const t = e.__vccOpts || e;

package/packages/components/step/index.js

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

package/packages/components/steps/index.js

@@ -7,19 +7,12 @@ import "ant-design-vue/es/steps/style/css";
 const u = /* @__PURE__ */ o({
   __name: "steps",
   setup(d) {
-    return (s, f) => (r(), p(
-      a(m),
-      i({ class: ["das-ui-steps"] }, s.$attrs),
-      {
-        default: l(() => [
-          n(s.$slots, "default")
-        ]),
-        _: 3
-        /* FORWARDED */
-      },
-      16
-      /* FULL_PROPS */
-    ));
+    return (s, f) => (r(), p(a(m), i({ class: ["das-ui-steps"] }, s.$attrs), {
+      default: l(() => [
+        n(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
   }
 }), c = {
   "--das-ui-steps-color": "#5582F3",

package/packages/components/switch/index.js

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

package/packages/components/switch/style.css

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