@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.1

package/packages/components/switch/index.js

@@ -1,563 +1,49 @@
 import '@das-fed/ui/packages/components/switch/style.css';
-import { withInstall as Ee } from "@das-fed/utils/with-install/index";
-import { setThemeRule as Ce } from "@das-fed/web/packages/theme/index";
-import { defineComponent as B, openBlock as d, createElementBlock as S, createElementVNode as L, warn as Pe, watch as D, unref as s, getCurrentInstance as J, inject as E, ref as $, computed as v, mergeProps as ue, renderSlot as ze, onMounted as X, toRef as ke, onUnmounted as Be, normalizeClass as I, normalizeStyle as ie, withModifiers as Oe, withKeys as Te, createBlock as g, withCtx as P, resolveDynamicComponent as T, createCommentVNode as V, toDisplayString as H, createVNode as de, nextTick as De } from "vue";
-var re;
-const ve = typeof window < "u";
-ve && ((re = window == null ? void 0 : window.navigator) != null && re.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-/**
-* @vue/shared v3.4.35
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/
-process.env.NODE_ENV !== "production" && Object.freeze({});
-process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Ae = Object.prototype.hasOwnProperty, le = (e, t) => Ae.call(e, t), Y = (e) => typeof e == "function", k = (e) => typeof e == "string", ee = (e) => e !== null && typeof e == "object", ce = (e) => (ee(e) || Y(e)) && Y(e.then) && Y(e.catch);
-function Ke(e) {
-  for (var t = -1, n = e == null ? 0 : e.length, o = {}; ++t < n; ) {
-    var i = e[t];
-    o[i[0]] = i[1];
-  }
-  return o;
-}
-const je = (e) => e === void 0, U = (e) => typeof e == "boolean", M = (e) => typeof e == "number", Fe = (e) => k(e) ? !Number.isNaN(Number(e)) : !1;
-class pe extends Error {
-  constructor(t) {
-    super(t), this.name = "ElementPlusError";
-  }
-}
-function Le(e, t) {
-  throw new pe(`[${e}] ${t}`);
-}
-function A(e, t) {
-  if (process.env.NODE_ENV !== "production") {
-    const n = k(e) ? new pe(`[${e}] ${t}`) : e;
-  }
-}
-const Ue = "utils/dom/style";
-function fe(e, t = "px") {
-  if (!e)
-    return "";
-  if (M(e) || Fe(e))
-    return `${e}${t}`;
-  if (k(e))
-    return e;
-  A(Ue, "binding value must be a string or number");
-}
-/*! Element Plus Icons Vue v2.3.1 */
-var Me = /* @__PURE__ */ B({
-  name: "Loading",
-  __name: "loading",
-  setup(e) {
-    return (t, n) => (d(), S("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      L("path", {
-        fill: "currentColor",
-        d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
-      })
-    ]));
-  }
-}), Re = Me;
-const me = "__epPropKey", te = (e) => e, Je = (e) => ee(e) && !!e[me], he = (e, t) => {
-  if (!ee(e) || Je(e))
-    return e;
-  const { values: n, required: o, default: i, type: c, validator: h } = e, b = {
-    type: c,
-    required: !!o,
-    validator: n || h ? (p) => {
-      let w = !1, _ = [];
-      if (n && (_ = Array.from(n), le(e, "default") && _.push(i), w || (w = _.includes(p))), h && (w || (w = h(p))), !w && _.length > 0) {
-        const N = [...new Set(_)].map((K) => JSON.stringify(K)).join(", ");
-        Pe(`Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${N}], got value ${JSON.stringify(p)}.`);
-      }
-      return w;
-    } : void 0,
-    [me]: !0
-  };
-  return le(e, "default") && (b.default = i), b;
-}, ye = (e) => Ke(Object.entries(e).map(([t, n]) => [
-  t,
-  he(n, t)
-])), F = te([
-  String,
-  Object,
-  Function
-]), be = (e, t) => (e.install = (n) => {
-  for (const o of [e, ...Object.values({})])
-    n.component(o.name, o);
-}, e), W = "update:modelValue", Z = "change", G = "input", we = ["", "default", "small", "large"], qe = (e) => ["", ...we].includes(e), He = ({ from: e, replacement: t, scope: n, version: o, ref: i, type: c = "API" }, h) => {
-  D(() => s(h), (l) => {
-    l && A(n, `[${c}] ${e} is about to be deprecated in version ${o}, please use ${t} instead.
-For more detail, please visit: ${i}
-`);
-  }, {
-    immediate: !0
-  });
-}, x = "el", Ye = "is-", C = (e, t, n, o, i) => {
-  let c = `${e}-${t}`;
-  return n && (c += `-${n}`), o && (c += `__${o}`), i && (c += `--${i}`), c;
-}, xe = Symbol("namespaceContextKey"), ge = (e) => {
-  const t = J() ? E(xe, $(x)) : $(x);
-  return v(() => s(t) || x);
-}, _e = (e, t) => {
-  const n = ge();
-  return {
-    namespace: n,
-    b: (r = "") => C(n.value, e, r, "", ""),
-    e: (r) => r ? C(n.value, e, "", r, "") : "",
-    m: (r) => r ? C(n.value, e, "", "", r) : "",
-    be: (r, u) => r && u ? C(n.value, e, r, u, "") : "",
-    em: (r, u) => r && u ? C(n.value, e, "", r, u) : "",
-    bm: (r, u) => r && u ? C(n.value, e, r, "", u) : "",
-    bem: (r, u, y) => r && u && y ? C(n.value, e, r, u, y) : "",
-    is: (r, ...u) => {
-      const y = u.length >= 1 ? u[0] : !0;
-      return r && y ? `${Ye}${r}` : "";
-    },
-    cssVar: (r) => {
-      const u = {};
-      for (const y in r)
-        r[y] && (u[`--${n.value}-${y}`] = r[y]);
-      return u;
-    },
-    cssVarName: (r) => `--${n.value}-${r}`,
-    cssVarBlock: (r) => {
-      const u = {};
-      for (const y in r)
-        r[y] && (u[`--${n.value}-${e}-${y}`] = r[y]);
-      return u;
-    },
-    cssVarBlockName: (r) => `--${n.value}-${e}-${r}`
-  };
-}, Ie = (e) => {
-  const t = J();
-  return v(() => {
-    var n, o;
-    return (o = (n = t == null ? void 0 : t.proxy) == null ? void 0 : n.$props) == null ? void 0 : o[e];
-  });
-}, Q = {
-  prefix: Math.floor(Math.random() * 1e4),
-  current: 0
-}, We = Symbol("elIdInjection"), Ze = () => J() ? E(We, Q) : Q, Ge = (e) => {
-  const t = Ze();
-  !ve && t === Q && A("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
-usage: app.provide(ID_INJECTION_KEY, {
-  prefix: number,
-  current: number,
-})`);
-  const n = ge();
-  return v(() => s(e) || `${n.value}-id-${t.prefix}-${t.current++}`);
-};
-he({
-  type: String,
-  values: we,
-  required: !1
-});
-const Qe = Symbol("size"), Xe = () => {
-  const e = E(Qe, {});
-  return v(() => s(e.size) || "");
-};
-var Se = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, i] of t)
-    n[o] = i;
-  return n;
-};
-const et = ye({
-  size: {
-    type: te([Number, String])
-  },
-  color: {
-    type: String
-  }
-}), tt = B({
-  name: "ElIcon",
-  inheritAttrs: !1
-}), nt = /* @__PURE__ */ B({
-  ...tt,
-  props: et,
-  setup(e) {
-    const t = e, n = _e("icon"), o = v(() => {
-      const { size: i, color: c } = t;
-      return !i && !c ? {} : {
-        fontSize: je(i) ? void 0 : fe(i),
-        "--color": c
-      };
-    });
-    return (i, c) => (d(), S("i", ue({
-      class: s(n).b(),
-      style: s(o)
-    }, i.$attrs), [
-      ze(i.$slots, "default")
-    ], 16));
-  }
-});
-var ot = /* @__PURE__ */ Se(nt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/icon/src/icon.vue"]]);
-const z = be(ot), ne = Symbol("formContextKey"), $e = Symbol("formItemContextKey"), at = (e, t = {}) => {
-  const n = $(void 0), o = t.prop ? n : Ie("size"), i = t.global ? n : Xe(), c = t.form ? { size: void 0 } : E(ne, void 0), h = t.formItem ? { size: void 0 } : E($e, void 0);
-  return v(() => o.value || s(e) || (h == null ? void 0 : h.size) || (c == null ? void 0 : c.size) || i.value || "");
-}, st = (e) => {
-  const t = Ie("disabled"), n = E(ne, void 0);
-  return v(() => t.value || s(e) || (n == null ? void 0 : n.disabled) || !1);
-}, it = () => {
-  const e = E(ne, void 0), t = E($e, void 0);
-  return {
-    form: e,
-    formItem: t
-  };
-}, rt = (e, {
-  formItemContext: t,
-  disableIdGeneration: n,
-  disableIdManagement: o
-}) => {
-  n || (n = $(!1)), o || (o = $(!1));
-  const i = $();
-  let c;
-  const h = v(() => {
-    var l;
-    return !!(!e.label && t && t.inputIds && ((l = t.inputIds) == null ? void 0 : l.length) <= 1);
-  });
-  return X(() => {
-    c = D([ke(e, "id"), n], ([l, b]) => {
-      const p = l ?? (b ? void 0 : Ge().value);
-      p !== i.value && (t != null && t.removeInputId && (i.value && t.removeInputId(i.value), !(o != null && o.value) && !b && p && t.addInputId(p)), i.value = p);
-    }, { immediate: !0 });
-  }), Be(() => {
-    c && c(), t != null && t.removeInputId && i.value && t.removeInputId(i.value);
-  }), {
-    isLabeledByFormItem: h,
-    inputId: i
-  };
-}, lt = ye({
-  modelValue: {
-    type: [Boolean, String, Number],
-    default: !1
-  },
-  disabled: {
-    type: Boolean,
-    default: !1
-  },
-  loading: {
-    type: Boolean,
-    default: !1
-  },
-  size: {
-    type: String,
-    validator: qe
-  },
-  width: {
-    type: [String, Number],
-    default: ""
-  },
-  inlinePrompt: {
-    type: Boolean,
-    default: !1
-  },
-  inactiveActionIcon: {
-    type: F
-  },
-  activeActionIcon: {
-    type: F
-  },
-  activeIcon: {
-    type: F
-  },
-  inactiveIcon: {
-    type: F
-  },
-  activeText: {
-    type: String,
-    default: ""
-  },
-  inactiveText: {
-    type: String,
-    default: ""
-  },
-  activeValue: {
-    type: [Boolean, String, Number],
-    default: !0
-  },
-  inactiveValue: {
-    type: [Boolean, String, Number],
-    default: !1
-  },
-  activeColor: {
-    type: String,
-    default: ""
-  },
-  inactiveColor: {
-    type: String,
-    default: ""
-  },
-  borderColor: {
-    type: String,
-    default: ""
-  },
-  name: {
-    type: String,
-    default: ""
-  },
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  },
-  beforeChange: {
-    type: te(Function)
-  },
-  id: String,
-  tabindex: {
-    type: [String, Number]
-  },
-  value: {
-    type: [Boolean, String, Number],
-    default: !1
-  },
-  label: {
-    type: String,
-    default: void 0
-  }
-}), ct = {
-  [W]: (e) => U(e) || k(e) || M(e),
-  [Z]: (e) => U(e) || k(e) || M(e),
-  [G]: (e) => U(e) || k(e) || M(e)
-}, ut = ["onClick"], dt = ["id", "aria-checked", "aria-disabled", "aria-label", "name", "true-value", "false-value", "disabled", "tabindex", "onKeydown"], vt = ["aria-hidden"], pt = ["aria-hidden"], ft = ["aria-hidden"], R = "ElSwitch", mt = B({
-  name: R
-}), ht = /* @__PURE__ */ B({
-  ...mt,
-  props: lt,
-  emits: ct,
-  setup(e, { expose: t, emit: n }) {
-    const o = e, i = J(), { formItem: c } = it(), h = at(), l = _e("switch");
-    ((a) => {
-      a.forEach((m) => {
-        He({
-          from: m[0],
-          replacement: m[1],
-          scope: R,
-          version: "2.3.0",
-          ref: "https://element-plus.org/en-US/component/switch.html#attributes",
-          type: "Attribute"
-        }, v(() => {
-          var O;
-          return !!((O = i.vnode.props) != null && O[m[2]]);
-        }));
-      });
-    })([
-      ['"value"', '"model-value" or "v-model"', "value"],
-      ['"active-color"', "CSS var `--el-switch-on-color`", "activeColor"],
-      ['"inactive-color"', "CSS var `--el-switch-off-color`", "inactiveColor"],
-      ['"border-color"', "CSS var `--el-switch-border-color`", "borderColor"]
-    ]);
-    const { inputId: p } = rt(o, {
-      formItemContext: c
-    }), w = st(v(() => o.loading)), _ = $(o.modelValue !== !1), N = $(), K = $(), oe = v(() => [
-      l.b(),
-      l.m(h.value),
-      l.is("disabled", w.value),
-      l.is("checked", f.value)
-    ]), r = v(() => [
-      l.e("label"),
-      l.em("label", "left"),
-      l.is("active", !f.value)
-    ]), u = v(() => [
-      l.e("label"),
-      l.em("label", "right"),
-      l.is("active", f.value)
-    ]), y = v(() => ({
-      width: fe(o.width)
-    }));
-    D(() => o.modelValue, () => {
-      _.value = !0;
-    }), D(() => o.value, () => {
-      _.value = !1;
-    });
-    const ae = v(() => _.value ? o.modelValue : o.value), f = v(() => ae.value === o.activeValue);
-    [o.activeValue, o.inactiveValue].includes(ae.value) || (n(W, o.inactiveValue), n(Z, o.inactiveValue), n(G, o.inactiveValue)), D(f, (a) => {
-      var m;
-      N.value.checked = a, o.validateEvent && ((m = c == null ? void 0 : c.validate) == null || m.call(c, "change").catch((O) => A(O)));
-    });
-    const j = () => {
-      const a = f.value ? o.inactiveValue : o.activeValue;
-      n(W, a), n(Z, a), n(G, a), De(() => {
-        N.value.checked = f.value;
-      });
-    }, se = () => {
-      if (w.value)
-        return;
-      const { beforeChange: a } = o;
-      if (!a) {
-        j();
-        return;
-      }
-      const m = a();
-      [
-        ce(m),
-        U(m)
-      ].includes(!0) || Le(R, "beforeChange must return type `Promise<boolean>` or `boolean`"), ce(m) ? m.then((q) => {
-        q && j();
-      }).catch((q) => {
-        A(R, `some error occurred: ${q}`);
-      }) : m && j();
-    }, Ve = v(() => l.cssVarBlock({
-      ...o.activeColor ? { "on-color": o.activeColor } : null,
-      ...o.inactiveColor ? { "off-color": o.inactiveColor } : null,
-      ...o.borderColor ? { "border-color": o.borderColor } : null
-    })), Ne = () => {
-      var a, m;
-      (m = (a = N.value) == null ? void 0 : a.focus) == null || m.call(a);
-    };
-    return X(() => {
-      N.value.checked = f.value;
-    }), t({
-      focus: Ne,
-      checked: f
-    }), (a, m) => (d(), S("div", {
-      class: I(s(oe)),
-      style: ie(s(Ve)),
-      onClick: Oe(se, ["prevent"])
-    }, [
-      L("input", {
-        id: s(p),
-        ref_key: "input",
-        ref: N,
-        class: I(s(l).e("input")),
-        type: "checkbox",
-        role: "switch",
-        "aria-checked": s(f),
-        "aria-disabled": s(w),
-        "aria-label": a.label,
-        name: a.name,
-        "true-value": a.activeValue,
-        "false-value": a.inactiveValue,
-        disabled: s(w),
-        tabindex: a.tabindex,
-        onChange: j,
-        onKeydown: Te(se, ["enter"])
-      }, null, 42, dt),
-      !a.inlinePrompt && (a.inactiveIcon || a.inactiveText) ? (d(), S("span", {
-        key: 0,
-        class: I(s(r))
-      }, [
-        a.inactiveIcon ? (d(), g(s(z), { key: 0 }, {
-          default: P(() => [
-            (d(), g(T(a.inactiveIcon)))
-          ]),
-          _: 1
-        })) : V("v-if", !0),
-        !a.inactiveIcon && a.inactiveText ? (d(), S("span", {
-          key: 1,
-          "aria-hidden": s(f)
-        }, H(a.inactiveText), 9, vt)) : V("v-if", !0)
-      ], 2)) : V("v-if", !0),
-      L("span", {
-        ref_key: "core",
-        ref: K,
-        class: I(s(l).e("core")),
-        style: ie(s(y))
-      }, [
-        a.inlinePrompt ? (d(), S("div", {
-          key: 0,
-          class: I(s(l).e("inner"))
-        }, [
-          a.activeIcon || a.inactiveIcon ? (d(), g(s(z), {
-            key: 0,
-            class: I(s(l).is("icon"))
-          }, {
-            default: P(() => [
-              (d(), g(T(s(f) ? a.activeIcon : a.inactiveIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : a.activeText || a.inactiveText ? (d(), S("span", {
-            key: 1,
-            class: I(s(l).is("text")),
-            "aria-hidden": !s(f)
-          }, H(s(f) ? a.activeText : a.inactiveText), 11, pt)) : V("v-if", !0)
-        ], 2)) : V("v-if", !0),
-        L("div", {
-          class: I(s(l).e("action"))
-        }, [
-          a.loading ? (d(), g(s(z), {
-            key: 0,
-            class: I(s(l).is("loading"))
-          }, {
-            default: P(() => [
-              de(s(Re))
-            ]),
-            _: 1
-          }, 8, ["class"])) : a.activeActionIcon && s(f) ? (d(), g(s(z), { key: 1 }, {
-            default: P(() => [
-              (d(), g(T(a.activeActionIcon)))
-            ]),
-            _: 1
-          })) : a.inactiveActionIcon && !s(f) ? (d(), g(s(z), { key: 2 }, {
-            default: P(() => [
-              (d(), g(T(a.inactiveActionIcon)))
-            ]),
-            _: 1
-          })) : V("v-if", !0)
-        ], 2)
-      ], 6),
-      !a.inlinePrompt && (a.activeIcon || a.activeText) ? (d(), S("span", {
-        key: 1,
-        class: I(s(u))
-      }, [
-        a.activeIcon ? (d(), g(s(z), { key: 0 }, {
-          default: P(() => [
-            (d(), g(T(a.activeIcon)))
-          ]),
-          _: 1
-        })) : V("v-if", !0),
-        !a.activeIcon && a.activeText ? (d(), S("span", {
-          key: 1,
-          "aria-hidden": !s(f)
-        }, H(a.activeText), 9, ft)) : V("v-if", !0)
-      ], 2)) : V("v-if", !0)
-    ], 14, ut));
-  }
-});
-var yt = /* @__PURE__ */ Se(ht, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/switch/src/switch.vue"]]);
-const bt = be(yt), wt = { class: "das-ui-switch" }, gt = {
+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, openBlock as _, createElementBlock as h, createVNode as w, unref as b, mergeProps as v } from "vue";
+import { ElSwitch as S } from "element-plus";
+import "element-plus/es/components/switch/style/css";
+const x = { class: "das-ui-switch" }, B = {
   inheritAttrs: !1
-}, _t = /* @__PURE__ */ B({
-  ...gt,
+}, V = /* @__PURE__ */ m({
+  ...B,
   __name: "Index",
   props: {
     modelValue: { type: [Boolean, String, Number], default: !0 },
     size: { default: "small" }
   },
-  setup(e, { expose: t }) {
-    const n = e, o = v(() => n.modelValue), i = v(() => n.size ? n.size : "small"), c = $(null);
-    return X(() => {
-      var b, p;
-      const l = (p = (b = c.value) == null ? void 0 : b.$el) == null ? void 0 : p.querySelector(".el-switch__input");
+  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");
-    }), t({
-      $refSwitch: c
-    }), (l, b) => (d(), S("div", wt, [
-      de(s(bt), ue({
+    }), i({
+      $refSwitch: a
+    }), (l, t) => (_(), h("div", x, [
+      w(b(S), v({
         ref_key: "$refSwitch",
-        ref: c,
-        modelValue: o.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (p) => o.value = p)
-      }, l.$attrs, { size: i.value }), null, 16, ["modelValue", "size"])
+        ref: a,
+        modelValue: s.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r)
+      }, l.$attrs, { size: n.value }), null, 16, ["modelValue", "size"])
     ]));
   }
-}), It = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, i] of t)
-    n[o] = i;
-  return n;
-}, St = /* @__PURE__ */ It(_t, [["__scopeId", "data-v-247b1241"]]), $t = {
+}), z = (o, i) => {
+  const e = o.__vccOpts || o;
+  for (const [s, n] of i)
+    e[s] = n;
+  return e;
+}, D = /* @__PURE__ */ z(V, [["__scopeId", "data-v-247b1241"]]), 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"
 };
-Ce($t);
-const Ct = Ee(St);
+d(I);
+const T = u(D);
 export {
-  Ct as DasSwitch,
-  Ct as default
+  T as DasSwitch,
+  T as default
 };

package/packages/components/switch/style.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, .04),0px 8px 20px rgba(0, 0, 0, .08);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, .12);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, .12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, .08),0px 12px 32px rgba(0, 0, 0, .12),0px 8px 16px -8px rgba(0, 0, 0, .16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0, 0, 0, .8);--el-overlay-color-light:rgba(0, 0, 0, .7);--el-overlay-color-lighter:rgba(0, 0, 0, .5);--el-mask-color:rgba(255, 255, 255, .9);--el-mask-color-extra-light:rgba(255, 255, 255, .3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color)}.el-switch{display:inline-flex;align-items:center;position:relative;font-size:14px;line-height:20px;height:32px;vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:var(--el-transition-duration-fast);height:20px;display:inline-block;font-size:14px;font-weight:500;cursor:pointer;vertical-align:middle;color:var(--el-text-color-primary)}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:14px;display:inline-block}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{display:inline-flex;position:relative;align-items:center;min-width:40px;height:20px;border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));outline:0;border-radius:10px;box-sizing:border-box;background:var(--el-switch-off-color);cursor:pointer;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration)}.el-switch__core .el-switch__inner{width:100%;transition:all var(--el-transition-duration);height:16px;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 4px 0 18px}.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text{font-size:12px;color:var(--el-color-white);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-switch__core .el-switch__action{position:absolute;left:1px;border-radius:var(--el-border-radius-circle);transition:all var(--el-transition-duration);width:16px;height:16px;background-color:var(--el-color-white);display:flex;justify-content:center;align-items:center;color:var(--el-switch-off-color)}.el-switch.is-checked .el-switch__core{border-color:var(--el-switch-border-color,var(--el-switch-on-color));background-color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__action{left:calc(100% - 17px);color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{font-size:14px;line-height:24px;height:40px}.el-switch--large .el-switch__label{height:24px;font-size:14px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{min-width:50px;height:24px;border-radius:12px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{width:20px;height:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{font-size:12px;line-height:16px;height:24px}.el-switch--small .el-switch__label{height:16px;font-size:12px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{min-width:30px;height:16px;border-radius:8px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{width:12px;height:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.das-ui-switch[data-v-247b1241]{display:inline-flex}.das-ui-switch[data-v-247b1241] .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-247b1241] .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-247b1241] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-247b1241] .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-247b1241] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-247b1241] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}
+.das-ui-switch[data-v-247b1241]{display:inline-flex}.das-ui-switch[data-v-247b1241] .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-247b1241] .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-247b1241] .el-switch.el-switch--small{height:16px}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--small .el-switch__core{min-width:32px}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--small .el-switch__core .el-switch__action{width:14px;height:14px;left:0}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 14px)}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--default{height:20px}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--default .el-switch__core .el-switch__action{width:18px;height:18px;left:0}.das-ui-switch[data-v-247b1241] .el-switch.el-switch--default.is-checked .el-switch__core .el-switch__action{left:calc(100% - 18px)}.das-ui-switch[data-v-247b1241] .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-247b1241] .el-switch .el-switch__core .el-switch__action .el-icon.is-loading{animation:rotating 1s linear infinite}.das-ui-switch[data-v-247b1241] .el-switch .el-switch__core .el-switch__action .el-icon svg{display:none}