vue-amazing-ui 2.4.21 → 2.4.22

package/es/scrollbar/Scrollbar.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as Ce, ref as a, computed as n, onMounted as Pe, createElementBlock as De, openBlock as Ue, normalizeStyle as W, createElementVNode as b, withDirectives as ue, normalizeClass as g, renderSlot as Ne, withModifiers as ne, vShow as se } from "vue";
-import { useScroll as Ve, useResizeObserver as Fe, debounce as B } from "../utils/index.js";
-const je = /* @__PURE__ */ Ce({
+import { defineComponent as Re, ref as t, computed as i, onMounted as Ce, createElementBlock as Pe, openBlock as De, normalizeStyle as W, createElementVNode as p, withDirectives as ne, normalizeClass as H, renderSlot as Ue, withModifiers as re, vShow as ie } from "vue";
+import { useScroll as Ne, useResizeObserver as Ve, debounce as B } from "../utils/index.js";
+const je = /* @__PURE__ */ Re({
   __name: "Scrollbar",
   props: {
     contentClass: { default: void 0 },
@@ -15,137 +15,137 @@ const je = /* @__PURE__ */ Ce({
     yPlacement: { default: "right" }
   },
   emits: ["scroll", "scrollend"],
-  setup(ve, { expose: ie, emit: ce }) {
-    const r = ve, o = a(), H = a(), O = a(), j = a(), d = a(!1), p = a(!1), L = a(0), x = a(0), R = a(0), C = a(0), s = a(0), i = a(0), c = a(0), f = a(0), k = a(0), y = a(0), E = a(0), P = a(0), z = a(!1), m = a(!1), h = a(!1), S = a(!1), q = a(0), G = a(0), I = a(0), J = a(0), fe = { width: "fit-content" }, X = a(!1), Y = a(!1), $ = ce, t = n(() => r.trigger === "hover" && r.autoHide), w = n(() => r.trigger === "hover" && !r.autoHide), K = n(() => L.value > R.value), Q = n(() => x.value > C.value), D = n(() => L.value || x.value ? r.yScrollable && K.value || r.xScrollable && Q.value : !0), U = n(() => {
-      if (r.yScrollable && K.value && s.value && c.value && k.value) {
+  setup(o, { expose: ce, emit: ve }) {
+    const a = o, u = t(), M = t(), j = t(), q = t(), m = t(!1), h = t(!1), L = t(0), E = t(0), R = t(0), C = t(0), c = t(0), s = t(0), f = t(0), d = t(0), x = t(0), k = t(0), z = t(0), P = t(0), X = t(!1), b = t(!1), S = t(!1), g = t(!1), A = t(0), G = t(0), I = t(0), J = t(0), se = { width: "fit-content" }, Y = t(!1), $ = t(!1), w = ve, n = i(() => a.trigger === "hover"), K = i(() => L.value > R.value), Q = i(() => E.value > C.value), D = i(() => L.value || E.value ? a.yScrollable && K.value || a.xScrollable && Q.value : !0), U = i(() => {
+      if (a.yScrollable && K.value && c.value && f.value && x.value) {
         const e = Math.min(
-          s.value,
-          k.value * s.value / c.value + 1.5 * r.size
+          c.value,
+          x.value * c.value / f.value + 1.5 * a.size
         );
         return Number(e.toFixed(4));
       }
       return 0;
-    }), de = n(() => s.value && c.value && k.value ? E.value / (c.value - s.value) * (k.value - U.value) : 0), pe = n(() => ({
-      top: `${de.value}px`,
+    }), fe = i(() => c.value && f.value && x.value ? z.value / (f.value - c.value) * (x.value - U.value) : 0), de = i(() => ({
+      top: `${fe.value}px`,
       height: `${U.value}px`
-    })), N = n(() => {
-      if (r.xScrollable && Q.value && i.value && f.value && y.value) {
-        const e = y.value * i.value / f.value + 1.5 * r.size;
+    })), N = i(() => {
+      if (a.xScrollable && Q.value && s.value && d.value && k.value) {
+        const e = k.value * s.value / d.value + 1.5 * a.size;
         return Number(e.toFixed(4));
       }
       return 0;
-    }), me = n(() => i.value && f.value && y.value ? P.value / (f.value - i.value) * (y.value - N.value) : 0), he = n(() => ({
+    }), me = i(() => s.value && d.value && k.value ? P.value / (d.value - s.value) * (k.value - N.value) : 0), he = i(() => ({
       left: `${me.value}px`,
       width: `${N.value}px`
     }));
-    Pe(() => {
-      oe();
+    Ce(() => {
+      ae();
     });
     const {
       left: Z,
       right: _,
       top: ee,
       bottom: le
-    } = Ve(o);
-    Fe([o, H], oe);
-    function ae() {
-      E.value = o.value.scrollTop, P.value = o.value.scrollLeft;
+    } = Ne(u);
+    Ve([u, M], ae);
+    function te() {
+      z.value = u.value.scrollTop, P.value = u.value.scrollLeft;
     }
-    function Se() {
-      L.value = o.value.scrollHeight, x.value = o.value.scrollWidth, R.value = o.value.clientHeight, C.value = o.value.clientWidth, s.value = o.value.offsetHeight, i.value = o.value.offsetWidth, c.value = H.value.offsetHeight, f.value = H.value.offsetWidth, k.value = O.value.offsetHeight, y.value = j.value.offsetWidth;
+    function be() {
+      L.value = u.value.scrollHeight, E.value = u.value.scrollWidth, R.value = u.value.clientHeight, C.value = u.value.clientWidth, c.value = u.value.offsetHeight, s.value = u.value.offsetWidth, f.value = M.value.offsetHeight, d.value = M.value.offsetWidth, x.value = j.value.offsetHeight, k.value = q.value.offsetWidth;
     }
-    function oe() {
-      ae(), Se();
+    function ae() {
+      te(), be();
     }
-    const be = B(ke, 100), ge = B(ye, 100), T = B(Te, 100 + r.delay), M = B(Me, 100 + r.delay);
-    function ke(e, l) {
-      $("scrollend", e, l);
+    const Se = B(pe, 100), ge = B(He, 100), y = B(xe, 100 + a.delay), T = B(ke, 100 + a.delay);
+    function pe(e, l) {
+      w("scrollend", e, l);
     }
-    function ye(e, l) {
-      $("scrollend", e, l);
+    function He(e, l) {
+      w("scrollend", e, l);
     }
-    function Te() {
-      t.value && !X.value && (d.value = !1), w.value && !z.value && (d.value = !1);
+    function xe() {
+      n.value && (a.autoHide && !Y.value && (m.value = !1), !a.autoHide && !X.value && (m.value = !1));
     }
-    function Me() {
-      t.value && !Y.value && (p.value = !1), w.value && !z.value && (p.value = !1);
+    function ke() {
+      n.value && (a.autoHide && !$.value && (h.value = !1), !a.autoHide && !X.value && (h.value = !1));
     }
-    function He(e) {
+    function ye(e) {
       if (Z.value || _.value) {
         let l = "";
-        Z.value && (l = "left"), _.value && (l = "right"), $("scroll", e, l), t.value && (p.value = !0, h.value || (ge(e, l), M()));
+        Z.value && (l = "left"), _.value && (l = "right"), w("scroll", e, l), n.value && (h.value = !0, !S.value && a.autoHide && (ge(e, l), T()));
       }
       if (ee.value || le.value) {
         let l = "";
-        ee.value && (l = "top"), le.value && (l = "bottom"), $("scroll", e, l), t.value && (d.value = !0, m.value || (be(e, l), T()));
+        ee.value && (l = "top"), le.value && (l = "bottom"), w("scroll", e, l), n.value && (m.value = !0, !b.value && a.autoHide && (Se(e, l), y()));
       }
-      ae();
+      te();
     }
-    function Le() {
-      z.value = !0, h.value || m.value ? S.value = !1 : t.value || (p.value = !0, d.value = !0);
+    function Te() {
+      X.value = !0, S.value || b.value ? g.value = !1 : a.autoHide || (h.value = !0, m.value = !0);
     }
-    function xe() {
-      z.value = !1, h.value || m.value ? S.value = !0 : t.value || (p.value && M(), d.value && T());
+    function Me() {
+      X.value = !1, S.value || b.value ? g.value = !0 : a.autoHide || (h.value && T(), m.value && y());
+    }
+    function Le() {
+      Y.value = !0;
     }
     function Ee() {
-      X.value = !0;
+      Y.value = !1, b.value || y();
     }
     function ze() {
-      X.value = !1, t.value && !m.value && T();
+      $.value = !0;
     }
     function Xe() {
-      Y.value = !0;
+      $.value = !1, S.value || T();
     }
-    function Ye() {
-      Y.value = !1, t.value && !h.value && M();
-    }
-    function $e(e) {
-      m.value = !0, q.value = E.value, I.value = e.clientY, document.addEventListener("mousemove", V), document.addEventListener("mouseup", te), V(e);
+    function Ye(e) {
+      b.value = !0, A.value = z.value, I.value = e.clientY, document.addEventListener("mousemove", V), document.addEventListener("mouseup", oe), V(e);
     }
     function V(e) {
-      const v = (e.clientY - I.value) * (c.value - s.value) / (s.value - U.value), A = c.value - s.value;
-      let u = q.value + v;
-      u = Math.min(A, u), u = Math.max(u, 0), o.value.scrollTop = u;
+      const v = (e.clientY - I.value) * (f.value - c.value) / (c.value - U.value), O = f.value - c.value;
+      let r = A.value + v;
+      r = Math.min(O, r), r = Math.max(r, 0), u.value.scrollTop = r;
     }
-    function te() {
-      m.value = !1, t.value && !X.value ? T() : w.value && S.value && (S.value = !1, T()), document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", te);
+    function oe() {
+      b.value = !1, n.value && a.autoHide && !Y.value ? y() : n.value && !a.autoHide && g.value && (g.value = !1, y()), document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", oe);
     }
-    function we(e) {
-      h.value = !0, G.value = P.value, J.value = e.clientX, document.addEventListener("mousemove", F), document.addEventListener("mouseup", re), F(e);
+    function $e(e) {
+      S.value = !0, G.value = P.value, J.value = e.clientX, document.addEventListener("mousemove", F), document.addEventListener("mouseup", ue), F(e);
     }
     function F(e) {
-      const v = (e.clientX - J.value) * (f.value - i.value) / (i.value - N.value), A = f.value - i.value;
-      let u = G.value + v;
-      u = Math.min(A, u), u = Math.max(u, 0), o.value.scrollLeft = u;
+      const v = (e.clientX - J.value) * (d.value - s.value) / (s.value - N.value), O = d.value - s.value;
+      let r = G.value + v;
+      r = Math.min(O, r), r = Math.max(r, 0), u.value.scrollLeft = r;
     }
-    function re() {
-      h.value = !1, t.value && !Y.value ? M() : w.value && S.value && (S.value = !1, M()), document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", re);
+    function ue() {
+      S.value = !1, n.value && a.autoHide && !$.value ? T() : n.value && !a.autoHide && g.value && (g.value = !1, T()), document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", ue);
     }
-    function We(...e) {
-      o.value?.scrollTo(...e);
+    function we(...e) {
+      u.value?.scrollTo(...e);
     }
-    function Be(...e) {
-      o.value?.scrollBy(...e);
+    function We(...e) {
+      u.value?.scrollBy(...e);
     }
-    function Re() {
+    function Be() {
       return {
-        scrollTop: E.value,
-        scrollWidth: x.value,
+        scrollTop: z.value,
+        scrollWidth: E.value,
         scrollHeight: L.value,
         clientWidth: C.value,
         clientHeight: R.value
       };
     }
-    return ie({
-      scrollTo: We,
-      scrollBy: Be,
-      getScrollData: Re
-    }), (e, l) => (Ue(), De("div", {
+    return ce({
+      scrollTo: we,
+      scrollBy: We,
+      getScrollData: Be
+    }), (e, l) => (De(), Pe("div", {
       class: "scrollbar-wrap",
       style: W(`
-      --scrollbar-width: ${e.size}px;
-      --scrollbar-height: ${e.size}px;
-      --scrollbar-border-radius: ${e.size}px;
+      --scrollbar-width: ${o.size}px;
+      --scrollbar-height: ${o.size}px;
+      --scrollbar-border-radius: ${o.size}px;
       --scrollbar-color: rgba(0, 0, 0, 0.25);
       --scrollbar-color-hover: rgba(0, 0, 0, 0.4);
       --scrollbar-rail-horizontal-top: 4px 2px auto 2px;
@@ -154,53 +154,53 @@ const je = /* @__PURE__ */ Ce({
       --scrollbar-rail-vertical-left: 2px auto 2px 4px;
       --scrollbar-rail-color: transparent;
     `),
-      onMouseenter: l[4] || (l[4] = (v) => D.value && e.trigger === "hover" ? Le() : () => !1),
-      onMouseleave: l[5] || (l[5] = (v) => D.value && e.trigger === "hover" ? xe() : () => !1)
+      onMouseenter: l[4] || (l[4] = (v) => D.value && o.trigger === "hover" ? Te() : () => !1),
+      onMouseleave: l[5] || (l[5] = (v) => D.value && o.trigger === "hover" ? Me() : () => !1)
     }, [
-      b("div", {
+      p("div", {
         ref_key: "containerRef",
-        ref: o,
-        class: g(["scrollbar-container", { "container-scroll": D.value }]),
-        onScroll: He
+        ref: u,
+        class: H(["scrollbar-container", { "container-scroll": D.value }]),
+        onScroll: ye
       }, [
-        b("div", {
+        p("div", {
           ref_key: "contentRef",
-          ref: H,
-          class: g(["scrollbar-content", e.contentClass]),
-          style: W([e.xScrollable ? { ...fe, ...e.contentStyle } : e.contentStyle])
+          ref: M,
+          class: H(["scrollbar-content", o.contentClass]),
+          style: W([o.xScrollable ? { ...se, ...o.contentStyle } : o.contentStyle])
         }, [
-          Ne(e.$slots, "default", {}, void 0, !0)
+          Ue(e.$slots, "default", {}, void 0, !0)
         ], 6)
       ], 34),
-      ue(b("div", {
+      ne(p("div", {
         ref_key: "railVerticalRef",
-        ref: O,
-        class: g(["scrollbar-rail rail-vertical", `rail-vertical-${e.yPlacement}`])
+        ref: j,
+        class: H(["scrollbar-rail rail-vertical", `rail-vertical-${o.yPlacement}`])
       }, [
-        b("div", {
-          class: g(["scrollbar-track", { "track-visible": e.trigger === "none" || d.value }]),
-          style: W(pe.value),
-          onMouseenter: l[0] || (l[0] = (v) => t.value ? Ee() : () => !1),
-          onMouseleave: l[1] || (l[1] = (v) => t.value ? ze() : () => !1),
-          onMousedown: ne($e, ["prevent", "stop"])
+        p("div", {
+          class: H(["scrollbar-track", { "track-visible": o.trigger === "none" || m.value }]),
+          style: W(de.value),
+          onMouseenter: l[0] || (l[0] = (v) => n.value && a.autoHide ? Le() : () => !1),
+          onMouseleave: l[1] || (l[1] = (v) => n.value && a.autoHide ? Ee() : () => !1),
+          onMousedown: re(Ye, ["prevent", "stop"])
         }, null, 38)
       ], 2), [
-        [se, e.yScrollable]
+        [ie, o.yScrollable]
       ]),
-      ue(b("div", {
+      ne(p("div", {
         ref_key: "railHorizontalRef",
-        ref: j,
-        class: g(["scrollbar-rail rail-horizontal", `rail-horizontal-${e.xPlacement}`])
+        ref: q,
+        class: H(["scrollbar-rail rail-horizontal", `rail-horizontal-${o.xPlacement}`])
       }, [
-        b("div", {
-          class: g(["scrollbar-track", { "track-visible": e.trigger === "none" || p.value }]),
+        p("div", {
+          class: H(["scrollbar-track", { "track-visible": o.trigger === "none" || h.value }]),
           style: W(he.value),
-          onMouseenter: l[2] || (l[2] = (v) => t.value ? Xe() : () => !1),
-          onMouseleave: l[3] || (l[3] = (v) => t.value ? Ye() : () => !1),
-          onMousedown: ne(we, ["prevent", "stop"])
+          onMouseenter: l[2] || (l[2] = (v) => n.value && a.autoHide ? ze() : () => !1),
+          onMouseleave: l[3] || (l[3] = (v) => n.value && a.autoHide ? Xe() : () => !1),
+          onMousedown: re($e, ["prevent", "stop"])
         }, null, 38)
       ], 2), [
-        [se, e.xScrollable]
+        [ie, o.xScrollable]
       ])
     ], 36));
   }

package/es/segmented/Segmented.css

@@ -1 +1 @@
-.segmented-wrap[data-v-4f5cc5c0]{display:inline-block;padding:2px;color:#000000a6;font-size:14px;line-height:1.57142857;background-color:#f5f5f5;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1)}.segmented-wrap .segmented-group[data-v-4f5cc5c0]{position:relative;display:flex;align-items:stretch;justify-items:flex-start;width:100%}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]{position:relative;z-index:1;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s cubic-bezier(.645,.045,.355,1);border-radius:4px}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]:hover:not(.segmented-item-selected):not(.segmented-item-disabled){color:#000000e0}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]:hover:not(.segmented-item-selected):not(.segmented-item-disabled):after{background-color:#0000000f}.segmented-wrap .segmented-group .segmented-item[data-v-4f5cc5c0]:after{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:inherit;transition:background-color .2s;pointer-events:none;content:""}.segmented-wrap .segmented-group .segmented-item .segmented-item-input[data-v-4f5cc5c0]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0]{min-height:28px;line-height:28px;padding:0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0] svg{fill:currentColor}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0] .avatar-wrap{cursor:pointer}.segmented-wrap .segmented-group .segmented-item-selected[data-v-4f5cc5c0]{color:#000000e0}.segmented-wrap .segmented-group .segmented-item-disabled[data-v-4f5cc5c0]{color:#00000040;cursor:not-allowed}.segmented-small[data-v-4f5cc5c0]{border-radius:4px}.segmented-small .segmented-group .segmented-item[data-v-4f5cc5c0]{border-radius:2px}.segmented-small .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0]{min-height:20px;line-height:20px;padding:0 7px}.segmented-large[data-v-4f5cc5c0]{border-radius:8px}.segmented-large .segmented-group .segmented-item[data-v-4f5cc5c0]{border-radius:6px}.segmented-large .segmented-group .segmented-item .segmented-item-label[data-v-4f5cc5c0]{min-height:36px;line-height:36px;padding:0 11px;font-size:16px}.segmented-block[data-v-4f5cc5c0]{display:flex;width:100%}.segmented-block .segmented-group .segmented-item[data-v-4f5cc5c0]{flex:1;min-width:0}
+.segmented-wrap[data-v-fd00431d]{display:inline-block;padding:2px;color:#000000a6;font-size:14px;line-height:1.57142857;background-color:#f5f5f5;border-radius:6px;transition:all .2s cubic-bezier(.645,.045,.355,1)}.segmented-wrap .segmented-group[data-v-fd00431d]{position:relative;display:flex;align-items:stretch;justify-items:flex-start;width:100%}.segmented-wrap .segmented-group .segmented-item[data-v-fd00431d]{position:relative;z-index:1;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s cubic-bezier(.645,.045,.355,1);border-radius:4px}.segmented-wrap .segmented-group .segmented-item[data-v-fd00431d]:hover:not(.segmented-item-selected):not(.segmented-item-disabled){color:#000000e0}.segmented-wrap .segmented-group .segmented-item[data-v-fd00431d]:hover:not(.segmented-item-selected):not(.segmented-item-disabled):after{background-color:#0000000f}.segmented-wrap .segmented-group .segmented-item[data-v-fd00431d]:after{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:inherit;transition:background-color .2s;pointer-events:none;content:""}.segmented-wrap .segmented-group .segmented-item .segmented-item-input[data-v-fd00431d]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;pointer-events:none}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-fd00431d]{min-height:28px;line-height:28px;padding:0 11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-fd00431d] svg{fill:currentColor}.segmented-wrap .segmented-group .segmented-item .segmented-item-label[data-v-fd00431d] .avatar-wrap{cursor:pointer}.segmented-wrap .segmented-group .segmented-item-selected[data-v-fd00431d]{color:#000000e0}.segmented-wrap .segmented-group .segmented-item-disabled[data-v-fd00431d]{color:#00000040;cursor:not-allowed}.segmented-small[data-v-fd00431d]{border-radius:4px}.segmented-small .segmented-group .segmented-item[data-v-fd00431d]{border-radius:2px}.segmented-small .segmented-group .segmented-item .segmented-item-label[data-v-fd00431d]{min-height:20px;line-height:20px;padding:0 7px}.segmented-large[data-v-fd00431d]{border-radius:8px}.segmented-large .segmented-group .segmented-item[data-v-fd00431d]{border-radius:6px}.segmented-large .segmented-group .segmented-item .segmented-item-label[data-v-fd00431d]{min-height:36px;line-height:36px;padding:0 11px;font-size:16px}.segmented-block[data-v-fd00431d]{display:flex;width:100%}.segmented-block .segmented-group .segmented-item[data-v-fd00431d]{flex:1;min-width:0}

package/es/segmented/Segmented.vue.js

@@ -1,7 +1,7 @@
 import o from "./Segmented.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f5cc5c0"]]);
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd00431d"]]);
 export {
-  r as default
+  d as default
 };

package/es/segmented/Segmented.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, ref as s, computed as w, watch as B, nextTick as _, createElementBlock as m, openBlock as g, normalizeClass as h, createElementVNode as i, Fragment as j, renderList as O, renderSlot as W, createTextVNode as I, toDisplayString as L, normalizeStyle as V } from "vue";
-import { useResizeObserver as $ } from "../utils/index.js";
-const E = ["onClick"], T = ["checked", "disabled"], D = ["title"], F = /* @__PURE__ */ C({
+import { defineComponent as C, ref as s, computed as w, watch as B, nextTick as j, createElementBlock as g, openBlock as b, normalizeClass as h, createElementVNode as r, Fragment as O, renderList as W, renderSlot as I, createTextVNode as L, toDisplayString as V, normalizeStyle as $ } from "vue";
+import { useResizeObserver as E } from "../utils/index.js";
+const T = ["onClick"], D = ["checked", "disabled"], G = ["title"], M = /* @__PURE__ */ C({
   __name: "Segmented",
   props: {
     block: { type: Boolean, default: !1 },
@@ -10,8 +10,8 @@ const E = ["onClick"], T = ["checked", "disabled"], D = ["title"], F = /* @__PUR
     value: { default: void 0 }
   },
   emits: ["update:value", "change"],
-  setup(S, { emit: x }) {
-    const o = S, a = s(), p = s(), l = s(), b = s(0), v = s(0), y = x, R = w(() => {
+  setup(l, { emit: S }) {
+    const u = l, d = s(), v = s(), a = s(), y = s(0), p = s(0), x = S, R = w(() => {
       const e = {
         small: "2px",
         middle: "4px",
@@ -20,99 +20,99 @@ const E = ["onClick"], T = ["checked", "disabled"], D = ["title"], F = /* @__PUR
       return {
         position: "absolute",
         top: 0,
-        left: `${v.value}px`,
+        left: `${p.value}px`,
         backgroundColor: "#fff",
         boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02)",
-        width: `${b.value}px`,
+        width: `${y.value}px`,
         height: "100%",
-        borderRadius: e[o.size],
+        borderRadius: e[u.size],
         pointerEvents: "none",
         transition: "all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
       };
     });
     B(
-      () => o.value,
+      () => u.value,
       async (e) => {
-        e !== l.value && (l.value = e, await _(), u());
+        e !== a.value && (a.value = e, await j(), o());
       },
       {
         immediate: !0
       }
-    ), $(a, () => {
-      u();
+    ), E(d, () => {
+      o();
     });
-    function u() {
-      const e = o.options.findIndex(
-        (t) => d(t) === l.value
-      ), n = p.value?.[e];
-      if (n && a.value) {
-        const { width: t, left: r } = n.getBoundingClientRect(), { left: k } = a.value.getBoundingClientRect();
-        b.value = t, v.value = r - k;
+    function o() {
+      const e = u.options.findIndex(
+        (t) => n(t) === a.value
+      ), c = v.value?.[e];
+      if (c && d.value) {
+        const { width: t, left: i } = c.getBoundingClientRect(), { left: k } = d.value.getBoundingClientRect();
+        y.value = t, p.value = i - k;
       }
     }
     function z(e) {
-      e !== l.value && (l.value = e, u(), y("update:value", e), y("change", e));
+      e !== a.value && (a.value = e, o(), x("update:value", e), x("change", e));
     }
-    function c(e) {
+    function f(e) {
       return typeof e == "object" && e?.disabled || !1;
     }
-    function d(e) {
+    function n(e) {
       return typeof e == "object" ? e.value : e;
     }
-    function f(e) {
+    function m(e) {
       return typeof e == "object" ? e.label : e;
     }
-    return (e, n) => (g(), m("div", {
+    return (e, c) => (b(), g("div", {
       class: h(["segmented-wrap", {
-        "segmented-small": e.size == "small",
-        "segmented-large": e.size == "large",
-        "segmented-block": e.block
+        "segmented-small": l.size == "small",
+        "segmented-large": l.size == "large",
+        "segmented-block": l.block
       }])
     }, [
-      i("div", {
+      r("div", {
         ref_key: "segmentedGroupRef",
-        ref: a,
+        ref: d,
         class: "segmented-group"
       }, [
-        (g(!0), m(j, null, O(e.options, (t, r) => (g(), m("div", {
+        (b(!0), g(O, null, W(l.options, (t, i) => (b(), g("div", {
           ref_for: !0,
           ref_key: "segmentedItemRef",
-          ref: p,
+          ref: v,
           class: h(["segmented-item", {
-            "segmented-item-selected": l.value === d(t),
-            "segmented-item-disabled": e.disabled || c(t),
-            "segmented-item-block": e.block
+            "segmented-item-selected": a.value === n(t),
+            "segmented-item-disabled": l.disabled || f(t),
+            "segmented-item-block": l.block
           }]),
-          key: r,
-          onClick: (k) => e.disabled || c(t) ? () => !1 : z(d(t))
+          key: i,
+          onClick: (k) => l.disabled || f(t) ? () => !1 : z(n(t))
         }, [
-          i("input", {
+          r("input", {
             type: "radio",
             class: "segmented-item-input",
-            checked: l.value === d(t),
-            disabled: e.disabled || c(t)
-          }, null, 8, T),
-          i("div", {
+            checked: a.value === n(t),
+            disabled: l.disabled || f(t)
+          }, null, 8, D),
+          r("div", {
             class: "segmented-item-label",
-            title: typeof t == "object" && t.payload ? void 0 : String(f(t))
+            title: typeof t == "object" && t.payload ? void 0 : String(m(t))
           }, [
-            W(e.$slots, "label", {
+            I(e.$slots, "label", {
               option: t,
-              label: f(t),
-              index: r,
+              label: m(t),
+              index: i,
               payload: typeof t == "object" ? t.payload : {}
             }, () => [
-              I(L(f(t)), 1)
+              L(V(m(t)), 1)
             ], !0)
-          ], 8, D)
-        ], 10, E))), 128)),
-        i("div", {
-          style: V(R.value)
+          ], 8, G)
+        ], 10, T))), 128)),
+        r("div", {
+          style: $(R.value)
         }, null, 4)
       ], 512)
     ], 2));
   }
 });
 export {
-  F as default
+  M as default
 };

package/es/select/Select.css

@@ -1 +1 @@
-.slide-enter[data-v-3ddc7bae]{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-enter-active[data-v-3ddc7bae]{animation-name:slideIn-3ddc7bae;animation-play-state:running}@keyframes slideIn-3ddc7bae{0%{transform:scaleY(.8);opacity:0}to{transform:scaleY(1);opacity:1}}.slide-leave[data-v-3ddc7bae]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-leave-active[data-v-3ddc7bae]{animation-name:slideOut-3ddc7bae;animation-play-state:running}@keyframes slideOut-3ddc7bae{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(.8);opacity:0}}.select-wrap[data-v-3ddc7bae]{position:relative;display:inline-block;width:var(--select-width);height:var(--select-height);font-size:14px;font-weight:400;color:#000000e0;outline:none;cursor:pointer;transition:all .3s}.select-wrap:not(.select-disabled):hover .select-content-container[data-v-3ddc7bae]{border-color:var(--select-primary-color-hover)}.select-wrap .select-content-container[data-v-3ddc7bae]{position:relative;display:flex;padding:0 11px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;width:100%;height:100%;outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.select-wrap .select-content-container[data-v-3ddc7bae]:after{display:inline-block;width:0;visibility:hidden;content:" ";line-height:calc(var(--select-height) - 2px)}.select-wrap .select-content-container .select-search[data-v-3ddc7bae]{position:absolute;inset:0 11px}.select-wrap .select-content-container .select-search .search-input[data-v-3ddc7bae]{margin:0;padding:0;width:100%;height:100%;caret-color:transparent;vertical-align:top;background:transparent;border:none;outline:none;appearance:none;opacity:0;cursor:pointer}.select-wrap .select-content-container .select-search .caret-show[data-v-3ddc7bae]{caret-color:auto}.select-wrap .select-content-container .select-item[data-v-3ddc7bae]{position:relative;padding-right:18px;flex:1;line-height:calc(var(--select-height) - 2px);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.select-wrap .select-content-container .select-placeholder[data-v-3ddc7bae]{color:#00000040;transition:none;pointer-events:none}.select-wrap .select-content-container .select-item-hidden[data-v-3ddc7bae]{visibility:hidden}.select-wrap .select-content-container .icon-svg[data-v-3ddc7bae]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.select-wrap .select-content-container .arrow-svg[data-v-3ddc7bae]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s,opacity .3s}.select-wrap .select-content-container .arrow-rotate[data-v-3ddc7bae]{transform:rotate(180deg)}.select-wrap .select-content-container .search-svg[data-v-3ddc7bae]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s}.select-wrap .select-content-container .clear-svg[data-v-3ddc7bae]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;background:#fff;cursor:pointer;transition:color .2s,opacity .3s}.select-wrap .select-content-container .clear-svg[data-v-3ddc7bae]:hover{color:#00000073}.select-wrap .select-content-container .show-svg[data-v-3ddc7bae]{opacity:1;pointer-events:auto}.select-focused:not(.select-disabled) .select-content-container[data-v-3ddc7bae]{border-color:var(--select-primary-color-focus);box-shadow:0 0 0 2px var(--select-primary-shadow-color)}.search-select .select-content-container[data-v-3ddc7bae]{cursor:text}.search-select .select-content-container .select-search .search-input[data-v-3ddc7bae]{cursor:auto;color:inherit;opacity:1}.select-small[data-v-3ddc7bae]{font-size:14px}.select-small .select-content-container[data-v-3ddc7bae]{padding:0 7px;border-radius:4px}.select-small .select-content-container .select-search[data-v-3ddc7bae]{left:7px;right:28px}.select-small .select-content-container .select-item[data-v-3ddc7bae]{padding-right:22px}.select-large[data-v-3ddc7bae]{font-size:16px}.select-large .select-content-container[data-v-3ddc7bae]{padding:0 11px;border-radius:8px}.select-large .select-content-container .select-item[data-v-3ddc7bae]{padding-right:20px}.select-disabled .select-content-container[data-v-3ddc7bae]{color:#00000040;background:#f5f5f5;-webkit-user-select:none;user-select:none;cursor:not-allowed}.select-disabled .select-content-container .select-search .search-input[data-v-3ddc7bae]{cursor:not-allowed}.select-panel-container[data-v-3ddc7bae]{position:absolute;z-index:1000;padding:4px;border-radius:8px;overflow:hidden;background-color:#fff;outline:none;cursor:auto;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.select-panel-container .select-options-panel .select-option[data-v-3ddc7bae]{min-height:32px;display:block;padding:5px 12px;border-radius:4px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .3s ease}.select-panel-container .select-options-panel .option-hover[data-v-3ddc7bae]{background:#0000000a}.select-panel-container .select-options-panel .option-selected[data-v-3ddc7bae]{font-weight:600;background:var(--select-option-bg-color-active)}.select-panel-container .select-options-panel .option-disabled[data-v-3ddc7bae]{color:#00000040;cursor:not-allowed}.select-panel-container .options-panel-empty[data-v-3ddc7bae]{min-width:112px;padding:9px 16px}.select-panel-container .options-panel-empty .empty-wrap[data-v-3ddc7bae]{margin-block:8px}.select-panel-container .options-panel-empty .empty-wrap[data-v-3ddc7bae] .empty-image-wrap{height:35px}
+.slide-enter[data-v-b9375436]{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-enter-active[data-v-b9375436]{animation-name:slideIn-b9375436;animation-play-state:running}@keyframes slideIn-b9375436{0%{transform:scaleY(.8);opacity:0}to{transform:scaleY(1);opacity:1}}.slide-leave[data-v-b9375436]{animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.slide-leave-active[data-v-b9375436]{animation-name:slideOut-b9375436;animation-play-state:running}@keyframes slideOut-b9375436{0%{transform:scaleY(1);opacity:1}to{transform:scaleY(.8);opacity:0}}.select-wrap[data-v-b9375436]{position:relative;display:inline-block;width:var(--select-width);height:var(--select-height);font-size:14px;font-weight:400;color:#000000e0;outline:none;cursor:pointer;transition:all .3s}.select-wrap:not(.select-disabled):hover .select-content-container[data-v-b9375436]{border-color:var(--select-primary-color-hover)}.select-wrap .select-content-container[data-v-b9375436]{position:relative;display:flex;padding:0 11px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;width:100%;height:100%;outline:none;transition:all .2s cubic-bezier(.645,.045,.355,1)}.select-wrap .select-content-container[data-v-b9375436]:after{display:inline-block;width:0;visibility:hidden;content:" ";line-height:calc(var(--select-height) - 2px)}.select-wrap .select-content-container .select-search[data-v-b9375436]{position:absolute;inset:0 11px}.select-wrap .select-content-container .select-search .search-input[data-v-b9375436]{margin:0;padding:0;width:100%;height:100%;caret-color:transparent;vertical-align:top;background:transparent;border:none;outline:none;appearance:none;opacity:0;cursor:pointer}.select-wrap .select-content-container .select-search .caret-show[data-v-b9375436]{caret-color:auto}.select-wrap .select-content-container .select-item[data-v-b9375436]{position:relative;padding-right:18px;flex:1;line-height:calc(var(--select-height) - 2px);-webkit-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.select-wrap .select-content-container .select-placeholder[data-v-b9375436]{color:#00000040;transition:none;pointer-events:none}.select-wrap .select-content-container .select-item-hidden[data-v-b9375436]{visibility:hidden}.select-wrap .select-content-container .icon-svg[data-v-b9375436]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}.select-wrap .select-content-container .arrow-svg[data-v-b9375436]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s,opacity .3s}.select-wrap .select-content-container .arrow-rotate[data-v-b9375436]{transform:rotate(180deg)}.select-wrap .select-content-container .search-svg[data-v-b9375436]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity .3s}.select-wrap .select-content-container .clear-svg[data-v-b9375436]{position:absolute;top:0;bottom:0;right:11px;margin:auto 0;display:inline-block;font-size:12px;color:#00000040;fill:currentColor;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;background:#fff;cursor:pointer;transition:color .2s,opacity .3s}.select-wrap .select-content-container .clear-svg[data-v-b9375436]:hover{color:#00000073}.select-wrap .select-content-container .show-svg[data-v-b9375436]{opacity:1;pointer-events:auto}.select-focused:not(.select-disabled) .select-content-container[data-v-b9375436]{border-color:var(--select-primary-color-focus);box-shadow:0 0 0 2px var(--select-primary-shadow-color)}.search-select .select-content-container[data-v-b9375436]{cursor:text}.search-select .select-content-container .select-search .search-input[data-v-b9375436]{cursor:auto;color:inherit;opacity:1}.select-small[data-v-b9375436]{font-size:14px}.select-small .select-content-container[data-v-b9375436]{padding:0 7px;border-radius:4px}.select-small .select-content-container .select-search[data-v-b9375436]{left:7px;right:28px}.select-small .select-content-container .select-item[data-v-b9375436]{padding-right:22px}.select-large[data-v-b9375436]{font-size:16px}.select-large .select-content-container[data-v-b9375436]{padding:0 11px;border-radius:8px}.select-large .select-content-container .select-item[data-v-b9375436]{padding-right:20px}.select-disabled .select-content-container[data-v-b9375436]{color:#00000040;background:#f5f5f5;-webkit-user-select:none;user-select:none;cursor:not-allowed}.select-disabled .select-content-container .select-search .search-input[data-v-b9375436]{cursor:not-allowed}.select-panel-container[data-v-b9375436]{position:absolute;z-index:1000;padding:4px;border-radius:8px;overflow:hidden;background-color:#fff;outline:none;cursor:auto;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.select-panel-container .select-options-panel .select-option[data-v-b9375436]{min-height:32px;display:block;padding:5px 12px;border-radius:4px;color:#000000e0;font-weight:400;font-size:14px;line-height:1.57142857;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .3s ease}.select-panel-container .select-options-panel .option-hover[data-v-b9375436]{background:#0000000a}.select-panel-container .select-options-panel .option-selected[data-v-b9375436]{font-weight:600;background:var(--select-option-bg-color-active)}.select-panel-container .select-options-panel .option-disabled[data-v-b9375436]{color:#00000040;cursor:not-allowed}.select-panel-container .options-panel-empty[data-v-b9375436]{min-width:112px;padding:9px 16px}.select-panel-container .options-panel-empty .empty-wrap[data-v-b9375436]{margin-block:8px}.select-panel-container .options-panel-empty .empty-wrap[data-v-b9375436] .empty-image-wrap{height:35px}

package/es/select/Select.vue.js

@@ -1,7 +1,7 @@
 import o from "./Select.vue2.js";
 /* empty css            */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3ddc7bae"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9375436"]]);
 export {
-  c as default
+  p as default
 };