tttb 0.0.20

package/dist/es/src/components/Dialog/DialogPrompt.vue.js

@@ -0,0 +1,56 @@
+import { createElementBlock as s, openBlock as c, withDirectives as p, Fragment as y, renderList as x, normalizeClass as b, createElementVNode as o, vModelDynamic as k, createVNode as u, unref as m, vShow as v, toDisplayString as d, createTextVNode as D } from "vue";
+import h from "../Icon/index.js";
+/* empty css                  */
+import I from "../../../_virtual/_plugin-vue_export-helper.js";
+const V = { class: "input-inner" }, A = ["type", "onUpdate:modelValue", "name", "placeholder", "onInput"], C = { class: "label" }, N = { class: "msg" }, w = { class: "total-err" }, B = {
+  __name: "DialogPrompt",
+  props: {
+    content: Array,
+    options: Object
+  },
+  emits: ["update:totalErr"],
+  setup(a, { expose: _, emit: f }) {
+    const l = a, i = f, E = (t) => {
+      t.msg = t.validate?.(t.value), i("update:totalErr", "");
+    };
+    return _({ validateAll: () => {
+      if (l.content.forEach((e) => e.msg = e.validate(e.value)), l.content.some((e) => e.msg)) return !1;
+      const n = l.options.validateAll?.(...l.content);
+      return i("update:totalErr", n), !n;
+    } }), (t, n) => (c(), s("form", null, [
+      (c(!0), s(y, null, x(a.content, (e, g) => (c(), s("label", {
+        key: g,
+        class: b(["input-item", { error: e.msg }])
+      }, [
+        o("div", V, [
+          p(o("input", {
+            type: e.type,
+            "onUpdate:modelValue": (r) => e.value = r,
+            name: e.label,
+            placeholder: e.placeholder,
+            onInput: (r) => E(e)
+          }, null, 40, A), [
+            [k, e.value]
+          ]),
+          p(u(m(h), {
+            icon: "close",
+            onClick: (r) => e.value = ""
+          }, null, 8, ["onClick"]), [
+            [v, e.value !== ""]
+          ])
+        ]),
+        o("span", C, d(e.label), 1),
+        o("span", N, d(e.msg), 1)
+      ], 2))), 128)),
+      p(o("p", w, [
+        u(m(h), { icon: "circle-exclamation" }),
+        D(" " + d(a.options.totalErr), 1)
+      ], 512), [
+        [v, a.options.totalErr]
+      ])
+    ]));
+  }
+}, z = /* @__PURE__ */ I(B, [["__scopeId", "data-v-dae7d3f6"]]);
+export {
+  z as default
+};

package/dist/es/src/components/Dialog/index.js

@@ -0,0 +1,6 @@
+import o from "./index.vue.js";
+import { withInstall as t } from "../../helpers.js";
+const l = t(o);
+export {
+  l as default
+};

package/dist/es/src/components/Dialog/index.vue.js

@@ -0,0 +1,84 @@
+import { ref as f, computed as p, createBlock as v, openBlock as n, Transition as E, withCtx as s, withDirectives as D, createVNode as _, unref as S, mergeProps as I, withModifiers as O, TransitionGroup as R, createElementBlock as B, Fragment as P, renderList as A, vShow as L } from "vue";
+import M from "../Modal/index.js";
+import N from "./DialogItem.vue.js";
+import { getId as $ } from "../../utils/tools.js";
+/* empty css           */
+import j from "../../../_virtual/_plugin-vue_export-helper.js";
+const i = 300, F = /* @__PURE__ */ Object.assign({ name: "Dialog" }, {
+  __name: "index",
+  emits: ["destroy"],
+  setup(G, { expose: h, emit: g }) {
+    const c = g, l = f([]), u = f([]), r = p(() => l.value.at(-1)), y = p(() => {
+      const e = u.value?.at(-1)?.contentRef;
+      return e?.$el || e;
+    });
+    let a;
+    const w = (e) => (clearTimeout(a), new Promise((t) => {
+      const o = b(e, t);
+      o.type === "prompt" && k(o), l.value.push(o);
+    })), x = (e) => {
+      r.value.resolve(e), d();
+    }, m = () => {
+      r.value.resolve(!1), d();
+    }, C = () => {
+      r.value && !r.value.modal && m();
+    }, d = () => {
+      l.value.pop(), l.value.length === 0 && (a = setTimeout(() => c("destroy"), i));
+    }, T = () => {
+      l.value.forEach((e) => e.resolve(!1)), l.value = [], a = setTimeout(() => c("destroy"), i);
+    }, b = (e, t) => ({
+      title: "",
+      content: "",
+      textColor: "",
+      tip: "",
+      type: "",
+      // alert, confirm, prompt
+      confirmText: e.type === "alert" ? "我知道了" : "确定",
+      confirmColor: "",
+      cancelText: "取消",
+      modal: !1,
+      id: $(),
+      ...e,
+      resolve: t
+    }), k = (e) => {
+      e.content.forEach((t) => {
+        t.value = t.value ?? "", t.validate = t.validate ?? ((o) => o === "" ? `请输入${t.label}` : "");
+      }), e.totalErr = "";
+    };
+    return h({ open: w, destroyAll: T }), (e, t) => (n(), v(E, { name: "modal" }, {
+      default: s(() => [
+        D(_(S(M), I({
+          class: "dialog-container",
+          duration: i,
+          disableScroll: !0,
+          allowScrollEl: y.value,
+          onClick: O(C, ["self"])
+        }, r.value?.modal ? { blur: 2 } : { bg: "rgba(0, 0, 0, 0.3)" }), {
+          default: s(() => [
+            _(R, { name: "area" }, {
+              default: s(() => [
+                (n(!0), B(P, null, A(l.value, (o) => (n(), v(N, {
+                  key: o.id,
+                  item: o,
+                  ref_for: !0,
+                  ref_key: "itemRefs",
+                  ref: u,
+                  onConfirm: x,
+                  onCancel: m
+                }, null, 8, ["item"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 16, ["allowScrollEl"]), [
+          [L, r.value]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}), K = /* @__PURE__ */ j(F, [["__scopeId", "data-v-4a59b93e"]]);
+export {
+  K as default
+};

package/dist/es/src/components/Icon/index.js

@@ -0,0 +1,6 @@
+import o from "./index.vue.js";
+import { withInstall as t } from "../../helpers.js";
+const a = t(o);
+export {
+  a as default
+};

package/dist/es/src/components/Icon/index.vue.js

@@ -0,0 +1,21 @@
+import { createElementBlock as r, openBlock as e, createVNode as a, unref as s, normalizeProps as n, guardReactiveProps as t } from "vue";
+import { FontAwesomeIcon as i } from "../../../node_modules/@fortawesome/vue-fontawesome/index.es.js";
+import m from "./props.js";
+import { library as p } from "../../../node_modules/@fortawesome/fontawesome-svg-core/index.js";
+import { fas as c } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { far as f } from "../../../node_modules/@fortawesome/free-regular-svg-icons/index.js";
+import { fab as l } from "../../../node_modules/@fortawesome/free-brands-svg-icons/index.js";
+const _ = { class: "icon-container" }, y = /* @__PURE__ */ Object.assign({
+  name: "Icon"
+}, {
+  __name: "index",
+  props: m,
+  setup(d) {
+    return p.add(c, f, l), (o, u) => (e(), r("i", _, [
+      a(s(i), n(t(o.$props)), null, 16)
+    ]));
+  }
+});
+export {
+  y as default
+};

package/dist/es/src/components/Icon/props.js

@@ -0,0 +1,31 @@
+const e = {
+  // 图标
+  icon: {
+    type: String,
+    required: !0
+  },
+  // 大小
+  size: {
+    type: String
+  },
+  // 旋转
+  rotation: {
+    type: [Number, String]
+  },
+  // 翻转
+  flip: {
+    type: [Number, String]
+  },
+  // 下面是动画效果相关的属性
+  beat: Boolean,
+  beatFade: Boolean,
+  bounce: Boolean,
+  fade: Boolean,
+  shake: Boolean,
+  spin: Boolean,
+  spinReverse: Boolean,
+  spinPulse: Boolean
+};
+export {
+  e as default
+};

package/dist/es/src/components/Loading/index.js

@@ -0,0 +1,6 @@
+import o from "./index.vue.js";
+import { withInstall as t } from "../../helpers.js";
+const r = t(o);
+export {
+  r as default
+};

package/dist/es/src/components/Loading/index.vue.js

@@ -0,0 +1,45 @@
+import { createElementBlock as n, openBlock as o, normalizeStyle as a, createElementVNode as r, createCommentVNode as i } from "vue";
+/* empty css           */
+import s from "../../../_virtual/_plugin-vue_export-helper.js";
+const l = ["innerHTML"], c = /* @__PURE__ */ Object.assign({
+  name: "Loading"
+}, {
+  __name: "index",
+  props: {
+    size: {
+      type: Number,
+      default: 42
+    },
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (d, t) => (o(), n("div", {
+      class: "loading-container",
+      style: a({ "--size": e.size + "px" })
+    }, [
+      t[0] || (t[0] = r("svg", {
+        viewBox: "0 0 50 50",
+        class: "loading-svg"
+      }, [
+        r("circle", {
+          class: "path",
+          cx: "25",
+          cy: "25",
+          r: "20",
+          fill: "none",
+          stroke: "currentColor"
+        })
+      ], -1)),
+      e.text ? (o(), n("p", {
+        key: 0,
+        innerHTML: e.text
+      }, null, 8, l)) : i("", !0)
+    ], 4));
+  }
+}), x = /* @__PURE__ */ s(c, [["__scopeId", "data-v-557da3ef"]]);
+export {
+  x as default
+};

package/dist/es/src/components/Message/index.js

@@ -0,0 +1,6 @@
+import s from "./index.vue.js";
+import { withInstall as t } from "../../helpers.js";
+const a = t(s);
+export {
+  a as default
+};

package/dist/es/src/components/Message/index.vue.js

@@ -0,0 +1,41 @@
+import { ref as p, createBlock as c, openBlock as n, TransitionGroup as _, withCtx as f, createElementBlock as o, Fragment as v, renderList as y, normalizeClass as g, resolveDynamicComponent as T } from "vue";
+import { getId as h } from "../../utils/tools.js";
+/* empty css           */
+import x from "../../../_virtual/_plugin-vue_export-helper.js";
+const k = ["innerHTML"], M = 3e3, L = 3, b = /* @__PURE__ */ Object.assign({
+  name: "Message"
+}, {
+  __name: "index",
+  emits: ["destroy"],
+  setup(B, { expose: m, emit: l }) {
+    const u = l, t = p([]);
+    let s;
+    const r = () => {
+      clearTimeout(t.value[0]?.timer), t.value.shift(), !t.value.length && (s = setTimeout(() => u("destroy"), 500));
+    };
+    return m({ add: (a, i) => {
+      clearTimeout(s), t.value.length >= L && r();
+      const e = h(), d = setTimeout(() => r(), M);
+      t.value.push({ id: e, content: a, type: i, timer: d });
+    } }), (a, i) => (n(), c(_, {
+      tag: "div",
+      class: "message-container"
+    }, {
+      default: f(() => [
+        (n(!0), o(v, null, y(t.value, (e) => (n(), o("div", {
+          key: e.id,
+          class: g(["item", [e.type]])
+        }, [
+          typeof e.content == "string" ? (n(), o("span", {
+            key: 0,
+            innerHTML: e.content
+          }, null, 8, k)) : (n(), c(T(e.content), { key: 1 }))
+        ], 2))), 128))
+      ]),
+      _: 1
+    }));
+  }
+}), z = /* @__PURE__ */ x(b, [["__scopeId", "data-v-b11505b8"]]);
+export {
+  z as default
+};

package/dist/es/src/components/Modal/index.js

@@ -0,0 +1,6 @@
+import o from "./index.vue.js";
+import { withInstall as t } from "../../helpers.js";
+const r = t(o);
+export {
+  r as default
+};

package/dist/es/src/components/Modal/index.vue.js

@@ -0,0 +1,67 @@
+import { toRefs as r, watchEffect as n, createBlock as i, openBlock as d, Transition as c, withCtx as s, withDirectives as u, createElementVNode as m, normalizeStyle as b, renderSlot as f, vShow as p } from "vue";
+import { useScrollControl as S } from "../../hooks/useScrollControl.js";
+/* empty css           */
+import y from "../../../_virtual/_plugin-vue_export-helper.js";
+const x = /* @__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: [Object, HTMLElement, Array],
+      default: null
+    }
+  },
+  setup(e) {
+    const l = e, { disableScroll: t, enableScroll: a } = S({
+      allowedElements: r(l).allowScrollEl
+    });
+    return n(() => {
+      l.disableScroll && l.visible ? t() : a();
+    }), (o, v) => (d(), i(c, {
+      name: "modal",
+      appear: ""
+    }, {
+      default: s(() => [
+        u(m("div", {
+          class: "modal-container",
+          style: b({
+            "--bg": e.bg,
+            "--blur": e.blur ? `${e.blur}px` : "",
+            "--z-index": e.zIndex,
+            "--duration": `${e.duration}ms`
+          })
+        }, [
+          f(o.$slots, "default", {}, void 0, !0)
+        ], 4), [
+          [p, e.visible]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), z = /* @__PURE__ */ y(x, [["__scopeId", "data-v-567b02a5"]]);
+export {
+  z as default
+};

package/dist/es/src/components/Nav/index.js

@@ -0,0 +1,6 @@
+import t from "./index.vue.js";
+import { withInstall as o } from "../../helpers.js";
+const i = o(t);
+export {
+  i as default
+};

package/dist/es/src/components/Nav/index.vue.js

@@ -0,0 +1,83 @@
+import { inject as g, provide as k, reactive as w, resolveComponent as p, createElementBlock as s, openBlock as o, normalizeStyle as N, unref as a, Fragment as x, renderList as C, createVNode as h, createBlock as l, createCommentVNode as c, withCtx as v, createElementVNode as E, toDisplayString as L, normalizeClass as b, Transition as B, mergeProps as H, toHandlers as S, withDirectives as V, vShow as j } from "vue";
+import m from "../Icon/index.js";
+/* empty css           */
+import z from "../../../_virtual/_plugin-vue_export-helper.js";
+const A = { class: "text" }, D = /* @__PURE__ */ Object.assign({ name: "Nav" }, {
+  __name: "index",
+  props: {
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(i) {
+    const u = i, y = g("layer", 0);
+    k("layer", y + 1);
+    const n = w(u.list.map(() => !0)), d = {
+      beforeEnter(e) {
+        e.style.height = "0", e.style.opacity = "0", e.style.overflow = "hidden";
+      },
+      enter(e) {
+        e.style.height = e.scrollHeight + "px", e.style.opacity = "1";
+      },
+      afterEnter(e) {
+        e.style.height = "", e.style.overflow = "", e.style.opacity = "";
+      },
+      beforeLeave(e) {
+        e.style.height = e.scrollHeight + "px", e.style.opacity = "0", e.style.overflow = "hidden";
+      },
+      leave(e) {
+        e.style.height = "0", e.style.opacity = "0";
+      },
+      afterLeave(e) {
+        e.style.height = "", e.style.overflow = "", e.style.opacity = "";
+      }
+    };
+    return (e, I) => {
+      const f = p("RouterLink"), _ = p("Nav");
+      return o(), s("ul", {
+        class: "nav-container",
+        style: N({ "--layer": a(y) })
+      }, [
+        (o(!0), s(x, null, C(i.list, (t, r) => (o(), s("li", {
+          class: "nav-item",
+          key: t.path
+        }, [
+          h(f, {
+            class: "link",
+            to: { name: t.name },
+            "exact-active-class": "active"
+          }, {
+            default: v(() => [
+              t.meta?.icon ? (o(), l(a(m), {
+                key: 0,
+                icon: t.meta.icon
+              }, null, 8, ["icon"])) : c("", !0),
+              E("span", A, L(t.meta?.title), 1),
+              t.children?.length ? (o(), l(a(m), {
+                key: 1,
+                icon: "chevron-down",
+                class: b(["arrow-icon", n[r] ? "" : "right"]),
+                onClick: (O) => n[r] = !n[r]
+              }, null, 8, ["class", "onClick"])) : c("", !0)
+            ]),
+            _: 2
+          }, 1032, ["to"]),
+          t.children?.length ? (o(), l(B, H({ key: 0 }, S(d)), {
+            default: v(() => [
+              V(h(_, {
+                list: t.children
+              }, null, 8, ["list"]), [
+                [j, n[r]]
+              ])
+            ]),
+            _: 2
+          }, 1040)) : c("", !0)
+        ]))), 128))
+      ], 4);
+    };
+  }
+}), $ = /* @__PURE__ */ z(D, [["__scopeId", "data-v-997e3fe4"]]);
+export {
+  $ as default
+};

package/dist/es/src/components/Pagination/index.js

@@ -0,0 +1,6 @@
+import t from "./index.vue.js";
+import { withInstall as o } from "../../helpers.js";
+const n = o(t);
+export {
+  n as default
+};

package/dist/es/src/components/Pagination/index.vue.js

@@ -0,0 +1,151 @@
+import { mergeModels as j, useModel as z, ref as D, watch as k, computed as N, createElementBlock as r, createCommentVNode as M, openBlock as p, createElementVNode as m, createVNode as C, unref as P, Fragment as x, renderList as V, normalizeClass as E, toDisplayString as f, withDirectives as q, vModelSelect as K, withKeys as R, vModelText as U } from "vue";
+import B from "../Icon/index.js";
+import { useRouter as A, useRoute as F } from "vue-router";
+import "../../utils/dialog.js";
+import "../../utils/localStorage.js";
+import { msg as J } from "../../utils/msg.js";
+/* empty css           */
+import L from "../../../_virtual/_plugin-vue_export-helper.js";
+const O = {
+  key: 0,
+  class: "pagination-container"
+}, T = {
+  key: 0,
+  class: "controls"
+}, G = ["disabled"], H = ["onClick"], Q = ["disabled"], W = { class: "meta" }, X = ["value"], Y = ["max"], Z = /* @__PURE__ */ Object.assign({ name: "Pagination" }, {
+  __name: "index",
+  props: /* @__PURE__ */ j({
+    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(i) {
+    const $ = A(), b = F(), l = z(i, "modelValue"), n = z(i, "pageSize"), c = i, d = D("");
+    k(n, () => {
+      l.value > u.value && s(u.value);
+    });
+    const u = N(() => !c.total || n.value <= 0 ? 0 : Math.max(0, Math.ceil(c.total / n.value)));
+    function s(t) {
+      const e = Math.min(Math.max(1, Math.floor(t || 1)), Math.max(1, u.value || 1));
+      e !== l.value && (l.value = e);
+    }
+    function S() {
+      let t = Number(d.value);
+      if (!t || isNaN(t) || t < 1 || t > u.value) {
+        d.value = "", J.warning("请输入有效页码");
+        return;
+      }
+      s(t), d.value = "";
+    }
+    function w(t) {
+      if (t)
+        if (t.ellipsis) {
+          const e = Math.max(3, Math.min(u.value, Math.max(5, c.maxButtonCount) - 2));
+          t.key === "left" ? s(l.value - e) : s(l.value + e);
+        } else t.page && s(t.page);
+    }
+    const _ = N(() => {
+      const t = [], e = u.value, a = Math.max(5, c.maxButtonCount), v = l.value;
+      if (e <= a) {
+        for (let o = 1; o <= e; o++) t.push({ key: `p${o}`, page: o, label: o });
+        return t;
+      }
+      const g = Math.floor((a - 1) / 2);
+      let y = Math.max(2, v - g), h = Math.min(e - 1, v + g);
+      v - 1 <= g && (y = 2, h = a - 1), e - v <= g && (y = e - (a - 2), h = e - 1), t.push({ key: "p1", page: 1, label: 1 }), y > 2 && t.push({ key: "left", ellipsis: !0, label: "..." });
+      for (let o = y; o <= h; o++)
+        t.push({ key: `p${o}`, page: o, label: o });
+      return h < e - 1 && t.push({ key: "right", ellipsis: !0, label: "..." }), t.push({ key: `p${e}`, page: e, label: e }), t;
+    }), I = k(
+      () => c.total,
+      (t) => {
+        if (!t) return;
+        const e = +b.query.page, a = +b.query.pageSize;
+        a && !isNaN(a) && c.pageSizes.includes(a) && (n.value = a), e <= u.value && (s(e), I());
+      },
+      { immediate: !0 }
+    );
+    return k([l, n], () => {
+      $.replace({
+        query: {
+          ...b.query,
+          page: l.value,
+          pageSize: n.value
+        }
+      });
+    }), (t, e) => i.total ? (p(), r("div", O, [
+      i.total > n.value ? (p(), r("ul", T, [
+        m("button", {
+          disabled: l.value === 1,
+          onClick: e[0] || (e[0] = (a) => s(l.value - 1)),
+          class: "item"
+        }, [
+          C(P(B), { icon: "angle-left" })
+        ], 8, G),
+        (p(!0), r(x, null, V(_.value, (a) => (p(), r("li", {
+          key: a.key,
+          class: E([{ active: a.page === l.value }, "item"]),
+          onClick: (v) => w(a)
+        }, f(a.label), 11, H))), 128)),
+        m("button", {
+          disabled: l.value === u.value || !u.value,
+          onClick: e[1] || (e[1] = (a) => s(l.value + 1)),
+          class: "item"
+        }, [
+          C(P(B), { icon: "angle-right" })
+        ], 8, Q)
+      ])) : M("", !0),
+      m("div", W, [
+        m("p", null, "共" + f(i.total) + "条，第" + f(l.value) + " / " + f(u.value || 1) + "页", 1),
+        q(m("select", {
+          "onUpdate:modelValue": e[2] || (e[2] = (a) => n.value = a)
+        }, [
+          (p(!0), r(x, null, V(i.pageSizes, (a) => (p(), r("option", {
+            key: a,
+            value: a
+          }, f(a) + " / 页", 9, X))), 128))
+        ], 512), [
+          [
+            K,
+            n.value,
+            void 0,
+            { number: !0 }
+          ]
+        ]),
+        i.total > n.value ? (p(), r(x, { key: 0 }, [
+          q(m("input", {
+            type: "number",
+            "onUpdate:modelValue": e[3] || (e[3] = (a) => d.value = a),
+            min: "1",
+            max: u.value || 1,
+            onKeyup: R(S, ["enter"]),
+            placeholder: "页码"
+          }, null, 40, Y), [
+            [
+              U,
+              d.value,
+              void 0,
+              { number: !0 }
+            ]
+          ]),
+          m("button", {
+            onClick: S,
+            class: "item"
+          }, "跳转")
+        ], 64)) : M("", !0)
+      ])
+    ])) : M("", !0);
+  }
+}), se = /* @__PURE__ */ L(Z, [["__scopeId", "data-v-377aabe8"]]);
+export {
+  se as default
+};

package/dist/es/src/components/Switch/index.js

@@ -0,0 +1,6 @@
+import t from "./index.vue.js";
+import { withInstall as o } from "../../helpers.js";
+const m = o(t);
+export {
+  m as default
+};