vue-amazing-ui 2.4.21 → 2.4.22

package/es/select/Select.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as ze, ref as a, computed as T, watch as q, watchEffect as oe, onMounted as Re, onBeforeUnmount as xe, nextTick as Oe, createElementBlock as y, openBlock as h, normalizeStyle as ae, normalizeClass as C, unref as M, createElementVNode as g, createBlock as Pe, withDirectives as W, vModelText as De, toDisplayString as ne, withModifiers as F, Teleport as He, createVNode as G, Transition as We, withCtx as ue, createCommentVNode as Fe, mergeProps as Ne, Fragment as Ie, renderList as Ue, vShow as J } from "vue";
+import { defineComponent as Te, ref as o, computed as T, watch as G, watchEffect as oe, onMounted as ze, onBeforeUnmount as Re, nextTick as Oe, createElementBlock as C, openBlock as g, normalizeStyle as ne, normalizeClass as x, unref as M, createElementVNode as b, createBlock as Pe, withDirectives as F, vModelText as De, toDisplayString as ue, withModifiers as N, Teleport as He, createVNode as J, Transition as We, withCtx as se, createCommentVNode as Fe, mergeProps as Ne, Fragment as Ie, renderList as Ue, vShow as K } from "vue";
 import je from "../empty/index.js";
 import Ae from "../scrollbar/index.js";
 import { useInject as Xe, useOptionsSupported as Ye, useMutationObserver as qe, useEventListener as Ge } from "../utils/index.js";
-const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["title"], Ze = ["title", "onMouseenter", "onClick"], ot = /* @__PURE__ */ ze({
+const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["title"], Ze = ["title", "onMouseenter", "onClick"], at = /* @__PURE__ */ Te({
   __name: "Select",
   props: {
     options: { default: () => [] },
@@ -24,8 +24,8 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
     modelValue: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "openChange"],
-  setup(se, { emit: ie }) {
-    const t = se, N = a(!1), c = a([]), u = a(), z = a(null), f = a(), d = a(!1), R = a(!1), r = a(), n = a(!1), p = a(!0), $ = a(!1), I = a(!1), b = a(!1), x = a(!1), { colorPalettes: U, shadowColor: re } = Xe("Select"), s = a(null), K = a(0), O = a(0), Q = a("bottom"), j = a(null), w = a(), A = a(null), P = a(), X = a(null), Y = a(), ce = a(document.documentElement.clientWidth), D = a(document.documentElement.clientHeight), { isSupported: ve } = Ye("passive"), k = ie, fe = T(() => typeof t.width == "number" ? `${t.width}px` : t.width), de = T(() => {
+  setup(n, { emit: ie }) {
+    const t = n, I = o(!1), v = o([]), s = o(), z = o(null), d = o(), m = o(!1), R = o(!1), c = o(), u = o(!1), p = o(!0), $ = o(!1), U = o(!1), w = o(!1), O = o(!1), { colorPalettes: j, shadowColor: re } = Xe("Select"), i = o(null), Q = o(0), P = o(0), Z = o("bottom"), A = o(null), y = o(), X = o(null), D = o(), Y = o(null), q = o(), ce = o(document.documentElement.clientWidth), H = o(document.documentElement.clientHeight), { isSupported: ve } = Ye("passive"), k = ie, fe = T(() => typeof t.width == "number" ? `${t.width}px` : t.width), de = T(() => {
       const e = {
         small: 24,
         middle: 32,
@@ -34,38 +34,38 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
       return t.height !== void 0 ? `${t.height}px` : `${e[t.size]}px`;
     });
     T(() => t.options.length > t.maxDisplay);
-    const pe = T(() => ({
+    const me = T(() => ({
       maxHeight: `${t.maxDisplay * 32 + 8}px`
-    })), me = T(() => {
-      const e = w.value?.top ?? 0, l = P.value?.top ?? 0, o = e - l, m = w.value?.bottom ?? 0, L = (P.value?.bottom ?? 0) - m, v = w.value?.left ?? 0, H = P.value?.left ?? 0, i = v - H, E = w.value?.width ?? 0;
-      switch (Q.value) {
+    })), pe = T(() => {
+      const e = y.value?.top ?? 0, l = D.value?.top ?? 0, a = e - l, h = y.value?.bottom ?? 0, L = (D.value?.bottom ?? 0) - h, f = y.value?.left ?? 0, W = D.value?.left ?? 0, r = f - W, E = y.value?.width ?? 0;
+      switch (Z.value) {
         case "bottom":
           return {
             transformOrigin: "0 0",
-            top: `${o + O.value}px`,
-            left: `${i}px`,
+            top: `${a + P.value}px`,
+            left: `${r}px`,
             minWidth: `${E}px`,
             width: `${E}px`
           };
         case "top":
           return {
             transformOrigin: "100% 100%",
-            bottom: `${L + O.value}px`,
-            left: `${i}px`,
+            bottom: `${L + P.value}px`,
+            left: `${r}px`,
             minWidth: `${E}px`,
             width: `${E}px`
           };
         default:
           return {
             transformOrigin: "0 0",
-            top: `${o + O.value}px`,
-            left: `${i}px`,
+            top: `${a + P.value}px`,
+            left: `${r}px`,
             minWidth: `${E}px`,
             width: `${E}px`
           };
       }
     });
-    q(
+    G(
       () => [t.placement, t.flip],
       () => {
         V();
@@ -73,194 +73,194 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
       {
         deep: !0
       }
-    ), q(n, (e) => {
-      e && !N.value && (N.value = !0);
-    }), q(n, (e) => {
-      k("openChange", e), t.search && !e && (f.value = void 0, R.value = !1);
+    ), G(u, (e) => {
+      e && !I.value && (I.value = !0);
+    }), G(u, (e) => {
+      k("openChange", e), t.search && !e && (d.value = void 0, R.value = !1);
     }), oe(() => {
-      t.search ? (f.value ? c.value = t.options.filter((e) => typeof t.filter == "function" ? t.filter(f.value, e) : e[t.label].includes(f.value)) : n.value ? c.value = [...t.options] : setTimeout(() => {
-        c.value = [...t.options];
-      }, 200), c.value.length && f.value ? r.value = c.value[0][t.value] : r.value = null) : c.value = t.options;
+      t.search ? (d.value ? v.value = t.options.filter((e) => typeof t.filter == "function" ? t.filter(d.value, e) : e[t.label].includes(d.value)) : u.value ? v.value = [...t.options] : setTimeout(() => {
+        v.value = [...t.options];
+      }, 200), v.value.length && d.value ? c.value = v.value[0][t.value] : c.value = null) : v.value = t.options;
     }), oe(() => {
       Ce();
-    }), Re(() => {
-      _();
-    }), xe(() => {
+    }), ze(() => {
       ee();
+    }), Re(() => {
+      te();
     });
-    const Z = qe(
-      s,
+    const _ = qe(
+      i,
       () => {
-        K.value !== s.value?.scrollTop && (K.value = s.value?.scrollTop ?? 0, V());
+        Q.value !== i.value?.scrollTop && (Q.value = i.value?.scrollTop ?? 0, V());
       },
       { subtree: !0, attributes: !0 }
     );
     Ge(window, "resize", ge);
     function he() {
-      let e = X.value?.parentElement;
+      let e = Y.value?.parentElement;
       for (; e; ) {
         if (e === document.documentElement) {
-          A.value = document.documentElement;
+          X.value = document.documentElement;
           return;
         }
         const { position: l } = getComputedStyle(e);
         if (l !== "static") {
-          A.value = e;
+          X.value = e;
           return;
         }
         e = e.parentElement;
       }
     }
     function ge() {
-      ce.value = document.documentElement.clientWidth, D.value = document.documentElement.clientHeight, _(), V();
+      ce.value = document.documentElement.clientWidth, H.value = document.documentElement.clientHeight, ee(), V();
     }
-    function _() {
-      ee(), s.value = te(j.value), s.value && s.value.addEventListener(
+    function ee() {
+      te(), i.value = le(A.value), i.value && i.value.addEventListener(
         "scroll",
         V,
         ve.value ? { passive: !0 } : void 0
-      ), s.value === document.documentElement ? Z.start() : Z.stop();
+      ), i.value === document.documentElement ? _.start() : _.stop();
     }
-    function ee() {
-      s.value && s.value.removeEventListener("scroll", V), s.value = null;
+    function te() {
+      i.value && i.value.removeEventListener("scroll", V), i.value = null;
     }
     function be(e) {
       return e === document.documentElement ? null : e.parentElement;
     }
-    function te(e) {
+    function le(e) {
       if (e === null) return null;
       const l = be(e);
-      return l === null ? null : l === document.documentElement ? document.documentElement : ((m) => {
-        const { overflow: S, overflowX: L, overflowY: v } = getComputedStyle(m);
-        return /(auto|scroll|overlay)/.test(S + v + L);
-      })(l) ? l : te(l);
+      return l === null ? null : l === document.documentElement ? document.documentElement : ((h) => {
+        const { overflow: S, overflowX: L, overflowY: f } = getComputedStyle(h);
+        return /(auto|scroll|overlay)/.test(S + f + L);
+      })(l) ? l : le(l);
     }
     function V() {
-      n.value && le();
+      u.value && ae();
     }
-    async function le() {
-      await Oe(), he(), P.value = A.value?.getBoundingClientRect(), w.value = j.value?.getBoundingClientRect(), Y.value = X.value?.offsetHeight, O.value = w.value.height + 4, t.flip && (Q.value = ye());
+    async function ae() {
+      await Oe(), he(), D.value = X.value?.getBoundingClientRect(), y.value = A.value?.getBoundingClientRect(), q.value = Y.value?.offsetHeight, P.value = y.value.height + 4, t.flip && (Z.value = ye());
     }
     function we() {
-      if (s.value) {
-        const e = s.value.getBoundingClientRect();
+      if (i.value) {
+        const e = i.value.getBoundingClientRect();
         return {
           top: e.top < 0 ? 0 : e.top,
-          bottom: e.bottom > D.value ? D.value : e.bottom
+          bottom: e.bottom > H.value ? H.value : e.bottom
         };
       }
       return {
         top: 0,
-        bottom: D.value
+        bottom: H.value
       };
     }
     function ye() {
-      const { top: e, bottom: l } = w.value, { top: o, bottom: m } = we(), S = e - o, L = m - l;
-      return v(t.placement, []);
-      function v(H, i) {
-        if (H === "bottom")
-          if (i.includes("bottom")) {
-            if (!i.includes("top"))
-              return v("top", i);
+      const { top: e, bottom: l } = y.value, { top: a, bottom: h } = we(), S = e - a, L = h - l;
+      return f(t.placement, []);
+      function f(W, r) {
+        if (W === "bottom")
+          if (r.includes("bottom")) {
+            if (!r.includes("top"))
+              return f("top", r);
           } else
-            return L < Y.value + 4 ? v("top", [...i, "bottom"]) : "bottom";
-        else if (H === "top")
-          if (i.includes("top")) {
-            if (!i.includes("bottom"))
-              return v("bottom", i);
+            return L < q.value + 4 ? f("top", [...r, "bottom"]) : "bottom";
+        else if (W === "top")
+          if (r.includes("top")) {
+            if (!r.includes("bottom"))
+              return f("bottom", r);
           } else
-            return S < Y.value + 4 ? v("bottom", [...i, "top"]) : "top";
+            return S < q.value + 4 ? f("bottom", [...r, "top"]) : "top";
         return t.placement;
       }
     }
     function Ce() {
       if (t.modelValue) {
         const e = t.options.find((l) => l[t.value] === t.modelValue);
-        e ? (u.value = e[t.label], r.value = e[t.value]) : (u.value = t.modelValue, r.value = null);
+        e ? (s.value = e[t.label], c.value = e[t.value]) : (s.value = t.modelValue, c.value = null);
       } else
-        u.value = null, r.value = null;
+        s.value = null, c.value = null;
+    }
+    function xe() {
+      O.value = !0;
     }
     function $e() {
-      x.value = !0;
+      O.value = !1, u.value && (u.value = !1), t.search && (w.value = !1, p.value = !0, R.value = !1);
     }
     function Be() {
-      x.value = !1, n.value && (n.value = !1), t.search && (b.value = !1, p.value = !0, R.value = !1);
+      m.value = !0, t.allowClear && (s.value || t.search && d.value) && (p.value = !1, $.value = !0, t.search && (w.value = !1));
     }
     function Se() {
-      d.value = !0, t.allowClear && (u.value || t.search && f.value) && (p.value = !1, $.value = !0, t.search && (b.value = !1));
-    }
-    function Ee() {
-      d.value = !1, t.allowClear && $.value && ($.value = !1, t.search || (p.value = !0)), t.search && (n.value ? (b.value = !0, p.value = !1) : (b.value = !1, p.value = !0));
+      m.value = !1, t.allowClear && $.value && ($.value = !1, t.search || (p.value = !0)), t.search && (u.value ? (w.value = !0, p.value = !1) : (w.value = !1, p.value = !0));
     }
-    function Me(e, l) {
-      d.value = !!l, r.value = e;
+    function Ee(e, l) {
+      m.value = !!l, c.value = e;
     }
-    async function ke() {
-      if (B(), !t.search && z.value && (z.value.style.opacity = "0"), n.value = !n.value, n.value && le(), !r.value && u.value) {
-        const e = t.options.find((l) => l[t.label] === u.value);
-        r.value = e ? e[t.value] : null;
+    async function Me() {
+      if (B(), !t.search && z.value && (z.value.style.opacity = "0"), u.value = !u.value, u.value && ae(), !c.value && s.value) {
+        const e = t.options.find((l) => l[t.label] === s.value);
+        c.value = e ? e[t.value] : null;
       }
-      t.search && ($.value || (p.value = !n.value, b.value = n.value));
+      t.search && ($.value || (p.value = !u.value, w.value = u.value));
     }
-    function Ve(e) {
+    function ke(e) {
       R.value = !!e.target?.value;
     }
-    function Le() {
-      x.value && (B(), I.value = !0), $.value = !1, u.value = null, r.value = null, n.value = !1, b.value = !1, p.value = !0, k("update:modelValue"), k("change");
+    function Ve() {
+      O.value && (B(), U.value = !0), $.value = !1, s.value = null, c.value = null, u.value = !1, w.value = !1, p.value = !0, k("update:modelValue"), k("change");
     }
     function B() {
       z.value?.focus();
     }
-    function Te(e, l, o) {
-      t.modelValue !== e && (u.value = l, r.value = e, k("update:modelValue", e), k("change", e, l, o)), I.value = !1, B();
+    function Le(e, l, a) {
+      t.modelValue !== e && (s.value = l, c.value = e, k("update:modelValue", e), k("change", e, l, a)), U.value = !1, B();
     }
-    return (e, l) => (h(), y("div", {
-      class: C(["select-wrap", {
-        "select-focused": x.value,
-        "search-select": e.search,
-        "select-small": e.size === "small",
-        "select-large": e.size === "large",
-        "select-disabled": e.disabled
+    return (e, l) => (g(), C("div", {
+      class: x(["select-wrap", {
+        "select-focused": O.value,
+        "search-select": n.search,
+        "select-small": n.size === "small",
+        "select-large": n.size === "large",
+        "select-disabled": n.disabled
       }]),
-      style: ae(`
+      style: ne(`
       --select-width: ${fe.value};
       --select-height: ${de.value};
-      --select-primary-color-hover: ${M(U)[4]};
-      --select-primary-color-focus: ${M(U)[4]};
+      --select-primary-color-hover: ${M(j)[4]};
+      --select-primary-color-focus: ${M(j)[4]};
       --select-primary-shadow-color: ${M(re)};
     `),
-      onClick: l[7] || (l[7] = (o) => e.disabled ? () => !1 : ke())
+      onClick: l[7] || (l[7] = (a) => n.disabled ? () => !1 : Me())
     }, [
-      g("div", {
+      b("div", {
         ref_key: "selectContentRef",
-        ref: j,
+        ref: A,
         class: "select-content-container",
-        onMouseenter: Se,
-        onMouseleave: Ee
+        onMouseenter: Be,
+        onMouseleave: Se
       }, [
-        g("span", Je, [
-          W(g("input", {
+        b("span", Je, [
+          F(b("input", {
             ref_key: "inputRef",
             ref: z,
-            class: C(["search-input", { "caret-show": n.value || I.value }]),
+            class: x(["search-input", { "caret-show": u.value || U.value }]),
             type: "text",
             autocomplete: "off",
-            readonly: !e.search,
-            disabled: e.disabled,
-            onInput: Ve,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => f.value = o),
-            onBlur: l[1] || (l[1] = (o) => !d.value && !e.disabled ? Be() : () => !1),
-            onFocus: l[2] || (l[2] = (o) => e.disabled ? () => !1 : $e())
+            readonly: !n.search,
+            disabled: n.disabled,
+            onInput: ke,
+            "onUpdate:modelValue": l[0] || (l[0] = (a) => d.value = a),
+            onBlur: l[1] || (l[1] = (a) => !m.value && !n.disabled ? $e() : () => !1),
+            onFocus: l[2] || (l[2] = (a) => n.disabled ? () => !1 : xe())
           }, null, 42, Ke), [
-            [De, f.value]
+            [De, d.value]
           ])
         ]),
-        g("span", {
-          class: C(["select-item", { "select-placeholder": !u.value || n.value, "select-item-hidden": R.value }]),
-          title: u.value
-        }, ne(u.value || e.placeholder), 11, Qe),
-        (h(), y("svg", {
-          class: C(["arrow-svg", { "arrow-rotate": n.value, "show-svg": p.value }]),
+        b("span", {
+          class: x(["select-item", { "select-placeholder": !s.value || u.value, "select-item-hidden": R.value }]),
+          title: s.value
+        }, ue(s.value || n.placeholder), 11, Qe),
+        (g(), C("svg", {
+          class: x(["arrow-svg", { "arrow-rotate": u.value, "show-svg": p.value }]),
           focusable: "false",
           "data-icon": "down",
           width: "1em",
@@ -269,10 +269,10 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
           "aria-hidden": "true",
           viewBox: "64 64 896 896"
         }, [...l[8] || (l[8] = [
-          g("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
+          b("path", { d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" }, null, -1)
         ])], 2)),
-        (h(), y("svg", {
-          class: C(["search-svg", { "show-svg": b.value }]),
+        (g(), C("svg", {
+          class: x(["search-svg", { "show-svg": w.value }]),
           focusable: "false",
           "data-icon": "search",
           width: "1em",
@@ -281,10 +281,10 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
           "aria-hidden": "true",
           viewBox: "64 64 896 896"
         }, [...l[9] || (l[9] = [
-          g("path", { d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" }, null, -1)
+          b("path", { d: "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" }, null, -1)
         ])], 2)),
-        (h(), y("svg", {
-          class: C(["clear-svg", { "show-svg": $.value }]),
+        (g(), C("svg", {
+          class: x(["clear-svg", { "show-svg": $.value }]),
           focusable: "false",
           "data-icon": "close-circle",
           width: "1em",
@@ -293,16 +293,16 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
           "aria-hidden": "true",
           "fill-rule": "evenodd",
           viewBox: "64 64 896 896",
-          onClick: F(Le, ["stop"])
+          onClick: N(Ve, ["stop"])
         }, [...l[10] || (l[10] = [
-          g("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }, null, -1)
+          b("path", { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" }, null, -1)
         ])], 2))
       ], 544),
-      (h(), Pe(He, {
-        disabled: e.to === !1,
-        to: e.to === !1 ? null : e.to
+      (g(), Pe(He, {
+        disabled: n.to === !1,
+        to: n.to === !1 ? null : n.to
       }, [
-        G(We, {
+        J(We, {
           name: "slide",
           "enter-from-class": "slide-enter",
           "enter-active-class": "slide-enter",
@@ -311,56 +311,56 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
           "leave-active-class": "slide-leave slide-leave-active",
           "leave-to-class": "slide-leave slide-leave-active"
         }, {
-          default: ue(() => [
-            N.value ? W((h(), y("div", {
+          default: se(() => [
+            I.value ? F((g(), C("div", {
               key: 0,
               ref_key: "selectPanelRef",
-              ref: X,
+              ref: Y,
               class: "select-panel-container",
-              style: ae({
-                ...me.value,
-                "--select-option-bg-color-active": M(U)[0]
+              style: ne({
+                ...pe.value,
+                "--select-option-bg-color-active": M(j)[0]
               })
             }, [
-              W(G(M(Ae), Ne({
-                style: { ...pe.value, "--scrollbar-rail-vertical-right": "2px 0 2px auto" },
+              F(J(M(Ae), Ne({
+                style: { ...me.value, "--scrollbar-rail-vertical-right": "2px 0 2px auto" },
                 class: "select-options-panel",
-                onClick: F(B, ["stop"]),
-                onMouseenter: l[3] || (l[3] = (o) => d.value = !0),
-                onMouseleave: l[4] || (l[4] = (o) => d.value = !1)
-              }, e.scrollbarProps), {
-                default: ue(() => [
-                  (h(!0), y(Ie, null, Ue(c.value, (o, m) => (h(), y("p", {
-                    key: m,
-                    class: C([
+                onClick: N(B, ["stop"]),
+                onMouseenter: l[3] || (l[3] = (a) => m.value = !0),
+                onMouseleave: l[4] || (l[4] = (a) => m.value = !1)
+              }, n.scrollbarProps), {
+                default: se(() => [
+                  (g(!0), C(Ie, null, Ue(v.value, (a, h) => (g(), C("p", {
+                    key: h,
+                    class: x([
                       "select-option",
                       {
-                        "option-hover": !o.disabled && o[e.value] === r.value,
-                        "option-selected": o[e.label] === u.value,
-                        "option-disabled": o.disabled
+                        "option-hover": !a.disabled && a[n.value] === c.value,
+                        "option-selected": a[n.label] === s.value,
+                        "option-disabled": a.disabled
                       }
                     ]),
-                    title: o[e.label],
-                    onMouseenter: (S) => Me(o[e.value], o.disabled),
-                    onClick: F((S) => o.disabled ? B() : Te(o[e.value], o[e.label], m), ["stop"])
-                  }, ne(o[e.label]), 43, Ze))), 128))
+                    title: a[n.label],
+                    onMouseenter: (S) => Ee(a[n.value], a.disabled),
+                    onClick: N((S) => a.disabled ? B() : Le(a[n.value], a[n.label], h), ["stop"])
+                  }, ue(a[n.label]), 43, Ze))), 128))
                 ]),
                 _: 1
               }, 16, ["style"]), [
-                [J, c.value.length]
+                [K, v.value.length]
               ]),
-              W(g("div", {
+              F(b("div", {
                 class: "select-options-panel options-panel-empty",
-                onClick: F(B, ["stop"]),
-                onMouseenter: l[5] || (l[5] = (o) => d.value = !0),
-                onMouseleave: l[6] || (l[6] = (o) => d.value = !1)
+                onClick: N(B, ["stop"]),
+                onMouseenter: l[5] || (l[5] = (a) => m.value = !0),
+                onMouseleave: l[6] || (l[6] = (a) => m.value = !1)
               }, [
-                G(M(je), { image: "outlined" })
+                J(M(je), { image: "outlined" })
               ], 544), [
-                [J, !c.value.length]
+                [K, !v.value.length]
               ])
             ], 4)), [
-              [J, n.value]
+              [K, u.value]
             ]) : Fe("", !0)
           ]),
           _: 1
@@ -370,5 +370,5 @@ const Je = { class: "select-search" }, Ke = ["readonly", "disabled"], Qe = ["tit
   }
 });
 export {
-  ot as default
+  at as default
 };

package/es/skeleton/Skeleton.css

@@ -1 +1 @@
-.skeleton-wrap[data-v-26bc99be]{display:table;width:100%}.skeleton-wrap .skeleton-button[data-v-26bc99be]{display:inline-block;vertical-align:top;background:#0000000f;border-radius:4px;width:64px;min-width:64px;height:32px;line-height:32px}.skeleton-wrap .button-sm[data-v-26bc99be]{width:48px;min-width:48px;height:24px;line-height:24px}.skeleton-wrap .button-lg[data-v-26bc99be]{width:80px;min-width:80px;height:40px;line-height:40px}.skeleton-wrap .button-round[data-v-26bc99be]{border-radius:var(--button-size)}.skeleton-wrap .button-circle[data-v-26bc99be]{width:var(--button-size);min-width:var(--button-size);border-radius:50%}.skeleton-wrap .button-block[data-v-26bc99be]{width:100%}.skeleton-wrap .skeleton-input[data-v-26bc99be]{display:inline-block;vertical-align:top;background:#0000000f;border-radius:4px;width:160px;min-width:160px;height:32px;line-height:32px}.skeleton-wrap .input-sm[data-v-26bc99be]{width:120px;min-width:120px;height:24px;line-height:24px}.skeleton-wrap .input-lg[data-v-26bc99be]{width:200px;min-width:200px;height:40px;line-height:40px}.skeleton-wrap .skeleton-image[data-v-26bc99be]{display:flex;align-items:center;justify-content:center;vertical-align:top;background:#0000000f;border-radius:4px;width:96px;height:96px;line-height:96px}.skeleton-wrap .skeleton-image .image-svg[data-v-26bc99be]{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px;color:#bfbfbf}.skeleton-wrap .skeleton-image .image-svg .svg-path[data-v-26bc99be]{fill:currentColor}.skeleton-wrap .skeleton-header[data-v-26bc99be]{display:table-cell;padding-right:16px;vertical-align:top}.skeleton-wrap .skeleton-header .skeleton-avatar[data-v-26bc99be]{display:inline-block;vertical-align:top;background:#0000000f;width:32px;height:32px;line-height:32px;border-radius:50%}.skeleton-wrap .skeleton-header .avatar-sm[data-v-26bc99be]{width:24px;height:24px;line-height:24px}.skeleton-wrap .skeleton-header .avatar-lg[data-v-26bc99be]{width:40px;height:40px;line-height:40px}.skeleton-wrap .skeleton-header .avatar-square[data-v-26bc99be]{border-radius:6px}.skeleton-wrap .skeleton-content[data-v-26bc99be]{display:table-cell;width:100%;vertical-align:top}.skeleton-wrap .skeleton-content .skeleton-title[data-v-26bc99be]{margin:0;height:16px;background:#0000000f;border-radius:4px}.skeleton-wrap .skeleton-content .skeleton-paragraph[data-v-26bc99be]{margin:0;padding:0}.skeleton-wrap .skeleton-content .skeleton-paragraph li[data-v-26bc99be]{height:16px;list-style:none;background:#0000000f;border-radius:4px}.skeleton-wrap .skeleton-content .skeleton-paragraph li[data-v-26bc99be]:not(:first-child){margin-top:16px}.skeleton-wrap .skeleton-content .skeleton-paragraph li[data-v-26bc99be]:last-child{width:61%}.skeleton-wrap .skeleton-content .mt24[data-v-26bc99be]{margin-top:24px}.skeleton-wrap .skeleton-content .mt28[data-v-26bc99be]{margin-top:28px}.skeleton-avatar .skeleton-content .skeleton-title[data-v-26bc99be]{margin-top:var(--title-top)}.skeleton-animated .skeleton-button[data-v-26bc99be],.skeleton-animated .skeleton-input[data-v-26bc99be],.skeleton-animated .skeleton-image[data-v-26bc99be],.skeleton-animated .skeleton-header .skeleton-avatar[data-v-26bc99be],.skeleton-animated .skeleton-content .skeleton-title[data-v-26bc99be],.skeleton-animated .skeleton-content .skeleton-paragraph li[data-v-26bc99be]{position:relative;z-index:0;overflow:hidden;background:transparent}.skeleton-animated .skeleton-button[data-v-26bc99be]:after,.skeleton-animated .skeleton-input[data-v-26bc99be]:after,.skeleton-animated .skeleton-image[data-v-26bc99be]:after,.skeleton-animated .skeleton-header .skeleton-avatar[data-v-26bc99be]:after,.skeleton-animated .skeleton-content .skeleton-title[data-v-26bc99be]:after,.skeleton-animated .skeleton-content .skeleton-paragraph li[data-v-26bc99be]:after{position:absolute;inset:0 -150%;background:linear-gradient(90deg,#0000000f 25%,#00000026 37%,#0000000f 63%);animation-name:skeletonLoading-26bc99be;animation-duration:1.4s;animation-timing-function:ease;animation-iteration-count:infinite;content:""}@keyframes skeletonLoading-26bc99be{0%{transform:translate(-37.5%)}to{transform:translate(37.5%)}}
+.skeleton-wrap[data-v-882c2f85]{display:table;width:100%}.skeleton-wrap .skeleton-button[data-v-882c2f85]{display:inline-block;vertical-align:top;background:#0000000f;border-radius:4px;width:64px;min-width:64px;height:32px;line-height:32px}.skeleton-wrap .button-sm[data-v-882c2f85]{width:48px;min-width:48px;height:24px;line-height:24px}.skeleton-wrap .button-lg[data-v-882c2f85]{width:80px;min-width:80px;height:40px;line-height:40px}.skeleton-wrap .button-round[data-v-882c2f85]{border-radius:var(--button-size)}.skeleton-wrap .button-circle[data-v-882c2f85]{width:var(--button-size);min-width:var(--button-size);border-radius:50%}.skeleton-wrap .button-block[data-v-882c2f85]{width:100%}.skeleton-wrap .skeleton-input[data-v-882c2f85]{display:inline-block;vertical-align:top;background:#0000000f;border-radius:4px;width:160px;min-width:160px;height:32px;line-height:32px}.skeleton-wrap .input-sm[data-v-882c2f85]{width:120px;min-width:120px;height:24px;line-height:24px}.skeleton-wrap .input-lg[data-v-882c2f85]{width:200px;min-width:200px;height:40px;line-height:40px}.skeleton-wrap .skeleton-image[data-v-882c2f85]{display:flex;align-items:center;justify-content:center;vertical-align:top;background:#0000000f;border-radius:4px;width:96px;height:96px;line-height:96px}.skeleton-wrap .skeleton-image .image-svg[data-v-882c2f85]{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px;color:#bfbfbf}.skeleton-wrap .skeleton-image .image-svg .svg-path[data-v-882c2f85]{fill:currentColor}.skeleton-wrap .skeleton-header[data-v-882c2f85]{display:table-cell;padding-right:16px;vertical-align:top}.skeleton-wrap .skeleton-header .skeleton-avatar[data-v-882c2f85]{display:inline-block;vertical-align:top;background:#0000000f;width:32px;height:32px;line-height:32px;border-radius:50%}.skeleton-wrap .skeleton-header .avatar-sm[data-v-882c2f85]{width:24px;height:24px;line-height:24px}.skeleton-wrap .skeleton-header .avatar-lg[data-v-882c2f85]{width:40px;height:40px;line-height:40px}.skeleton-wrap .skeleton-header .avatar-square[data-v-882c2f85]{border-radius:6px}.skeleton-wrap .skeleton-content[data-v-882c2f85]{display:table-cell;width:100%;vertical-align:top}.skeleton-wrap .skeleton-content .skeleton-title[data-v-882c2f85]{margin:0;height:16px;background:#0000000f;border-radius:4px}.skeleton-wrap .skeleton-content .skeleton-paragraph[data-v-882c2f85]{margin:0;padding:0}.skeleton-wrap .skeleton-content .skeleton-paragraph li[data-v-882c2f85]{height:16px;list-style:none;background:#0000000f;border-radius:4px}.skeleton-wrap .skeleton-content .skeleton-paragraph li[data-v-882c2f85]:not(:first-child){margin-top:16px}.skeleton-wrap .skeleton-content .skeleton-paragraph li[data-v-882c2f85]:last-child{width:61%}.skeleton-wrap .skeleton-content .mt24[data-v-882c2f85]{margin-top:24px}.skeleton-wrap .skeleton-content .mt28[data-v-882c2f85]{margin-top:28px}.skeleton-avatar .skeleton-content .skeleton-title[data-v-882c2f85]{margin-top:var(--title-top)}.skeleton-animated .skeleton-button[data-v-882c2f85],.skeleton-animated .skeleton-input[data-v-882c2f85],.skeleton-animated .skeleton-image[data-v-882c2f85],.skeleton-animated .skeleton-header .skeleton-avatar[data-v-882c2f85],.skeleton-animated .skeleton-content .skeleton-title[data-v-882c2f85],.skeleton-animated .skeleton-content .skeleton-paragraph li[data-v-882c2f85]{position:relative;z-index:0;overflow:hidden;background:transparent}.skeleton-animated .skeleton-button[data-v-882c2f85]:after,.skeleton-animated .skeleton-input[data-v-882c2f85]:after,.skeleton-animated .skeleton-image[data-v-882c2f85]:after,.skeleton-animated .skeleton-header .skeleton-avatar[data-v-882c2f85]:after,.skeleton-animated .skeleton-content .skeleton-title[data-v-882c2f85]:after,.skeleton-animated .skeleton-content .skeleton-paragraph li[data-v-882c2f85]:after{position:absolute;inset:0 -150%;background:linear-gradient(90deg,#0000000f 25%,#00000026 37%,#0000000f 63%);animation-name:skeletonLoading-882c2f85;animation-duration:1.4s;animation-timing-function:ease;animation-iteration-count:infinite;content:""}@keyframes skeletonLoading-882c2f85{0%{transform:translate(-37.5%)}to{transform:translate(37.5%)}}

package/es/skeleton/Skeleton.vue.js

@@ -1,7 +1,7 @@
 import o from "./Skeleton.vue2.js";
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-26bc99be"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-882c2f85"]]);
 export {
-  p as default
+  m as default
 };