tttb 0.0.20

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

@@ -0,0 +1,80 @@
+import { mergeModels as a, useModel as i, createElementBlock as s, openBlock as o, normalizeClass as c, withDirectives as d, createElementVNode as e, vModelCheckbox as m } from "vue";
+/* empty css           */
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const w = { class: "slider" }, u = { class: "circle" }, g = {
+  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"
+}, x = {
+  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"
+}, h = /* @__PURE__ */ Object.assign({ name: "Switch" }, {
+  __name: "index",
+  props: /* @__PURE__ */ a({
+    type: {
+      type: String,
+      default: "success",
+      validator: (t) => ["primary", "warning", "danger", "success"].includes(t)
+    }
+  }, {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const n = i(t, "modelValue");
+    return (v, l) => (o(), s("label", {
+      class: c(["switch-container", t.type])
+    }, [
+      d(e("input", {
+        type: "checkbox",
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r)
+      }, null, 512), [
+        [m, n.value]
+      ]),
+      e("div", w, [
+        e("div", u, [
+          (o(), s("svg", g, l[1] || (l[1] = [
+            e("g", null, [
+              e("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)
+          ]))),
+          (o(), s("svg", x, l[2] || (l[2] = [
+            e("g", null, [
+              e("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)
+          ])))
+        ])
+      ])
+    ], 2));
+  }
+}), _ = /* @__PURE__ */ p(h, [["__scopeId", "data-v-e990b96f"]]);
+export {
+  _ as default
+};

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

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

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

@@ -0,0 +1,42 @@
+import { createElementBlock as t, openBlock as e, createBlock as u, createElementVNode as l, Fragment as n, renderList as s, toDisplayString as o, unref as _ } from "vue";
+import m from "../Warn/index.js";
+/* empty css           */
+import p from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "table-container" }, h = {
+  key: 0,
+  class: "table-inner"
+}, k = { class: "row" }, v = { class: "content" }, y = /* @__PURE__ */ Object.assign({ name: "Table" }, {
+  __name: "index",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(a) {
+    return (b, g) => (e(), t("div", f, [
+      a.data.length ? (e(), t("div", h, [
+        l("header", k, [
+          (e(!0), t(n, null, s(a.data[0], (c, r) => (e(), t("div", {
+            class: "cell",
+            key: r
+          }, o(r), 1))), 128))
+        ]),
+        (e(!0), t(n, null, s(a.data, (c, r) => (e(), t("div", {
+          class: "row",
+          key: r
+        }, [
+          (e(!0), t(n, null, s(c, (i, d) => (e(), t("div", {
+            class: "cell",
+            key: d
+          }, [
+            l("p", v, o(i), 1)
+          ]))), 128))
+        ]))), 128))
+      ])) : (e(), u(_(m), { key: 1 }))
+    ]));
+  }
+}), T = /* @__PURE__ */ p(y, [["__scopeId", "data-v-1aec7e5e"]]);
+export {
+  T as default
+};

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

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

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

@@ -0,0 +1,30 @@
+import { ref as i, computed as u, onUnmounted as m, createElementBlock as p, openBlock as v, toDisplayString as f } from "vue";
+const _ = { class: "timer-container" }, I = /* @__PURE__ */ Object.assign({ name: "Timer" }, {
+  __name: "index",
+  setup(d, { expose: o }) {
+    const e = i(0);
+    let n;
+    const s = u(() => c(e.value));
+    m(() => {
+      clearInterval(n);
+    });
+    const c = () => {
+      const t = Math.floor(e.value / 3600), r = Math.floor(e.value % 3600 / 60), a = e.value % 60;
+      return (t ? [t, r, a] : [r, a]).map((l) => l.toString().padStart(2, "0")).join(":");
+    };
+    return o({
+      start: (t) => {
+        t !== void 0 && (e.value = t), !n && (n = setInterval(() => {
+          e.value++;
+        }, 1e3));
+      },
+      stop: () => {
+        clearInterval(n), n = null;
+      },
+      getTime: () => e.value
+    }), (t, r) => (v(), p("span", _, f(s.value), 1));
+  }
+});
+export {
+  I as default
+};

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

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

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

@@ -0,0 +1,123 @@
+import { useSlots as Z, ref as p, computed as S, reactive as y, nextTick as ee, onBeforeUnmount as te, createElementBlock as B, openBlock as d, Fragment as oe, createBlock as O, createCommentVNode as w, resolveDynamicComponent as ne, mergeProps as V, toHandlers as I, unref as re, Teleport as ae, createVNode as le, Transition as se, withCtx as ce, createElementVNode as h, renderSlot as ie, createTextVNode as ue, toDisplayString as fe } from "vue";
+import { autoUpdate as pe, computePosition as de, offset as me, flip as ve, shift as ge, arrow as ye } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import "../../utils/dialog.js";
+import "../../utils/localStorage.js";
+import "../../utils/msg.js";
+import { debounce as H } from "../../utils/tools.js";
+import we from "./props.js";
+/* empty css           */
+import he from "../../../_virtual/_plugin-vue_export-helper.js";
+const xe = { class: "inner" }, _e = { class: "content" }, x = "floating-ui-root", be = /* @__PURE__ */ Object.assign({ name: "Tooltip" }, {
+  __name: "index",
+  props: we,
+  setup(P, { expose: X }) {
+    const t = P, _ = Z(), Y = `#${x}`;
+    (() => {
+      if (!(typeof document > "u") && !document.getElementById(x)) {
+        const e = document.createElement("div");
+        e.id = x, document.body.appendChild(e);
+      }
+    })();
+    const o = p(!1), b = p(null), i = S(() => t.virtualRef || b.value), n = p(null), m = p(null), r = y({}), u = y({}), v = y({});
+    let l = null;
+    const k = S(() => {
+      const e = _.default?.();
+      if (!e || !e.length) return null;
+      const a = e.find((g) => typeof g.type != "symbol" || g.type.description !== "Comment");
+      return a || null;
+    }), j = (e) => {
+      b.value = e?.$el || e;
+    }, z = async () => {
+      if (!i.value || !n.value || !m.value) return;
+      const e = n.value.offsetWidth, a = n.value.offsetHeight, D = 8 / 2, { x: U, y: W, placement: L, middlewareData: M } = await de(
+        i.value,
+        n.value,
+        {
+          placement: t.placement,
+          middleware: [
+            me(10),
+            ve(),
+            ge({ padding: 5 }),
+            ye({
+              element: m.value,
+              padding: 10
+            })
+          ]
+        }
+      );
+      r["--x"] = `${U}px`, r["--y"] = `${W}px`;
+      const { x: q, y: G } = M.arrow, N = L.split("-")[0], J = e / 2 - D, K = a / 2 - D, R = q ?? J, T = G ?? K, f = 4, Q = {
+        top: 225,
+        bottom: 45,
+        left: 135,
+        right: 315
+      }, $ = {
+        top: { tx: R, ty: a - f },
+        bottom: { tx: R, ty: -f },
+        left: { tx: e - f, ty: T },
+        right: { tx: -f, ty: T }
+      }[N];
+      r["--arrow-x"] = `${$.tx}px`, r["--arrow-y"] = `${$.ty}px`, r["--arrow-rot"] = `${Q[N]}deg`;
+    }, E = H(async () => {
+      o.value || (o.value = !0, await ee(), i.value && n.value && (l = pe(i.value, n.value, z)));
+    }, t.openDelay), C = H(() => {
+      o.value && (o.value = !1, l && (l(), l = null));
+    }, t.closeDelay), s = () => {
+      C.cancel(), E();
+    }, c = () => {
+      E.cancel(), C();
+    }, A = () => {
+      o.value ? c() : s();
+    }, F = () => {
+      t.trigger === "hover" ? (u.mouseenter = s, u.mouseleave = c, v.mouseenter = s, v.mouseleave = c) : t.trigger === "click" && (u.click = () => o.value ? c() : s());
+    };
+    return t.manual || F(), te(() => {
+      l?.();
+    }), X({
+      show: s,
+      hide: c,
+      toggle: A
+    }), (e, a) => (d(), B(oe, null, [
+      k.value && !t.virtualRef ? (d(), O(ne(k.value), V({
+        key: 0,
+        ref: j
+      }, I(u)), null, 16)) : w("", !0),
+      e.content || re(_).content ? (d(), O(ae, {
+        key: 1,
+        to: Y
+      }, [
+        le(se, {
+          name: "fade",
+          duration: 300
+        }, {
+          default: ce(() => [
+            o.value ? (d(), B("div", V({
+              key: 0,
+              ref_key: "floatingRef",
+              ref: n,
+              class: "tooltip-container",
+              style: r
+            }, I(v, !0)), [
+              h("div", xe, [
+                h("div", _e, [
+                  ie(e.$slots, "content", {}, () => [
+                    ue(fe(e.content), 1)
+                  ], !0)
+                ]),
+                h("div", {
+                  ref_key: "arrowRef",
+                  ref: m,
+                  class: "arrow"
+                }, null, 512)
+              ])
+            ], 16)) : w("", !0)
+          ]),
+          _: 3
+        })
+      ])) : w("", !0)
+    ], 64));
+  }
+}), Oe = /* @__PURE__ */ he(be, [["__scopeId", "data-v-5cbb8fec"]]);
+export {
+  Oe as default
+};

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

@@ -0,0 +1,47 @@
+const e = [
+  "top",
+  "bottom",
+  "left",
+  "right",
+  "top-start",
+  "top-end",
+  "bottom-start",
+  "bottom-end",
+  "left-start",
+  "left-end",
+  "right-start",
+  "right-end"
+], a = {
+  content: {
+    type: String
+  },
+  placement: {
+    type: String,
+    default: "top",
+    validator: (t) => e.includes(t)
+  },
+  trigger: {
+    type: String,
+    default: "hover",
+    validator: (t) => ["hover", "click"].includes(t)
+  },
+  manual: {
+    type: Boolean,
+    default: !1
+  },
+  openDelay: {
+    type: Number,
+    default: 100
+  },
+  closeDelay: {
+    type: Number,
+    default: 100
+  },
+  virtualRef: {
+    type: Object,
+    default: null
+  }
+};
+export {
+  a as default
+};

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

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

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

@@ -0,0 +1,23 @@
+import { createElementBlock as n, openBlock as r, createVNode as o, createElementVNode as a, renderSlot as c, unref as s, toDisplayString as i } from "vue";
+import l from "../Icon/index.js";
+/* empty css           */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "warn-container" }, d = /* @__PURE__ */ Object.assign({ name: "Warn" }, {
+  __name: "index",
+  props: {
+    msg: {
+      type: String,
+      default: "暂无数据"
+    }
+  },
+  setup(e) {
+    return (t, _) => (r(), n("div", p, [
+      o(s(l), { icon: "circle-exclamation" }),
+      a("p", null, i(e.msg), 1),
+      c(t.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), S = /* @__PURE__ */ m(d, [["__scopeId", "data-v-b19e6118"]]);
+export {
+  S as default
+};

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

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

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

@@ -0,0 +1,69 @@
+import { ref as i, onMounted as c, onUnmounted as p, createElementBlock as f, openBlock as m, renderSlot as b } from "vue";
+import y from "./useWatermarkBg.js";
+/* empty css           */
+import v from "../../../_virtual/_plugin-vue_export-helper.js";
+const g = /* @__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(s) {
+    const n = i(null), u = s;
+    let e;
+    const d = y(u), o = () => {
+      if (!n.value) return;
+      e && e.remove();
+      const { base64: r, size: t } = d.value;
+      e = document.createElement("div"), e.style.position = "absolute", e.style.backgroundImage = `url(${r})`, e.style.backgroundRepeat = "repeat", e.style.backgroundSize = `${t}px ${t}px`, e.style.pointerEvents = "none", e.style.zIndex = 9999, e.style.inset = 0, n.value.appendChild(e);
+    }, a = new MutationObserver((r) => {
+      for (const t of r) {
+        for (const l of t.removedNodes)
+          if (l === e) {
+            o();
+            return;
+          }
+        if (t.target === e) {
+          o();
+          return;
+        }
+      }
+    });
+    return c(() => {
+      o(), a.observe(n.value, {
+        attributes: !0,
+        childList: !0,
+        subtree: !0
+      });
+    }), p(() => {
+      a.disconnect();
+    }), (r, t) => (m(), f("div", {
+      class: "watermark-container",
+      ref_key: "parentRef",
+      ref: n
+    }, [
+      b(r.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+}), W = /* @__PURE__ */ v(g, [["__scopeId", "data-v-ddd3abb0"]]);
+export {
+  W as default
+};

package/dist/es/src/components/Watermark/useWatermarkBg.js

@@ -0,0 +1,11 @@
+import { computed as s } from "vue";
+const d = (e) => s(() => {
+  const n = document.createElement("canvas"), a = window.devicePixelRatio || 1, o = e.fontSize * a + "px serif", t = n.getContext("2d"), { width: c } = t.measureText(e.text), i = Math.max(100, c) + e.gap * a;
+  return n.width = i, n.height = i, t.translate(n.width / 2, n.height / 2), t.rotate(Math.PI / 180 * -e.rotate), t.fillStyle = e.color, t.font = o, t.textAlign = "center", t.textBaseline = "middle", t.fillText(e.text, 0, 0), {
+    base64: n.toDataURL(),
+    size: i / a
+  };
+});
+export {
+  d as default
+};

package/dist/es/src/directives/vDelayIn.js

@@ -0,0 +1,86 @@
+const o = {
+  up: [
+    {
+      transform: "translateY(100px)",
+      opacity: 0
+    },
+    {
+      transform: "translateY(0)",
+      opacity: 1
+    }
+  ],
+  down: [
+    {
+      transform: "translateY(-100px)",
+      opacity: 0
+    },
+    {
+      transform: "translateY(0)",
+      opacity: 1
+    }
+  ],
+  left: [
+    {
+      transform: "translateX(100px)",
+      opacity: 0
+    },
+    {
+      transform: "translateX(0)",
+      opacity: 1
+    }
+  ],
+  right: [
+    {
+      transform: "translateX(-100px)",
+      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
+    }
+  ]
+}, s = {
+  name: "delay-in",
+  mounted(n, t) {
+    const r = t.arg || "fade", a = n.animate(o[r] || o.fade, {
+      duration: 500,
+      easing: "ease-in-out",
+      delay: t.value || 0,
+      fill: "both"
+    });
+    a.onfinish = () => {
+      a.cancel();
+    }, a.play();
+  }
+};
+export {
+  s as default
+};

package/dist/es/src/directives/vLazy.js

@@ -0,0 +1,63 @@
+let a = null;
+const l = /* @__PURE__ */ new WeakMap(), n = () => a || (a = new IntersectionObserver((o) => {
+  o.forEach((e) => {
+    if (e.isIntersecting) {
+      const r = e.target, { src: t, callbacks: s } = l.get(r);
+      s.onEnterViewport?.(r), a.unobserve(r), s.onLoadStart?.(r, t), u(r, t, s.onLoadSuccess, s.onLoadError);
+    }
+  });
+}), a), u = (o, e, r, t) => {
+  const s = new Image();
+  s.src = e, s.onload = () => {
+    o.src = e, r?.(o, e);
+  }, s.onerror = (c) => {
+    t?.(o, e, c);
+  };
+}, v = {
+  name: "lazy",
+  // 指令绑定到元素时
+  mounted(o, e) {
+    if (!(o instanceof HTMLImageElement)) {
+      console.warn("v-lazy directive only supports img elements");
+      return;
+    }
+    let r = "", t = {
+      onEnterViewport: null,
+      onLoadStart: null,
+      onLoadSuccess: null,
+      onLoadError: null
+    };
+    if (typeof e.value == "string")
+      r = e.value;
+    else if (typeof e.value == "object" && e.value.src)
+      r = e.value.src, t = { ...t, ...e.value };
+    else {
+      console.error("v-lazy directive requires a valid image src");
+      return;
+    }
+    l.set(o, { src: r, callbacks: t }), n().observe(o);
+  },
+  // 指令更新时
+  updated(o, e) {
+    let r = "", t = {
+      onEnterViewport: null,
+      onLoadStart: null,
+      onLoadSuccess: null,
+      onLoadError: null
+    };
+    if (typeof e.value == "string")
+      r = e.value;
+    else if (typeof e.value == "object" && e.value.src)
+      r = e.value.src, t = { ...t, ...e.value };
+    else
+      return;
+    l.set(o, { src: r, callbacks: t }), n().observe(o);
+  },
+  // 元素卸载时（清理回调和监听）
+  unmounted(o) {
+    a && o instanceof HTMLImageElement && (a.unobserve(o), l.delete(o));
+  }
+};
+export {
+  v as default
+};

package/dist/es/src/directives/vLoading.js

@@ -0,0 +1,39 @@
+import p from "../components/Loading/index.js";
+import { ref as d, defineComponent as f, h as m, createApp as y } from "vue";
+const v = "正在加载...", o = /* @__PURE__ */ new WeakMap(), g = () => {
+  const e = document.createElement("div");
+  return e.style.position = "absolute", e.style.inset = "0", e.style.display = "flex", e.style.justifyContent = "center", e.style.alignItems = "center", e.style.background = "rgba(255, 255, 255, 0.5)", e.style.zIndex = "9999", e.style.color = "var(--color-primary, #409eff)", e;
+}, r = (e) => {
+  const t = o.get(e);
+  t && (t.app.unmount(), t.container.remove(), t.changePosition && (e.style.position = ""), o.delete(e));
+}, c = (e, t) => {
+  const n = {};
+  getComputedStyle(e).position === "static" && (e.style.position = "relative", n.changePosition = !0);
+  const a = d("");
+  l(a, t.value);
+  const s = g(), u = f({
+    render: () => m(p, { text: a.value })
+  }), i = y(u);
+  i.mount(s), e.appendChild(s), n.container = s, n.app = i, n.textRef = a, o.set(e, n);
+}, l = (e, t) => {
+  t === !0 ? e.value = v : e.value = t;
+}, C = {
+  name: "loading",
+  mounted(e, t) {
+    t.value !== !1 && c(e, t);
+  },
+  updated(e, t) {
+    if (t.value === !1) {
+      r(e);
+      return;
+    }
+    const n = o.get(e);
+    n ? l(n.textRef, t.value) : c(e, t);
+  },
+  unmounted(e) {
+    r(e);
+  }
+};
+export {
+  C as default
+};