@nhdropshipping/y-components 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,3646 @@
+import { defineComponent as me, computed as O, createElementBlock as i, openBlock as a, normalizeClass as z, createElementVNode as n, renderSlot as ue, Fragment as re, renderList as ve, createCommentVNode as A, toDisplayString as G, normalizeStyle as ye, ref as R, watch as oe, onMounted as _e, onUnmounted as Be, createVNode as de, withKeys as be, withModifiers as Q, withDirectives as Ee, createTextVNode as De, vModelText as et, Transition as ke, withCtx as he, createBlock as Le, Teleport as Ve, nextTick as fe, vShow as Ke, resolveComponent as tt, provide as nt, reactive as lt, TransitionGroup as ot, resolveDynamicComponent as at, onBeforeUnmount as st, render as qe } from "vue";
+const it = ["type", "disabled", "aria-busy", "aria-disabled"], rt = { class: "content" }, ut = {
+  key: 1,
+  class: "y-btn-group",
+  role: "group"
+}, dt = ["type", "disabled", "aria-busy", "aria-disabled", "aria-label", "onClick"], ct = { class: "content" }, ft = {
+  key: 0,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, vt = {
+  key: 1,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, ht = { key: 2 }, pt = /* @__PURE__ */ me({
+  __name: "ybutton",
+  props: {
+    htmlType: { default: "button" },
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    groupPosition: { default: "single" },
+    groupItems: { default: void 0 }
+  },
+  emits: ["click", "group-click"],
+  setup(e, { emit: m }) {
+    const t = e, l = m;
+    function c(L) {
+      if (t.disabled || t.loading) {
+        L.preventDefault(), L.stopPropagation();
+        return;
+      }
+      l("click", L);
+    }
+    const s = O(() => {
+      switch (t.groupPosition) {
+        case "start":
+          return "group-pos-start";
+        case "middle":
+          return "group-pos-middle";
+        case "end":
+          return "group-pos-end";
+        default:
+          return "group-pos-single";
+      }
+    }), k = O(() => Array.isArray(t.groupItems) && t.groupItems.length > 0);
+    function C(L, I) {
+      if (t.disabled || t.loading || L.disabled || L.loading) {
+        I.preventDefault(), I.stopPropagation();
+        return;
+      }
+      l("group-click", L.value, I);
+    }
+    return (L, I) => k.value ? (a(), i("div", ut, [
+      (a(!0), i(re, null, ve(e.groupItems, (h, d) => {
+        var u;
+        return a(), i("button", {
+          key: h.value ?? d,
+          class: z(["y-btn", [
+            `y-btn--${h.variant ?? e.variant}`,
+            `y-btn--${h.size ?? e.size}`,
+            "is-grouped",
+            d === 0 ? "group-pos-start" : d === (((u = e.groupItems) == null ? void 0 : u.length) || 0) - 1 ? "group-pos-end" : "group-pos-middle",
+            { "is-loading": h.loading || e.loading }
+          ]]),
+          type: e.htmlType,
+          disabled: (h.disabled ?? !1) || e.disabled || e.loading || h.loading,
+          "aria-busy": h.loading || e.loading ? "true" : "false",
+          "aria-disabled": (h.disabled ?? !1) || e.disabled || e.loading || h.loading ? "true" : "false",
+          "aria-label": h.ariaLabel || h.label,
+          onClick: (K) => C(h, K)
+        }, [
+          n("span", ct, [
+            h.icon === "chevron-left" ? (a(), i("svg", ft, [...I[0] || (I[0] = [
+              n("path", {
+                "fill-rule": "evenodd",
+                d: "M12.78 15.22a.75.75 0 01-1.06 0l-5-5a.75.75 0 010-1.06l5-5a.75.75 0 111.06 1.06L8.81 10l3.97 3.97a.75.75 0 010 1.06z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])])) : h.icon === "chevron-right" ? (a(), i("svg", vt, [...I[1] || (I[1] = [
+              n("path", {
+                "fill-rule": "evenodd",
+                d: "M7.22 4.78a.75.75 0 011.06 0l5 5a.75.75 0 010 1.06l-5 5a.75.75 0 11-1.06-1.06L11.19 10 7.22 6.03a.75.75 0 010-1.06z",
+                "clip-rule": "evenodd"
+              }, null, -1)
+            ])])) : A("", !0),
+            h.label && !h.onlyIcon ? (a(), i("span", ht, G(h.label), 1)) : A("", !0)
+          ])
+        ], 10, dt);
+      }), 128))
+    ])) : (a(), i("button", {
+      key: 0,
+      class: z(["y-btn", [
+        `y-btn--${e.variant}`,
+        `y-btn--${e.size}`,
+        { "is-block": e.block, "is-loading": e.loading },
+        e.groupPosition !== "single" ? "is-grouped" : "",
+        s.value
+      ]]),
+      type: e.htmlType,
+      disabled: e.disabled || e.loading,
+      "aria-busy": e.loading ? "true" : "false",
+      "aria-disabled": e.disabled || e.loading ? "true" : "false",
+      onClick: c
+    }, [
+      n("span", rt, [
+        ue(L.$slots, "default", {}, void 0, !0)
+      ])
+    ], 10, it));
+  }
+}), we = (e, m) => {
+  const t = e.__vccOpts || e;
+  for (const [l, c] of m)
+    t[l] = c;
+  return t;
+}, Re = /* @__PURE__ */ we(pt, [["__scopeId", "data-v-0c27d1bc"]]), gt = ["id", "name", "type", "placeholder", "autocomplete", "inputmode", "disabled", "required", "value"], yt = /* @__PURE__ */ me({
+  __name: "yinput",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    autocomplete: { default: "off" },
+    inputmode: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    width: { default: "200px" }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: m }) {
+    const t = m;
+    function l(c) {
+      const s = c.target;
+      t("update:modelValue", s.value);
+    }
+    return (c, s) => (a(), i("div", {
+      class: z(["y-input-wrap", { "is-block": e.block }]),
+      style: ye({ width: e.width })
+    }, [
+      n("input", {
+        class: z(["y-input", `y-input--${e.size}`]),
+        id: e.id,
+        name: e.name,
+        type: e.type,
+        placeholder: e.placeholder,
+        autocomplete: e.autocomplete,
+        inputmode: e.inputmode,
+        disabled: e.disabled,
+        required: e.required,
+        value: e.modelValue,
+        onInput: l
+      }, null, 42, gt)
+    ], 6));
+  }
+}), Ze = /* @__PURE__ */ we(yt, [["__scopeId", "data-v-9e6869ef"]]), mt = ["onKeydown", "aria-expanded"], wt = ["src"], bt = ["placeholder", "onKeydown"], kt = ["onClick", "onMouseenter"], xt = ["src"], Dt = /* @__PURE__ */ me({
+  __name: "yselect",
+  props: {
+    modelValue: {},
+    options: {},
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    clearTo: { default: void 0 },
+    filterable: { type: Boolean, default: !1 },
+    valueKey: { default: "value" },
+    labelKey: { default: "label" },
+    disabledKey: { default: "disabled" },
+    size: { default: "medium" },
+    width: { default: "200px" }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur", "clear"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = R(!1), s = R(-1), k = R(), C = R(), L = R(), I = R(), h = R(!1), d = R(), u = R(""), K = O(() => t.options.find((p) => V(p) === t.modelValue) || null), j = O(() => K.value ? H(K.value) : ""), U = O(() => {
+      if (!t.filterable) return t.options;
+      const p = u.value.trim().toLowerCase();
+      return p ? t.options.filter((D) => {
+        const F = H(D);
+        return String(F).toLowerCase().includes(p);
+      }) : t.options;
+    }), N = O(() => {
+      var Y;
+      const p = { position: "fixed", zIndex: "4000" }, D = C.value;
+      if (!D) return p;
+      const F = D.getBoundingClientRect(), ne = ((Y = L.value) == null ? void 0 : Y.getBoundingClientRect().width) || F.width;
+      return p.left = `${F.left}px`, p.width = `${ne}px`, h.value ? (p.bottom = `${window.innerHeight - F.top + 4}px`, p.top = "auto") : p.top = `${F.bottom + 4}px`, p;
+    });
+    function $() {
+      !c.value || !C.value || fe(() => {
+        const p = C.value;
+        if (!p) return;
+        const D = p.getBoundingClientRect(), F = window.innerHeight, ne = 200, Y = D.bottom + ne + 4, ee = D.top - ne - 4, Ie = Y <= F - 20, $e = ee >= 20;
+        h.value = !Ie && $e;
+      });
+    }
+    function V(p) {
+      return typeof p == "object" && p !== null ? p[t.valueKey] : p;
+    }
+    function H(p) {
+      return typeof p == "object" && p !== null ? p[t.labelKey] || String(p[t.valueKey]) : String(p);
+    }
+    function T(p, D) {
+      return typeof p == "object" && p !== null && p.id !== void 0 ? p.id : V(p) || D;
+    }
+    function q(p) {
+      return V(p) === t.modelValue;
+    }
+    function te(p) {
+      return typeof p == "object" && p !== null ? p[t.disabledKey] === !0 : !1;
+    }
+    function X() {
+      t.disabled || (c.value ? ae() : pe());
+    }
+    function pe() {
+      t.disabled || (c.value = !0, fe(() => {
+        $(), w(), t.filterable && d.value && (d.value.focus(), u.value = "");
+      }));
+    }
+    function ae() {
+      c.value = !1, s.value = -1, h.value = !1, t.filterable && (u.value = "");
+    }
+    function y(p, D) {
+      if (te(p)) return;
+      const F = V(p);
+      l("update:modelValue", F), l("change", F, p), ae();
+    }
+    function g() {
+      if (!t.clearable || t.disabled) return;
+      const p = t.clearTo;
+      l("update:modelValue", p), l("change", p, null), l("clear"), ae();
+    }
+    function v(p) {
+      if (!U.value || U.value.length === 0) {
+        s.value = -1;
+        return;
+      }
+      let D = s.value;
+      const F = U.value.length;
+      D === -1 ? D = p > 0 ? 0 : F - 1 : D = (D + p + F) % F;
+      let ne = 0;
+      for (; ne < F && te(U.value[D]); )
+        D = (D + p + F) % F, ne++;
+      s.value = ne >= F ? -1 : D, b();
+    }
+    function f() {
+      if (s.value < 0) return;
+      const p = U.value[s.value];
+      !p || te(p) || y(p, s.value);
+    }
+    function w() {
+      if (!k.value) return;
+      const p = k.value.querySelector(".yselect__option--selected");
+      p && p.scrollIntoView({ block: "nearest" });
+    }
+    function b() {
+      if (!k.value || s.value < 0) return;
+      const D = k.value.querySelectorAll(".yselect__option")[s.value];
+      D && D.scrollIntoView({ block: "nearest" });
+    }
+    function S(p) {
+      const D = p.target;
+      (!L.value || !L.value.contains(D)) && ae();
+    }
+    oe(() => t.modelValue, () => {
+      s.value = -1;
+    });
+    function W() {
+      c.value && $();
+    }
+    return _e(() => {
+      document.addEventListener("click", S), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0);
+    }), Be(() => {
+      document.removeEventListener("click", S), window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0);
+    }), (p, D) => (a(), i("div", {
+      class: z(["yselect", { "yselect--disabled": e.disabled, [`yselect--${e.size}`]: !0 }]),
+      style: ye({ width: e.width }),
+      ref_key: "selectContainer",
+      ref: L
+    }, [
+      n("div", {
+        ref_key: "triggerElement",
+        ref: C,
+        class: z(["yselect__trigger", {
+          "yselect__trigger--open": c.value,
+          "yselect__trigger--disabled": e.disabled,
+          "yselect__trigger--error": e.error
+        }]),
+        onMousedown: Q(X, ["prevent", "stop"]),
+        onKeydown: [
+          be(Q(X, ["prevent"]), ["enter"]),
+          be(Q(X, ["prevent"]), ["space"]),
+          be(ae, ["escape"]),
+          be(Q(pe, ["prevent"]), ["arrow-down"]),
+          be(Q(pe, ["prevent"]), ["arrow-up"])
+        ],
+        tabindex: "0",
+        role: "combobox",
+        "aria-expanded": c.value,
+        "aria-haspopup": !0
+      }, [
+        !e.filterable || !c.value ? (a(), i("span", {
+          key: 0,
+          class: z(["yselect__value", { yselect__placeholder: !j.value }])
+        }, [
+          ue(p.$slots, "value", {
+            value: K.value,
+            label: j.value
+          }, () => {
+            var F;
+            return [
+              K.value ? (a(), i(re, { key: 0 }, [
+                (F = K.value) != null && F.flagImg ? (a(), i("img", {
+                  key: 0,
+                  class: "yselect__flag",
+                  src: K.value.flagImg,
+                  alt: "flag"
+                }, null, 8, wt)) : A("", !0),
+                De(" " + G(j.value), 1)
+              ], 64)) : (a(), i(re, { key: 1 }, [
+                De(G(e.placeholder), 1)
+              ], 64))
+            ];
+          }, !0)
+        ], 2)) : Ee((a(), i("input", {
+          key: 1,
+          ref_key: "inputElement",
+          ref: d,
+          class: "yselect__input",
+          type: "text",
+          placeholder: j.value || e.placeholder,
+          "onUpdate:modelValue": D[0] || (D[0] = (F) => u.value = F),
+          onKeydown: [
+            D[1] || (D[1] = Q(() => {
+            }, ["stop"])),
+            D[2] || (D[2] = be(Q((F) => v(1), ["prevent"]), ["arrow-down"])),
+            D[3] || (D[3] = be(Q((F) => v(-1), ["prevent"]), ["arrow-up"])),
+            D[4] || (D[4] = be(Q((F) => f(), ["prevent"]), ["enter"])),
+            be(Q(ae, ["prevent"]), ["esc"]),
+            be(Q(g, ["prevent"]), ["delete"])
+          ]
+        }, null, 40, bt)), [
+          [et, u.value]
+        ]),
+        e.clearable && !e.disabled && K.value ? (a(), i("span", {
+          key: 2,
+          class: "yselect__clear",
+          title: "清空",
+          onClick: Q(g, ["stop"])
+        }, [...D[8] || (D[8] = [
+          n("svg", {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none"
+          }, [
+            n("path", {
+              d: "M3 3l6 6M9 3L3 9",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round"
+            })
+          ], -1)
+        ])])) : A("", !0),
+        n("span", {
+          class: z(["yselect__arrow", { "yselect__arrow--open": c.value }])
+        }, [...D[9] || (D[9] = [
+          n("svg", {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none"
+          }, [
+            n("path", {
+              d: "M3 4.5L6 7.5L9 4.5",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            })
+          ], -1)
+        ])], 2)
+      ], 42, mt),
+      de(ke, { name: "yselect-dropdown" }, {
+        default: he(() => [
+          (a(), Le(Ve, { to: "body" }, [
+            c.value ? (a(), i("div", {
+              key: 0,
+              ref_key: "dropdownEl",
+              ref: I,
+              class: z(["yselect__dropdown yselect__dropdown--portal", { "yselect__dropdown--top": h.value }]),
+              style: ye(N.value),
+              onMousedown: D[6] || (D[6] = Q(() => {
+              }, ["stop"])),
+              onClick: D[7] || (D[7] = Q(() => {
+              }, ["stop"]))
+            }, [
+              n("div", {
+                class: "yselect__options",
+                ref_key: "optionsContainer",
+                ref: k
+              }, [
+                (a(!0), i(re, null, ve(U.value, (F, ne) => (a(), i("div", {
+                  key: T(F, ne),
+                  class: z(["yselect__option", {
+                    "yselect__option--selected": q(F),
+                    "yselect__option--disabled": te(F),
+                    "yselect__option--hover": s.value === ne
+                  }]),
+                  onClick: (Y) => y(F),
+                  onMouseenter: (Y) => s.value = ne,
+                  onMouseleave: D[5] || (D[5] = (Y) => s.value = -1)
+                }, [
+                  ue(p.$slots, "option", {
+                    option: F,
+                    index: ne,
+                    selected: q(F)
+                  }, () => [
+                    F != null && F.flagImg ? (a(), i("img", {
+                      key: 0,
+                      class: "yselect__flag",
+                      src: F.flagImg,
+                      alt: "flag"
+                    }, null, 8, xt)) : A("", !0),
+                    De(" " + G(H(F)), 1)
+                  ], !0)
+                ], 42, kt))), 128))
+              ], 512)
+            ], 38)) : A("", !0)
+          ]))
+        ]),
+        _: 3
+      })
+    ], 6));
+  }
+}), Ye = /* @__PURE__ */ we(Dt, [["__scopeId", "data-v-6cd47cb7"]]), $t = { class: "ypagination" }, Ct = { class: "page-actions" }, _t = { class: "page-size-select" }, St = /* @__PURE__ */ me({
+  __name: "ypagination",
+  props: {
+    currentPage: {},
+    pageSize: {},
+    loading: { type: Boolean, default: !1 },
+    pageSizeOptions: { default: () => [
+      { label: "10/页", value: 10 },
+      { label: "20/页", value: 20 },
+      { label: "50/页", value: 50 },
+      { label: "100/页", value: 100 }
+    ] }
+  },
+  emits: ["update:currentPage", "update:pageSize", "page-change", "page-size-change"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = R(t.pageSize), s = O(() => t.pageSizeOptions), k = O({
+      get: () => t.currentPage,
+      set: (h) => {
+        l("update:currentPage", h), l("page-change", h);
+      }
+    });
+    function C(h) {
+      t.loading || h >= 1 && h !== t.currentPage && (k.value = h);
+    }
+    function L(h) {
+      t.loading || (c.value = h, l("update:pageSize", h), l("page-size-change", h), k.value = 1);
+    }
+    function I(h) {
+      t.loading || (h === "prev" ? C(k.value - 1) : h === "next" && C(k.value + 1));
+    }
+    return c.value = t.pageSize, oe(
+      () => t.pageSize,
+      (h) => {
+        typeof h == "number" && c.value !== h && (c.value = h);
+      }
+    ), (h, d) => (a(), i("div", $t, [
+      n("div", Ct, [
+        de(Re, {
+          size: "small",
+          variant: "secondary",
+          disabled: k.value === 1 || e.loading,
+          onClick: d[0] || (d[0] = (u) => C(1))
+        }, {
+          default: he(() => [...d[2] || (d[2] = [
+            De("首页", -1)
+          ])]),
+          _: 1
+        }, 8, ["disabled"]),
+        de(Re, {
+          class: "ml-1",
+          variant: "secondary",
+          size: "small",
+          groupItems: [
+            { label: "上一页", value: "prev", disabled: k.value === 1 || e.loading, icon: "chevron-left", onlyIcon: !0, ariaLabel: "上一页" },
+            { label: "下一页", value: "next", disabled: e.loading, icon: "chevron-right", onlyIcon: !0, ariaLabel: "下一页" }
+          ],
+          onGroupClick: I
+        }, null, 8, ["groupItems"]),
+        n("div", _t, [
+          de(Ye, {
+            modelValue: c.value,
+            "onUpdate:modelValue": d[1] || (d[1] = (u) => c.value = u),
+            options: s.value,
+            size: "small",
+            width: "105px",
+            clearable: !1,
+            disabled: e.loading,
+            onChange: L
+          }, null, 8, ["modelValue", "options", "disabled"])
+        ])
+      ])
+    ]));
+  }
+}), Qe = /* @__PURE__ */ we(St, [["__scopeId", "data-v-d5f9d1dc"]]), Mt = {
+  key: 0,
+  class: "bulk-bar"
+}, Lt = { class: "bulk-left" }, It = { class: "bulk-actions" }, Et = { class: "card" }, Bt = { class: "table" }, Tt = {
+  key: 0,
+  style: { width: "40px", "min-width": "40px" }
+}, zt = {
+  key: 0,
+  class: "col-select"
+}, Kt = ["checked"], Ht = {
+  key: 0,
+  class: "loading-overlay"
+}, Rt = {
+  key: 1,
+  class: "empty-overlay"
+}, Vt = {
+  key: 0,
+  style: { width: "40px", "min-width": "40px" }
+}, At = {
+  key: 0,
+  class: "col-select"
+}, Ft = ["value", "checked", "onChange"], Wt = /* @__PURE__ */ me({
+  __name: "ytable",
+  props: {
+    data: {},
+    columns: {},
+    selectable: { type: Boolean, default: !1 },
+    showBulkActions: { type: Boolean, default: !1 },
+    pagination: { type: Boolean, default: !0 },
+    pageSize: { default: 10 },
+    currentPage: {},
+    total: {},
+    loading: { type: Boolean, default: !1 },
+    pageSizeOptions: { default: () => [
+      { label: "1/页", value: 1 },
+      { label: "20/页", value: 20 },
+      { label: "50/页", value: 50 },
+      { label: "100/页", value: 100 }
+    ] },
+    rowKey: { type: [String, Function], default: "id" },
+    emptyText: { default: "无数据" },
+    searchKeyword: { default: "" },
+    searchFields: { default: () => [] },
+    stickyHeader: { type: Boolean, default: !1 }
+  },
+  emits: ["edit", "select", "update:selectedItems", "page-change", "page-size-change"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = R(t.currentPage || 1), s = R(t.pageSize), k = R([]), C = R("none"), L = R(), I = R(), h = R(), d = R(), u = R([]), K = R(), j = R({
+      show: !1,
+      thumbHeight: 40,
+      thumbTop: 0
+    });
+    let U = !1, N = 0, $ = 0;
+    const V = R(0), H = O(() => {
+      if (!t.searchKeyword || !t.searchFields.length)
+        return t.data;
+      const x = t.searchKeyword.toLowerCase();
+      return t.data.filter((B) => t.searchFields.some((_) => {
+        const M = y(B, _);
+        return String(M).toLowerCase().includes(x);
+      }));
+    }), T = O(() => (t.pagination, H.value)), q = O(() => {
+      if (!t.selectable) return !1;
+      const x = T.value.map((B, _) => ae(B, _));
+      return x.length > 0 && x.every((B) => k.value.includes(B));
+    }), te = O(() => {
+      const x = [];
+      let B = t.selectable ? 40 : 0;
+      for (let _ = 0; _ < t.columns.length; _++) {
+        const M = t.columns[_];
+        if (M.fixed === "left") {
+          let Z = 80;
+          if (M.width) {
+            const J = parseFloat(M.width);
+            Z = isNaN(J) ? 80 : J;
+          } else if (u.value[_]) {
+            const J = parseFloat(u.value[_]);
+            Z = isNaN(J) ? 80 : J;
+          }
+          x.push(B), B += Z;
+        }
+      }
+      return x;
+    }), X = O(() => {
+      const x = [];
+      let B = 0;
+      const _ = [];
+      for (let M = t.columns.length - 1; M >= 0; M--) {
+        const Z = t.columns[M];
+        if (Z.fixed === "right") {
+          let J = 80;
+          if (Z.width) {
+            const ce = parseFloat(Z.width);
+            J = isNaN(ce) ? 80 : ce;
+          } else if (u.value[M]) {
+            const ce = parseFloat(u.value[M]);
+            J = isNaN(ce) ? 80 : ce;
+          }
+          _.push({ index: M, width: J });
+        }
+      }
+      for (let M = 0; M < _.length; M++)
+        x.push(B), B += _[M].width;
+      return x;
+    });
+    function pe(x, B) {
+      if (B === "left") {
+        let _ = 0;
+        for (let M = 0; M < x; M++)
+          t.columns[M].fixed === "left" && _++;
+        return _;
+      } else {
+        let _ = 0;
+        for (let M = t.columns.length - 1; M > x; M--)
+          t.columns[M].fixed === "right" && _++;
+        return _;
+      }
+    }
+    function ae(x, B) {
+      return typeof t.rowKey == "function" ? t.rowKey(x) : x[t.rowKey] || B;
+    }
+    function y(x, B) {
+      return B.split(".").reduce((_, M) => _ == null ? void 0 : _[M], x);
+    }
+    function g(x, B = !1) {
+      const _ = [];
+      return x.align && _.push(`text-${x.align}`), x.fixed === "right" && (_.push("col-fixed-right"), B && _.push("col-fixed-right-header")), x.fixed === "left" && (_.push("col-fixed-left"), B && _.push("col-fixed-left-header")), _.join(" ");
+    }
+    function v(x, B, _) {
+      const M = {};
+      if (x.width ? (M.width = x.width, M.minWidth = x.width, M.maxWidth = x.width) : (M.width = "auto", M.minWidth = "80px", M.maxWidth = "none"), x.fixed === "left") {
+        const Z = pe(B, "left"), J = te.value[Z] || 0;
+        M.left = `${J}px`, M.zIndex = _ ? `${10 + Z}` : `${5 + Z}`;
+      } else if (x.fixed === "right") {
+        const Z = pe(B, "right"), J = X.value[Z] || 0;
+        _ ? M.right = `${J - 3}px` : M.right = `${J}px`, M.zIndex = _ ? `${10 + Z}` : `${5 + Z}`;
+      }
+      return M;
+    }
+    function f(x, B) {
+      const _ = y(x, B.key);
+      return B.formatter ? B.formatter(_, x) : _ || "";
+    }
+    function w(x) {
+      k.value.includes(x) ? k.value = k.value.filter((B) => B !== x) : k.value = [...k.value, x], l("select", k.value), l("update:selectedItems", k.value);
+    }
+    function b() {
+      const x = T.value.map((B, _) => ae(B, _));
+      if (x.every((B) => k.value.includes(B)))
+        k.value = k.value.filter((B) => !x.includes(B));
+      else {
+        const B = /* @__PURE__ */ new Set([...k.value, ...x]);
+        k.value = Array.from(B);
+      }
+      l("select", k.value), l("update:selectedItems", k.value);
+    }
+    function S() {
+      k.value = [], l("select", k.value), l("update:selectedItems", k.value);
+    }
+    oe(() => t.searchKeyword, () => {
+      c.value = 1;
+    }), oe(() => t.data, () => {
+      t.total || (c.value = 1);
+    }, { deep: !0 });
+    function W(x) {
+      c.value = x, l("page-change", x);
+    }
+    function p(x) {
+      s.value = x, c.value = 1, l("page-size-change", x);
+    }
+    oe(() => t.currentPage, (x) => {
+      const B = typeof x == "number" && x > 0 ? x : 1;
+      c.value !== B && (c.value = B);
+    }), oe(() => t.pageSize, (x) => {
+      const B = typeof x == "number" && x > 0 ? x : 10;
+      s.value !== B && (s.value = B);
+    });
+    function D() {
+      L.value && fe(() => {
+        const x = L.value.getBoundingClientRect(), B = window.innerHeight, _ = x.top, M = L.value.querySelector(".table-header"), Z = M ? M.offsetHeight : 40, J = L.value.querySelector(".ypagination"), ce = J ? J.offsetHeight : 60, o = L.value.querySelector(".bulk-bar"), r = o ? o.offsetHeight : 0, E = Z + ce + r + 20, P = B - _ - E, le = Math.max(200, P), ie = L.value.querySelector(".table-body-wrap .table");
+        ie && (ie.offsetHeight > P ? C.value = `${le}px` : C.value = "none");
+      });
+    }
+    let F = !1;
+    function ne() {
+      !I.value || !h.value || F || I.value.scrollLeft !== h.value.scrollLeft && (F = !0, I.value.scrollLeft = h.value.scrollLeft, requestAnimationFrame(() => {
+        F = !1;
+      }));
+    }
+    function Y() {
+      !I.value || !h.value || F || h.value.scrollLeft !== I.value.scrollLeft && (F = !0, h.value.scrollLeft = I.value.scrollLeft, requestAnimationFrame(() => {
+        F = !1;
+      }));
+    }
+    function ee() {
+      fe(() => {
+        if (!h.value) return;
+        const x = h.value, B = x.scrollHeight, _ = x.clientHeight, M = x.scrollTop, Z = B > _ + 1;
+        if (j.value.show = Z, !Z) return;
+        const J = 24, ce = _ / B, o = K.value ? K.value.clientHeight : _, r = Math.max(J, Math.floor(o * ce));
+        j.value.thumbHeight = r;
+        const E = Math.max(0, o - r), P = Math.max(1, B - _);
+        j.value.thumbTop = Math.min(E, Math.floor(M / P * E));
+      });
+    }
+    function Ie(x) {
+      if (!U || !h.value || !K.value) return;
+      x.preventDefault();
+      const B = K.value.clientHeight, _ = Math.max(0, B - j.value.thumbHeight), M = h.value, Z = M.scrollHeight, J = M.clientHeight, ce = Math.max(1, Z - J), r = (x.clientY - N) / Math.max(1, _) * ce;
+      M.scrollTop = Math.min(ce, Math.max(0, $ + r)), ee();
+    }
+    function $e() {
+      U = !1, window.removeEventListener("mousemove", Ie), window.removeEventListener("mouseup", $e);
+    }
+    function Ae() {
+      fe(() => {
+        var _;
+        if (u.value.length === t.columns.length && u.value.every((M) => !!M))
+          return;
+        const x = [];
+        for (const M of t.columns)
+          if (M.width && typeof M.width == "string" && M.width.trim())
+            x.push(M.width);
+          else {
+            const Z = u.value[x.length];
+            x.push(Z || "");
+          }
+        const B = (_ = d.value) == null ? void 0 : _.querySelector("tbody tr");
+        if (B) {
+          const M = t.selectable ? 1 : 0, Z = Array.from(B.children);
+          for (let J = 0; J < t.columns.length; J++)
+            if (!x[J]) {
+              const ce = Z[M + J];
+              if (ce) {
+                const o = ce.clientWidth;
+                x[J] = (o > 0 ? o : 80) + "px";
+              } else
+                x[J] = "80px";
+            }
+        } else
+          for (let M = 0; M < x.length; M++)
+            x[M] || (x[M] = u.value[M] || "80px");
+        u.value = x;
+      });
+    }
+    function He() {
+      D(), Ce();
+    }
+    oe(() => t.data, () => {
+      fe(() => {
+        D(), ne(), Ce();
+      });
+    }, { deep: !0 }), oe([c, s], () => {
+      fe(() => {
+        D(), ne(), Ce();
+      });
+    }), oe(() => t.columns, () => {
+      u.value = [], fe(() => {
+        Ae(), ne(), Ce();
+      });
+    }, { deep: !0 }), oe(() => k.value, () => {
+      fe(() => {
+        D(), Ce();
+      });
+    }, { deep: !0 }), oe(() => t.loading, () => {
+      fe(() => {
+        Ce();
+      });
+    }), _e(() => {
+      var x, B;
+      fe(() => {
+        D(), Ae(), Ce(), ee();
+      }), window.addEventListener("resize", He), window.addEventListener("scroll", He, !0), (x = h.value) == null || x.addEventListener("scroll", () => {
+        ne(), ee(), Ce();
+      }, { passive: !0 }), (B = I.value) == null || B.addEventListener("scroll", () => {
+        Y();
+      }, { passive: !0 }), fe(() => ne()), h.value && typeof ResizeObserver < "u" && (ze = new ResizeObserver(() => {
+        Ce();
+      }), ze.observe(h.value));
+    }), Be(() => {
+      var x, B;
+      window.removeEventListener("resize", He), window.removeEventListener("scroll", He, !0), (x = h.value) == null || x.removeEventListener("scroll", ne), (B = I.value) == null || B.removeEventListener("scroll", Y), window.removeEventListener("mousemove", Ie), window.removeEventListener("mouseup", $e), ze && (ze.disconnect(), ze = null);
+    });
+    let Te = -1;
+    function Ce() {
+      !I.value || !h.value || requestAnimationFrame(() => {
+        if (!I.value || !h.value) return;
+        const x = h.value, B = Math.ceil(x.offsetWidth - x.clientWidth);
+        if (V.value = B, B !== Te) {
+          Te = B;
+          const _ = I.value.querySelector(".table"), M = d.value;
+          _ && M && (I.value.style.paddingRight = "0px", _.style.width = "", _.style.marginRight = "", B > 0 ? (I.value.style.paddingRight = `${B}px`, _.style.width = "100%", _.style.marginRight = `-${B}px`) : (I.value.style.paddingRight = "0px", _.style.width = "100%", _.style.marginRight = "0px"));
+        }
+      });
+    }
+    let ze = null;
+    return (x, B) => (a(), i("div", {
+      class: "ytable-container",
+      ref_key: "tableContainer",
+      ref: L
+    }, [
+      de(ke, { name: "bulk-slide" }, {
+        default: he(() => [
+          k.value.length && e.showBulkActions ? (a(), i("div", Mt, [
+            n("div", Lt, "已选择 " + G(k.value.length) + " 项", 1),
+            n("div", It, [
+              ue(x.$slots, "bulk-actions", {
+                selectedItems: k.value,
+                clearSelection: S
+              }, () => [
+                n("button", {
+                  class: "btn",
+                  onClick: S
+                }, "清除选择")
+              ], !0)
+            ])
+          ])) : A("", !0)
+        ]),
+        _: 3
+      }),
+      n("div", Et, [
+        n("div", {
+          class: "table-header",
+          ref_key: "headerRef",
+          ref: I
+        }, [
+          n("table", Bt, [
+            n("colgroup", null, [
+              e.selectable ? (a(), i("col", Tt)) : A("", !0),
+              (a(!0), i(re, null, ve(e.columns, (_, M) => (a(), i("col", {
+                key: _.key,
+                style: ye({ width: u.value[M] || void 0, minWidth: u.value[M] || "80px" })
+              }, null, 4))), 128))
+            ]),
+            n("thead", null, [
+              n("tr", null, [
+                e.selectable ? (a(), i("th", zt, [
+                  n("input", {
+                    type: "checkbox",
+                    checked: q.value,
+                    onChange: b
+                  }, null, 40, Kt)
+                ])) : A("", !0),
+                (a(!0), i(re, null, ve(e.columns, (_, M) => (a(), i("th", {
+                  key: _.key,
+                  class: z(g(_, !0)),
+                  style: ye(v(_, M, !0))
+                }, G(_.title), 7))), 128))
+              ])
+            ])
+          ])
+        ], 512),
+        n("div", {
+          class: z(["table-body-wrap", { "is-loading": e.loading, "is-empty": !T.value.length && !e.loading }]),
+          ref_key: "bodyWrapRef",
+          ref: h,
+          style: ye({ maxHeight: C.value })
+        }, [
+          e.loading ? (a(), i("div", Ht, [...B[2] || (B[2] = [
+            n("div", { class: "loading-spinner" }, null, -1),
+            n("div", { class: "loading-text" }, "加载中...", -1)
+          ])])) : A("", !0),
+          !T.value.length && !e.loading ? (a(), i("div", Rt, [
+            ue(x.$slots, "empty", {}, () => [
+              De(G(e.emptyText), 1)
+            ], !0)
+          ])) : A("", !0),
+          n("table", {
+            class: z(["table", { "loading-table": e.loading }]),
+            ref_key: "bodyTableRef",
+            ref: d
+          }, [
+            n("colgroup", null, [
+              e.selectable ? (a(), i("col", Vt)) : A("", !0),
+              (a(!0), i(re, null, ve(e.columns, (_, M) => (a(), i("col", {
+                key: _.key,
+                style: ye({ width: u.value[M] || void 0, minWidth: u.value[M] || "80px" })
+              }, null, 4))), 128))
+            ]),
+            n("tbody", null, [
+              (a(!0), i(re, null, ve(T.value, (_, M) => (a(), i("tr", {
+                key: ae(_, M)
+              }, [
+                e.selectable ? (a(), i("td", At, [
+                  n("input", {
+                    type: "checkbox",
+                    value: ae(_, M),
+                    checked: k.value.includes(ae(_, M)),
+                    onChange: (Z) => w(ae(_, M))
+                  }, null, 40, Ft)
+                ])) : A("", !0),
+                (a(!0), i(re, null, ve(e.columns, (Z, J) => (a(), i("td", {
+                  key: Z.key,
+                  class: z(g(Z)),
+                  style: ye(v(Z, J, !1))
+                }, [
+                  ue(x.$slots, `cell-${Z.key}`, {
+                    item: _,
+                    value: y(_, Z.key),
+                    index: M
+                  }, () => [
+                    De(G(f(_, Z)), 1)
+                  ], !0)
+                ], 6))), 128))
+              ]))), 128))
+            ])
+          ], 2)
+        ], 6),
+        e.pagination ? (a(), Le(Qe, {
+          key: 0,
+          class: "align-right",
+          "current-page": c.value,
+          "onUpdate:currentPage": B[0] || (B[0] = (_) => c.value = _),
+          "page-size": s.value,
+          "onUpdate:pageSize": B[1] || (B[1] = (_) => s.value = _),
+          loading: t.loading,
+          "page-size-options": e.pageSizeOptions,
+          onPageChange: W,
+          onPageSizeChange: p
+        }, null, 8, ["current-page", "page-size", "loading", "page-size-options"])) : A("", !0)
+      ])
+    ], 512));
+  }
+}), Nt = /* @__PURE__ */ we(Wt, [["__scopeId", "data-v-a5047b07"]]), Pt = ["aria-label"], Yt = { class: "y-badge__inner" }, jt = {
+  key: 0,
+  class: "y-badge__progress",
+  "aria-hidden": "true"
+}, Ot = {
+  key: 0,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Ut = {
+  key: 1,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, qt = {
+  key: 2,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Zt = {
+  key: 1,
+  class: "y-badge__icon",
+  "aria-hidden": "true"
+}, Qt = {
+  key: 0,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Jt = {
+  key: 1,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Xt = {
+  key: 2,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, Gt = {
+  key: 3,
+  class: "icon",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, en = { class: "y-badge__label" }, tn = /* @__PURE__ */ me({
+  __name: "ybadge",
+  props: {
+    tone: { default: "default" },
+    size: { default: "medium" },
+    progress: { default: void 0 },
+    icon: { default: void 0 },
+    pill: { type: Boolean, default: !0 },
+    outline: { type: Boolean, default: !1 },
+    label: { default: "" }
+  },
+  setup(e) {
+    const m = e, t = O(() => m.tone || "default"), l = O(() => {
+      const c = (m.label || "").trim(), s = m.tone, k = m.progress;
+      if (k) {
+        const C = {
+          incomplete: "未完成",
+          partiallyComplete: "部分完成",
+          complete: "已完成"
+        };
+        return c ? `${c}，进度：${C[k] || k}` : `进度：${C[k] || k}`;
+      }
+      if (s && s !== "default") {
+        const C = {
+          informational: "信息",
+          success: "成功",
+          attention: "注意",
+          warning: "警告",
+          critical: "严重",
+          default: "默认"
+        };
+        return c ? `${c}，语气：${C[s] || s}` : `语气：${C[s] || s}`;
+      }
+      return c || "标记";
+    });
+    return (c, s) => (a(), i("span", {
+      class: z(["y-badge", [
+        `y-badge--${t.value}`,
+        `y-badge--${e.size}`,
+        { "is-outline": e.outline, "is-pill": e.pill },
+        e.progress ? `y-badge--progress-${e.progress}` : ""
+      ]]),
+      role: "status",
+      "aria-label": l.value
+    }, [
+      n("span", Yt, [
+        e.progress ? (a(), i("span", jt, [
+          e.progress === "incomplete" ? (a(), i("svg", Ot, [...s[0] || (s[0] = [
+            n("circle", {
+              cx: "10",
+              cy: "10",
+              r: "5"
+            }, null, -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",
+              cy: "10",
+              r: "5",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, null, -1)
+          ])])) : e.progress === "complete" ? (a(), i("svg", qt, [...s[2] || (s[2] = [
+            n("path", {
+              "fill-rule": "evenodd",
+              d: "M16.707 5.293a1 1 0 010 1.414l-7.25 7.25a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L8.75 11.086l6.543-6.543a1 1 0 011.414 0z",
+              "clip-rule": "evenodd"
+            }, null, -1)
+          ])])) : A("", !0)
+        ])) : e.icon ? (a(), i("span", Zt, [
+          e.icon === "dot" ? (a(), i("svg", Qt, [...s[3] || (s[3] = [
+            n("circle", {
+              cx: "10",
+              cy: "10",
+              r: "4"
+            }, null, -1)
+          ])])) : e.icon === "check" ? (a(), i("svg", Jt, [...s[4] || (s[4] = [
+            n("path", {
+              "fill-rule": "evenodd",
+              d: "M16.707 5.293a1 1 0 010 1.414l-7.25 7.25a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L8.75 11.086l6.543-6.543a1 1 0 011.414 0z",
+              "clip-rule": "evenodd"
+            }, null, -1)
+          ])])) : e.icon === "alert" ? (a(), i("svg", Xt, [...s[5] || (s[5] = [
+            n("path", {
+              "fill-rule": "evenodd",
+              d: "M8.257 3.099c.765-1.36 2.721-1.36 3.486 0l6.518 11.59c.75 1.334-.214 3.011-1.743 3.011H3.482c-1.53 0-2.493-1.677-1.743-3.01L8.257 3.1zM11 14a1 1 0 10-2 0 1 1 0 002 0zm-1-2a1 1 0 01-1-1V8a1 1 0 112 0v3a1 1 0 01-1 1z",
+              "clip-rule": "evenodd"
+            }, null, -1)
+          ])])) : (a(), i("svg", Gt, [...s[6] || (s[6] = [
+            n("circle", {
+              cx: "10",
+              cy: "10",
+              r: "4"
+            }, null, -1)
+          ])]))
+        ])) : A("", !0),
+        n("span", en, [
+          ue(c.$slots, "default", {}, () => [
+            De(G(e.label), 1)
+          ], !0)
+        ])
+      ])
+    ], 10, Pt));
+  }
+}), nn = /* @__PURE__ */ we(tn, [["__scopeId", "data-v-ce819797"]]), ln = ["aria-hidden"], on = ["onKeydown"], an = {
+  key: 0,
+  class: "y-dialog-header"
+}, sn = { class: "y-dialog-title" }, rn = { class: "y-dialog-body" }, un = {
+  key: 1,
+  class: "y-dialog-footer"
+}, dn = /* @__PURE__ */ me({
+  __name: "ydialog",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    title: { default: "" },
+    width: { default: "520px" },
+    top: { default: "15vh" },
+    closable: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    zIndex: { default: 3e3 },
+    showHeader: { type: Boolean, default: !0 },
+    center: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = O({
+      get: () => t.modelValue,
+      set: (d) => l("update:modelValue", d)
+    }), s = R(null), k = O(() => {
+      const d = {};
+      return d.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), d.margin = "0 auto", d.top = t.top, d;
+    });
+    function C() {
+      t.maskClosable && L();
+    }
+    function L() {
+      c.value && (c.value = !1, l("close"));
+    }
+    function I() {
+      t.closable && L();
+    }
+    function h(d) {
+      d.key === "Escape" && I();
+    }
+    return oe(() => t.modelValue, (d) => {
+      d ? (l("open"), requestAnimationFrame(() => {
+        var u;
+        return (u = s.value) == null ? void 0 : u.focus();
+      }), document.addEventListener("keydown", h), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", h), document.body.style.overflow = "");
+    }), _e(() => {
+      t.modelValue && (document.addEventListener("keydown", h), document.body.style.overflow = "hidden");
+    }), Be(() => {
+      document.removeEventListener("keydown", h), document.body.style.overflow = "";
+    }), (d, u) => (a(), Le(Ve, { to: "body" }, [
+      Ee(n("div", {
+        class: "y-dialog-root",
+        role: "dialog",
+        "aria-modal": !0,
+        "aria-hidden": !c.value,
+        style: ye({ zIndex: String(e.zIndex) })
+      }, [
+        n("div", {
+          class: "y-dialog-mask",
+          onClick: C
+        }),
+        de(ke, { name: "dialog-zoom-fade" }, {
+          default: he(() => [
+            Ee(n("div", {
+              ref_key: "panelRef",
+              ref: s,
+              class: z(["y-dialog-panel", [e.center ? "is-center" : ""]]),
+              style: ye(k.value),
+              onKeydown: be(Q(I, ["prevent", "stop"]), ["esc"]),
+              tabindex: "-1"
+            }, [
+              e.showHeader ? (a(), i("div", an, [
+                ue(d.$slots, "header", {}, () => [
+                  n("div", sn, G(e.title), 1)
+                ], !0),
+                e.closable ? (a(), i("button", {
+                  key: 0,
+                  type: "button",
+                  class: "y-dialog-close",
+                  "aria-label": "Close",
+                  onClick: L
+                }, " ✕ ")) : A("", !0)
+              ])) : A("", !0),
+              n("div", rn, [
+                ue(d.$slots, "default", {}, void 0, !0)
+              ]),
+              d.$slots.footer ? (a(), i("div", un, [
+                ue(d.$slots, "footer", {}, void 0, !0)
+              ])) : A("", !0)
+            ], 46, on), [
+              [Ke, c.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 12, ln), [
+        [Ke, c.value]
+      ])
+    ]));
+  }
+}), cn = /* @__PURE__ */ we(dn, [["__scopeId", "data-v-a7acc6dc"]]), fn = { class: "ypopover__inner" }, vn = /* @__PURE__ */ me({
+  __name: "ypopover",
+  props: {
+    trigger: { default: "click" },
+    placement: { default: "bottom" },
+    showArrow: { type: Boolean, default: !0 },
+    showPadding: { type: Boolean, default: !0 },
+    dark: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    openDelay: { default: 0 },
+    closeDelay: { default: 200 },
+    closeOnClickOutside: { type: Boolean, default: !0 },
+    closeOnClickContent: { type: Boolean, default: !1 },
+    width: { default: "auto" },
+    maxWidth: { default: "300px" },
+    offset: { default: 8 },
+    modelValue: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "show", "hide", "before-show", "before-hide"],
+  setup(e, { expose: m, emit: t }) {
+    const l = e, c = t, s = R(), k = R(), C = R(), L = R(!1), I = R(), h = R(), d = R({});
+    let u = null, K = null;
+    const j = O(() => {
+      if (!L.value || !I.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 } = N();
+      return v.top = `${f}px`, v.left = `${w}px`, v;
+    }), U = O(() => {
+      if (!l.showArrow) return {};
+      if (Object.keys(d.value).length > 0)
+        return d.value;
+      const v = {};
+      return l.placement.startsWith("top") || l.placement.startsWith("bottom") ? v.left = "50%" : v.top = "50%", v;
+    });
+    function N() {
+      var Y, ee;
+      if (!I.value) return { top: 0, left: 0 };
+      const { width: v, height: f, top: w, left: b } = I.value, S = ((Y = C.value) == null ? void 0 : Y.offsetWidth) || 200, W = ((ee = C.value) == null ? void 0 : ee.offsetHeight) || 100;
+      let p = 0, D = 0;
+      switch (l.placement) {
+        case "top":
+          p = w - W - l.offset, D = b + (v - S) / 2;
+          break;
+        case "top-start":
+          p = w - W - l.offset, D = b;
+          break;
+        case "top-end":
+          p = w - W - l.offset, D = b + v - S;
+          break;
+        case "bottom":
+          p = w + f + l.offset, D = b + (v - S) / 2;
+          break;
+        case "bottom-start":
+          p = w + f + l.offset, D = b;
+          break;
+        case "bottom-end":
+          p = w + f + l.offset, D = b + v - S;
+          break;
+        case "left":
+          p = w + (f - W) / 2, D = b - S - l.offset;
+          break;
+        case "left-start":
+          p = w, D = b - S - l.offset;
+          break;
+        case "left-end":
+          p = w + f - W, D = b - S - l.offset;
+          break;
+        case "right":
+          p = w + (f - W) / 2, D = b + v + l.offset;
+          break;
+        case "right-start":
+          p = w, D = b + v + l.offset;
+          break;
+        case "right-end":
+          p = w + f - W, D = b + v + l.offset;
+          break;
+      }
+      const F = window.innerWidth, ne = window.innerHeight;
+      return D < 8 && (D = 8), D + S > F - 8 && (D = F - S - 8), p < 8 && (p = 8), p + W > ne - 8 && (p = ne - W - 8), { top: p, left: D };
+    }
+    function $() {
+      l.disabled || L.value || (q(), l.openDelay > 0 ? u = setTimeout(() => {
+        V();
+      }, l.openDelay) : V());
+    }
+    function V() {
+      c("before-show"), L.value = !0, c("update:modelValue", !0), c("show"), fe(() => {
+        fe(() => {
+          X();
+        });
+      });
+    }
+    function H() {
+      L.value && (q(), l.closeDelay > 0 ? K = setTimeout(() => {
+        T();
+      }, l.closeDelay) : T());
+    }
+    function T() {
+      c("before-hide"), L.value = !1, c("update:modelValue", !1), c("hide");
+    }
+    function q() {
+      u && (clearTimeout(u), u = null), K && (clearTimeout(K), K = null);
+    }
+    function te() {
+      if (!l.showArrow || !I.value || !C.value) {
+        d.value = {};
+        return;
+      }
+      const v = I.value, f = C.value.getBoundingClientRect();
+      if (f.width === 0 || f.height === 0) {
+        const b = {};
+        l.placement.startsWith("top") || l.placement.startsWith("bottom") ? b.left = "50%" : b.top = "50%", d.value = b;
+        return;
+      }
+      const w = {};
+      if (l.placement.startsWith("top")) {
+        w.bottom = "-6px";
+        const b = v.left + v.width / 2, S = f.left, W = b - S;
+        w.left = `${Math.max(12, Math.min(W, f.width - 12))}px`;
+      } else if (l.placement.startsWith("bottom")) {
+        w.top = "-6px";
+        const b = v.left + v.width / 2, S = f.left, W = b - S;
+        w.left = `${Math.max(12, Math.min(W, f.width - 12))}px`;
+      } else if (l.placement.startsWith("left")) {
+        w.right = "-6px";
+        const b = v.top + v.height / 2, S = f.top, W = b - S;
+        w.top = `${Math.max(12, Math.min(W, f.height - 12))}px`;
+      } else if (l.placement.startsWith("right")) {
+        w.left = "-6px";
+        const b = v.top + v.height / 2, S = f.top, W = b - S;
+        w.top = `${Math.max(12, Math.min(W, f.height - 12))}px`;
+      }
+      d.value = w;
+    }
+    function X() {
+      k.value && (I.value = k.value.getBoundingClientRect(), C.value && (h.value = C.value.getBoundingClientRect(), te(), L.value && requestAnimationFrame(() => {
+        C.value && (h.value = C.value.getBoundingClientRect(), te());
+      })));
+    }
+    function pe() {
+      l.disabled || l.trigger === "click" && (L.value ? H() : $());
+    }
+    function ae() {
+      l.disabled || l.trigger !== "hover" || (q(), $());
+    }
+    function y() {
+      l.disabled || l.trigger !== "hover" || H();
+    }
+    function g(v) {
+      if (!l.closeOnClickOutside || !L.value) return;
+      const f = v.target;
+      s.value && !s.value.contains(f) && C.value && !C.value.contains(f) && H();
+    }
+    return oe(() => l.modelValue, (v) => {
+      v !== L.value && (v ? $() : H());
+    }), oe(L, (v) => {
+      v ? (document.addEventListener("click", g), window.addEventListener("resize", X), window.addEventListener("scroll", X, !0)) : (document.removeEventListener("click", g), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0));
+    }), _e(() => {
+      l.modelValue && $();
+    }), Be(() => {
+      q(), document.removeEventListener("click", g), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0);
+    }), m({
+      show: $,
+      hide: H,
+      updatePosition: X
+    }), (v, f) => (a(), i("div", {
+      class: "ypopover",
+      ref_key: "popoverRef",
+      ref: s
+    }, [
+      n("div", {
+        ref_key: "triggerRef",
+        ref: k,
+        onClick: pe,
+        onMouseenter: ae,
+        onMouseleave: y
+      }, [
+        ue(v.$slots, "reference", {}, void 0, !0)
+      ], 544),
+      (a(), Le(Ve, { to: "body" }, [
+        de(ke, { name: "ypopover-fade" }, {
+          default: he(() => [
+            L.value ? (a(), i("div", {
+              key: 0,
+              ref_key: "contentRef",
+              ref: C,
+              class: z(["ypopover__content", [
+                `ypopover__content--${e.placement}`,
+                {
+                  "ypopover__content--dark": e.dark,
+                  "ypopover__content--no-padding": !e.showPadding
+                }
+              ]]),
+              style: ye(j.value),
+              onClick: f[0] || (f[0] = Q(() => {
+              }, ["stop"]))
+            }, [
+              e.showArrow ? (a(), i("div", {
+                key: 0,
+                class: z(["ypopover__arrow", `ypopover__arrow--${e.placement}`]),
+                style: ye(U.value)
+              }, null, 6)) : A("", !0),
+              n("div", fn, [
+                ue(v.$slots, "default", {}, void 0, !0)
+              ])
+            ], 6)) : A("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 512));
+  }
+}), hn = /* @__PURE__ */ we(vn, [["__scopeId", "data-v-905c83cd"]]), pn = { class: "relative" }, gn = ["value", "placeholder"], yn = { class: "nh-time-suffix" }, mn = { class: "nh-time-shortcuts" }, wn = { class: "nh-time-shortcuts-list" }, bn = ["onClick", "onKeydown", "onMouseenter"], kn = { class: "nh-time-custom" }, xn = { class: "nh-time-custom-header" }, Dn = { class: "nh-time-selection-status" }, $n = {
+  key: 0,
+  class: "status-text"
+}, Cn = {
+  key: 1,
+  class: "status-text"
+}, _n = {
+  key: 2,
+  class: "status-text status-complete"
+}, Sn = { class: "nh-time-pickers" }, Mn = { class: "nh-time-picker" }, Ln = { class: "nh-date-picker" }, In = { class: "nh-date-picker-header" }, En = { class: "nh-date-picker-header-label" }, Bn = { class: "nh-date-picker-content" }, Tn = { class: "nh-date-table" }, zn = ["onClick"], Kn = { class: "nh-date-table-cell" }, Hn = { key: 0 }, Rn = { class: "nh-time-picker" }, Vn = { class: "nh-date-picker" }, An = { class: "nh-date-picker-header" }, Fn = { class: "nh-date-picker-header-label" }, Wn = { class: "nh-date-picker-content" }, Nn = { class: "nh-date-table" }, Pn = ["onClick"], Yn = { class: "nh-date-table-cell" }, jn = { key: 0 }, On = { class: "nh-time-actions" }, Un = /* @__PURE__ */ me({
+  __name: "ytime",
+  props: {
+    modelValue: { default: () => ({ startDate: null, endDate: null }) },
+    placeholder: { default: "请选择日期范围" },
+    shortcuts: { default: () => [
+      {
+        label: "今天",
+        getValue: () => {
+          const e = /* @__PURE__ */ new Date(), m = new Date(e.getFullYear(), e.getMonth(), e.getDate()), t = new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59);
+          return { startDate: m, endDate: t };
+        }
+      },
+      {
+        label: "昨天",
+        getValue: () => {
+          const e = /* @__PURE__ */ new Date();
+          e.setDate(e.getDate() - 1);
+          const m = new Date(e.getFullYear(), e.getMonth(), e.getDate()), t = new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59);
+          return { startDate: m, endDate: t };
+        }
+      },
+      {
+        label: "近7天",
+        getValue: () => {
+          const e = /* @__PURE__ */ new Date(), m = /* @__PURE__ */ new Date();
+          return m.setDate(m.getDate() - 6), m.setHours(0, 0, 0, 0), e.setHours(23, 59, 59, 999), { startDate: m, endDate: e };
+        }
+      },
+      {
+        label: "近30天",
+        getValue: () => {
+          const e = /* @__PURE__ */ new Date(), m = /* @__PURE__ */ new Date();
+          return m.setDate(m.getDate() - 29), m.setHours(0, 0, 0, 0), e.setHours(23, 59, 59, 999), { startDate: m, endDate: e };
+        }
+      },
+      {
+        label: "近3个月",
+        getValue: () => {
+          const e = /* @__PURE__ */ new Date(), m = /* @__PURE__ */ new Date();
+          return m.setMonth(m.getMonth() - 3), m.setHours(0, 0, 0, 0), e.setHours(23, 59, 59, 999), { startDate: m, endDate: e };
+        }
+      }
+    ] },
+    clearable: { type: Boolean, default: !0 },
+    format: { default: "timestamp" },
+    includeTime: { type: Boolean, default: !1 },
+    size: { default: "small" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = R(!1), s = R(-1), k = R(-1), C = R(null), L = R(), I = R(), h = R({
+      top: !0,
+      left: !0
+    }), d = R({
+      year: (/* @__PURE__ */ new Date()).getFullYear(),
+      month: (/* @__PURE__ */ new Date()).getMonth()
+    }), u = R({
+      year: (/* @__PURE__ */ new Date()).getFullYear(),
+      month: (/* @__PURE__ */ new Date()).getMonth() + 1
+    }), K = () => {
+      const o = new Date(d.value.year, d.value.month).getTime(), r = new Date(u.value.year, u.value.month).getTime();
+      if (o >= r) {
+        const E = new Date(d.value.year, d.value.month + 1);
+        u.value.year = E.getFullYear(), u.value.month = E.getMonth();
+      }
+    }, j = () => {
+      const o = new Date(d.value.year, d.value.month).getTime();
+      if (new Date(u.value.year, u.value.month).getTime() <= o) {
+        const E = new Date(u.value.year, u.value.month - 1);
+        d.value.year = E.getFullYear(), d.value.month = E.getMonth();
+      }
+    }, U = ["一", "二", "三", "四", "五", "六", "日"], N = R(null), $ = R(null), V = (o) => {
+      if (!o) return null;
+      if (o instanceof Date) return o;
+      if (typeof o == "number")
+        return new Date(o);
+      if (typeof o == "string") {
+        const r = new Date(o);
+        return isNaN(r.getTime()) ? null : r;
+      }
+      return null;
+    }, H = (o) => {
+      if (!o) return null;
+      const r = o.getFullYear(), E = String(o.getMonth() + 1).padStart(2, "0"), P = String(o.getDate()).padStart(2, "0");
+      if (t.includeTime) {
+        const se = String(o.getHours()).padStart(2, "0"), le = String(o.getMinutes()).padStart(2, "0"), ie = String(o.getSeconds()).padStart(2, "0");
+        return `${r}-${E}-${P} ${se}:${le}:${ie}`;
+      } else
+        return `${r}-${E}-${P}`;
+    }, T = (o) => o ? o.getTime() : null, q = (o) => o ? {
+      startDate: V(o.startDate),
+      endDate: V(o.endDate)
+    } : { startDate: null, endDate: null }, te = (o) => t.format === "string" ? {
+      startDate: H(o.startDate),
+      endDate: H(o.endDate)
+    } : t.format === "timestamp" ? {
+      startDate: T(o.startDate),
+      endDate: T(o.endDate)
+    } : o, X = (o, r) => `${String(r + 1).padStart(2, "0")}/${o}`, pe = (o, r) => o.getFullYear() === r.getFullYear() && o.getMonth() === r.getMonth() && o.getDate() === r.getDate(), ae = (o, r, E) => !r || !E ? !1 : o >= r && o <= E, y = (o) => {
+      const r = q(o);
+      if (!(r != null && r.startDate) || !(r != null && r.endDate))
+        return -1;
+      for (let E = 0; E < t.shortcuts.length; E++) {
+        const P = t.shortcuts[E].getValue();
+        if (P.startDate && P.endDate && r.startDate && r.endDate) {
+          const se = new Date(
+            r.startDate.getFullYear(),
+            r.startDate.getMonth(),
+            r.startDate.getDate()
+          ), le = new Date(
+            r.endDate.getFullYear(),
+            r.endDate.getMonth(),
+            r.endDate.getDate()
+          ), ie = new Date(
+            P.startDate.getFullYear(),
+            P.startDate.getMonth(),
+            P.startDate.getDate()
+          ), xe = new Date(
+            P.endDate.getFullYear(),
+            P.endDate.getMonth(),
+            P.endDate.getDate()
+          );
+          if (se.getTime() === ie.getTime() && le.getTime() === xe.getTime())
+            return E;
+        }
+      }
+      return -1;
+    }, g = (o, r) => {
+      const E = new Date(o, r, 1), P = new Date(o, r + 1, 0), se = E.getDay(), le = P.getDate(), ie = [], xe = /* @__PURE__ */ new Date(), We = se === 0 ? 6 : se - 1, Xe = new Date(o, r, 0);
+      for (let ge = We - 1; ge >= 0; ge--) {
+        const Se = new Date(o, r - 1, Xe.getDate() - ge);
+        ie.push({
+          date: Se,
+          day: Se.getDate(),
+          isCurrentMonth: !1,
+          isToday: pe(Se, xe),
+          isSelected: !1,
+          isInRange: !1,
+          isDisabled: !0
+          // 禁用非当前月的日期
+        });
+      }
+      for (let ge = 1; ge <= le; ge++) {
+        const Se = new Date(o, r, ge);
+        ie.push({
+          date: Se,
+          day: ge,
+          isCurrentMonth: !0,
+          isToday: pe(Se, xe),
+          isSelected: !1,
+          isInRange: !1,
+          isDisabled: !1
+        });
+      }
+      const Ge = 42 - ie.length;
+      for (let ge = 1; ge <= Ge; ge++) {
+        const Se = new Date(o, r + 1, ge);
+        ie.push({
+          date: Se,
+          day: ge,
+          isCurrentMonth: !1,
+          isToday: pe(Se, xe),
+          isSelected: !1,
+          isInRange: !1,
+          isDisabled: !0
+          // 禁用非当前月的日期
+        });
+      }
+      const je = [];
+      for (let ge = 0; ge < ie.length; ge += 7)
+        je.push(ie.slice(ge, ge + 7));
+      return je;
+    }, v = (o) => {
+      const r = te(o);
+      l("update:modelValue", r), l("change", r);
+    }, f = () => {
+      if (!L.value || !I.value) return;
+      const o = L.value.getBoundingClientRect(), r = I.value.getBoundingClientRect(), E = window.innerWidth, se = window.innerHeight - o.bottom, le = o.top, ie = r.height || 400;
+      se < ie && le > ie ? h.value.top = !1 : h.value.top = !0;
+      const xe = E - o.left, We = r.width || 640;
+      xe < We ? h.value.left = !1 : h.value.left = !0;
+    }, w = () => {
+      if (c.value = !c.value, c.value) {
+        const o = q(t.modelValue);
+        if (N.value = (o == null ? void 0 : o.startDate) || null, $.value = (o == null ? void 0 : o.endDate) || null, k.value = y(t.modelValue), s.value = -1, o != null && o.startDate && (d.value.year = o.startDate.getFullYear(), d.value.month = o.startDate.getMonth()), o != null && o.endDate)
+          u.value.year = o.endDate.getFullYear(), u.value.month = o.endDate.getMonth();
+        else {
+          const r = new Date(d.value.year, d.value.month + 1);
+          u.value.year = r.getFullYear(), u.value.month = r.getMonth();
+        }
+        K(), fe(() => {
+          f();
+        });
+      }
+    }, b = (o) => {
+      const r = o.target, E = L.value, P = I.value;
+      E && P && !E.contains(r) && !P.contains(r) && (c.value = !1, s.value = -1);
+    }, S = (o) => {
+      o.key === "Enter" || o.key === " " ? (o.preventDefault(), w()) : o.key === "ArrowDown" && (o.preventDefault(), c.value = !0, fe(() => {
+        f(), ne();
+      }));
+    }, W = (o) => {
+      var r;
+      o.key === "Escape" && (c.value = !1, s.value = -1, (r = L.value) == null || r.focus());
+    }, p = (o, r) => {
+      o.key === "ArrowDown" ? (o.preventDefault(), s.value = Math.min(r + 1, t.shortcuts.length - 1), Y(s.value)) : o.key === "ArrowUp" ? (o.preventDefault(), s.value = Math.max(r - 1, 0), Y(s.value)) : (o.key === "Enter" || o.key === " ") && (o.preventDefault(), ee(t.shortcuts[r]));
+    }, D = (o) => {
+      s.value = o;
+    }, F = () => {
+      s.value = -1;
+    }, ne = () => {
+      s.value = 0, Y(0);
+    }, Y = (o) => {
+      if (I.value) {
+        const E = I.value.querySelectorAll(".nh-time-shortcut")[o];
+        E && E.focus();
+      }
+    }, ee = (o) => {
+      const r = o.getValue();
+      t.includeTime && r.startDate && r.endDate && (r.startDate.setHours(0, 0, 0, 0), r.endDate.setHours(23, 59, 59, 999)), v(r), k.value = t.shortcuts.findIndex((E) => E.label === o.label), s.value = -1, c.value = !1;
+    }, Ie = (o, r) => {
+      if (!o || o.isDisabled) return;
+      let E;
+      if (t.includeTime ? (E = new Date(o.date), r === "start" || !N.value ? E.setHours(0, 0, 0, 0) : E.setHours(23, 59, 59, 999)) : E = new Date(o.date.getFullYear(), o.date.getMonth(), o.date.getDate()), !N.value && !$.value)
+        N.value = E, $.value = null;
+      else if (N.value && !$.value)
+        if (E >= N.value)
+          t.includeTime && E.setHours(23, 59, 59, 999), $.value = E;
+        else {
+          const P = N.value;
+          t.includeTime && P.setHours(23, 59, 59, 999), $.value = P, N.value = E;
+        }
+      else
+        N.value = E, $.value = null;
+      if (k.value = -1, N.value && $.value) {
+        const P = new Date($.value);
+        t.includeTime && P.setHours(23, 59, 59, 999), C.value = {
+          startDate: N.value,
+          endDate: P
+        };
+      } else
+        C.value = null;
+    }, $e = (o, r) => {
+      if (!o) return ["nh-date-table-td"];
+      const E = ["nh-date-table-td"];
+      return o.isCurrentMonth || E.push("is-prev-month"), o.isToday && E.push("is-today"), o.isDisabled && E.push("is-disabled"), N.value && pe(o.date, N.value) && E.push("is-selected", "is-start"), $.value && pe(o.date, $.value) && E.push("is-selected", "is-end"), N.value && $.value && ae(o.date, N.value, $.value) && E.push("is-in-range"), E;
+    }, Ae = () => {
+      C.value && (t.includeTime && C.value.endDate && C.value.endDate.setHours(23, 59, 59, 999), v(C.value), k.value = y(C.value), c.value = !1);
+    }, He = () => {
+      v({ startDate: null, endDate: null }), Z(), s.value = -1, c.value = !1;
+    }, Te = () => {
+      c.value && fe(() => {
+        f();
+      });
+    }, Ce = O(() => g(d.value.year, d.value.month)), ze = O(() => g(u.value.year, u.value.month)), x = O(() => {
+      const o = q(t.modelValue);
+      if (!o || !o.startDate || !o.endDate)
+        return "";
+      const r = (se) => {
+        const le = String(se.getFullYear()), ie = String(se.getMonth() + 1).padStart(2, "0"), xe = String(se.getDate()).padStart(2, "0");
+        return `${le}/${ie}/${xe}`;
+      }, E = r(o.startDate), P = r(o.endDate);
+      return !t.includeTime && E === P ? E : `${E} - ${P}`;
+    }), B = O(() => [
+      "nh-time-dropdown",
+      {
+        "nh-time-dropdown-top": !h.value.top,
+        "nh-time-dropdown-right": !h.value.left
+      }
+    ]), _ = O(() => {
+      const o = q(t.modelValue);
+      return !!(o != null && o.startDate && (o != null && o.endDate));
+    }), M = O(() => !!(N.value && $.value)), Z = () => {
+      N.value = null, $.value = null, C.value = null, k.value = -1;
+    };
+    oe(() => t.modelValue, (o) => {
+      const r = q(o);
+      if (r != null && r.startDate) {
+        const E = r.startDate;
+        d.value.year = E.getFullYear(), d.value.month = E.getMonth();
+      }
+      if (r != null && r.endDate) {
+        const E = r.endDate;
+        u.value.year = E.getFullYear(), u.value.month = E.getMonth();
+      } else if (r != null && r.startDate) {
+        const E = new Date(d.value.year, d.value.month + 1);
+        u.value.year = E.getFullYear(), u.value.month = E.getMonth();
+      }
+      (r != null && r.startDate || r != null && r.endDate) && K(), c.value || (k.value = y(o));
+    }, { immediate: !0, deep: !0 }), oe([d, u], () => {
+      const o = new Date(d.value.year, d.value.month).getTime(), r = new Date(u.value.year, u.value.month).getTime();
+      if (o === r) {
+        const E = new Date(d.value.year, d.value.month + 1);
+        u.value.year = E.getFullYear(), u.value.month = E.getMonth();
+      }
+    }, { deep: !0 }), _e(() => {
+      document.addEventListener("click", b), window.addEventListener("resize", Te), window.addEventListener("scroll", Te), k.value = y(t.modelValue);
+      const o = q(t.modelValue);
+      if (o != null && o.startDate && (d.value.year = o.startDate.getFullYear(), d.value.month = o.startDate.getMonth()), o != null && o.endDate)
+        u.value.year = o.endDate.getFullYear(), u.value.month = o.endDate.getMonth();
+      else {
+        const r = new Date(d.value.year, d.value.month + 1);
+        u.value.year = r.getFullYear(), u.value.month = r.getMonth();
+      }
+      K();
+    }), Be(() => {
+      document.removeEventListener("click", b), window.removeEventListener("resize", Te), window.removeEventListener("scroll", Te);
+    });
+    const J = () => {
+      t.clearable && (v({ startDate: null, endDate: null }), Z(), s.value = -1);
+    }, ce = (o, r) => {
+      if (o === "start") {
+        const E = new Date(d.value.year, d.value.month + r, 1);
+        d.value.year = E.getFullYear(), d.value.month = E.getMonth(), K();
+      } else {
+        const E = new Date(u.value.year, u.value.month + r, 1);
+        u.value.year = E.getFullYear(), u.value.month = E.getMonth(), j();
+      }
+    };
+    return (o, r) => {
+      const E = tt("ybutton");
+      return a(), i("div", {
+        class: z(["nh-time-search", [`nh-time--${e.size}`]])
+      }, [
+        n("div", pn, [
+          n("div", {
+            ref_key: "trigger",
+            ref: L,
+            onClick: w,
+            onKeydown: S,
+            class: z(["nh-time-trigger", { "is-focus": c.value, "has-value": _.value }]),
+            tabindex: "0"
+          }, [
+            n("input", {
+              readonly: "",
+              value: x.value,
+              placeholder: e.placeholder,
+              class: "nh-time-input"
+            }, null, 8, gn),
+            n("span", yn, [
+              e.clearable && _.value ? (a(), i("i", {
+                key: 0,
+                onClick: Q(J, ["stop"]),
+                class: "nh-time-clear"
+              }, [...r[4] || (r[4] = [
+                n("svg", {
+                  viewBox: "0 0 1024 1024",
+                  width: "14",
+                  height: "14"
+                }, [
+                  n("path", {
+                    d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1 1.9-11.2c1.5-1.2 3.3-1.9 5.2-1.9l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130.1 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
+                    fill: "currentColor"
+                  })
+                ], -1)
+              ])])) : A("", !0),
+              r[6] || (r[6] = n("i", { class: "nh-time-icon" }, [
+                n("svg", {
+                  viewBox: "0 0 1024 1024",
+                  width: "14",
+                  height: "14"
+                }, [
+                  n("path", {
+                    d: "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zM648 248v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h112v120H152V248h112v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h312zm184 584H192V424h640v408z",
+                    fill: "currentColor"
+                  })
+                ])
+              ], -1)),
+              n("i", {
+                class: z(["nh-time-arrow", { "is-reverse": c.value }])
+              }, [...r[5] || (r[5] = [
+                n("svg", {
+                  viewBox: "0 0 1024 1024",
+                  width: "12",
+                  height: "12"
+                }, [
+                  n("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 0.1-12.7-6.4-12.7z",
+                    fill: "currentColor"
+                  })
+                ], -1)
+              ])], 2)
+            ])
+          ], 34),
+          de(ke, { name: "el-zoom-in-top" }, {
+            default: he(() => [
+              c.value ? (a(), i("div", {
+                key: 0,
+                ref_key: "dropdown",
+                ref: I,
+                class: z(B.value),
+                onKeydown: W
+              }, [
+                n("div", mn, [
+                  r[7] || (r[7] = n("div", { class: "nh-time-shortcuts-title" }, "快捷选项", -1)),
+                  n("ul", wn, [
+                    (a(!0), i(re, null, ve(e.shortcuts, (P, se) => (a(), i("li", {
+                      key: P.label,
+                      onClick: (le) => ee(P),
+                      onKeydown: (le) => p(le, se),
+                      onMouseenter: (le) => D(se),
+                      onMouseleave: F,
+                      class: z([
+                        "nh-time-shortcut",
+                        {
+                          "is-active": s.value === se,
+                          "is-selected": k.value === se
+                        }
+                      ]),
+                      tabindex: "0"
+                    }, G(P.label), 43, bn))), 128))
+                  ])
+                ]),
+                n("div", kn, [
+                  n("div", xn, [
+                    r[8] || (r[8] = n("span", null, "自定义时间", -1)),
+                    n("div", Dn, [
+                      !N.value && !$.value ? (a(), i("span", $n, " 请选择开始日期 ")) : N.value && !$.value ? (a(), i("span", Cn, " 请选择结束日期 ")) : N.value && $.value ? (a(), i("span", _n, " 已选择完整范围 ")) : A("", !0)
+                    ])
+                  ]),
+                  n("div", Sn, [
+                    n("div", Mn, [
+                      n("div", Ln, [
+                        n("div", In, [
+                          n("button", {
+                            onClick: r[0] || (r[0] = (P) => ce("start", -1)),
+                            class: "nh-date-picker-btn nh-date-picker-prev-btn",
+                            type: "button"
+                          }, [...r[9] || (r[9] = [
+                            n("svg", {
+                              viewBox: "0 0 1024 1024",
+                              width: "12",
+                              height: "12"
+                            }, [
+                              n("path", {
+                                d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.2 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
+                                fill: "currentColor"
+                              })
+                            ], -1)
+                          ])]),
+                          n("span", En, G(X(d.value.year, d.value.month)), 1),
+                          n("button", {
+                            onClick: r[1] || (r[1] = (P) => ce("start", 1)),
+                            class: "nh-date-picker-btn nh-date-picker-next-btn",
+                            type: "button"
+                          }, [...r[10] || (r[10] = [
+                            n("svg", {
+                              viewBox: "0 0 1024 1024",
+                              width: "12",
+                              height: "12"
+                            }, [
+                              n("path", {
+                                d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.8 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z",
+                                fill: "currentColor"
+                              })
+                            ], -1)
+                          ])])
+                        ]),
+                        n("div", Bn, [
+                          n("table", Tn, [
+                            n("thead", null, [
+                              n("tr", null, [
+                                (a(), i(re, null, ve(U, (P) => n("th", {
+                                  key: P,
+                                  class: "nh-date-table-th"
+                                }, G(P), 1)), 64))
+                              ])
+                            ]),
+                            n("tbody", null, [
+                              (a(!0), i(re, null, ve(Ce.value, (P, se) => (a(), i("tr", {
+                                key: `start-week-${se}`
+                              }, [
+                                (a(!0), i(re, null, ve(P, (le, ie) => (a(), i("td", {
+                                  key: `start-day-${se}-${ie}`,
+                                  class: z($e(le)),
+                                  onClick: (xe) => Ie(le, "start")
+                                }, [
+                                  n("div", Kn, [
+                                    le ? (a(), i("span", Hn, G(le.day), 1)) : A("", !0)
+                                  ])
+                                ], 10, zn))), 128))
+                              ]))), 128))
+                            ])
+                          ])
+                        ])
+                      ])
+                    ]),
+                    n("div", Rn, [
+                      n("div", Vn, [
+                        n("div", An, [
+                          n("button", {
+                            onClick: r[2] || (r[2] = (P) => ce("end", -1)),
+                            class: "nh-date-picker-btn nh-date-picker-prev-btn",
+                            type: "button"
+                          }, [...r[11] || (r[11] = [
+                            n("svg", {
+                              viewBox: "0 0 1024 1024",
+                              width: "12",
+                              height: "12"
+                            }, [
+                              n("path", {
+                                d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.2 4.1 12.9 0.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
+                                fill: "currentColor"
+                              })
+                            ], -1)
+                          ])]),
+                          n("span", Fn, G(X(u.value.year, u.value.month)), 1),
+                          n("button", {
+                            onClick: r[3] || (r[3] = (P) => ce("end", 1)),
+                            class: "nh-date-picker-btn nh-date-picker-next-btn",
+                            type: "button"
+                          }, [...r[12] || (r[12] = [
+                            n("svg", {
+                              viewBox: "0 0 1024 1024",
+                              width: "12",
+                              height: "12"
+                            }, [
+                              n("path", {
+                                d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.8 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z",
+                                fill: "currentColor"
+                              })
+                            ], -1)
+                          ])])
+                        ]),
+                        n("div", Wn, [
+                          n("table", Nn, [
+                            n("thead", null, [
+                              n("tr", null, [
+                                (a(), i(re, null, ve(U, (P) => n("th", {
+                                  key: P,
+                                  class: "nh-date-table-th"
+                                }, G(P), 1)), 64))
+                              ])
+                            ]),
+                            n("tbody", null, [
+                              (a(!0), i(re, null, ve(ze.value, (P, se) => (a(), i("tr", {
+                                key: `end-week-${se}`
+                              }, [
+                                (a(!0), i(re, null, ve(P, (le, ie) => (a(), i("td", {
+                                  key: `end-day-${se}-${ie}`,
+                                  class: z($e(le)),
+                                  onClick: (xe) => Ie(le, "end")
+                                }, [
+                                  n("div", Yn, [
+                                    le ? (a(), i("span", jn, G(le.day), 1)) : A("", !0)
+                                  ])
+                                ], 10, Pn))), 128))
+                              ]))), 128))
+                            ])
+                          ])
+                        ])
+                      ])
+                    ])
+                  ]),
+                  n("div", On, [
+                    e.clearable ? (a(), Le(E, {
+                      key: 0,
+                      onClick: He,
+                      variant: "secondary",
+                      size: e.size
+                    }, {
+                      default: he(() => [...r[13] || (r[13] = [
+                        De(" 清空 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["size"])) : A("", !0),
+                    de(E, {
+                      onClick: Ae,
+                      disabled: !M.value,
+                      variant: "primary",
+                      size: e.size
+                    }, {
+                      default: he(() => [
+                        De(G(N.value && !$.value ? "继续选择结束日期" : "确认"), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["disabled", "size"])
+                  ])
+                ])
+              ], 34)) : A("", !0)
+            ]),
+            _: 1
+          })
+        ])
+      ], 2);
+    };
+  }
+}), Je = /* @__PURE__ */ we(Un, [["__scopeId", "data-v-188f57ca"]]), qn = ["aria-checked", "aria-disabled", "disabled", "onKeydown"], Zn = { class: "yswitch__thumb" }, Qn = {
+  key: 0,
+  class: "yswitch__spinner",
+  "aria-hidden": "true"
+}, Jn = /* @__PURE__ */ me({
+  __name: "yswitch",
+  props: {
+    modelValue: { default: !1 },
+    trueValue: { default: !0 },
+    falseValue: { default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    size: { default: "medium" },
+    activeColor: { default: "#10b981" },
+    inactiveColor: { default: "#e5e7eb" },
+    activeText: { default: "开" },
+    inactiveText: { default: "关" },
+    showText: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "focus", "blur"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = R(), s = O(() => t.modelValue === t.trueValue), k = O(() => {
+      const L = {};
+      return L.background = s.value ? t.activeColor : t.inactiveColor, L;
+    });
+    function C() {
+      if (t.disabled || t.loading) return;
+      const L = s.value ? t.falseValue : t.trueValue;
+      l("update:modelValue", L), l("change", L);
+    }
+    return _e(() => {
+      const L = c.value;
+      L && (L.addEventListener("focus", (I) => l("focus", I)), L.addEventListener("blur", (I) => l("blur", I)));
+    }), (L, I) => (a(), i("button", {
+      ref_key: "rootEl",
+      ref: c,
+      class: z(["yswitch", [
+        `yswitch--${e.size}`,
+        { "yswitch--checked": s.value, "yswitch--disabled": e.disabled, "yswitch--loading": e.loading }
+      ]]),
+      style: ye(k.value),
+      role: "switch",
+      "aria-checked": s.value,
+      "aria-disabled": e.disabled,
+      disabled: e.disabled || e.loading,
+      onClick: C,
+      onKeydown: [
+        be(Q(C, ["prevent"]), ["enter"]),
+        be(Q(C, ["prevent"]), ["space"])
+      ]
+    }, [
+      I[0] || (I[0] = n("span", { class: "yswitch__track" }, null, -1)),
+      n("span", Zn, [
+        e.loading ? (a(), i("span", Qn)) : A("", !0)
+      ]),
+      e.showText ? (a(), i("span", {
+        key: 0,
+        class: z(["yswitch__label", { "yswitch__label--left": !s.value, "yswitch__label--right": s.value }])
+      }, G(s.value ? e.activeText : e.inactiveText), 3)) : A("", !0)
+    ], 46, qn));
+  }
+}), Xn = /* @__PURE__ */ we(Jn, [["__scopeId", "data-v-0b157fc4"]]), Gn = ["src", "alt"], el = ["src", "alt"], tl = /* @__PURE__ */ me({
+  __name: "yimage",
+  props: {
+    src: {},
+    alt: { default: "" },
+    width: {},
+    height: {},
+    lazy: { type: Boolean, default: !0 },
+    preview: { type: Boolean, default: !0 },
+    fit: { default: "cover" },
+    radius: { default: "0" },
+    className: { default: "" },
+    previewSrcList: {}
+  },
+  emits: ["load", "error", "preview"],
+  setup(e, { expose: m, emit: t }) {
+    const l = e, c = t, s = R(), k = R(), C = R(), L = R(!1), I = R(!1), h = R(!1), d = R(!1), u = R(!1), K = R("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSDog4zmma8gLS0+CiAgPHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIGZpbGw9IiNGM0Y0RjYiLz4KICAKICA8IS0tIOWbvueJh+WbvuaghyAtLT4KICA8cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iODAiIHJ4PSI0IiBmaWxsPSIjRDFENURCIiBzdHJva2U9IiM5Q0EzQUYiIHN0cm9rZS13aWR0aD0iMiIvPgogIAogIDwhLS0g5Zu+54mH5YaF6YOo6KOF6aWwIC0tPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iNzAiIHI9IjgiIGZpbGw9IiM5Q0EzQUYiLz4KICA8cGF0aCBkPSJNNjAgMTAwIEw5MCA4NSBMMTIwIDk1IEwxNDAgODAiIHN0cm9rZT0iIzlDQTNBRiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICAKICA8IS0tIOaWh+WtlyAtLT4KICA8dGV4dCB4PSIxMDAiIHk9IjE2MCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZmlsbD0iIzZCNzI4MCIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0iNTAwIj4KICAgIEltYWdlIG5vdCBhdmFpbGFibGUKICA8L3RleHQ+Cjwvc3ZnPiA="), j = R(""), U = R(1), N = R(!1), $ = R({
+      overflow: "",
+      paddingRight: ""
+    }), V = O(() => [
+      l.className,
+      "overflow-hidden"
+    ].filter(Boolean).join(" ")), H = O(() => [
+      X(),
+      ae()
+    ].filter(Boolean).join(" ")), T = O(() => [
+      "w-full h-full bg-white",
+      pe(),
+      ae(),
+      l.preview ? "cursor-pointer hover:opacity-90 transition-opacity duration-200" : ""
+    ].filter(Boolean).join(" ")), q = O(() => [
+      X(),
+      ae()
+    ].filter(Boolean).join(" ")), te = O(() => {
+      const Y = {};
+      return l.width && (Y.width = typeof l.width == "number" ? `${l.width}px` : l.width), l.height && (Y.height = typeof l.height == "number" ? `${l.height}px` : l.height), Y;
+    }), X = () => l.width && l.height ? "" : "w-full h-full", pe = () => ({
+      cover: "object-cover",
+      contain: "object-contain",
+      fill: "object-fill",
+      none: "object-none",
+      "scale-down": "object-scale-down"
+    })[l.fit] || "object-cover", ae = () => typeof l.radius == "number" ? `rounded-${l.radius}` : typeof l.radius == "string" ? l.radius.includes("px") ? "" : `rounded-${l.radius}` : "", y = () => {
+      const Y = document.createElement("div");
+      Y.style.cssText = "width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px;", document.body.appendChild(Y);
+      const ee = Y.offsetWidth - Y.clientWidth;
+      return document.body.removeChild(Y), ee;
+    }, g = () => {
+      if ($.value = {
+        overflow: document.body.style.overflow || "",
+        paddingRight: document.body.style.paddingRight || ""
+      }, document.body.scrollHeight > window.innerHeight) {
+        const ee = y();
+        document.body.style.paddingRight = `${ee}px`;
+      }
+      document.body.style.overflow = "hidden";
+    }, v = () => {
+      document.body.style.overflow = $.value.overflow, document.body.style.paddingRight = $.value.paddingRight;
+    };
+    let f = null;
+    const w = () => {
+      !l.lazy || !s.value || (f = new IntersectionObserver(
+        (Y) => {
+          Y.forEach((ee) => {
+            ee.isIntersecting && (d.value = !0, K.value = l.src, f == null || f.unobserve(ee.target));
+          });
+        },
+        {
+          rootMargin: "50px"
+        }
+      ), f.observe(s.value));
+    }, b = (Y) => {
+      L.value = !0, I.value = !1, h.value = !1, c("load", Y);
+    }, S = (Y) => {
+      h.value = !0, I.value = !1, L.value = !1, c("error", Y);
+    }, W = () => {
+      h.value = !1, I.value = !0, L.value = !1, fe(() => {
+        k.value && (k.value.src = l.src);
+      });
+    }, p = () => {
+      if (!l.preview || h.value) return;
+      U.value = 1;
+      const Y = new Image();
+      Y.onload = () => {
+        j.value = l.src, fe(() => {
+          u.value = !0, g(), c("preview", l.src);
+        });
+      }, Y.onerror = () => {
+        j.value = l.src, u.value = !0, g(), c("preview", l.src);
+      }, Y.src = l.src;
+    }, D = () => {
+      u.value = !1, setTimeout(() => {
+        v();
+      }, 300);
+    }, F = (Y) => {
+      const ee = Y.deltaY < 0 ? 1 : -1;
+      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 && (I.value = !0), N.value = !0;
+    }), Be(() => {
+      f && f.disconnect(), u.value && v();
+    }), oe(() => K.value, () => {
+      l.src && d.value && (I.value = !0, h.value = !1, L.value = !1);
+    }), oe(() => l.src, (Y) => {
+      K.value = Y || "";
+    }), m({
+      retryLoad: W,
+      closePreview: D
+    }), (Y, ee) => (a(), i("div", {
+      ref_key: "containerRef",
+      ref: s,
+      class: z(["relative inline-block", V.value])
+    }, [
+      !L.value && !h.value && !d.value ? (a(), i("div", {
+        key: 0,
+        class: z(["bg-gray-200 animate-pulse rounded", H.value])
+      }, [...ee[1] || (ee[1] = [
+        n("div", { class: "flex items-center justify-center h-full" }, [
+          n("svg", {
+            class: "w-6 h-6 text-gray-400",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24"
+          }, [
+            n("path", {
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+            })
+          ])
+        ], -1)
+      ])], 2)) : A("", !0),
+      I.value && !h.value ? (a(), i("div", {
+        key: 1,
+        class: z(["absolute inset-0 flex items-center justify-center bg-gray-100 rounded", T.value])
+      }, [...ee[2] || (ee[2] = [
+        n("div", { class: "flex flex-col items-center space-y-2" }, [
+          n("div", { class: "w-8 h-8 border-4 border-primary/20 border-t-primary rounded-full animate-spin" })
+        ], -1)
+      ])], 2)) : A("", !0),
+      h.value ? (a(), i("div", {
+        key: 2,
+        class: z(["bg-gray-100 rounded flex items-center justify-center", q.value]),
+        onClick: W
+      }, [
+        n("img", {
+          src: "https://img.nihaojewelry.com/media/2025/6/27/1938511770352222208.png",
+          alt: "Error Image",
+          class: z(["w-[70%] h-[70%] object-contain cursor-pointer", ae()])
+        }, null, 2)
+      ], 2)) : A("", !0),
+      Ee(n("img", {
+        ref_key: "imageRef",
+        ref: k,
+        src: K.value,
+        alt: e.alt,
+        class: z(T.value),
+        onLoad: b,
+        onError: S,
+        onClick: p,
+        style: ye(te.value)
+      }, null, 46, Gn), [
+        [Ke, L.value && !h.value]
+      ]),
+      N.value ? (a(), Le(Ve, {
+        key: 3,
+        to: "body"
+      }, [
+        de(ke, { name: "fade" }, {
+          default: he(() => [
+            u.value ? (a(), i("div", {
+              key: 0,
+              class: "fixed inset-0 bg-black/75 flex items-center justify-center",
+              style: { "z-index": "99999" },
+              onClick: Q(D, ["self"]),
+              onWheel: Q(F, ["prevent"])
+            }, [
+              n("div", {
+                class: z(["relative max-w-4xl max-h-full p-4 transform transition-transform duration-300", { "scale-100": u.value, "scale-95": !u.value }])
+              }, [
+                n("img", {
+                  ref_key: "previewImageRef",
+                  ref: C,
+                  src: l.previewSrcList || j.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(${U.value})` }),
+                  onClick: ee[0] || (ee[0] = Q(() => {
+                  }, ["stop"]))
+                }, null, 12, el)
+              ], 2)
+            ], 32)) : A("", !0)
+          ]),
+          _: 1
+        })
+      ])) : A("", !0)
+    ], 2));
+  }
+}), nl = /* @__PURE__ */ we(tl, [["__scopeId", "data-v-bb70f12d"]]), ll = /* @__PURE__ */ me({
+  __name: "ydropdown",
+  props: {
+    trigger: { default: "hover" },
+    placement: { default: "bottom" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const m = e, t = R(!1), l = R();
+    let c = null;
+    const s = O(() => `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(() => {
+        L();
+      }));
+    }, C = () => {
+      console.log("隐藏下拉菜单"), c = setTimeout(() => {
+        t.value = !1, console.log("设置 visible 为 false", t.value);
+      }, 150);
+    }, L = () => {
+      if (!l.value) return;
+      const d = l.value.querySelector(".y-dropdown__trigger"), u = l.value.querySelector(".y-dropdown__menu");
+      if (!d || !u) return;
+      const K = d.getBoundingClientRect(), j = u.getBoundingClientRect(), U = window.innerWidth, N = window.innerHeight;
+      u.style.top = "", u.style.left = "", u.style.right = "", u.style.bottom = "", u.style.transform = "";
+      let $ = 0, V = 0;
+      switch (m.placement) {
+        case "bottom":
+          $ = K.height + 4, V = 0;
+          break;
+        case "top":
+          $ = -(j.height + 4), V = 0;
+          break;
+        case "right":
+          $ = 0, V = K.width + 4;
+          break;
+        case "left":
+          $ = 0, V = -(j.width + 4);
+          break;
+      }
+      let H = K.top + $, T = K.left + V;
+      if (m.placement === "bottom" || m.placement === "top") {
+        const q = j.width || 260;
+        T + q > U - 10 && (T = U - q - 10), T < 10 && (T = 10);
+      }
+      if (m.placement === "left" || m.placement === "right") {
+        const q = j.height || 200;
+        H + q > N - 10 && (H = N - q - 10), H < 10 && (H = 10);
+      }
+      u.style.top = `${H}px`, u.style.left = `${T}px`;
+    }, I = (d) => {
+      m.trigger === "click" && l.value && !l.value.contains(d.target) && (t.value = !1);
+    }, h = () => {
+      t.value && L();
+    };
+    return _e(() => {
+      m.trigger === "click" && document.addEventListener("click", I), window.addEventListener("resize", h), window.addEventListener("scroll", h);
+    }), Be(() => {
+      m.trigger === "click" && document.removeEventListener("click", I), c && clearTimeout(c), window.removeEventListener("resize", h), window.removeEventListener("scroll", h);
+    }), (d, u) => (a(), i("div", {
+      class: "y-dropdown",
+      ref_key: "dropdownRef",
+      ref: l
+    }, [
+      n("div", {
+        class: "y-dropdown__trigger",
+        onMouseenter: k,
+        onMouseleave: C
+      }, [
+        ue(d.$slots, "trigger", {}, () => [
+          u[0] || (u[0] = n("button", { class: "y-dropdown__button" }, " 下拉菜单 ", -1))
+        ], !0)
+      ], 32),
+      de(ke, {
+        name: "dropdown-fade",
+        appear: ""
+      }, {
+        default: he(() => [
+          Ee(n("div", {
+            class: z(["y-dropdown__menu", s.value]),
+            onMouseenter: k,
+            onMouseleave: C
+          }, [
+            ue(d.$slots, "default", {}, () => [
+              u[1] || (u[1] = n("div", { class: "y-dropdown__item" }, "选项 1", -1)),
+              u[2] || (u[2] = n("div", { class: "y-dropdown__item" }, "选项 2", -1)),
+              u[3] || (u[3] = n("div", { class: "y-dropdown__item" }, "选项 3", -1))
+            ], !0)
+          ], 34), [
+            [Ke, t.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 512));
+  }
+}), ol = /* @__PURE__ */ we(ll, [["__scopeId", "data-v-ed80047f"]]), al = ["aria-hidden"], sl = ["onKeydown"], il = {
+  key: 0,
+  class: "y-drawer-header"
+}, rl = { class: "y-drawer-title" }, ul = { class: "y-drawer-body" }, dl = {
+  key: 1,
+  class: "y-drawer-footer"
+}, cl = /* @__PURE__ */ me({
+  __name: "ydrawer",
+  props: {
+    modelValue: { type: Boolean, default: !1 },
+    placement: { default: "right" },
+    width: { default: "420px" },
+    height: { default: "60vh" },
+    title: { default: "" },
+    closable: { type: Boolean, default: !0 },
+    maskClosable: { type: Boolean, default: !0 },
+    zIndex: { default: 3e3 },
+    showHeader: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = O({
+      get: () => t.modelValue,
+      set: (K) => l("update:modelValue", K)
+    }), s = R(null), k = O(() => t.placement === "right" ? "drawer-slide-right" : "drawer-slide-bottom"), C = O(() => t.placement === "right" ? "rounded-left" : "rounded-top"), L = O(() => {
+      const K = {};
+      return t.placement === "right" ? (K.width = typeof t.width == "number" ? `${t.width}px` : String(t.width), K.height = "100%", K.right = "0", K.top = "0") : (K.height = typeof t.height == "number" ? `${t.height}px` : String(t.height), K.width = "100%", K.bottom = "0", K.left = "0"), K;
+    });
+    function I() {
+      t.maskClosable && h();
+    }
+    function h() {
+      c.value && (c.value = !1, l("close"));
+    }
+    function d() {
+      t.closable && h();
+    }
+    function u(K) {
+      K.key === "Escape" && d();
+    }
+    return oe(() => t.modelValue, (K) => {
+      K ? (l("open"), requestAnimationFrame(() => {
+        var j;
+        return (j = s.value) == null ? void 0 : j.focus();
+      }), document.addEventListener("keydown", u), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", u), document.body.style.overflow = "");
+    }), _e(() => {
+      t.modelValue && (document.addEventListener("keydown", u), document.body.style.overflow = "hidden");
+    }), Be(() => {
+      document.removeEventListener("keydown", u), document.body.style.overflow = "";
+    }), (K, j) => (a(), Le(Ve, { to: "body" }, [
+      Ee(n("div", {
+        class: "y-drawer-root",
+        role: "dialog",
+        "aria-modal": !0,
+        "aria-hidden": !c.value,
+        style: ye({ zIndex: String(e.zIndex) })
+      }, [
+        n("div", {
+          class: "y-drawer-mask",
+          onClick: I
+        }),
+        de(ke, { name: k.value }, {
+          default: he(() => [
+            Ee(n("div", {
+              ref_key: "panelRef",
+              ref: s,
+              class: z(["y-drawer-panel", [
+                `is-${e.placement}`,
+                C.value
+              ]]),
+              style: ye(L.value),
+              onKeydown: be(Q(d, ["prevent", "stop"]), ["esc"]),
+              tabindex: "-1"
+            }, [
+              e.showHeader ? (a(), i("div", il, [
+                n("div", rl, G(e.title), 1),
+                e.closable ? (a(), i("button", {
+                  key: 0,
+                  type: "button",
+                  class: "y-drawer-close",
+                  "aria-label": "Close",
+                  onClick: h
+                }, " ✕ ")) : A("", !0)
+              ])) : A("", !0),
+              n("div", ul, [
+                ue(K.$slots, "default", {}, void 0, !0)
+              ]),
+              K.$slots.footer ? (a(), i("div", dl, [
+                ue(K.$slots, "footer", {}, void 0, !0)
+              ])) : A("", !0)
+            ], 46, sl), [
+              [Ke, c.value]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ], 12, al), [
+        [Ke, c.value]
+      ])
+    ]));
+  }
+}), fl = /* @__PURE__ */ we(cl, [["__scopeId", "data-v-b2797950"]]), vl = { class: "ytree__container" }, hl = ["data-level", "onClick", "onContextmenu"], pl = ["onClick"], gl = {
+  key: 1,
+  class: "w-[16px]"
+}, yl = ["onClick"], ml = {
+  key: 0,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, wl = {
+  key: 1,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, bl = ["src", "alt"], kl = { class: "ytree-node__custom-content" }, xl = {
+  key: 0,
+  class: "ytree-node__children"
+}, Dl = ["data-level", "onClick", "onContextmenu"], $l = ["onClick"], Cl = {
+  key: 1,
+  class: "w-[16px]"
+}, _l = ["onClick"], Sl = {
+  key: 0,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Ml = {
+  key: 1,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Ll = ["src", "alt"], Il = { class: "ytree-node__custom-content" }, El = {
+  key: 0,
+  class: "ytree-node__children"
+}, Bl = ["data-level", "onClick", "onContextmenu"], Tl = ["onClick"], zl = {
+  key: 1,
+  class: "w-[16px]"
+}, Kl = ["onClick"], Hl = {
+  key: 0,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Rl = {
+  key: 1,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Vl = ["src", "alt"], Al = { class: "ytree-node__custom-content" }, Fl = {
+  key: 0,
+  class: "ytree-node__children"
+}, Wl = ["data-level", "onClick", "onContextmenu"], Nl = ["onClick"], Pl = {
+  key: 1,
+  class: "w-[16px]"
+}, Yl = ["onClick"], jl = {
+  key: 0,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Ol = {
+  key: 1,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, Ul = ["src", "alt"], ql = { class: "ytree-node__custom-content" }, Zl = {
+  key: 0,
+  class: "ytree-node__children"
+}, Ql = ["data-level", "onClick", "onContextmenu"], Jl = ["onClick"], Xl = {
+  key: 1,
+  class: "w-[16px]"
+}, Gl = ["onClick"], eo = {
+  key: 0,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, to = {
+  key: 1,
+  width: "12",
+  height: "12",
+  viewBox: "0 0 12 12",
+  fill: "none"
+}, no = ["src", "alt"], lo = { class: "ytree-node__custom-content" }, oo = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979094146203385856/32.png", ao = "https://image.nhdropshipping.com/fit-in/500x500/filters:format(webp)/media/2025/10/17/1979095296159907840/32.png", so = /* @__PURE__ */ me({
+  __name: "ytree",
+  props: {
+    data: { default: () => [] },
+    emptyText: { default: "暂无数据" },
+    nodeKey: { default: "id" },
+    props: { default: () => ({
+      children: "children",
+      label: "label",
+      disabled: "disabled",
+      isLeaf: "isLeaf"
+    }) },
+    renderAfterExpand: { type: Boolean, default: !0 },
+    defaultExpandAll: { type: Boolean, default: !1 },
+    defaultExpandedKeys: { default: () => [] },
+    defaultCheckedKeys: { default: () => [] },
+    defaultSelectedKeys: { default: () => [] },
+    checkStrictly: { type: Boolean, default: !1 },
+    checkOnClickNode: { type: Boolean, default: !1 },
+    checkDescendants: { type: Boolean, default: !0 },
+    autoExpandParent: { type: Boolean, default: !0 },
+    defaultChecked: { type: Boolean, default: !1 },
+    filterNodeMethod: {},
+    lazy: { type: Boolean, default: !1 },
+    load: {},
+    renderContent: {},
+    highlightCurrent: { type: Boolean, default: !1 },
+    expandOnClickNode: { type: Boolean, default: !0 },
+    currentNodeKey: {},
+    accordion: { type: Boolean, default: !1 },
+    indent: { default: 18 },
+    iconClass: { default: "" },
+    showCheckbox: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !1 },
+    allowDrag: {},
+    allowDrop: {},
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: !1 },
+    deptIconUrl: { default: "" },
+    personIconUrl: { default: "" },
+    buttonIconUrl: { default: "" },
+    enableFourthLevelSpecialHandling: { type: Boolean, default: !1 },
+    restrictAutoExpandFromLevel: { default: void 0 }
+  },
+  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 = O(() => (console.log("ytree 组件接收到的数据:", t.data), t.data || [])), s = R({
+      currentNode: null,
+      currentKey: null,
+      checkedKeys: /* @__PURE__ */ new Set(),
+      expandedKeys: /* @__PURE__ */ new Set(),
+      selectedKeys: /* @__PURE__ */ new Set()
+    });
+    nt("treeStore", s);
+    const k = O(() => t.restrictAutoExpandFromLevel && t.restrictAutoExpandFromLevel > 0 ? t.restrictAutoExpandFromLevel : void 0);
+    function C(y) {
+      return y[t.nodeKey] || y.id || Math.random();
+    }
+    function L(y) {
+      var g;
+      return ((g = t.props) != null && g.label ? y[t.props.label] : void 0) || y.label || "";
+    }
+    function I(y) {
+      var g;
+      return !!((g = y == null ? void 0 : y.data) != null && g.isEmployee);
+    }
+    function h(y) {
+      var w;
+      const g = t.deptIconUrl || oo, v = t.personIconUrl || ao, f = t.buttonIconUrl || "";
+      return (w = y == null ? void 0 : y.data) != null && w.isButton && f ? f : I(y) ? v : g;
+    }
+    function d(y) {
+      var v;
+      const g = ((v = t.props) != null && v.children ? y[t.props.children] : void 0) || y.children;
+      return g && g.length > 0;
+    }
+    function u(y) {
+      var g;
+      return ((g = t.props) != null && g.children ? y[t.props.children] : void 0) || y.children || [];
+    }
+    function K(y, g, v = 1) {
+      if (y === g)
+        return v;
+      const f = u(y);
+      for (const w of f) {
+        const b = K(w, g, v + 1);
+        if (b > 0)
+          return b;
+      }
+      return 0;
+    }
+    function j(y) {
+      const g = C(y);
+      return s.value.expandedKeys.has(g);
+    }
+    function U(y) {
+      const g = C(y);
+      if (s.value.checkedKeys.has(g)) {
+        if (d(y)) {
+          const f = u(y), w = f.filter((S) => U(S)), b = f.filter(
+            (S) => N(S)
+          );
+          return w.length === f.length && b.length === 0;
+        }
+        return !0;
+      }
+      if (d(y)) {
+        const f = u(y);
+        return f.some(
+          (b) => N(b)
+        ) ? !1 : f.length > 0 && f.every((b) => U(b));
+      }
+      return !1;
+    }
+    function N(y) {
+      if (!d(y)) return !1;
+      const g = u(y), v = g.filter((w) => U(w)), f = g.filter(
+        (w) => N(w)
+      );
+      return v.length === g.length ? !1 : v.length > 0 || f.length > 0;
+    }
+    function $(y) {
+      const g = C(y);
+      return s.value.currentKey === g;
+    }
+    function V(y) {
+      if (t.disabled) return;
+      const g = C(y), f = !s.value.checkedKeys.has(g), w = new Set(s.value.expandedKeys);
+      f ? s.value.checkedKeys.add(g) : s.value.checkedKeys.delete(g);
+      function b(S, W) {
+        S.forEach((p) => {
+          const D = C(p);
+          W ? s.value.checkedKeys.add(D) : s.value.checkedKeys.delete(D), d(p) && b(u(p), W);
+        });
+      }
+      b(u(y), f), f && H(), q(), s.value.expandedKeys = w, l("check-change", y, f, !1), l("check", y, f, !1), l("checked-keys-change", Array.from(s.value.checkedKeys));
+    }
+    function H(y) {
+      k.value && console.log(
+        `已启用从第${k.value}级开始不默认展开的限制（不主动收起已展开节点）`
+      );
+    }
+    function T(y) {
+      const g = C(y);
+      s.value.expandedKeys.has(g) ? (s.value.expandedKeys.delete(g), l("node-collapse", y, y, null)) : (s.value.expandedKeys.add(g), l("node-expand", y, y, null));
+    }
+    function q() {
+      const y = [];
+      function g(f) {
+        f.forEach((w) => {
+          y.push(w), d(w) && g(u(w));
+        });
+      }
+      g(c.value);
+      function v(f) {
+        if (d(f)) {
+          const w = u(f), b = C(f), S = w.filter((p) => U(p)), W = w.filter(
+            (p) => N(p)
+          );
+          S.length === w.length && W.length === 0 || S.length > 0 || W.length > 0 ? s.value.checkedKeys.add(b) : s.value.checkedKeys.delete(b);
+        }
+      }
+      for (let f = y.length - 1; f >= 0; f--)
+        v(y[f]);
+    }
+    function te(y, g, v) {
+      t.disabled || (s.value.currentNode = y, s.value.currentKey = C(y), t.showCheckbox && V(y), l("node-click", y, g, v));
+    }
+    function X(y, g, v, f) {
+      t.disabled || l("node-contextmenu", y, g, v, f);
+    }
+    oe(
+      () => t.defaultExpandedKeys,
+      (y) => {
+        if (y) {
+          const g = k.value;
+          if (g) {
+            let v = function(S, W, p = 1) {
+              for (const D of W) {
+                if (C(D) === S) return p;
+                if (d(D)) {
+                  const F = v(S, u(D), p + 1);
+                  if (F > 0) return F;
+                }
+              }
+              return 0;
+            }, f = function(S, W, p) {
+              S.forEach((D) => {
+                W < p && d(D) ? (b.add(C(D)), f(u(D), W + 1, p)) : W < p && d(D);
+              });
+            };
+            const w = (y || []).filter((S) => {
+              const W = v(S, c.value, 1);
+              return W > 0 && W < g;
+            }), b = new Set(w);
+            f(c.value, 1, g), s.value.expandedKeys.forEach((S) => {
+              v(S, c.value, 1) >= g && b.add(S);
+            }), s.value.expandedKeys = b;
+          } else
+            s.value.expandedKeys = new Set(y);
+        }
+      },
+      { immediate: !0 }
+    );
+    function pe() {
+      if (t.defaultExpandAll) {
+        let y = function(f, w = 1) {
+          f.forEach((b) => {
+            if (!d(b)) return;
+            const S = u(b);
+            if (v) {
+              if (w >= v) return;
+              w + 1 === v || g.add(C(b)), y(S, w + 1);
+            } else
+              g.add(C(b)), y(S, w + 1);
+          });
+        };
+        const g = /* @__PURE__ */ new Set(), v = k.value;
+        y(c.value, 1), s.value.expandedKeys = g;
+      }
+    }
+    function ae() {
+      if (t.defaultCheckedKeys && t.defaultCheckedKeys.length > 0) {
+        let y = function(w, b = []) {
+          w.forEach((S) => {
+            const W = C(S), p = [...b, W];
+            g.has(W) && b.forEach((D) => v.add(D)), d(S) && y(u(S), p);
+          });
+        };
+        const g = new Set(t.defaultCheckedKeys), v = /* @__PURE__ */ new Set();
+        y(c.value);
+        const f = k.value;
+        if (f) {
+          console.log(
+            `已启用从第${f}级开始不默认展开：保持当前展开状态不变`
+          );
+          return;
+        }
+        s.value.expandedKeys = v;
+      }
+    }
+    return oe(() => t.defaultExpandAll, pe, { immediate: !0 }), oe(() => c.value, pe, { deep: !0 }), oe(
+      () => t.defaultCheckedKeys,
+      (y) => {
+        y ? (s.value.checkedKeys = new Set(y), t.enableFourthLevelSpecialHandling ? console.log("权限树模式：跳过自动展开逻辑，保持当前展开状态") : ae()) : s.value.checkedKeys.clear();
+      },
+      { immediate: !0 }
+    ), oe(
+      () => t.defaultSelectedKeys,
+      (y) => {
+        y && (s.value.selectedKeys = new Set(y));
+      },
+      { immediate: !0 }
+    ), (y, g) => (a(), i("div", {
+      class: z(["ytree", [`ytree--${e.size}`, { "ytree--disabled": e.disabled }]])
+    }, [
+      n("div", vl, [
+        (a(!0), i(re, null, ve(c.value, (v) => (a(), i("div", {
+          key: C(v),
+          class: z(["ytree-node", { "ytree-node--current": $(v) }])
+        }, [
+          n("div", {
+            class: "ytree-node__content",
+            style: { paddingLeft: "8px" },
+            "data-level": K(v, v),
+            onClick: (f) => te(v, v, null),
+            onContextmenu: (f) => X(f, v, v, null)
+          }, [
+            d(v) ? (a(), i("span", {
+              key: 0,
+              class: z(["ytree-node__expand-icon", { "is-expanded": j(v) }]),
+              onClick: Q((f) => T(v), ["stop"])
+            }, [...g[0] || (g[0] = [
+              n("svg", {
+                width: "12",
+                height: "12",
+                viewBox: "0 0 12 12",
+                fill: "none"
+              }, [
+                n("path", {
+                  d: "M4.5 3L7.5 6L4.5 9",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                })
+              ], -1)
+            ])], 10, pl)) : (a(), i("span", gl)),
+            e.showCheckbox ? (a(), i("span", {
+              key: 2,
+              class: z(["ytree-node__checkbox", {
+                "is-checked": U(v),
+                "is-indeterminate": N(v)
+              }]),
+              onClick: Q((f) => V(v), ["stop"])
+            }, [
+              U(v) ? (a(), i("svg", ml, [...g[1] || (g[1] = [
+                n("path", {
+                  d: "M2 6L4.5 8.5L10 3",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])])) : N(v) ? (a(), i("svg", wl, [...g[2] || (g[2] = [
+                n("path", {
+                  d: "M2 6L10 6",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round"
+                }, null, -1)
+              ])])) : A("", !0)
+            ], 10, yl)) : A("", !0),
+            e.iconClass ? (a(), i("span", {
+              key: 3,
+              class: z(["ytree-node__icon", e.iconClass])
+            }, null, 2)) : A("", !0),
+            n("img", {
+              class: "ytree-node__avatar",
+              src: h(v),
+              alt: I(v) ? "person" : "dept"
+            }, null, 8, bl),
+            n("span", {
+              class: z(["ytree-node__label", { "is-employee": I(v) }])
+            }, G(L(v)), 3),
+            n("div", kl, [
+              ue(y.$slots, "node-content", {
+                node: v,
+                isCurrent: $(v),
+                isExpanded: j(v),
+                hasChildren: d(v)
+              }, void 0, !0)
+            ])
+          ], 40, hl),
+          de(ke, { name: "ytree-node" }, {
+            default: he(() => [
+              d(v) && j(v) ? (a(), i("div", xl, [
+                (a(!0), i(re, null, ve(u(v), (f) => (a(), i("div", {
+                  key: C(f),
+                  class: z(["ytree-node", { "ytree-node--current": $(f) }])
+                }, [
+                  n("div", {
+                    class: "ytree-node__content",
+                    style: { paddingLeft: "22px" },
+                    "data-level": K(v, f),
+                    onClick: (w) => te(f, f, null),
+                    onContextmenu: (w) => X(w, f, f, null)
+                  }, [
+                    d(f) ? (a(), i("span", {
+                      key: 0,
+                      class: z(["ytree-node__expand-icon", { "is-expanded": j(f) }]),
+                      onClick: Q((w) => T(f), ["stop"])
+                    }, [...g[3] || (g[3] = [
+                      n("svg", {
+                        width: "12",
+                        height: "12",
+                        viewBox: "0 0 12 12",
+                        fill: "none"
+                      }, [
+                        n("path", {
+                          d: "M4.5 3L7.5 6L4.5 9",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        })
+                      ], -1)
+                    ])], 10, $l)) : (a(), i("span", Cl)),
+                    e.showCheckbox ? (a(), i("span", {
+                      key: 2,
+                      class: z(["ytree-node__checkbox", {
+                        "is-checked": U(f),
+                        "is-indeterminate": N(f)
+                      }]),
+                      onClick: Q((w) => V(f), ["stop"])
+                    }, [
+                      U(f) ? (a(), i("svg", Sl, [...g[4] || (g[4] = [
+                        n("path", {
+                          d: "M2 6L4.5 8.5L10 3",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5",
+                          "stroke-linecap": "round",
+                          "stroke-linejoin": "round"
+                        }, null, -1)
+                      ])])) : N(f) ? (a(), i("svg", Ml, [...g[5] || (g[5] = [
+                        n("path", {
+                          d: "M2 6L10 6",
+                          stroke: "currentColor",
+                          "stroke-width": "1.5",
+                          "stroke-linecap": "round"
+                        }, null, -1)
+                      ])])) : A("", !0)
+                    ], 10, _l)) : A("", !0),
+                    e.iconClass ? (a(), i("span", {
+                      key: 3,
+                      class: z(["ytree-node__icon", e.iconClass])
+                    }, null, 2)) : A("", !0),
+                    n("img", {
+                      class: "ytree-node__avatar",
+                      src: h(f),
+                      alt: I(f) ? "person" : "dept"
+                    }, null, 8, Ll),
+                    n("span", {
+                      class: z(["ytree-node__label", { "is-employee": I(f) }])
+                    }, G(L(f)), 3),
+                    n("div", Il, [
+                      ue(y.$slots, "node-content", {
+                        node: f,
+                        isCurrent: $(f),
+                        isExpanded: j(f),
+                        hasChildren: d(f)
+                      }, void 0, !0)
+                    ])
+                  ], 40, Dl),
+                  de(ke, { name: "ytree-node" }, {
+                    default: he(() => [
+                      d(f) && j(f) ? (a(), i("div", El, [
+                        (a(!0), i(re, null, ve(u(f), (w) => (a(), i("div", {
+                          key: C(w),
+                          class: z(["ytree-node", {
+                            "ytree-node--current": $(w)
+                          }])
+                        }, [
+                          n("div", {
+                            class: "ytree-node__content",
+                            style: { paddingLeft: "38px" },
+                            "data-level": K(v, w),
+                            onClick: (b) => te(w, w, null),
+                            onContextmenu: (b) => X(
+                              b,
+                              w,
+                              w,
+                              null
+                            )
+                          }, [
+                            d(w) ? (a(), i("span", {
+                              key: 0,
+                              class: z(["ytree-node__expand-icon", { "is-expanded": j(w) }]),
+                              onClick: Q((b) => T(w), ["stop"])
+                            }, [...g[6] || (g[6] = [
+                              n("svg", {
+                                width: "12",
+                                height: "12",
+                                viewBox: "0 0 12 12",
+                                fill: "none"
+                              }, [
+                                n("path", {
+                                  d: "M4.5 3L7.5 6L4.5 9",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.5",
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round"
+                                })
+                              ], -1)
+                            ])], 10, Tl)) : (a(), i("span", zl)),
+                            e.showCheckbox ? (a(), i("span", {
+                              key: 2,
+                              class: z(["ytree-node__checkbox", {
+                                "is-checked": U(w),
+                                "is-indeterminate": N(w)
+                              }]),
+                              onClick: Q((b) => V(w), ["stop"])
+                            }, [
+                              U(w) ? (a(), i("svg", Hl, [...g[7] || (g[7] = [
+                                n("path", {
+                                  d: "M2 6L4.5 8.5L10 3",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.5",
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round"
+                                }, null, -1)
+                              ])])) : N(w) ? (a(), i("svg", Rl, [...g[8] || (g[8] = [
+                                n("path", {
+                                  d: "M2 6L10 6",
+                                  stroke: "currentColor",
+                                  "stroke-width": "1.5",
+                                  "stroke-linecap": "round"
+                                }, null, -1)
+                              ])])) : A("", !0)
+                            ], 10, Kl)) : A("", !0),
+                            e.iconClass ? (a(), i("span", {
+                              key: 3,
+                              class: z(["ytree-node__icon", e.iconClass])
+                            }, null, 2)) : A("", !0),
+                            n("img", {
+                              class: "ytree-node__avatar",
+                              src: h(w),
+                              alt: I(w) ? "person" : "dept"
+                            }, null, 8, Vl),
+                            n("span", {
+                              class: z(["ytree-node__label", { "is-employee": I(w) }])
+                            }, G(L(w)), 3),
+                            n("div", Al, [
+                              ue(y.$slots, "node-content", {
+                                node: w,
+                                isCurrent: $(w),
+                                isExpanded: j(w),
+                                hasChildren: d(w)
+                              }, void 0, !0)
+                            ])
+                          ], 40, Bl),
+                          de(ke, { name: "ytree-node" }, {
+                            default: he(() => [
+                              d(w) && j(w) ? (a(), i("div", Fl, [
+                                (a(!0), i(re, null, ve(u(w), (b) => (a(), i("div", {
+                                  key: C(b),
+                                  class: z(["ytree-node", {
+                                    "ytree-node--current": $(b)
+                                  }])
+                                }, [
+                                  n("div", {
+                                    class: "ytree-node__content",
+                                    style: {
+                                      paddingLeft: "54px"
+                                    },
+                                    "data-level": K(v, b),
+                                    onClick: (S) => te(
+                                      b,
+                                      b,
+                                      null
+                                    ),
+                                    onContextmenu: (S) => X(
+                                      S,
+                                      b,
+                                      b,
+                                      null
+                                    )
+                                  }, [
+                                    d(b) ? (a(), i("span", {
+                                      key: 0,
+                                      class: z(["ytree-node__expand-icon", {
+                                        "is-expanded": j(b)
+                                      }]),
+                                      onClick: Q((S) => T(b), ["stop"])
+                                    }, [...g[9] || (g[9] = [
+                                      n("svg", {
+                                        width: "12",
+                                        height: "12",
+                                        viewBox: "0 0 12 12",
+                                        fill: "none"
+                                      }, [
+                                        n("path", {
+                                          d: "M4.5 3L7.5 6L4.5 9",
+                                          stroke: "currentColor",
+                                          "stroke-width": "1.5",
+                                          "stroke-linecap": "round",
+                                          "stroke-linejoin": "round"
+                                        })
+                                      ], -1)
+                                    ])], 10, Nl)) : (a(), i("span", Pl)),
+                                    e.showCheckbox ? (a(), i("span", {
+                                      key: 2,
+                                      class: z(["ytree-node__checkbox", {
+                                        "is-checked": U(b),
+                                        "is-indeterminate": N(b)
+                                      }]),
+                                      onClick: Q((S) => V(b), ["stop"])
+                                    }, [
+                                      U(b) ? (a(), i("svg", jl, [...g[10] || (g[10] = [
+                                        n("path", {
+                                          d: "M2 6L4.5 8.5L10 3",
+                                          stroke: "currentColor",
+                                          "stroke-width": "1.5",
+                                          "stroke-linecap": "round",
+                                          "stroke-linejoin": "round"
+                                        }, null, -1)
+                                      ])])) : N(b) ? (a(), i("svg", Ol, [...g[11] || (g[11] = [
+                                        n("path", {
+                                          d: "M2 6L10 6",
+                                          stroke: "currentColor",
+                                          "stroke-width": "1.5",
+                                          "stroke-linecap": "round"
+                                        }, null, -1)
+                                      ])])) : A("", !0)
+                                    ], 10, Yl)) : A("", !0),
+                                    e.iconClass ? (a(), i("span", {
+                                      key: 3,
+                                      class: z(["ytree-node__icon", e.iconClass])
+                                    }, null, 2)) : A("", !0),
+                                    n("img", {
+                                      class: "ytree-node__avatar",
+                                      src: h(b),
+                                      alt: I(b) ? "person" : "dept"
+                                    }, null, 8, Ul),
+                                    n("span", {
+                                      class: z(["ytree-node__label", {
+                                        "is-employee": I(b)
+                                      }])
+                                    }, G(L(b)), 3),
+                                    n("div", ql, [
+                                      ue(y.$slots, "node-content", {
+                                        node: b,
+                                        isCurrent: $(b),
+                                        isExpanded: j(b),
+                                        hasChildren: d(b)
+                                      }, void 0, !0)
+                                    ])
+                                  ], 40, Wl),
+                                  de(ke, { name: "ytree-node" }, {
+                                    default: he(() => [
+                                      d(b) && j(b) ? (a(), i("div", Zl, [
+                                        (a(!0), i(re, null, ve(u(
+                                          b
+                                        ), (S) => (a(), i("div", {
+                                          key: C(S),
+                                          class: z(["ytree-node", {
+                                            "ytree-node--current": $(S)
+                                          }])
+                                        }, [
+                                          n("div", {
+                                            class: "ytree-node__content",
+                                            style: {
+                                              paddingLeft: "70px"
+                                            },
+                                            "data-level": K(v, S),
+                                            onClick: (W) => te(
+                                              S,
+                                              S,
+                                              null
+                                            ),
+                                            onContextmenu: (W) => X(
+                                              W,
+                                              S,
+                                              S,
+                                              null
+                                            )
+                                          }, [
+                                            d(S) ? (a(), i("span", {
+                                              key: 0,
+                                              class: z(["ytree-node__expand-icon", {
+                                                "is-expanded": j(S)
+                                              }]),
+                                              onClick: Q((W) => T(S), ["stop"])
+                                            }, [...g[12] || (g[12] = [
+                                              n("svg", {
+                                                width: "12",
+                                                height: "12",
+                                                viewBox: "0 0 12 12",
+                                                fill: "none"
+                                              }, [
+                                                n("path", {
+                                                  d: "M4.5 3L7.5 6L4.5 9",
+                                                  stroke: "currentColor",
+                                                  "stroke-width": "1.5",
+                                                  "stroke-linecap": "round",
+                                                  "stroke-linejoin": "round"
+                                                })
+                                              ], -1)
+                                            ])], 10, Jl)) : (a(), i("span", Xl)),
+                                            e.showCheckbox ? (a(), i("span", {
+                                              key: 2,
+                                              class: z(["ytree-node__checkbox", {
+                                                "is-checked": U(S),
+                                                "is-indeterminate": N(
+                                                  S
+                                                )
+                                              }]),
+                                              onClick: Q((W) => V(S), ["stop"])
+                                            }, [
+                                              U(S) ? (a(), i("svg", eo, [...g[13] || (g[13] = [
+                                                n("path", {
+                                                  d: "M2 6L4.5 8.5L10 3",
+                                                  stroke: "currentColor",
+                                                  "stroke-width": "1.5",
+                                                  "stroke-linecap": "round",
+                                                  "stroke-linejoin": "round"
+                                                }, null, -1)
+                                              ])])) : N(
+                                                S
+                                              ) ? (a(), i("svg", to, [...g[14] || (g[14] = [
+                                                n("path", {
+                                                  d: "M2 6L10 6",
+                                                  stroke: "currentColor",
+                                                  "stroke-width": "1.5",
+                                                  "stroke-linecap": "round"
+                                                }, null, -1)
+                                              ])])) : A("", !0)
+                                            ], 10, Gl)) : A("", !0),
+                                            e.iconClass ? (a(), i("span", {
+                                              key: 3,
+                                              class: z(["ytree-node__icon", e.iconClass])
+                                            }, null, 2)) : A("", !0),
+                                            n("img", {
+                                              class: "ytree-node__avatar",
+                                              src: h(S),
+                                              alt: I(S) ? "person" : "dept"
+                                            }, null, 8, no),
+                                            n("span", {
+                                              class: z(["ytree-node__label", {
+                                                "is-employee": I(S)
+                                              }])
+                                            }, G(L(S)), 3),
+                                            n("div", lo, [
+                                              ue(y.$slots, "node-content", {
+                                                node: S,
+                                                isCurrent: $(S),
+                                                isExpanded: j(S),
+                                                hasChildren: d(S)
+                                              }, void 0, !0)
+                                            ])
+                                          ], 40, Ql)
+                                        ], 2))), 128))
+                                      ])) : A("", !0)
+                                    ]),
+                                    _: 2
+                                  }, 1024)
+                                ], 2))), 128))
+                              ])) : A("", !0)
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ], 2))), 128))
+                      ])) : A("", !0)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 2))), 128))
+              ])) : A("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ], 2))), 128))
+      ])
+    ], 2));
+  }
+}), io = /* @__PURE__ */ we(so, [["__scopeId", "data-v-7362dfbe"]]), ro = { class: "w-full" }, uo = { 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)]" }, co = { class: "w-full" }, fo = { class: "flex flex-wrap gap-3 items-center mb-3 last:mb-0 lg:gap-[10px] sm:gap-2" }, vo = { class: "flex items-center gap-2 ml-2" }, ho = { class: "text-[13px] font-medium text-gray-700 whitespace-nowrap min-w-fit flex-shrink-0" }, po = {
+  key: 0,
+  class: "flex items-center ml-0"
+}, go = { class: "flex items-center" }, yo = { class: "flex gap-2 items-center flex-wrap" }, mo = /* @__PURE__ */ me({
+  __name: "QueryEncapsulation",
+  props: {
+    fields: {},
+    maxVisibleFields: { default: 5 },
+    loading: { type: Boolean, default: !1 },
+    modelValue: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "search", "reset", "field-change"],
+  setup(e, { emit: m }) {
+    const t = e, l = m, c = R(!1), s = lt({}), k = O(() => t.fields.filter(($) => !$.hidden)), C = O(() => c.value ? k.value : k.value.slice(0, t.maxVisibleFields)), L = O(() => k.value.length > t.maxVisibleFields);
+    function I($) {
+      switch ($) {
+        case "select":
+          return Ye;
+        case "date":
+        case "daterange":
+          return Je;
+        case "input":
+        default:
+          return Ze;
+      }
+    }
+    function h($) {
+      l("field-change", $, s[$.key]), l("update:modelValue", { ...s });
+    }
+    function d() {
+      const $ = j(s), V = U($);
+      l("search", { data: V });
+    }
+    function u() {
+      Object.keys(s).forEach(($) => {
+        const V = t.fields.find((H) => H.key === $);
+        (V == null ? void 0 : V.type) === "daterange" ? s[$] = { startDate: null, endDate: null } : (V == null ? void 0 : V.type) === "date" ? s[$] = null : s[$] = "";
+      }), l("reset"), l("update:modelValue", { ...s });
+    }
+    function K() {
+      c.value = !c.value;
+    }
+    function j($) {
+      const V = {};
+      return Object.keys($).forEach((H) => {
+        const T = $[H], q = t.fields.find((te) => te.key === H);
+        T != null && T !== "" && (typeof T == "object" && T.startDate && T.endDate ? T.startDate && T.endDate && (V[H] = T) : q && (q.type === "date" || q.type === "daterange") ? T !== 0 && (V[H] = T) : V[H] = T);
+      }), V;
+    }
+    function U($) {
+      const V = {};
+      return Object.keys($).forEach((H) => {
+        const T = $[H], q = t.fields.find((te) => te.key === H);
+        if (q)
+          if (q.type === "daterange" && typeof T == "object") {
+            const te = q.startKey || `${H}Start`, X = q.endKey || `${H}End`;
+            T.startDate && T.endDate && T.startDate !== 0 && T.endDate !== 0 && (q.format === "timestamp" ? (V[te] = new Date(T.startDate).getTime(), V[X] = new Date(T.endDate).getTime()) : (V[te] = T.startDate, V[X] = T.endDate));
+          } else q.type === "date" && T && T !== 0 && q.format === "timestamp" ? V[H] = new Date(T).getTime() : V[H] = T;
+        else
+          V[H] = T;
+      }), V;
+    }
+    function N() {
+      t.fields.forEach(($) => {
+        var V, H, T;
+        s[$.key] === void 0 && ($.type === "daterange" ? s[$.key] = ((V = t.modelValue) == null ? void 0 : V[$.key]) || {
+          startDate: null,
+          endDate: null
+        } : $.type === "date" ? s[$.key] = ((H = t.modelValue) == null ? void 0 : H[$.key]) || null : s[$.key] = ((T = t.modelValue) == null ? void 0 : T[$.key]) || "");
+      });
+    }
+    return oe(
+      () => t.modelValue,
+      ($) => {
+        $ && Object.assign(s, $);
+      },
+      { deep: !0, immediate: !0 }
+    ), _e(() => {
+      N();
+    }), ($, V) => (a(), i("div", ro, [
+      n("div", uo, [
+        n("div", co, [
+          n("div", fo, [
+            de(ot, {
+              name: "qf",
+              tag: "div",
+              class: "contents"
+            }, {
+              default: he(() => [
+                (a(!0), i(re, null, ve(C.value, (H) => (a(), i("div", {
+                  key: H.key,
+                  class: "flex items-center transition-all duration-300"
+                }, [
+                  n("div", vo, [
+                    n("label", ho, G(H.label), 1),
+                    (a(), Le(at(I(H.type)), {
+                      modelValue: s[H.key],
+                      "onUpdate:modelValue": (T) => s[H.key] = T,
+                      placeholder: H.placeholder || `请输入${H.label}`,
+                      options: H.options,
+                      clearable: H.clearable !== !1,
+                      size: H.size || "small",
+                      width: H.width || "180px",
+                      format: H.format || "timestamp",
+                      "include-time": H.includeTime || !1,
+                      filterable: H.filterable === !0,
+                      onInput: (T) => h(H),
+                      onChange: (T) => h(H)
+                    }, null, 40, ["modelValue", "onUpdate:modelValue", "placeholder", "options", "clearable", "size", "width", "format", "include-time", "filterable", "onInput", "onChange"]))
+                  ])
+                ]))), 128))
+              ]),
+              _: 1
+            }),
+            L.value ? (a(), i("div", po, [
+              de(Re, {
+                variant: "secondary",
+                size: "small",
+                onClick: K
+              }, {
+                default: he(() => [
+                  De(G(c.value ? "收起" : "展开") + " ", 1),
+                  n("span", {
+                    class: z(["inline-block ml-1 transition-transform duration-300 text-[10px]", { "rotate-180": c.value }])
+                  }, "▼", 2)
+                ]),
+                _: 1
+              })
+            ])) : A("", !0),
+            n("div", go, [
+              n("div", yo, [
+                de(Re, {
+                  variant: "primary",
+                  size: "small",
+                  onClick: d,
+                  loading: e.loading
+                }, {
+                  default: he(() => [...V[0] || (V[0] = [
+                    De(" 搜索 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"]),
+                de(Re, {
+                  variant: "secondary",
+                  size: "small",
+                  onClick: u,
+                  loading: e.loading
+                }, {
+                  default: he(() => [...V[1] || (V[1] = [
+                    De(" 重置 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"]),
+                ue($.$slots, "extra-actions", {}, void 0, !0)
+              ])
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+}), wo = /* @__PURE__ */ we(mo, [["__scopeId", "data-v-592844b2"]]), bo = {
+  class: "y-msg__icon",
+  "aria-hidden": "true"
+}, ko = {
+  key: 0,
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, xo = {
+  key: 1,
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, Do = {
+  key: 2,
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, $o = ["textContent"], Co = /* @__PURE__ */ me({
+  __name: "ymessageToast",
+  props: {
+    id: {},
+    type: { default: "success" },
+    message: {},
+    duration: { default: 3e3 },
+    offset: {},
+    zIndex: {},
+    closable: { type: Boolean, default: !1 },
+    onClose: {}
+  },
+  setup(e) {
+    const m = e, t = R(!1);
+    let l;
+    _e(() => {
+      requestAnimationFrame(() => {
+        t.value = !0, m.duration && m.duration > 0 && (l = window.setTimeout(() => c(), m.duration));
+      });
+    }), st(() => {
+      l && window.clearTimeout(l);
+    });
+    function c() {
+      t.value = !1;
+    }
+    function s() {
+      var k;
+      (k = m.onClose) == null || k.call(m, m.id);
+    }
+    return (k, C) => (a(), Le(ke, {
+      name: "y-msg-fade",
+      onAfterLeave: s
+    }, {
+      default: he(() => [
+        Ee(n("div", {
+          class: z(["y-msg", [`y-msg--${e.type}`]]),
+          style: ye({ zIndex: e.zIndex }),
+          role: "status",
+          "aria-live": "polite"
+        }, [
+          n("span", bo, [
+            e.type === "success" ? (a(), i("svg", ko, [...C[0] || (C[0] = [
+              n("path", {
+                d: "M20 6L9 17l-5-5",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, null, -1)
+            ])])) : e.type === "warning" ? (a(), i("svg", xo, [...C[1] || (C[1] = [
+              n("path", {
+                d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, null, -1)
+            ])])) : (a(), i("svg", Do, [...C[2] || (C[2] = [
+              n("path", {
+                d: "M12 9v4m0 4h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, null, -1)
+            ])]))
+          ]),
+          n("div", {
+            class: "y-msg__content",
+            textContent: G(e.message)
+          }, null, 8, $o),
+          e.closable ? (a(), i("button", {
+            key: 0,
+            class: "y-msg__close",
+            type: "button",
+            onClick: c
+          }, "✕")) : A("", !0)
+        ], 6), [
+          [Ke, t.value]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), _o = /* @__PURE__ */ we(Co, [["__scopeId", "data-v-60a4b340"]]);
+let So = 1;
+const Pe = 12, Me = [];
+function Mo() {
+  let e = 20;
+  return Me.forEach((m) => {
+    e += m.height + Pe;
+  }), e;
+}
+function Oe(e) {
+  const m = Me.findIndex((s) => s.id === e);
+  if (m === -1) return;
+  const { el: t } = Me[m], l = t.firstElementChild;
+  if (l) {
+    const s = window.getComputedStyle(l).top;
+    l.style.top = s, l.classList.add("is-leaving"), l.style.willChange = "opacity, transform";
+  }
+  Me[m].leaving = !0, Fe(), setTimeout(() => {
+    qe(null, t), t.parentNode && t.parentNode.removeChild(t);
+    const s = Me.findIndex((k) => k.id === e);
+    s !== -1 && Me.splice(s, 1), Fe();
+  }, 260);
+}
+function Ne(e) {
+  var s;
+  const m = So++, t = document.createElement("div");
+  document.body.appendChild(t);
+  const l = de(_o, {
+    id: m,
+    type: e.type || "success",
+    message: e.message,
+    duration: e.duration ?? 2500,
+    offset: Mo(),
+    zIndex: 3e3 + m,
+    closable: e.closable ?? !1,
+    onClose: (k) => Oe(k)
+  });
+  qe(l, t);
+  const c = ((s = t.firstElementChild) == null ? void 0 : s.offsetHeight) || 0;
+  return Me.push({ id: m, el: t, vm: l, height: c, leaving: !1 }), Fe(), requestAnimationFrame(() => {
+    const k = t.firstElementChild;
+    if (!k) return;
+    const C = k.offsetHeight || c || 0, L = Me.find((I) => I.id === m);
+    L && (L.height = C, Fe());
+  }), { close: () => Oe(m) };
+}
+const Io = {
+  success(e, m = {}) {
+    return Ne({ ...m, type: "success", message: e });
+  },
+  warning(e, m = {}) {
+    return Ne({ ...m, type: "warning", message: e });
+  },
+  error(e, m = {}) {
+    return Ne({ ...m, type: "error", message: e });
+  }
+};
+function Fe() {
+  let e = 20;
+  Me.forEach((m) => {
+    const t = m.el.firstElementChild;
+    if (!t) return;
+    const l = e;
+    if (t.style.transform = `translate(-50%, ${l}px)`, t.style.top || (t.style.top = "0px"), !m.leaving)
+      e += (t.offsetHeight || m.height) + Pe;
+    else {
+      const c = t.offsetHeight || m.height;
+      e += c + Pe;
+    }
+  });
+}
+const Ue = {
+  YButton: Re,
+  YInput: Ze,
+  YTable: Nt,
+  YSelect: Ye,
+  YPagination: Qe,
+  YBadge: nn,
+  YDialog: cn,
+  YPopover: hn,
+  YTime: Je,
+  YSwitch: Xn,
+  YImage: nl,
+  YDropdown: ol,
+  YDrawer: fl,
+  YTree: io,
+  QueryEncapsulation: wo
+}, Eo = {
+  install(e) {
+    Object.keys(Ue).forEach((m) => {
+      e.component(m, Ue[m]);
+    });
+  }
+};
+export {
+  wo as QueryEncapsulation,
+  nn as YBadge,
+  Re as YButton,
+  cn as YDialog,
+  fl as YDrawer,
+  ol as YDropdown,
+  nl as YImage,
+  Ze as YInput,
+  Io as YMessage,
+  Qe as YPagination,
+  hn as YPopover,
+  Ye as YSelect,
+  Xn as YSwitch,
+  Nt as YTable,
+  Je as YTime,
+  io as YTree,
+  Eo as default
+};
+//# sourceMappingURL=index.esm.js.map