@nhdropshipping/y-components 1.0.4 → 1.0.5

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as me, computed as U, createElementBlock as i, openBlock as a, normalizeClass as K, createElementVNode as n, renderSlot as de, Fragment as ue, renderList as ve, createCommentVNode as A, toDisplayString as G, normalizeStyle as ye, ref as R, watch as oe, nextTick as fe, onMounted as _e, onUnmounted as Ee, resolveComponent as Ye, createVNode as ce, Transition as ke, withCtx as he, createBlock as Le, createTextVNode as De, withKeys as be, withModifiers as J, withDirectives as Be, vModelText as tt, Teleport as Re, vShow as Ke, provide as nt, reactive as lt, TransitionGroup as ot, resolveDynamicComponent as at, onBeforeUnmount as st, render as Ze } from "vue";
+import { defineComponent as me, computed as q, createElementBlock as i, openBlock as a, normalizeClass as K, createElementVNode as n, renderSlot as de, Fragment as ue, renderList as ve, createCommentVNode as A, toDisplayString as G, normalizeStyle as ye, ref as R, watch as oe, nextTick as fe, onMounted as _e, onUnmounted as Ee, resolveComponent as Ye, createVNode as ce, Transition as ke, withCtx as he, createBlock as Le, createTextVNode as De, withKeys as be, withModifiers as J, withDirectives as Be, vModelText as tt, Teleport as Re, vShow as Ke, provide as nt, reactive as lt, TransitionGroup as ot, resolveDynamicComponent as at, onBeforeUnmount as st, render as Ze } from "vue";
 const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "content" }, ut = {
   key: 1,
   class: "y-btn-group",
@@ -37,7 +37,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       }
       l("click", S);
     }
-    const s = U(() => {
+    const s = q(() => {
       switch (t.groupPosition) {
         case "start":
           return "group-pos-start";
@@ -48,7 +48,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         default:
           return "group-pos-single";
       }
-    }), k = U(() => Array.isArray(t.groupItems) && t.groupItems.length > 0);
+    }), k = q(() => Array.isArray(t.groupItems) && t.groupItems.length > 0);
     function _(S, L) {
       if (t.disabled || t.loading || S.disabled || S.loading) {
         L.preventDefault(), L.stopPropagation();
@@ -212,8 +212,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       thumbHeight: 40,
       thumbTop: 0
     });
-    let q = !1, P = 0, C = 0;
-    const V = R(0), H = U(() => {
+    let U = !1, P = 0, C = 0;
+    const V = R(0), H = q(() => {
       if (!t.searchKeyword || !t.searchFields.length)
         return t.data;
       const x = t.searchKeyword.toLowerCase();
@@ -221,11 +221,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         const $ = y(B, z);
         return String($).toLowerCase().includes(x);
       }));
-    }), T = U(() => (t.pagination, H.value)), Z = U(() => {
+    }), T = q(() => (t.pagination, H.value)), Z = q(() => {
       if (!t.selectable) return !1;
       const x = T.value.map((B, z) => ae(B, z));
       return x.length > 0 && x.every((B) => k.value.includes(B));
-    }), te = U(() => {
+    }), te = q(() => {
       const x = [];
       let B = t.selectable ? 40 : 0;
       for (let z = 0; z < t.columns.length; z++) {
@@ -243,7 +243,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         }
       }
       return x;
-    }), X = U(() => {
+    }), X = q(() => {
       const x = [];
       let B = 0;
       const z = [];
@@ -366,13 +366,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       });
     }
     function Ie(x) {
-      if (!q || !h.value || !E.value) return;
+      if (!U || !h.value || !E.value) return;
       x.preventDefault();
       const B = E.value.clientHeight, z = Math.max(0, B - N.value.thumbHeight), $ = h.value, O = $.scrollHeight, Q = $.clientHeight, ie = Math.max(1, O - Q), r = (x.clientY - P) / Math.max(1, z) * ie;
       $.scrollTop = Math.min(ie, Math.max(0, C + r)), ee();
     }
     function $e() {
-      q = !1, window.removeEventListener("mousemove", Ie), window.removeEventListener("mouseup", $e);
+      U = !1, window.removeEventListener("mousemove", Ie), window.removeEventListener("mouseup", $e);
     }
     function Ve() {
       fe(() => {
@@ -605,14 +605,14 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["update:modelValue", "change", "focus", "blur", "clear"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = R(!1), s = R(-1), k = R(), _ = R(), S = R(), L = R(), h = R(!1), d = R(), u = R(""), E = U(() => t.options.find((p) => V(p) === t.modelValue) || null), N = U(() => E.value ? H(E.value) : ""), q = U(() => {
+    const t = e, l = m, c = R(!1), s = R(-1), k = R(), _ = R(), S = R(), L = R(), h = R(!1), d = R(), u = R(""), E = q(() => t.options.find((p) => V(p) === t.modelValue) || null), N = q(() => E.value ? H(E.value) : ""), U = q(() => {
       if (!t.filterable) return t.options;
       const p = u.value.trim().toLowerCase();
       return p ? t.options.filter((D) => {
         const Y = H(D);
         return String(Y).toLowerCase().includes(p);
       }) : t.options;
-    }), P = U(() => {
+    }), P = q(() => {
       var j;
       const p = { position: "fixed", zIndex: "4000" }, D = _.value;
       if (!D) return p;
@@ -664,21 +664,21 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       l("update:modelValue", p), l("change", p, null), l("clear"), ae();
     }
     function v(p) {
-      if (!q.value || q.value.length === 0) {
+      if (!U.value || U.value.length === 0) {
         s.value = -1;
         return;
       }
       let D = s.value;
-      const Y = q.value.length;
+      const Y = U.value.length;
       D === -1 ? D = p > 0 ? 0 : Y - 1 : D = (D + p + Y) % Y;
       let ne = 0;
-      for (; ne < Y && te(q.value[D]); )
+      for (; ne < Y && te(U.value[D]); )
         D = (D + p + Y) % Y, ne++;
       s.value = ne >= Y ? -1 : D, b();
     }
     function f() {
       if (s.value < 0) return;
-      const p = q.value[s.value];
+      const p = U.value[s.value];
       !p || te(p) || y(p, s.value);
     }
     function w() {
@@ -833,7 +833,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                 ref_key: "optionsContainer",
                 ref: k
               }, [
-                (a(!0), i(ue, null, ve(q.value, (Y, ne) => (a(), i("div", {
+                (a(!0), i(ue, null, ve(U.value, (Y, ne) => (a(), i("div", {
                   key: T(Y, ne),
                   class: K(["yselect__option", {
                     "yselect__option--selected": Z(Y),
@@ -881,7 +881,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["update:currentPage", "update:pageSize", "page-change", "page-size-change"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = R(t.pageSize), s = U(() => t.pageSizeOptions), k = U({
+    const t = e, l = m, c = R(t.pageSize), s = q(() => t.pageSizeOptions), k = q({
       get: () => t.currentPage,
       set: (h) => {
         l("update:currentPage", h), l("page-change", h);
@@ -946,12 +946,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   key: 0,
   class: "y-badge__progress",
   "aria-hidden": "true"
-}, Ut = {
+}, qt = {
   key: 0,
   class: "icon",
   viewBox: "0 0 20 20",
   fill: "currentColor"
-}, qt = {
+}, Ut = {
   key: 1,
   class: "icon",
   viewBox: "0 0 20 20",
@@ -997,7 +997,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
     label: { default: "" }
   },
   setup(e) {
-    const m = e, t = U(() => m.tone || "default"), l = U(() => {
+    const m = e, t = q(() => m.tone || "default"), l = q(() => {
       const c = (m.label || "").trim(), s = m.tone, k = m.progress;
       if (k) {
         const _ = {
@@ -1032,13 +1032,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
     }, [
       n("span", jt, [
         e.progress ? (a(), i("span", Ot, [
-          e.progress === "incomplete" ? (a(), i("svg", Ut, [...s[0] || (s[0] = [
+          e.progress === "incomplete" ? (a(), i("svg", qt, [...s[0] || (s[0] = [
             n("circle", {
               cx: "10",
               cy: "10",
               r: "5"
             }, null, -1)
-          ])])) : e.progress === "partiallyComplete" ? (a(), i("svg", qt, [...s[1] || (s[1] = [
+          ])])) : e.progress === "partiallyComplete" ? (a(), i("svg", Ut, [...s[1] || (s[1] = [
             n("path", { d: "M10 5a5 5 0 100 10V5z" }, null, -1),
             n("circle", {
               cx: "10",
@@ -1111,10 +1111,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = U({
+    const t = e, l = m, c = q({
       get: () => t.modelValue,
       set: (d) => l("update:modelValue", d)
-    }), s = R(null), k = U(() => {
+    }), s = R(null), k = q(() => {
       const d = {};
       return d.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), d.margin = "0 auto", d.top = t.top, d;
     });
@@ -1212,13 +1212,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   setup(e, { expose: m, emit: t }) {
     const l = e, c = t, s = R(), k = R(), _ = R(), S = R(!1), L = R(), h = R(), d = R({});
     let u = null, E = null;
-    const N = U(() => {
+    const N = q(() => {
       if (!S.value || !L.value) return {};
       const v = {};
       l.width !== "auto" && (v.width = typeof l.width == "number" ? `${l.width}px` : l.width), l.maxWidth && (v.maxWidth = typeof l.maxWidth == "number" ? `${l.maxWidth}px` : l.maxWidth);
       const { top: f, left: w } = P();
       return v.top = `${f}px`, v.left = `${w}px`, v;
-    }), q = U(() => {
+    }), U = q(() => {
       if (!l.showArrow) return {};
       if (Object.keys(d.value).length > 0)
         return d.value;
@@ -1391,7 +1391,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
               e.showArrow ? (a(), i("div", {
                 key: 0,
                 class: K(["ypopover__arrow", `ypopover__arrow--${e.placement}`]),
-                style: ye(q.value)
+                style: ye(U.value)
               }, null, 6)) : A("", !0),
               n("div", vn, [
                 de(v.$slots, "default", {}, void 0, !0)
@@ -1412,7 +1412,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
 }, Mn = {
   key: 2,
   class: "status-text status-complete"
-}, Sn = { class: "nh-time-pickers" }, Ln = { class: "nh-time-picker" }, In = { class: "nh-date-picker" }, Bn = { class: "nh-date-picker-header" }, En = { class: "nh-date-picker-header-label" }, Tn = { class: "nh-date-picker-content" }, zn = { class: "nh-date-table" }, Kn = ["onClick"], Hn = { class: "nh-date-table-cell" }, Rn = { key: 0 }, Vn = { class: "nh-time-picker" }, An = { class: "nh-date-picker" }, Yn = { class: "nh-date-picker-header" }, Fn = { class: "nh-date-picker-header-label" }, Pn = { class: "nh-date-picker-content" }, Wn = { class: "nh-date-table" }, Nn = ["onClick"], jn = { class: "nh-date-table-cell" }, On = { key: 0 }, Un = { class: "nh-time-actions" }, qn = /* @__PURE__ */ me({
+}, Sn = { class: "nh-time-pickers" }, Ln = { class: "nh-time-picker" }, In = { class: "nh-date-picker" }, Bn = { class: "nh-date-picker-header" }, En = { class: "nh-date-picker-header-label" }, Tn = { class: "nh-date-picker-content" }, zn = { class: "nh-date-table" }, Kn = ["onClick"], Hn = { class: "nh-date-table-cell" }, Rn = { key: 0 }, Vn = { class: "nh-time-picker" }, An = { class: "nh-date-picker" }, Yn = { class: "nh-date-picker-header" }, Fn = { class: "nh-date-picker-header-label" }, Pn = { class: "nh-date-picker-content" }, Wn = { class: "nh-date-table" }, Nn = ["onClick"], jn = { class: "nh-date-table-cell" }, On = { key: 0 }, qn = { class: "nh-time-actions" }, Un = /* @__PURE__ */ me({
   __name: "ytime",
   props: {
     modelValue: { default: () => ({ startDate: null, endDate: null }) },
@@ -1484,7 +1484,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         const I = new Date(u.value.year, u.value.month - 1);
         d.value.year = I.getFullYear(), d.value.month = I.getMonth();
       }
-    }, q = ["一", "二", "三", "四", "五", "六", "日"], P = R(null), C = R(null), V = (o) => {
+    }, U = ["一", "二", "三", "四", "五", "六", "日"], P = R(null), C = R(null), V = (o) => {
       if (!o) return null;
       if (o instanceof Date) return o;
       if (typeof o == "number")
@@ -1667,7 +1667,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       c.value && fe(() => {
         f();
       });
-    }, Ce = U(() => g(d.value.year, d.value.month)), ze = U(() => g(u.value.year, u.value.month)), x = U(() => {
+    }, Ce = q(() => g(d.value.year, d.value.month)), ze = q(() => g(u.value.year, u.value.month)), x = q(() => {
       const o = Z(t.modelValue);
       if (!o || !o.startDate || !o.endDate)
         return "";
@@ -1676,16 +1676,16 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         return `${le}/${re}/${xe}`;
       }, I = r(o.startDate), W = r(o.endDate);
       return !t.includeTime && I === W ? I : `${I} - ${W}`;
-    }), B = U(() => [
+    }), B = q(() => [
       "nh-time-dropdown",
       {
         "nh-time-dropdown-top": !h.value.top,
         "nh-time-dropdown-right": !h.value.left
       }
-    ]), z = U(() => {
+    ]), z = q(() => {
       const o = Z(t.modelValue);
       return !!(o != null && o.startDate && (o != null && o.endDate));
-    }), $ = U(() => !!(P.value && C.value)), O = () => {
+    }), $ = q(() => !!(P.value && C.value)), O = () => {
       P.value = null, C.value = null, _.value = null, k.value = -1;
     };
     oe(() => t.modelValue, (o) => {
@@ -1875,7 +1875,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                           n("table", zn, [
                             n("thead", null, [
                               n("tr", null, [
-                                (a(), i(ue, null, ve(q, (W) => n("th", {
+                                (a(), i(ue, null, ve(U, (W) => n("th", {
                                   key: W,
                                   class: "nh-date-table-th"
                                 }, G(W), 1)), 64))
@@ -1941,7 +1941,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                           n("table", Wn, [
                             n("thead", null, [
                               n("tr", null, [
-                                (a(), i(ue, null, ve(q, (W) => n("th", {
+                                (a(), i(ue, null, ve(U, (W) => n("th", {
                                   key: W,
                                   class: "nh-date-table-th"
                                 }, G(W), 1)), 64))
@@ -1967,7 +1967,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                       ])
                     ])
                   ]),
-                  n("div", Un, [
+                  n("div", qn, [
                     e.clearable ? (a(), Le(I, {
                       key: 0,
                       onClick: He,
@@ -2000,7 +2000,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       ], 2);
     };
   }
-}), Xe = /* @__PURE__ */ we(qn, [["__scopeId", "data-v-e5ef63b1"]]), Zn = ["aria-checked", "aria-disabled", "disabled", "onKeydown"], Qn = { class: "yswitch__thumb" }, Jn = {
+}), Xe = /* @__PURE__ */ we(Un, [["__scopeId", "data-v-e5ef63b1"]]), Zn = ["aria-checked", "aria-disabled", "disabled", "onKeydown"], Qn = { class: "yswitch__thumb" }, Jn = {
   key: 0,
   class: "yswitch__spinner",
   "aria-hidden": "true"
@@ -2021,7 +2021,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = R(), s = U(() => t.modelValue === t.trueValue), k = U(() => {
+    const t = e, l = m, c = R(), s = q(() => t.modelValue === t.trueValue), k = q(() => {
       const S = {};
       return S.background = s.value ? t.activeColor : t.inactiveColor, S;
     });
@@ -2077,24 +2077,24 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["load", "error", "preview"],
   setup(e, { expose: m, emit: t }) {
-    const l = e, c = t, s = R(), k = R(), _ = R(), S = R(!1), L = R(!1), h = R(!1), d = R(!1), u = R(!1), E = R("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), N = R(""), q = R(1), P = R(!1), C = R({
+    const l = e, c = t, s = R(), k = R(), _ = R(), S = R(!1), L = R(!1), h = R(!1), d = R(!1), u = R(!1), E = R("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), N = R(""), U = R(1), P = R(!1), C = R({
       overflow: "",
       paddingRight: ""
-    }), V = U(() => [
+    }), V = q(() => [
       l.className,
       "overflow-hidden"
-    ].filter(Boolean).join(" ")), H = U(() => [
+    ].filter(Boolean).join(" ")), H = q(() => [
       X(),
       ae()
-    ].filter(Boolean).join(" ")), T = U(() => [
+    ].filter(Boolean).join(" ")), T = q(() => [
       "w-full h-full bg-white",
       pe(),
       ae(),
       l.preview ? "cursor-pointer hover:opacity-90 transition-opacity duration-200" : ""
-    ].filter(Boolean).join(" ")), Z = U(() => [
+    ].filter(Boolean).join(" ")), Z = q(() => [
       X(),
       ae()
-    ].filter(Boolean).join(" ")), te = U(() => {
+    ].filter(Boolean).join(" ")), te = q(() => {
       const j = {};
       return l.width && (j.width = typeof l.width == "number" ? `${l.width}px` : l.width), l.height && (j.height = typeof l.height == "number" ? `${l.height}px` : l.height), j;
     }), X = () => l.width && l.height ? "" : "w-full h-full", pe = () => ({
@@ -2142,7 +2142,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       });
     }, p = () => {
       if (!l.preview || h.value) return;
-      q.value = 1;
+      U.value = 1;
       const j = new Image();
       j.onload = () => {
         N.value = l.src, fe(() => {
@@ -2157,8 +2157,8 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       }, 300);
     }, Y = (j) => {
       const ee = j.deltaY < 0 ? 1 : -1;
-      let $e = q.value + ee * 0.1;
-      $e = Math.max(0.5, Math.min(2, $e)), q.value = $e;
+      let $e = U.value + ee * 0.1;
+      $e = Math.max(0.5, Math.min(2, $e)), U.value = $e;
     };
     return _e(() => {
       l.lazy ? w() : d.value = !0, d.value && (L.value = !0), P.value = !0;
@@ -2250,7 +2250,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                   src: l.previewSrcList || N.value || l.src,
                   alt: e.alt,
                   class: "max-w-full max-h-full object-contain rounded shadow-2xl transition-transform duration-200",
-                  style: ye({ transform: `scale(${q.value})` }),
+                  style: ye({ transform: `scale(${U.value})` }),
                   onClick: ee[0] || (ee[0] = J(() => {
                   }, ["stop"]))
                 }, null, 12, tl)
@@ -2272,7 +2272,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   setup(e) {
     const m = e, t = R(!1), l = R();
     let c = null;
-    const s = U(() => `y-dropdown__menu--${m.placement}`), k = () => {
+    const s = q(() => `y-dropdown__menu--${m.placement}`), k = () => {
       console.log("显示下拉菜单", t.value), !m.disabled && (c && (clearTimeout(c), c = null), t.value = !0, console.log("设置 visible 为 true", t.value), fe(() => {
         S();
       }));
@@ -2284,7 +2284,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       if (!l.value) return;
       const d = l.value.querySelector(".y-dropdown__trigger"), u = l.value.querySelector(".y-dropdown__menu");
       if (!d || !u) return;
-      const E = d.getBoundingClientRect(), N = u.getBoundingClientRect(), q = window.innerWidth, P = window.innerHeight;
+      const E = d.getBoundingClientRect(), N = u.getBoundingClientRect(), U = window.innerWidth, P = window.innerHeight;
       u.style.top = "", u.style.left = "", u.style.right = "", u.style.bottom = "", u.style.transform = "";
       let C = 0, V = 0;
       switch (m.placement) {
@@ -2304,7 +2304,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       let H = E.top + C, T = E.left + V;
       if (m.placement === "bottom" || m.placement === "top") {
         const Z = N.width || 260;
-        T + Z > q - 10 && (T = q - Z - 10), T < 10 && (T = 10);
+        T + Z > U - 10 && (T = U - Z - 10), T < 10 && (T = 10);
       }
       if (m.placement === "left" || m.placement === "right") {
         const Z = N.height || 200;
@@ -2378,10 +2378,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["update:modelValue", "open", "close"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = U({
+    const t = e, l = m, c = q({
       get: () => t.modelValue,
       set: (E) => l("update:modelValue", E)
-    }), s = R(null), k = U(() => t.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), _ = U(() => t.placement === "right" ? "rounded-left" : "rounded-top"), S = U(() => {
+    }), s = R(null), k = q(() => t.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), _ = q(() => t.placement === "right" ? "rounded-left" : "rounded-top"), S = q(() => {
       const E = {};
       return t.placement === "right" ? (E.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), E.height = "100%", E.right = "0", E.top = "0") : (E.height = typeof t.height == "number" ? `${t.height}px` : String(t.height), E.width = "100%", E.bottom = "0", E.left = "0"), E;
     });
@@ -2521,13 +2521,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   height: "12",
   viewBox: "0 0 12 12",
   fill: "none"
-}, Ul = {
+}, ql = {
   key: 1,
   width: "12",
   height: "12",
   viewBox: "0 0 12 12",
   fill: "none"
-}, ql = ["src", "alt"], Zl = { class: "ytree-node__custom-content" }, Ql = {
+}, Ul = ["src", "alt"], Zl = { class: "ytree-node__custom-content" }, Ql = {
   key: 0,
   class: "ytree-node__children"
 }, Jl = ["data-level", "onClick", "onContextmenu"], Xl = ["onClick"], Gl = {
@@ -2591,7 +2591,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["node-click", "node-contextmenu", "check-change", "check", "current-change", "node-expand", "node-collapse", "node-drag-start", "node-drag-enter", "node-drag-leave", "node-drag-over", "node-drag-end", "node-drop", "checked-keys-change"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = U(() => (console.log("ytree 组件接收到的数据:", t.data), t.data || [])), s = R({
+    const t = e, l = m, c = q(() => (console.log("ytree 组件接收到的数据:", t.data), t.data || [])), s = R({
       currentNode: null,
       currentKey: null,
       checkedKeys: /* @__PURE__ */ new Set(),
@@ -2599,7 +2599,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       selectedKeys: /* @__PURE__ */ new Set()
     });
     nt("treeStore", s);
-    const k = U(() => t.restrictAutoExpandFromLevel && t.restrictAutoExpandFromLevel > 0 ? t.restrictAutoExpandFromLevel : void 0);
+    const k = q(() => t.restrictAutoExpandFromLevel && t.restrictAutoExpandFromLevel > 0 ? t.restrictAutoExpandFromLevel : void 0);
     function _(y) {
       return y[t.nodeKey] || y.id || Math.random();
     }
@@ -2640,11 +2640,11 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       const g = _(y);
       return s.value.expandedKeys.has(g);
     }
-    function q(y) {
+    function U(y) {
       const g = _(y);
       if (s.value.checkedKeys.has(g)) {
         if (d(y)) {
-          const f = u(y), w = f.filter((M) => q(M)), b = f.filter(
+          const f = u(y), w = f.filter((M) => U(M)), b = f.filter(
             (M) => P(M)
           );
           return w.length === f.length && b.length === 0;
@@ -2655,13 +2655,13 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         const f = u(y);
         return f.some(
           (b) => P(b)
-        ) ? !1 : f.length > 0 && f.every((b) => q(b));
+        ) ? !1 : f.length > 0 && f.every((b) => U(b));
       }
       return !1;
     }
     function P(y) {
       if (!d(y)) return !1;
-      const g = u(y), v = g.filter((w) => q(w)), f = g.filter(
+      const g = u(y), v = g.filter((w) => U(w)), f = g.filter(
         (w) => P(w)
       );
       return v.length === g.length ? !1 : v.length > 0 || f.length > 0;
@@ -2701,7 +2701,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       g(c.value);
       function v(f) {
         if (d(f)) {
-          const w = u(f), b = _(f), M = w.filter((p) => q(p)), F = w.filter(
+          const w = u(f), b = _(f), M = w.filter((p) => U(p)), F = w.filter(
             (p) => P(p)
           );
           M.length === w.length && F.length === 0 || M.length > 0 || F.length > 0 ? s.value.checkedKeys.add(b) : s.value.checkedKeys.delete(b);
@@ -2836,12 +2836,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
             e.showCheckbox ? (a(), i("span", {
               key: 2,
               class: K(["ytree-node__checkbox", {
-                "is-checked": q(v),
+                "is-checked": U(v),
                 "is-indeterminate": P(v)
               }]),
               onClick: J((f) => V(v), ["stop"])
             }, [
-              q(v) ? (a(), i("svg", wl, [...g[1] || (g[1] = [
+              U(v) ? (a(), i("svg", wl, [...g[1] || (g[1] = [
                 n("path", {
                   d: "M2 6L4.5 8.5L10 3",
                   stroke: "currentColor",
@@ -2916,12 +2916,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                     e.showCheckbox ? (a(), i("span", {
                       key: 2,
                       class: K(["ytree-node__checkbox", {
-                        "is-checked": q(f),
+                        "is-checked": U(f),
                         "is-indeterminate": P(f)
                       }]),
                       onClick: J((w) => V(f), ["stop"])
                     }, [
-                      q(f) ? (a(), i("svg", Sl, [...g[4] || (g[4] = [
+                      U(f) ? (a(), i("svg", Sl, [...g[4] || (g[4] = [
                         n("path", {
                           d: "M2 6L4.5 8.5L10 3",
                           stroke: "currentColor",
@@ -3003,12 +3003,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                             e.showCheckbox ? (a(), i("span", {
                               key: 2,
                               class: K(["ytree-node__checkbox", {
-                                "is-checked": q(w),
+                                "is-checked": U(w),
                                 "is-indeterminate": P(w)
                               }]),
                               onClick: J((b) => V(w), ["stop"])
                             }, [
-                              q(w) ? (a(), i("svg", Rl, [...g[7] || (g[7] = [
+                              U(w) ? (a(), i("svg", Rl, [...g[7] || (g[7] = [
                                 n("path", {
                                   d: "M2 6L4.5 8.5L10 3",
                                   stroke: "currentColor",
@@ -3098,12 +3098,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                                     e.showCheckbox ? (a(), i("span", {
                                       key: 2,
                                       class: K(["ytree-node__checkbox", {
-                                        "is-checked": q(b),
+                                        "is-checked": U(b),
                                         "is-indeterminate": P(b)
                                       }]),
                                       onClick: J((M) => V(b), ["stop"])
                                     }, [
-                                      q(b) ? (a(), i("svg", Ol, [...g[10] || (g[10] = [
+                                      U(b) ? (a(), i("svg", Ol, [...g[10] || (g[10] = [
                                         n("path", {
                                           d: "M2 6L4.5 8.5L10 3",
                                           stroke: "currentColor",
@@ -3111,7 +3111,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                                           "stroke-linecap": "round",
                                           "stroke-linejoin": "round"
                                         }, null, -1)
-                                      ])])) : P(b) ? (a(), i("svg", Ul, [...g[11] || (g[11] = [
+                                      ])])) : P(b) ? (a(), i("svg", ql, [...g[11] || (g[11] = [
                                         n("path", {
                                           d: "M2 6L10 6",
                                           stroke: "currentColor",
@@ -3128,7 +3128,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                                       class: "ytree-node__avatar",
                                       src: h(b),
                                       alt: L(b) ? "person" : "dept"
-                                    }, null, 8, ql),
+                                    }, null, 8, Ul),
                                     n("span", {
                                       class: K(["ytree-node__label", {
                                         "is-employee": L(b)
@@ -3197,14 +3197,14 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                                             e.showCheckbox ? (a(), i("span", {
                                               key: 2,
                                               class: K(["ytree-node__checkbox", {
-                                                "is-checked": q(M),
+                                                "is-checked": U(M),
                                                 "is-indeterminate": P(
                                                   M
                                                 )
                                               }]),
                                               onClick: J((F) => V(M), ["stop"])
                                             }, [
-                                              q(M) ? (a(), i("svg", to, [...g[13] || (g[13] = [
+                                              U(M) ? (a(), i("svg", to, [...g[13] || (g[13] = [
                                                 n("path", {
                                                   d: "M2 6L4.5 8.5L10 3",
                                                   stroke: "currentColor",
@@ -3270,10 +3270,10 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       ])
     ], 2));
   }
-}), ro = /* @__PURE__ */ we(io, [["__scopeId", "data-v-7362dfbe"]]), uo = { class: "w-full" }, co = { class: "bg-white rounded-[10px] p-4 mb-2 md:p-[6px] sm:p-[10px] shadow-[0rem_0.3125rem_0.3125rem_-0.15625rem_rgba(0,0,0,0.03),0rem_0.1875rem_0.1875rem_-0.09375rem_rgba(0,0,0,0.02),0rem_0.125rem_0.125rem_-0.0625rem_rgba(0,0,0,0.02),0rem_0.0625rem_0.0625rem_-0.03125rem_rgba(0,0,0,0.03),0rem_0.03125rem_0.03125rem_0rem_rgba(0,0,0,0.04),0rem_0rem_0rem_0.0625rem_rgba(0,0,0,0.06)]" }, fo = { class: "w-full" }, vo = { class: "flex flex-wrap gap-3 items-center mb-3 last:mb-0 lg:gap-[10px] sm:gap-2" }, ho = { class: "flex items-center gap-2 ml-2" }, po = { class: "text-[13px] font-medium text-gray-700 whitespace-nowrap min-w-fit flex-shrink-0" }, go = {
+}), ro = /* @__PURE__ */ we(io, [["__scopeId", "data-v-7362dfbe"]]), uo = { class: "query-encapsulation" }, co = { class: "query-encapsulation__container" }, fo = { class: "query-encapsulation__content" }, vo = { class: "query-encapsulation__fields" }, ho = { class: "query-encapsulation__field-wrapper" }, po = { class: "query-encapsulation__field-label" }, go = {
   key: 0,
-  class: "flex items-center ml-0"
-}, yo = { class: "flex items-center" }, mo = { class: "flex gap-2 items-center flex-wrap" }, wo = /* @__PURE__ */ me({
+  class: "query-encapsulation__toggle"
+}, yo = { class: "query-encapsulation__actions" }, mo = { class: "query-encapsulation__actions-group" }, wo = /* @__PURE__ */ me({
   __name: "QueryEncapsulation",
   props: {
     fields: {},
@@ -3283,7 +3283,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
   },
   emits: ["update:modelValue", "search", "reset", "field-change"],
   setup(e, { emit: m }) {
-    const t = e, l = m, c = R(!1), s = lt({}), k = U(() => t.fields.filter((C) => !C.hidden)), _ = U(() => c.value ? k.value : k.value.slice(0, t.maxVisibleFields)), S = U(() => k.value.length > t.maxVisibleFields);
+    const t = e, l = m, c = R(!1), s = lt({}), k = q(() => t.fields.filter((C) => !C.hidden)), _ = q(() => c.value ? k.value : k.value.slice(0, t.maxVisibleFields)), S = q(() => k.value.length > t.maxVisibleFields);
     function L(C) {
       switch (C) {
         case "select":
@@ -3300,7 +3300,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       l("field-change", C, s[C.key]), l("update:modelValue", { ...s });
     }
     function d() {
-      const C = N(s), V = q(C);
+      const C = N(s), V = U(C);
       l("search", { data: V });
     }
     function u() {
@@ -3319,7 +3319,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
         T != null && T !== "" && (typeof T == "object" && T.startDate && T.endDate ? T.startDate && T.endDate && (V[H] = T) : Z && (Z.type === "date" || Z.type === "daterange") ? T !== 0 && (V[H] = T) : V[H] = T);
       }), V;
     }
-    function q(C) {
+    function U(C) {
       const V = {};
       return Object.keys(C).forEach((H) => {
         const T = C[H], Z = t.fields.find((te) => te.key === H);
@@ -3356,12 +3356,12 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
             ce(ot, {
               name: "qf",
               tag: "div",
-              class: "contents"
+              class: "query-encapsulation__fields-group"
             }, {
               default: he(() => [
                 (a(!0), i(ue, null, ve(_.value, (H) => (a(), i("div", {
                   key: H.key,
-                  class: "flex items-center transition-all duration-300"
+                  class: "query-encapsulation__field-item"
                 }, [
                   n("div", ho, [
                     n("label", po, G(H.label), 1),
@@ -3393,7 +3393,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
                 default: he(() => [
                   De(G(c.value ? "收起" : "展开") + " ", 1),
                   n("span", {
-                    class: K(["inline-block ml-1 transition-transform duration-300 text-[10px]", { "rotate-180": c.value }])
+                    class: K(["query-encapsulation__toggle-icon", { "is-expanded": c.value }])
                   }, "▼", 2)
                 ]),
                 _: 1
@@ -3431,7 +3431,7 @@ const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "co
       ])
     ]));
   }
-}), bo = /* @__PURE__ */ we(wo, [["__scopeId", "data-v-0c560fa7"]]), ko = {
+}), bo = /* @__PURE__ */ we(wo, [["__scopeId", "data-v-b7c459de"]]), ko = {
   class: "y-msg__icon",
   "aria-hidden": "true"
 }, xo = {
@@ -3545,7 +3545,7 @@ function Lo() {
     e += m.height + je;
   }), e;
 }
-function Ue(e) {
+function qe(e) {
   const m = Se.findIndex((s) => s.id === e);
   if (m === -1) return;
   const { el: t } = Se[m], l = t.firstElementChild;
@@ -3571,7 +3571,7 @@ function Ne(e) {
     offset: Lo(),
     zIndex: 3e3 + m,
     closable: e.closable ?? !1,
-    onClose: (k) => Ue(k)
+    onClose: (k) => qe(k)
   });
   Ze(l, t);
   const c = ((s = t.firstElementChild) == null ? void 0 : s.offsetHeight) || 0;
@@ -3580,7 +3580,7 @@ function Ne(e) {
     if (!k) return;
     const _ = k.offsetHeight || c || 0, S = Se.find((L) => L.id === m);
     S && (S.height = _, Pe());
-  }), { close: () => Ue(m) };
+  }), { close: () => qe(m) };
 }
 const Fe = {
   success(e, m = {}) {
@@ -3608,7 +3608,7 @@ function Pe() {
     }
   });
 }
-const qe = {
+const Ue = {
   YButton: Ae,
   YInput: Qe,
   YTable: Et,
@@ -3626,8 +3626,8 @@ const qe = {
   QueryEncapsulation: bo
 }, Bo = {
   install(e) {
-    Object.keys(qe).forEach((m) => {
-      e.component(m, qe[m]);
+    Object.keys(Ue).forEach((m) => {
+      e.component(m, Ue[m]);
     }), e.config.globalProperties.$message = Fe, typeof window < "u" && (window.YMessage = Fe);
   }
 };