@tan-bin/ui 1.0.3

package/dist/es/tb-ui.js

@@ -0,0 +1,1276 @@
+import { ref as B, onMounted as Ae, onUnmounted as _e, watchEffect as Fe, createBlock as V, openBlock as c, Transition as xe, withCtx as P, withDirectives as $, createElementVNode as p, normalizeStyle as me, renderSlot as pe, vShow as R, createElementBlock as u, normalizeClass as J, useTemplateRef as ze, computed as G, watch as te, createVNode as D, unref as O, mergeProps as Ke, withModifiers as Se, TransitionGroup as He, Fragment as T, renderList as A, createCommentVNode as I, vModelDynamic as Je, toDisplayString as x, createTextVNode as Ge, resolveDynamicComponent as Qe, inject as Ze, provide as et, reactive as tt, resolveComponent as $e, toHandlers as nt, createApp as Ee, mergeModels as Ne, useModel as ue, vModelSelect as ot, withKeys as at, vModelText as lt, vModelCheckbox as De, defineComponent as st, h as rt } from "vue";
+import { useRouter as ct, useRoute as it } from "vue-router";
+const _ = {
+  disabledCount: 0,
+  allowedElements: /* @__PURE__ */ new Set(),
+  touchStartY: 0,
+  touchStartScrollTop: 0,
+  touchStartElement: null,
+  // 记录触摸开始时的元素
+  isInAllowedElement: !1
+  // 当前触摸是否在允许元素内
+};
+function Oe(e = {}) {
+  const { allowedElements: t, immediate: a = !1 } = e, n = /* @__PURE__ */ new Set(), l = B(!1), s = (o) => {
+    if (!o) return null;
+    let i = o;
+    for (; i; ) {
+      if (_.allowedElements.has(i))
+        return i;
+      i = i.parentElement;
+    }
+    return null;
+  }, f = (o) => o ? o.scrollHeight > o.clientHeight + 1 : !1, r = (o) => {
+    const i = s(o.target);
+    if (i && f(i)) {
+      const d = i.scrollTop === 0 && o.deltaY < 0, E = Math.ceil(i.scrollTop + i.clientHeight) >= i.scrollHeight && o.deltaY > 0;
+      if (!(d || E))
+        return;
+    }
+    o.cancelable && o.preventDefault();
+  }, m = (o) => {
+    const i = o.touches[0];
+    _.touchStartY = i.clientY;
+    const d = o.target, E = s(d);
+    E && f(E) ? (_.touchStartElement = E, _.touchStartScrollTop = E.scrollTop, _.isInAllowedElement = !0) : (_.touchStartElement = null, _.isInAllowedElement = !1);
+  }, b = (o) => {
+    if (!_.isInAllowedElement) {
+      o.cancelable && o.preventDefault();
+      return;
+    }
+    if (!_.touchStartElement) {
+      o.cancelable && o.preventDefault();
+      return;
+    }
+    const E = o.touches[0].clientY - _.touchStartY;
+    if (Math.abs(E) < 1) return;
+    const C = _.touchStartElement, Q = C.scrollTop, ve = C.scrollHeight, fe = C.clientHeight, Ue = Q === 0, qe = Math.ceil(Q + fe) >= ve, We = E > 0, Xe = E < 0;
+    if (Ue && We || qe && Xe)
+      o.cancelable && o.preventDefault();
+    else
+      return;
+  }, w = () => {
+    _.touchStartElement = null, _.isInAllowedElement = !1;
+  }, L = (o) => {
+    if (!["Space", "ArrowUp", "ArrowDown", "PageUp", "PageDown"].includes(o.code)) return;
+    const d = s(document.activeElement);
+    if (d && f(d)) {
+      const E = d.scrollTop, C = d.scrollHeight, Q = d.clientHeight, ve = E === 0 && (o.code === "ArrowUp" || o.code === "PageUp"), fe = Math.ceil(E + Q) >= C && (o.code === "ArrowDown" || o.code === "PageDown" || o.code === "Space");
+      (ve || fe) && o.cancelable && o.preventDefault();
+      return;
+    }
+    o.cancelable && o.preventDefault();
+  }, M = () => {
+    document.addEventListener("wheel", r, { passive: !1 }), document.addEventListener("mousewheel", r, { passive: !1 }), document.addEventListener("touchstart", m, { passive: !0 }), document.addEventListener("touchmove", b, { passive: !1 }), document.addEventListener("touchend", w, { passive: !0 }), document.addEventListener("touchcancel", w, { passive: !0 }), document.addEventListener("keydown", L, { passive: !1 });
+  }, y = () => {
+    document.removeEventListener("wheel", r), document.removeEventListener("mousewheel", r), document.removeEventListener("touchstart", m), document.removeEventListener("touchmove", b), document.removeEventListener("touchend", w), document.removeEventListener("touchcancel", w), document.removeEventListener("keydown", L);
+  }, v = () => {
+    l.value || (l.value = !0, _.disabledCount++, _.disabledCount === 1 && M());
+  }, h = () => {
+    l.value && (l.value = !1, _.disabledCount > 0 && (_.disabledCount--, _.disabledCount === 0 && y()));
+  }, S = (o) => {
+    if (!o) return;
+    (Array.isArray(o) ? o : [o]).forEach((d) => {
+      if (!(d instanceof HTMLElement)) {
+        console.warn("Allowed element must be an HTMLElement", d);
+        return;
+      }
+      n.add(d), _.allowedElements.add(d), d.dataset.scrollAllowed = "true";
+    });
+  }, H = (o) => {
+    g(), S(o);
+  }, N = (o) => {
+    if (!o) return;
+    (Array.isArray(o) ? o : [o]).forEach((d) => {
+      n.delete(d), _.allowedElements.delete(d), delete d.dataset.scrollAllowed;
+    });
+  }, g = () => {
+    n.forEach((o) => {
+      _.allowedElements.delete(o), delete o.dataset.scrollAllowed;
+    }), n.clear();
+  };
+  return Ae(() => {
+    t && S(t), a && v();
+  }), _e(() => {
+    g(), l.value && h();
+  }), {
+    isDisabled: l,
+    disableScroll: v,
+    enableScroll: h,
+    addAllowedElement: S,
+    removeAllowedElement: N,
+    updateAllowedElements: H,
+    clearAllowedElements: g
+  };
+}
+function Ln(e = {}) {
+  const { allowedElements: t = [] } = e, { enableScroll: a } = Oe({ allowedElements: t, immediate: !0 });
+  return a;
+}
+const k = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [n, l] of t)
+    a[n] = l;
+  return a;
+}, ut = /* @__PURE__ */ Object.assign({
+  name: "Modal"
+}, {
+  __name: "index",
+  props: {
+    visible: {
+      type: Boolean,
+      default: !0
+    },
+    bg: {
+      type: String
+    },
+    blur: {
+      type: Number
+    },
+    zIndex: {
+      type: Number
+    },
+    duration: {
+      type: Number,
+      default: 300
+    },
+    disableScroll: {
+      type: Boolean,
+      default: !1
+    },
+    allowScrollEl: {
+      type: [HTMLElement, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const { disableScroll: t, enableScroll: a, updateAllowedElements: n } = Oe(), l = e;
+    return Fe(() => {
+      l.disableScroll && l.visible ? (t(), n(l.allowScrollEl ? l.allowScrollEl : null)) : a();
+    }), (s, f) => (c(), V(xe, {
+      name: "modal",
+      appear: ""
+    }, {
+      default: P(() => [
+        $(p("div", {
+          class: "modal-container",
+          style: me({
+            "--bg": e.bg,
+            "--blur": e.blur ? `${e.blur}px` : "",
+            "--z-index": e.zIndex,
+            "--duration": `${e.duration}ms`
+          })
+        }, [
+          pe(s.$slots, "default", {}, void 0, !0)
+        ], 4), [
+          [R, e.visible]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), q = /* @__PURE__ */ k(ut, [["__scopeId", "data-v-eff05c57"]]);
+q.install = function(e) {
+  e.component(q.name, q);
+};
+const je = (e = 16) => {
+  const t = Date.now().toString(36);
+  return t + Pe(e - t.length);
+}, Pe = (e) => {
+  const t = Math.random().toString(36).substring(2, 2 + e);
+  return t.length === e ? t : t + Pe(e - t.length);
+}, dt = (e, t) => Math.floor(Math.random() * (t - e)) + e, mt = /* @__PURE__ */ Object.assign({
+  name: "Icon"
+}, {
+  __name: "index",
+  props: {
+    type: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (t, a) => (c(), u("i", {
+      class: J(["_icon icon-container", `_icon-${e.type}`])
+    }, [
+      pe(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), z = /* @__PURE__ */ k(mt, [["__scopeId", "data-v-288c6a41"]]);
+z.install = function(e) {
+  e.component(z.name, z);
+};
+const pt = ["innerHTML"], vt = ["type", "onUpdate:modelValue", "name", "placeholder", "onInput"], ft = { class: "label" }, ht = { class: "msg" }, yt = { class: "total-err" }, gt = ["innerHTML"], bt = ["innerHTML"], wt = { class: "btns" }, _t = ["onClick", "disabled"], he = 300, xt = /* @__PURE__ */ Object.assign({
+  name: "Dialog"
+}, {
+  __name: "index",
+  emits: ["destroy"],
+  setup(e, { expose: t, emit: a }) {
+    const n = ze("content"), l = B(null), s = a, f = B([]), r = G(() => f.value.at(-1));
+    let m;
+    const b = (g, o) => ({
+      title: "",
+      content: "",
+      textColor: "",
+      tip: "",
+      type: "",
+      // alert, confirm, prompt
+      confirmText: g.type === "alert" ? "我知道了" : "确定",
+      confirmColor: "",
+      cancelText: "取消",
+      modal: !1,
+      id: je(),
+      ...g,
+      resolve: o
+    }), w = (g) => {
+      g.msg = g.validate?.(g.value), r.value.totalErr = "";
+    }, L = (g) => {
+      g.content.forEach((o) => {
+        o.value = o.value ?? "", o.validate = o.validate ?? ((i) => i === "" ? `请输入${o.label}` : ""), o.placeholder = o.placeholder ?? "请输入";
+      }), g.totalErr = "";
+    }, M = () => {
+      f.value.pop(), r.value || (m = setTimeout(() => s("destroy"), he));
+    }, y = (g) => (clearTimeout(m), new Promise((o) => {
+      const i = b(g, o);
+      g.type === "prompt" && L(i), f.value.push(i);
+    })), v = () => {
+      r.value && (r.value.resolve(!0), M());
+    }, h = () => {
+      if (!r.value || (r.value.content.forEach((o) => o.msg = o.validate(o.value)), r.value.content.some((o) => o.msg) || (r.value.totalErr = r.value.validateAll?.(...r.value.content)) || r.value.content.some((o) => o.msg)))
+        return;
+      const g = r.value.content.map((o) => o.value);
+      r.value.resolve(g), M();
+    }, S = () => {
+      r.value && (r.value.resolve(!1), M());
+    }, H = () => {
+      r.value && (r.value.modal || (r.value.resolve(!1), M()));
+    }, N = () => {
+      r.value && (f.value.forEach((g) => {
+        g.resolve(!1);
+      }), f.value.length = 0, m = setTimeout(() => s("destroy"), he));
+    };
+    return te(
+      r,
+      () => {
+        l.value = n.value.at(-1);
+      },
+      {
+        flush: "post"
+      }
+    ), t({
+      open: y,
+      destroyAll: N
+    }), (g, o) => (c(), V(xe, { name: "modal" }, {
+      default: P(() => [
+        $(D(O(q), Ke({
+          class: "dialog-container",
+          onClick: Se(H, ["self"]),
+          duration: he,
+          disableScroll: !0,
+          allowScrollEl: l.value
+        }, r.value?.modal ? { blur: 2 } : { bg: "rgba(0, 0, 0, 0.3)" }), {
+          default: P(() => [
+            D(He, { name: "area" }, {
+              default: P(() => [
+                (c(!0), u(T, null, A(f.value, (i) => (c(), u("div", {
+                  class: "area",
+                  style: me({ color: i.textColor }),
+                  key: i.id
+                }, [
+                  i.title ? (c(), u("p", {
+                    key: 0,
+                    class: "title",
+                    innerHTML: i.title
+                  }, null, 8, pt)) : I("", !0),
+                  i.type === "prompt" ? (c(), u("form", {
+                    key: 1,
+                    class: "content",
+                    onSubmit: Se(h, ["prevent"]),
+                    ref_for: !0,
+                    ref: "content"
+                  }, [
+                    (c(!0), u(T, null, A(i.content, (d, E) => (c(), u("label", {
+                      key: E,
+                      class: J(["input-item", { error: d.msg }])
+                    }, [
+                      $(p("input", {
+                        type: d.type,
+                        "onUpdate:modelValue": (C) => d.value = C,
+                        name: d.label,
+                        placeholder: d.placeholder,
+                        onInput: (C) => w(d)
+                      }, null, 40, vt), [
+                        [Je, d.value]
+                      ]),
+                      p("span", ft, x(d.label), 1),
+                      p("span", ht, x(d.msg), 1),
+                      $(D(O(z), {
+                        type: "close",
+                        onClick: (C) => d.value = ""
+                      }, null, 8, ["onClick"]), [
+                        [R, d.value !== ""]
+                      ])
+                    ], 2))), 128)),
+                    $(p("p", yt, [
+                      D(O(z), { type: "tip" }),
+                      Ge(" " + x(i.totalErr), 1)
+                    ], 512), [
+                      [R, i.totalErr]
+                    ])
+                  ], 544)) : (c(), u(T, { key: 2 }, [
+                    i.content ? (c(), u("p", {
+                      key: 0,
+                      class: "content",
+                      ref_for: !0,
+                      ref: "content",
+                      innerHTML: i.content
+                    }, null, 8, gt)) : I("", !0)
+                  ], 64)),
+                  i.tip ? (c(), u("p", {
+                    key: 3,
+                    class: "tip",
+                    innerHTML: i.tip
+                  }, null, 8, bt)) : I("", !0),
+                  p("div", wt, [
+                    i.type !== "alert" ? (c(), u("button", {
+                      key: 0,
+                      class: "btn cancel",
+                      onClick: S
+                    }, x(i.cancelText), 1)) : I("", !0),
+                    p("button", {
+                      class: J(["btn confirm", { danger: i.danger }]),
+                      onClick: (d) => i.type === "prompt" ? h() : v(),
+                      disabled: i.type === "prompt" && (i.content.some((d) => d.msg) || i.totalErr !== "")
+                    }, x(i.confirmText), 11, _t)
+                  ])
+                ], 4))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 16, ["allowScrollEl"]), [
+          [R, r.value]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), W = /* @__PURE__ */ k(xt, [["__scopeId", "data-v-876a5595"]]);
+W.install = function(e) {
+  e.component(W.name, W);
+};
+const Et = ["innerHTML"], kt = /* @__PURE__ */ Object.assign({
+  name: "Loading"
+}, {
+  __name: "index",
+  props: {
+    size: {
+      type: Number,
+      default: 42
+    },
+    color: {
+      type: String,
+      default: "#409eff"
+    },
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (t, a) => (c(), u("div", {
+      class: "loading-container",
+      style: me({ "--size": e.size + "px", "--color": e.color })
+    }, [
+      a[0] || (a[0] = p("svg", {
+        viewBox: "0 0 50 50",
+        class: "loading-svg"
+      }, [
+        p("circle", {
+          class: "path",
+          cx: "25",
+          cy: "25",
+          r: "20",
+          fill: "none"
+        })
+      ], -1)),
+      $(p("p", { innerHTML: e.text }, null, 8, Et), [
+        [R, e.text]
+      ])
+    ], 4));
+  }
+}), X = /* @__PURE__ */ k(kt, [["__scopeId", "data-v-b253c0cf"]]);
+X.install = function(e) {
+  e.component(X.name, X);
+};
+const St = ["innerHTML"], $t = 3e3, Tt = 3, Lt = /* @__PURE__ */ Object.assign({
+  name: "Message"
+}, {
+  __name: "index",
+  emits: ["destroy"],
+  setup(e, { expose: t, emit: a }) {
+    const n = a, l = B([]);
+    let s;
+    const f = () => {
+      clearTimeout(l.value[0]?.timer), l.value.shift(), !l.value.length && (s = setTimeout(() => n("destroy"), 500));
+    };
+    return t({ add: (m, b) => {
+      clearTimeout(s), l.value.length >= Tt && f();
+      const w = je(), L = setTimeout(() => f(), $t);
+      l.value.push({ id: w, content: m, type: b, timer: L });
+    } }), (m, b) => (c(), V(He, {
+      tag: "div",
+      class: "message-container"
+    }, {
+      default: P(() => [
+        (c(!0), u(T, null, A(l.value, (w) => (c(), u("div", {
+          key: w.id,
+          class: J(["item", [w.type]])
+        }, [
+          typeof w.content == "string" ? (c(), u("span", {
+            key: 0,
+            innerHTML: w.content
+          }, null, 8, St)) : (c(), V(Qe(w.content), { key: 1 }))
+        ], 2))), 128))
+      ]),
+      _: 1
+    }));
+  }
+}), F = /* @__PURE__ */ k(Lt, [["__scopeId", "data-v-31eeb9bf"]]);
+F.install = function(e) {
+  e.component(F.name, F);
+};
+const Mt = { class: "text" }, Ct = /* @__PURE__ */ Object.assign({ name: "Nav" }, {
+  __name: "index",
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const t = e, a = Ze("layer", 0);
+    et("layer", a + 1);
+    const n = tt(t.list.map(() => !0)), l = {
+      beforeEnter(s) {
+        s.style.height = "0", s.style.opacity = "0", s.style.overflow = "hidden";
+      },
+      enter(s) {
+        s.style.height = s.scrollHeight + "px", s.style.opacity = "1";
+      },
+      afterEnter(s) {
+        s.style.height = "", s.style.overflow = "", s.style.opacity = "";
+      },
+      beforeLeave(s) {
+        s.style.height = s.scrollHeight + "px", s.style.opacity = "0", s.style.overflow = "hidden";
+      },
+      leave(s) {
+        s.style.height = "0", s.style.opacity = "0";
+      },
+      afterLeave(s) {
+        s.style.height = "", s.style.overflow = "", s.style.opacity = "";
+      }
+    };
+    return (s, f) => {
+      const r = $e("RouterLink"), m = $e("Nav");
+      return c(), u("div", {
+        class: "nav-container",
+        style: me({ "--layer": O(a) })
+      }, [
+        (c(!0), u(T, null, A(e.list, (b, w) => (c(), u("div", {
+          class: "nav-item",
+          key: b.path
+        }, [
+          D(r, {
+            class: "link",
+            to: { name: b.name },
+            "exact-active-class": "active"
+          }, {
+            default: P(() => [
+              D(O(z), {
+                type: b.meta?.icon
+              }, null, 8, ["type"]),
+              p("span", Mt, x(b.meta?.title), 1),
+              b.children?.length ? (c(), V(O(z), {
+                key: 0,
+                type: n[w] ? "down" : "right",
+                class: "arrow-icon",
+                onClick: (L) => n[w] = !n[w]
+              }, null, 8, ["type", "onClick"])) : I("", !0)
+            ]),
+            _: 2
+          }, 1032, ["to"]),
+          D(xe, nt(l), {
+            default: P(() => [
+              b.children?.length ? $((c(), V(m, {
+                key: 0,
+                list: b.children
+              }, null, 8, ["list"])), [
+                [R, n[w]]
+              ]) : I("", !0)
+            ]),
+            _: 2
+          }, 1040)
+        ]))), 128))
+      ], 4);
+    };
+  }
+}), ne = /* @__PURE__ */ k(Ct, [["__scopeId", "data-v-69d79c4b"]]);
+ne.install = function(e) {
+  e.component(ne.name, ne);
+};
+const ye = document.createElement("div");
+let Y = null, Te = null;
+const Z = (e, t) => {
+  Y || (document.body.appendChild(ye), Y = Ee(F, {
+    onDestroy: () => {
+      Y.unmount(), Y = null, document.body.removeChild(ye);
+    }
+  }), Te = Y.mount(ye)), Te.add(e, t);
+}, It = {
+  success: (e) => {
+    Z(e, "success");
+  },
+  error: (e) => {
+    Z(e, "error");
+  },
+  warn: (e) => {
+    Z(e, "warn");
+  },
+  info: (e) => {
+    Z(e, "info");
+  }
+}, At = {
+  key: 0,
+  class: "pagination-container"
+}, zt = {
+  key: 0,
+  class: "controls"
+}, Ht = ["disabled"], Nt = ["onClick"], Dt = ["disabled"], Ot = { class: "meta" }, jt = ["value"], Pt = ["max"], Bt = /* @__PURE__ */ Object.assign({ name: "Pagination" }, {
+  __name: "index",
+  props: /* @__PURE__ */ Ne({
+    total: { type: Number, default: 0 },
+    // 共有多少条数据
+    pageSizes: { type: Array, default: () => [10, 20, 50, 100] },
+    // 可选的每页条数
+    maxButtonCount: { type: Number, default: 7 }
+    // 最大显示多少个页码按钮
+  }, {
+    modelValue: { type: Number, default: 1 },
+    modelModifiers: {},
+    pageSize: { type: Number, default: 10 },
+    pageSizeModifiers: {}
+  }),
+  emits: ["update:modelValue", "update:pageSize"],
+  setup(e) {
+    const t = ct(), a = it(), n = ue(e, "modelValue"), l = ue(e, "pageSize"), s = e, f = B("");
+    te(l, () => {
+      n.value > r.value && m(r.value);
+    });
+    const r = G(() => !s.total || l.value <= 0 ? 0 : Math.max(0, Math.ceil(s.total / l.value)));
+    function m(y) {
+      const v = Math.min(Math.max(1, Math.floor(y || 1)), Math.max(1, r.value || 1));
+      v !== n.value && (n.value = v);
+    }
+    function b() {
+      let y = Number(f.value);
+      if (!y || isNaN(y) || y < 1 || y > r.value) {
+        f.value = "", It.warn("请输入有效页码");
+        return;
+      }
+      m(y), f.value = "";
+    }
+    function w(y) {
+      if (y)
+        if (y.ellipsis) {
+          const v = Math.max(3, Math.min(r.value, Math.max(5, s.maxButtonCount) - 2));
+          y.key === "left" ? m(n.value - v) : m(n.value + v);
+        } else y.page && m(y.page);
+    }
+    const L = G(() => {
+      const y = [], v = r.value, h = Math.max(5, s.maxButtonCount), S = n.value;
+      if (v <= h) {
+        for (let o = 1; o <= v; o++) y.push({ key: `p${o}`, page: o, label: o });
+        return y;
+      }
+      const H = Math.floor((h - 1) / 2);
+      let N = Math.max(2, S - H), g = Math.min(v - 1, S + H);
+      S - 1 <= H && (N = 2, g = h - 1), v - S <= H && (N = v - (h - 2), g = v - 1), y.push({ key: "p1", page: 1, label: 1 }), N > 2 && y.push({ key: "left", ellipsis: !0, label: "..." });
+      for (let o = N; o <= g; o++)
+        y.push({ key: `p${o}`, page: o, label: o });
+      return g < v - 1 && y.push({ key: "right", ellipsis: !0, label: "..." }), y.push({ key: `p${v}`, page: v, label: v }), y;
+    }), M = te(
+      () => s.total,
+      (y) => {
+        if (!y) return;
+        const v = +a.query.page, h = +a.query.pageSize;
+        h && !isNaN(h) && s.pageSizes.includes(h) && (l.value = h), v <= r.value && (m(v), M());
+      },
+      { immediate: !0 }
+    );
+    return te([n, l], () => {
+      t.replace({
+        query: {
+          ...a.query,
+          page: n.value,
+          pageSize: l.value
+        }
+      });
+    }), (y, v) => e.total ? (c(), u("div", At, [
+      e.total > l.value ? (c(), u("div", zt, [
+        p("button", {
+          disabled: n.value === 1,
+          onClick: v[0] || (v[0] = (h) => m(n.value - 1))
+        }, "上一页", 8, Ht),
+        (c(!0), u(T, null, A(L.value, (h) => (c(), u("button", {
+          key: h.key,
+          class: J({ active: h.page === n.value }),
+          onClick: (S) => w(h)
+        }, x(h.label), 11, Nt))), 128)),
+        p("button", {
+          disabled: n.value === r.value || !r.value,
+          onClick: v[1] || (v[1] = (h) => m(n.value + 1))
+        }, " 下一页 ", 8, Dt)
+      ])) : I("", !0),
+      p("div", Ot, [
+        p("p", null, "共" + x(e.total) + "条，第" + x(n.value) + " / " + x(r.value || 1) + "页", 1),
+        $(p("select", {
+          "onUpdate:modelValue": v[2] || (v[2] = (h) => l.value = h)
+        }, [
+          (c(!0), u(T, null, A(e.pageSizes, (h) => (c(), u("option", {
+            key: h,
+            value: h
+          }, x(h) + " / 页", 9, jt))), 128))
+        ], 512), [
+          [
+            ot,
+            l.value,
+            void 0,
+            { number: !0 }
+          ]
+        ]),
+        e.total > l.value ? (c(), u(T, { key: 0 }, [
+          $(p("input", {
+            type: "number",
+            "onUpdate:modelValue": v[3] || (v[3] = (h) => f.value = h),
+            min: "1",
+            max: r.value || 1,
+            onKeyup: at(b, ["enter"]),
+            placeholder: "页码"
+          }, null, 40, Pt), [
+            [
+              lt,
+              f.value,
+              void 0,
+              { number: !0 }
+            ]
+          ]),
+          p("button", { onClick: b }, "跳转")
+        ], 64)) : I("", !0)
+      ])
+    ])) : I("", !0);
+  }
+}), oe = /* @__PURE__ */ k(Bt, [["__scopeId", "data-v-e175d2aa"]]);
+oe.install = function(e) {
+  e.component(oe.name, oe);
+};
+const Vt = { class: "warn-container" }, Rt = /* @__PURE__ */ Object.assign({ name: "Warn" }, {
+  __name: "index",
+  props: {
+    msg: {
+      type: String,
+      default: "暂无数据"
+    }
+  },
+  setup(e) {
+    return (t, a) => (c(), u("div", Vt, [
+      D(O(z), { type: "tip" }),
+      p("p", null, x(e.msg), 1),
+      pe(t.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), K = /* @__PURE__ */ k(Rt, [["__scopeId", "data-v-0e46cecf"]]);
+K.install = function(e) {
+  e.component(K.name, K);
+};
+const Yt = { class: "table-container" }, Ut = {
+  key: 0,
+  class: "table-inner"
+}, qt = { class: "row" }, Wt = { class: "content" }, Xt = /* @__PURE__ */ Object.assign({ name: "Table" }, {
+  __name: "index",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (t, a) => (c(), u("div", Yt, [
+      e.data.length ? (c(), u("div", Ut, [
+        p("header", qt, [
+          (c(!0), u(T, null, A(e.data[0], (n, l) => (c(), u("div", {
+            class: "cell",
+            key: l
+          }, x(l), 1))), 128))
+        ]),
+        (c(!0), u(T, null, A(e.data, (n, l) => (c(), u("div", {
+          class: "row",
+          key: l
+        }, [
+          (c(!0), u(T, null, A(n, (s, f) => (c(), u("div", {
+            class: "cell",
+            key: f
+          }, [
+            p("p", Wt, x(s), 1)
+          ]))), 128))
+        ]))), 128))
+      ])) : (c(), V(O(K), { key: 1 }))
+    ]));
+  }
+}), ae = /* @__PURE__ */ k(Xt, [["__scopeId", "data-v-f0bc9df0"]]);
+ae.install = function(e) {
+  e.component(ae.name, ae);
+};
+const Ft = { class: "timer-container" }, le = /* @__PURE__ */ Object.assign({ name: "Timer" }, {
+  __name: "index",
+  setup(e, { expose: t }) {
+    const a = B(0);
+    let n;
+    const l = G(() => s(a.value));
+    _e(() => {
+      clearInterval(n);
+    });
+    const s = () => {
+      const m = Math.floor(a.value / 3600), b = Math.floor(a.value % 3600 / 60), w = a.value % 60;
+      return (m ? [m, b, w] : [b, w]).map((M) => M.toString().padStart(2, "0")).join(":");
+    };
+    return t({
+      start: (m) => {
+        m !== void 0 && (a.value = m), !n && (n = setInterval(() => {
+          a.value++;
+        }, 1e3));
+      },
+      stop: () => {
+        clearInterval(n), n = null;
+      },
+      getTime: () => a.value
+    }), (m, b) => (c(), u("span", Ft, x(l.value), 1));
+  }
+});
+le.install = function(e) {
+  e.component(le.name, le);
+};
+const Kt = (e) => G(() => {
+  const t = document.createElement("canvas"), a = window.devicePixelRatio || 1, l = e.fontSize * a + "px serif", s = t.getContext("2d"), { width: f } = s.measureText(e.text), r = Math.max(100, f) + e.gap * a;
+  return t.width = r, t.height = r, s.translate(t.width / 2, t.height / 2), s.rotate(Math.PI / 180 * -e.rotate), s.fillStyle = e.color, s.font = l, s.textAlign = "center", s.textBaseline = "middle", s.fillText(e.text, 0, 0), {
+    base64: t.toDataURL(),
+    size: r / a
+  };
+}), Jt = /* @__PURE__ */ Object.assign({ name: "Watermark" }, {
+  __name: "index",
+  props: {
+    text: {
+      type: String,
+      default: "Watermark"
+    },
+    fontSize: {
+      type: Number,
+      default: 20
+    },
+    gap: {
+      type: Number,
+      default: 100
+    },
+    rotate: {
+      type: Number,
+      default: -45
+    },
+    color: {
+      type: String,
+      default: "rgba(0, 0, 0, .1)"
+    }
+  },
+  setup(e) {
+    const t = ze("parentRef"), a = e;
+    let n;
+    const l = Kt(a), s = () => {
+      if (!t.value) return;
+      n && n.remove();
+      const { base64: r, size: m } = l.value;
+      n = document.createElement("div"), n.style.position = "absolute", n.style.backgroundImage = `url(${r})`, n.style.backgroundRepeat = "repeat", n.style.backgroundSize = `${m}px ${m}px`, n.style.pointerEvents = "none", n.style.zIndex = 9999, n.style.inset = 0, t.value.appendChild(n);
+    }, f = new MutationObserver((r) => {
+      for (const m of r) {
+        for (const b of m.removedNodes)
+          if (b === n) {
+            s();
+            return;
+          }
+        if (m.target === n) {
+          s();
+          return;
+        }
+      }
+    });
+    return Ae(() => {
+      s(), f.observe(t.value, {
+        attributes: !0,
+        childList: !0,
+        subtree: !0
+      });
+    }), _e(() => {
+      f.disconnect();
+    }), (r, m) => (c(), u("div", {
+      class: "watermark-container",
+      ref_key: "parentRef",
+      ref: t
+    }, [
+      pe(r.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+}), se = /* @__PURE__ */ k(Jt, [["__scopeId", "data-v-b86ee0ab"]]);
+se.install = function(e) {
+  e.component(se.name, se);
+};
+const Gt = { class: "switch-container" }, Qt = { class: "slider" }, Zt = { class: "circle" }, en = {
+  class: "cross",
+  "xml:space": "preserve",
+  style: { "enable-background": "new 0 0 512 512" },
+  viewBox: "0 0 365.696 365.696",
+  y: "0",
+  x: "0",
+  height: "6",
+  width: "6",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, tn = {
+  class: "checkmark",
+  "xml:space": "preserve",
+  style: { "enable-background": "new 0 0 512 512" },
+  viewBox: "0 0 24 24",
+  y: "0",
+  x: "0",
+  height: "10",
+  width: "10",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, nn = /* @__PURE__ */ Object.assign({ name: "Switch" }, {
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ue(e, "modelValue");
+    return (a, n) => (c(), u("label", Gt, [
+      $(p("input", {
+        type: "checkbox",
+        "onUpdate:modelValue": n[0] || (n[0] = (l) => t.value = l)
+      }, null, 512), [
+        [De, t.value]
+      ]),
+      p("div", Qt, [
+        p("div", Zt, [
+          (c(), u("svg", en, n[1] || (n[1] = [
+            p("g", null, [
+              p("path", {
+                "data-original": "#000000",
+                fill: "currentColor",
+                d: "M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0 45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-32.77 0-45.25zm0 0"
+              })
+            ], -1)
+          ]))),
+          (c(), u("svg", tn, n[2] || (n[2] = [
+            p("g", null, [
+              p("path", {
+                class: "",
+                "data-original": "#000000",
+                fill: "currentColor",
+                d: "M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
+              })
+            ], -1)
+          ])))
+        ])
+      ])
+    ]));
+  }
+}), re = /* @__PURE__ */ k(nn, [["__scopeId", "data-v-f75b2497"]]);
+re.install = function(e) {
+  e.component(re.name, re);
+};
+const on = { class: "checkbox-container" }, an = { class: "label" }, ln = ["value"], sn = { class: "desc" }, rn = /* @__PURE__ */ Object.assign({ name: "Checkbox" }, {
+  __name: "index",
+  props: /* @__PURE__ */ Ne({
+    value: {
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ue(e, "modelValue");
+    return (a, n) => (c(), u("div", on, [
+      p("label", an, [
+        $(p("input", {
+          type: "checkbox",
+          "onUpdate:modelValue": n[0] || (n[0] = (l) => t.value = l),
+          value: e.value
+        }, null, 8, ln), [
+          [De, t.value]
+        ]),
+        n[1] || (n[1] = p("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 200 200",
+          class: "svg"
+        }, [
+          p("rect", {
+            x: "0",
+            y: "0",
+            width: "200",
+            height: "200",
+            "stroke-width": "40",
+            class: "box",
+            fill: "rgba(207,205,205,0.425)",
+            rx: "30",
+            ry: "30"
+          }),
+          p("path", {
+            "stroke-width": "15",
+            d: "M52 111.018L76.9867 136L149 64",
+            class: "tick"
+          })
+        ], -1)),
+        p("span", sn, x(e.title), 1)
+      ])
+    ]));
+  }
+}), ce = /* @__PURE__ */ k(rn, [["__scopeId", "data-v-d71f306b"]]);
+ce.install = function(e) {
+  e.component(ce.name, ce);
+};
+const cn = 500, ee = 100, Le = {
+  up: [
+    {
+      transform: `translateY(${ee}px)`,
+      opacity: 0
+    },
+    {
+      transform: "translateY(0)",
+      opacity: 1
+    }
+  ],
+  down: [
+    {
+      transform: `translateY(-${ee}px)`,
+      opacity: 0
+    },
+    {
+      transform: "translateY(0)",
+      opacity: 1
+    }
+  ],
+  left: [
+    {
+      transform: `translateX(${ee}px)`,
+      opacity: 0
+    },
+    {
+      transform: "translateX(0)",
+      opacity: 1
+    }
+  ],
+  right: [
+    {
+      transform: `translateX(-${ee}px)`,
+      opacity: 0
+    },
+    {
+      transform: "translateX(0)",
+      opacity: 1
+    }
+  ],
+  scale: [
+    {
+      transform: "scale(0)",
+      opacity: 0
+    },
+    {
+      transform: "scale(1)",
+      opacity: 1
+    }
+  ],
+  opacity: [
+    {
+      opacity: 0
+    },
+    {
+      opacity: 1
+    }
+  ],
+  fade: [
+    {
+      transform: "translateY(-5px) scale(1.2)",
+      opacity: 0
+    },
+    {
+      transform: "translateY(0) scale(1)",
+      opacity: 1
+    }
+  ]
+}, un = {
+  name: "delay-in",
+  mounted(e, t) {
+    const a = t.arg || "fade", n = e.animate(Le[a] || Le.fade, {
+      duration: cn,
+      easing: "ease-in-out",
+      delay: t.value || 0,
+      fill: "both"
+    });
+    n.onfinish = () => {
+      n.cancel();
+    }, n.play();
+  }
+}, dn = "正在加载...", ke = /* @__PURE__ */ new WeakMap(), mn = () => {
+  const e = document.createElement("div");
+  return e.style.position = "absolute", e.style.top = "50%", e.style.left = "50%", e.style.transform = "translate(-50%, -50%)", e.style.zIndex = "100", e;
+}, Me = (e) => {
+  const t = ke.get(e);
+  t && (t.app.unmount(), t.container.remove(), t.changePosition && (e.style.position = ""));
+}, Ce = (e, t) => {
+  const a = {};
+  getComputedStyle(e).position === "static" && (e.style.position = "relative", a.changePosition = !0);
+  const n = B("");
+  Be(n, t.value);
+  const l = mn(), s = st({
+    render: () => rt(X, { text: n.value })
+  }), f = Ee(s);
+  f.mount(l), e.appendChild(l), a.container = l, a.app = f, a.textRef = n, ke.set(e, a);
+}, Be = (e, t) => {
+  t === !0 ? e.value = dn : e.value = t;
+}, pn = {
+  name: "loading",
+  mounted(e, t) {
+    t.value !== !1 && Ce(e, t);
+  },
+  updated(e, t) {
+    if (t.value === !1) {
+      Me(e);
+      return;
+    }
+    const a = ke.get(e);
+    a ? Be(a.textRef, t.value) : Ce(e, t);
+  },
+  unmounted(e) {
+    Me(e);
+  }
+}, vn = 600, Ve = 100, Re = /* @__PURE__ */ new WeakMap(), we = new IntersectionObserver((e) => {
+  for (const t of e) {
+    const a = Re.get(t.target);
+    a && t.isIntersecting && (a.play(), we.unobserve(t.target));
+  }
+}), fn = (e) => e.getBoundingClientRect().top - Ve > window.innerHeight, hn = {
+  name: "slide-in",
+  mounted(e, t) {
+    if (!fn(e))
+      return;
+    const a = e.animate(
+      [
+        {
+          transform: `translateY(${Ve}px)`,
+          opacity: 0.5
+        },
+        {
+          transform: "translateY(0px)",
+          opacity: 1
+        }
+      ],
+      {
+        duration: vn,
+        easing: "ease-out",
+        delay: t.value || 0,
+        fill: "both"
+      }
+    );
+    a.pause(), a.onfinish = () => {
+      a.cancel();
+    }, Re.set(e, a), we.observe(e);
+  },
+  unmounted(e) {
+    we.unobserve(e);
+  }
+}, yn = {
+  name: "text-jump",
+  mounted(e, t) {
+    const a = t.value || ["#ff1e00", "#335bff"];
+    e.style.cssText += `
+      background-image: linear-gradient(90deg, ${a[0]}33 0%, ${a[0]} 20%, ${a[1]} 80%, ${a[1]}33 100%);
+      background-size: 200% 100%;
+      background-clip: text;
+      color: transparent;
+    `, e.animate(
+      [
+        {
+          backgroundPositionX: "200%"
+        },
+        {
+          backgroundPositionX: "0%"
+        }
+      ],
+      {
+        //匀速，无限循环
+        duration: 4e3,
+        easing: "linear",
+        iterations: 1 / 0,
+        delay: dt(0, 8) * -500
+        //随机延迟
+      }
+    ).play();
+  }
+};
+let j = null;
+const ie = /* @__PURE__ */ new WeakMap(), Ie = () => j || (j = new IntersectionObserver((e) => {
+  e.forEach((t) => {
+    if (t.isIntersecting) {
+      const a = t.target, { src: n, callbacks: l } = ie.get(a);
+      l.onEnterViewport?.(a), j.unobserve(a), l.onLoadStart?.(a, n), gn(a, n, l.onLoadSuccess, l.onLoadError);
+    }
+  });
+}), j), gn = (e, t, a, n) => {
+  const l = new Image();
+  l.src = t, l.onload = () => {
+    e.src = t, a?.(e, t);
+  }, l.onerror = (s) => {
+    n?.(e, t, s);
+  };
+}, bn = {
+  name: "lazy",
+  // 指令绑定到元素时
+  mounted(e, t) {
+    if (!(e instanceof HTMLImageElement)) {
+      console.warn("v-lazy 指令仅支持 img 元素");
+      return;
+    }
+    let a = "", n = {
+      onEnterViewport: null,
+      onLoadStart: null,
+      onLoadSuccess: null,
+      onLoadError: null
+    };
+    if (typeof t.value == "string")
+      a = t.value;
+    else if (typeof t.value == "object" && t.value.src)
+      a = t.value.src, n = { ...n, ...t.value };
+    else {
+      console.error("v-lazy 绑定值格式错误，支持：字符串地址 | { src: 地址, 回调函数 }");
+      return;
+    }
+    ie.set(e, { src: a, callbacks: n }), Ie().observe(e);
+  },
+  // 指令更新时
+  updated(e, t) {
+    let a = "", n = {
+      onEnterViewport: null,
+      onLoadStart: null,
+      onLoadSuccess: null,
+      onLoadError: null
+    };
+    if (typeof t.value == "string")
+      a = t.value;
+    else if (typeof t.value == "object" && t.value.src)
+      a = t.value.src, n = { ...n, ...t.value };
+    else
+      return;
+    ie.set(e, { src: a, callbacks: n }), Ie().observe(e);
+  },
+  // 元素卸载时（清理回调和监听）
+  unmounted(e) {
+    j && e instanceof HTMLImageElement && (j.unobserve(e), ie.delete(e));
+  }
+};
+let U = null, de = null;
+const ge = document.createElement("div"), Ye = (e) => typeof e == "object" && e !== null, wn = (e, t) => (!Ye(e) && (e = { content: e }), t === "prompt" && _n(e), e.type = t, e), _n = (e) => {
+  if (!Array.isArray(e.content))
+    throw new Error("Prompt content must be an array");
+  e.content = e.content.map((t) => {
+    if (typeof t == "string")
+      return { label: t };
+    if (Ye(t))
+      return t;
+    throw new Error("Prompt content must be an array of strings or objects");
+  });
+}, xn = () => {
+  U || (document.body.appendChild(ge), U = Ee(W, {
+    onDestroy: () => {
+      U.unmount(), U = null, document.body.removeChild(ge);
+    }
+  }), de = U.mount(ge));
+}, be = (e, t) => {
+  xn();
+  const a = wn(e, t);
+  return de.open(a);
+}, Mn = {
+  destroy: () => {
+    de && de.destroyAll();
+  },
+  confirm: (e) => be(e, "confirm"),
+  alert: (e) => be(e, "alert"),
+  prompt: (e) => be(e, "prompt")
+}, En = [
+  W,
+  z,
+  X,
+  F,
+  q,
+  ne,
+  oe,
+  ae,
+  le,
+  K,
+  se,
+  re,
+  ce
+], kn = [un, pn, hn, yn, bn], Sn = (e) => {
+  En.forEach((t) => {
+    e.component(t.name, t);
+  }), kn.forEach((t) => {
+    e.directive(t.name, t);
+  });
+}, Cn = {
+  install: Sn
+};
+export {
+  ce as Checkbox,
+  W as Dialog,
+  z as Icon,
+  X as Loading,
+  F as Message,
+  q as Modal,
+  ne as Nav,
+  oe as Pagination,
+  re as Switch,
+  ae as Table,
+  le as Timer,
+  K as Warn,
+  se as Watermark,
+  Cn as default,
+  Mn as dialog,
+  Ln as disableBodyScroll,
+  Sn as install,
+  It as msg,
+  Oe as useScrollControl,
+  un as vDelayIn,
+  bn as vLazy,
+  pn as vLoading,
+  hn as vSlideIn,
+  yn as vTextJump
+};