tttb 0.1.24

package/dist/components/Message/index.vue2.js

@@ -0,0 +1,91 @@
+import { defineComponent as M, ref as k, nextTick as h, openBlock as m, createElementBlock as u, Fragment as L, renderList as b, normalizeClass as w, createVNode as B, unref as I } from "vue";
+import { useGSAP as P } from "../../hooks/useGSAP.js";
+import "../../utils/dialog.js";
+import { getId as R } from "../../utils/getId.js";
+import "../../utils/localStorage.js";
+import "../../utils/msg.js";
+import "../../utils/sessionStorage.js";
+import { RenderContent as Y } from "../helpers.js";
+const F = { class: "message-container" }, N = 3e3, z = 3, O = /* @__PURE__ */ M({
+  name: "Message",
+  __name: "index",
+  emits: ["destroy"],
+  setup(A, { expose: _, emit: x }) {
+    const T = x, { g: c, safe: l } = P(), r = k([]), a = /* @__PURE__ */ new Map();
+    let d;
+    const C = (o, t) => {
+      o && o instanceof HTMLElement ? a.set(t, o) : a.delete(t);
+    }, f = () => {
+      const o = /* @__PURE__ */ new Map(), t = [];
+      return a.forEach((e, n) => {
+        if (e && e.isConnected) {
+          const s = e.style.transform;
+          e.style.transform = "none", t.push({ el: e, id: n, transform: s });
+        }
+      }), t.forEach((e) => {
+        o.set(e.id, e.el.getBoundingClientRect());
+      }), t.forEach((e) => {
+        e.el.style.transform = e.transform;
+      }), o;
+    }, p = l((o) => {
+      f().forEach((e, n) => {
+        const s = o.get(n);
+        if (!s) return;
+        const i = s.left - e.left, v = s.top - e.top, y = a.get(n);
+        (i || v) && y && c.fromTo(
+          y,
+          { x: i, y: v },
+          {
+            x: 0,
+            y: 0,
+            duration: 0.3,
+            ease: "expo.out",
+            overwrite: "auto"
+          }
+        );
+      });
+    }), g = l((o) => {
+      const t = o ? r.value.find((n) => n.id === o) : r.value.find((n) => !n.leaving);
+      if (!t || t.leaving) return;
+      t.leaving = !0;
+      const e = a.get(t.id);
+      e && (clearTimeout(t.timer), c.to(e, {
+        opacity: 0,
+        scaleY: 0.5,
+        duration: 0.5,
+        onComplete: () => {
+          const n = f();
+          r.value = r.value.filter((s) => s.id !== t.id), h().then(() => {
+            p(n), r.value.length || (d = setTimeout(() => T("destroy"), 500));
+          });
+        }
+      }));
+    }), E = l((o, t) => {
+      const e = a.get(o);
+      e && c.fromTo(
+        e,
+        { opacity: 0, scaleY: 0.5 },
+        { opacity: 1, scaleY: 1, duration: 0.5, ease: "back.out(1.7)" }
+      ), p(t);
+    });
+    return _({ add: async (o, t = "info") => {
+      clearTimeout(d), r.value.filter((i) => !i.leaving).length >= z && g();
+      const e = f(), n = R(), s = setTimeout(() => g(n), N);
+      r.value.push({ id: n, content: o, type: t, timer: s, leaving: !1 }), await h(), E(n, e);
+    } }), (o, t) => (m(), u("div", F, [
+      (m(!0), u(L, null, b(r.value, (e) => (m(), u("div", {
+        key: e.id,
+        ref_for: !0,
+        ref: (n) => C(n, e.id),
+        class: w(["item", e.type])
+      }, [
+        B(I(Y), {
+          content: e.content
+        }, null, 8, ["content"])
+      ], 2))), 128))
+    ]));
+  }
+});
+export {
+  O as default
+};

package/dist/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/components/Modal/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dfb24083"]]);
+export {
+  m as default
+};

package/dist/components/Modal/index.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as a, openBlock as n, createBlock as l, Transition as o, withCtx as r, withDirectives as i, createElementVNode as d, normalizeStyle as u, renderSlot as m, vShow as s, mergeDefaults as c } from "vue";
+import { defaultProps as b } from "./types.js";
+const g = /* @__PURE__ */ a({
+  name: "Modal",
+  __name: "index",
+  props: /* @__PURE__ */ c({
+    visible: { type: Boolean },
+    bg: {},
+    blur: {},
+    zIndex: {},
+    duration: {}
+  }, b),
+  setup(e) {
+    return (t, f) => (n(), l(o, {
+      name: "modal",
+      appear: ""
+    }, {
+      default: r(() => [
+        i(d("div", {
+          class: "modal-container",
+          style: u({
+            "--bg": e.bg,
+            "--blur": e.blur ? `${e.blur}px` : "",
+            "--z-index": e.zIndex,
+            "--duration": `${e.duration}ms`
+          })
+        }, [
+          m(t.$slots, "default", {}, void 0, !0)
+        ], 4), [
+          [s, e.visible]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  g as default
+};

package/dist/components/Modal/types.js

@@ -0,0 +1,7 @@
+const t = {
+  visible: !0,
+  duration: 300
+};
+export {
+  t as defaultProps
+};

package/dist/components/Nav/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
+};

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

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1f65ca28"]]);
+export {
+  m as default
+};

package/dist/components/Nav/index.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent as b, inject as u, provide as m, reactive as B, resolveComponent as H, openBlock as o, createElementBlock as i, normalizeStyle as L, unref as c, Fragment as S, renderList as V, withDirectives as _, normalizeClass as k, createBlock as p, createCommentVNode as f, createElementVNode as z, toDisplayString as j, Transition as x, mergeProps as A, toHandlers as F, withCtx as I, createVNode as O, vShow as P } from "vue";
+import R from "../../directives/vRipple.js";
+import C from "../Icon/index.js";
+import { faChevronDown as T } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+const $ = ["onClick", "disabled"], q = { class: "text" }, Q = /* @__PURE__ */ b({
+  name: "Nav",
+  __name: "index",
+  props: {
+    data: {}
+  },
+  emits: ["change"],
+  setup(v, { emit: w }) {
+    const h = v, g = w, y = u("layer", 0), E = u("allData", h.data);
+    m("layer", y + 1), y === 0 && m("allData", h.data);
+    const r = B(h.data.map(() => !0)), D = (e, s) => {
+      g("change", e, (d = !0, t = !0) => {
+        if (d) {
+          const a = (n) => {
+            n.forEach((l) => {
+              l.active = l === e, l.children?.length && a(l.children);
+            });
+          };
+          a(E);
+        }
+        t && e.children?.length && (r.forEach((a, n) => {
+          n !== s && (r[n] = !1);
+        }), r[s] = !r[s]);
+      });
+    }, N = {
+      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, s) => {
+      const d = H("Nav");
+      return o(), i("ul", {
+        class: "nav-container",
+        style: L({ "--layer": c(y) })
+      }, [
+        (o(!0), i(S, null, V(v.data, (t, a) => (o(), i("li", {
+          class: "nav-item",
+          key: a
+        }, [
+          _((o(), i("div", {
+            class: k(["link", { active: t.active }]),
+            onClick: (n) => D(t, a),
+            disabled: t.disabled
+          }, [
+            t.icon ? (o(), p(c(C), {
+              key: 0,
+              icon: t.icon
+            }, null, 8, ["icon"])) : f("", !0),
+            z("span", q, j(t.name), 1),
+            t.children?.length ? (o(), p(c(C), {
+              key: 1,
+              icon: c(T),
+              class: k(["arrow-icon", r[a] ? "" : "right"])
+            }, null, 8, ["icon", "class"])) : f("", !0)
+          ], 10, $)), [
+            [c(R)]
+          ]),
+          t.children?.length ? (o(), p(x, A({ key: 0 }, F(N)), {
+            default: I(() => [
+              _(O(d, {
+                data: t.children,
+                onChange: (n, l) => g("change", n, l)
+              }, null, 8, ["data", "onChange"]), [
+                [P, r[a]]
+              ])
+            ]),
+            _: 2
+          }, 1040)) : f("", !0)
+        ]))), 128))
+      ], 4);
+    };
+  }
+});
+export {
+  Q as default
+};

package/dist/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/components/Pagination/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a9169a65"]]);
+export {
+  m as default
+};

package/dist/components/Pagination/index.vue2.js

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

package/dist/components/Pagination/types.js

@@ -0,0 +1,8 @@
+const t = {
+  total: 0,
+  pageSizes: () => [10, 20, 50, 100],
+  maxButtonCount: 7
+};
+export {
+  t as defaultProps
+};

package/dist/components/Popconfirm/index.js

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

package/dist/components/Popconfirm/index.vue.js

@@ -0,0 +1,92 @@
+import { defineComponent as T, ref as k, openBlock as r, createBlock as p, unref as o, mergeProps as C, createSlots as g, withCtx as n, renderSlot as a, createElementVNode as c, createCommentVNode as u, createTextVNode as l, toDisplayString as s, createElementBlock as P, normalizeProps as x, guardReactiveProps as B, createVNode as h, mergeDefaults as $ } from "vue";
+import { defaultProps as N } from "./types.js";
+import V from "../Icon/index.js";
+import w from "../Popover/index.js";
+import y from "../Button/index.js";
+const I = { class: "popconfirm-content" }, R = { class: "top" }, S = { class: "text" }, b = ["innerHTML"], D = { class: "bottom" }, j = /* @__PURE__ */ T({
+  name: "Popconfirm",
+  inheritAttrs: !1,
+  __name: "index",
+  props: /* @__PURE__ */ $({
+    content: {},
+    tip: {},
+    icon: {},
+    showIcon: { type: Boolean },
+    confirmType: {},
+    cancelType: {},
+    confirmText: {},
+    cancelText: {}
+  }, N),
+  emits: ["confirm", "cancel"],
+  setup(e, { emit: v }) {
+    const m = v, i = k(null), f = () => {
+      m("confirm"), i.value?.hide();
+    }, d = () => {
+      m("cancel"), i.value?.hide();
+    };
+    return (t, E) => (r(), p(o(w), C({
+      trigger: "click",
+      transition: "fade",
+      placement: "bottom"
+    }, t.$attrs, {
+      class: "popconfirm-container",
+      ref_key: "popoverRef",
+      ref: i
+    }), g({
+      default: n(() => [
+        a(t.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      t.$slots.content || e.content ? {
+        name: "content",
+        fn: n(() => [
+          c("div", I, [
+            c("div", R, [
+              e.showIcon ? (r(), p(o(V), {
+                key: 0,
+                icon: e.icon
+              }, null, 8, ["icon"])) : u("", !0),
+              c("div", S, [
+                a(t.$slots, "content", {}, () => [
+                  l(s(e.content), 1)
+                ]),
+                e.tip ? (r(), P("p", {
+                  key: 0,
+                  class: "tip",
+                  innerHTML: e.tip
+                }, null, 8, b)) : u("", !0)
+              ])
+            ]),
+            c("div", D, [
+              a(t.$slots, "actions", x(B({ cancel: d, confirm: f })), () => [
+                h(o(y), {
+                  type: e.cancelType,
+                  onClick: d
+                }, {
+                  default: n(() => [
+                    l(s(e.cancelText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["type"]),
+                h(o(y), {
+                  type: e.confirmType,
+                  onClick: f
+                }, {
+                  default: n(() => [
+                    l(s(e.confirmText), 1)
+                  ]),
+                  _: 1
+                }, 8, ["type"])
+              ])
+            ])
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040));
+  }
+});
+export {
+  j as default
+};

package/dist/components/Popconfirm/index.vue3.js

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};

package/dist/components/Popconfirm/types.js

@@ -0,0 +1,14 @@
+import { faQuestionCircle as e } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+const t = {
+  content: "",
+  tip: "",
+  icon: e,
+  showIcon: !0,
+  confirmType: "primary",
+  cancelType: "default",
+  confirmText: "确定",
+  cancelText: "取消"
+};
+export {
+  t as defaultProps
+};

package/dist/components/Popover/index.js

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

package/dist/components/Popover/index.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, useSlots as l, ref as p, openBlock as f, createBlock as c, unref as t, mergeProps as u, createSlots as d, renderList as m, withCtx as _, renderSlot as h, normalizeProps as v, guardReactiveProps as P } from "vue";
+import k from "../Tooltip/index.js";
+const B = /* @__PURE__ */ a({
+  name: "Popover",
+  inheritAttrs: !1,
+  __name: "index",
+  setup(w, { expose: n }) {
+    const s = l(), e = p(null);
+    return n({
+      show: () => {
+        e.value?.show();
+      },
+      hide: () => {
+        e.value?.hide();
+      }
+    }), (o, x) => (f(), c(t(k), u({ transition: "slide" }, o.$attrs, {
+      class: "popover-container",
+      ref_key: "tooltipRef",
+      ref: e
+    }), d({ _: 2 }, [
+      m(t(s), (R, r) => ({
+        name: r,
+        fn: _((i) => [
+          h(o.$slots, r, v(P(i || {})))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  B as default
+};

package/dist/components/Popover/index.vue3.js

@@ -0,0 +1,5 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};

package/dist/components/Progress/index.js

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

package/dist/components/Progress/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d9545a4a"]]);
+export {
+  m as default
+};