tttb 0.1.24

package/README.md

@@ -0,0 +1,42 @@
+# ts-test
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Recommended Browser Setup
+
+- Chromium-based browsers (Chrome, Edge, Brave, etc.):
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd) 
+  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
+- Firefox:
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+npm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+npm run dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+npm run build
+```

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/components/Button/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/Button/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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2e233626"]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,57 @@
+import { defineComponent as m, ref as r, watchEffect as d, withDirectives as f, openBlock as l, createElementBlock as p, normalizeClass as v, createBlock as c, unref as a, createCommentVNode as s, renderSlot as k, mergeDefaults as y } from "vue";
+import C from "../../directives/vRipple.js";
+import { defaultProps as b } from "./types.js";
+import B from "../Loading/index.js";
+import g from "../Icon/index.js";
+import "../../utils/dialog.js";
+import { isPromise as h } from "../../utils/isPromise.js";
+import "../../utils/localStorage.js";
+import "../../utils/msg.js";
+import "../../utils/sessionStorage.js";
+const w = ["disabled"], V = /* @__PURE__ */ m({
+  name: "Button",
+  __name: "index",
+  props: /* @__PURE__ */ y({
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    icon: {},
+    type: {},
+    onClick: { type: Function }
+  }, b),
+  setup(o) {
+    const t = o, e = r(!1), i = r(!1), u = async () => {
+      if (e.value || i.value || !t.onClick) return;
+      const n = t.onClick();
+      if (h(n)) {
+        e.value = !0;
+        try {
+          await n;
+        } finally {
+          e.value = !1;
+        }
+      }
+    };
+    return d(() => {
+      i.value = t.disabled, e.value = t.loading;
+    }), (n, D) => f((l(), p("button", {
+      class: v(["button-container", o.type]),
+      disabled: i.value || e.value,
+      onClick: u
+    }, [
+      e.value ? (l(), c(a(B), {
+        key: 0,
+        size: 22
+      })) : s("", !0),
+      o.icon ? (l(), c(a(g), {
+        key: 1,
+        icon: o.icon
+      }, null, 8, ["icon"])) : s("", !0),
+      k(n.$slots, "default", {}, void 0, !0)
+    ], 10, w)), [
+      [a(C)]
+    ]);
+  }
+});
+export {
+  V as default
+};

package/dist/components/Button/types.js

@@ -0,0 +1,8 @@
+const e = {
+  disabled: !1,
+  loading: !1,
+  type: "default"
+};
+export {
+  e as defaultProps
+};

package/dist/components/Checkbox/index.js

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

package/dist/components/Checkbox/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-ab6e91e8"]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,35 @@
+import { defineComponent as s, useModel as d, openBlock as m, createElementBlock as r, normalizeClass as i, withDirectives as u, createElementVNode as t, vModelCheckbox as c, normalizeStyle as p, renderSlot as f, mergeModels as k, mergeDefaults as x } from "vue";
+import { defaultProps as v } from "./types.js";
+const h = /* @__PURE__ */ s({
+  name: "Checkbox",
+  __name: "index",
+  props: /* @__PURE__ */ k(/* @__PURE__ */ x({
+    type: {},
+    size: {}
+  }, v), {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = d(e, "modelValue");
+    return (a, o) => (m(), r("label", {
+      class: i(["checkbox-container", e.type])
+    }, [
+      u(t("input", {
+        type: "checkbox",
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => l.value = n)
+      }, null, 512), [
+        [c, l.value]
+      ]),
+      t("div", {
+        class: "checkmark",
+        style: p({ "--size": `${e.size}px` })
+      }, null, 4),
+      f(a.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  h as default
+};

package/dist/components/Checkbox/types.js

@@ -0,0 +1,7 @@
+const e = {
+  type: "primary",
+  size: 25
+};
+export {
+  e as defaultProps
+};

package/dist/components/Dialog/DialogItem.vue.js

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

package/dist/components/Dialog/DialogItem.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent as E, ref as g, computed as x, openBlock as e, createElementBlock as m, normalizeStyle as D, createBlock as a, unref as l, createCommentVNode as c, withModifiers as R, Fragment as p, createElementVNode as B, withDirectives as y, createTextVNode as v, toDisplayString as k, normalizeClass as N } from "vue";
+import { RenderContent as s } from "../helpers.js";
+import S from "./DialogPrompt.vue.js";
+import b from "../../directives/vRipple.js";
+const T = { class: "btns" }, V = ["disabled"], F = /* @__PURE__ */ E({
+  __name: "DialogItem",
+  props: {
+    item: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(t, { emit: C }) {
+    const f = g(null), n = t, u = C, A = x(() => n.item.type !== "prompt" ? !1 : Array.isArray(n.item.content) ? n.item.content.some((o) => o.msg) || !!n.item.totalErr : !1), d = () => {
+      if (n.item.type !== "prompt") {
+        u("confirm", !0);
+        return;
+      }
+      if (f.value?.validateAll()) {
+        const i = n.item.content.map((r) => r.value);
+        u("confirm", i);
+      }
+    };
+    return (o, i) => (e(), m("div", {
+      class: "area",
+      style: D({ color: t.item.textColor })
+    }, [
+      t.item.title ? (e(), a(l(s), {
+        key: 0,
+        class: "title",
+        content: t.item.title
+      }, null, 8, ["content"])) : c("", !0),
+      t.item.type === "prompt" && Array.isArray(t.item.content) ? (e(), a(S, {
+        key: 1,
+        class: "content",
+        ref_key: "promptRef",
+        ref: f,
+        content: t.item.content,
+        validateAll: t.item.validateAll,
+        totalErr: t.item.totalErr,
+        "onUpdate:totalErr": i[0] || (i[0] = (r) => t.item.totalErr = r),
+        onSubmit: R(d, ["prevent"])
+      }, null, 8, ["content", "validateAll", "totalErr"])) : (e(), m(p, { key: 2 }, [
+        t.item.content ? (e(), a(l(s), {
+          key: 0,
+          class: "content",
+          content: t.item.content
+        }, null, 8, ["content"])) : c("", !0)
+      ], 64)),
+      t.item.tip ? (e(), a(l(s), {
+        key: 3,
+        class: "tip",
+        content: t.item.tip
+      }, null, 8, ["content"])) : c("", !0),
+      B("div", T, [
+        t.item.type !== "alert" ? y((e(), m("button", {
+          key: 0,
+          class: "btn cancel",
+          onClick: i[1] || (i[1] = (r) => o.$emit("cancel"))
+        }, [
+          v(k(t.item.cancelText), 1)
+        ])), [
+          [l(b)]
+        ]) : c("", !0),
+        y((e(), m("button", {
+          class: N(["btn confirm", { danger: t.item.danger }]),
+          disabled: A.value,
+          onClick: d
+        }, [
+          v(k(t.item.confirmText), 1)
+        ], 10, V)), [
+          [l(b)]
+        ])
+      ])
+    ], 4));
+  }
+});
+export {
+  F as default
+};

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

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

package/dist/components/Dialog/DialogPrompt.vue2.js

@@ -0,0 +1,63 @@
+import { defineComponent as E, useModel as x, openBlock as u, createElementBlock as i, Fragment as y, renderList as C, normalizeClass as k, createElementVNode as a, withDirectives as d, vModelDynamic as A, createVNode as v, unref as r, vShow as f, toDisplayString as p, createTextVNode as V, mergeModels as b } from "vue";
+import m from "../Icon/index.js";
+import { faClose as D, faCircleExclamation as I } from "../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+const M = { class: "input-inner" }, N = ["type", "onUpdate:modelValue", "name", "placeholder", "onInput"], S = { class: "label" }, w = { class: "msg" }, B = { class: "total-err" }, z = /* @__PURE__ */ E({
+  __name: "DialogPrompt",
+  props: /* @__PURE__ */ b({
+    content: {},
+    validateAll: { type: Function }
+  }, {
+    totalErr: {},
+    totalErrModifiers: {}
+  }),
+  emits: ["update:totalErr"],
+  setup(s, { expose: h }) {
+    const o = s, n = x(s, "totalErr"), _ = (t) => {
+      t.validate && (t.msg = t.validate(t.value)), n.value = "";
+    };
+    return h({ validateAll: () => {
+      if (o.content.forEach((l) => {
+        l.validate && (l.msg = l.validate(l.value));
+      }), o.content.some((l) => l.msg)) return !1;
+      if (o.validateAll) {
+        const l = o.validateAll(...o.content);
+        return n.value = l, !l;
+      }
+      return !0;
+    } }), (t, l) => (u(), i("form", null, [
+      (u(!0), i(y, null, C(s.content, (e, g) => (u(), i("label", {
+        key: g,
+        class: k(["input-item", { error: e.msg }])
+      }, [
+        a("div", M, [
+          d(a("input", {
+            type: e.type || "text",
+            "onUpdate:modelValue": (c) => e.value = c,
+            name: e.label,
+            placeholder: e.placeholder,
+            onInput: (c) => _(e)
+          }, null, 40, N), [
+            [A, e.value]
+          ]),
+          d(v(r(m), {
+            icon: r(D),
+            onClick: (c) => e.value = ""
+          }, null, 8, ["icon", "onClick"]), [
+            [f, String(e.value) !== ""]
+          ])
+        ]),
+        a("span", S, p(e.label), 1),
+        a("span", w, p(e.msg), 1)
+      ], 2))), 128)),
+      d(a("p", B, [
+        v(r(m), { icon: r(I) }, null, 8, ["icon"]),
+        V(" " + p(n.value), 1)
+      ], 512), [
+        [f, n.value]
+      ])
+    ]));
+  }
+});
+export {
+  z as default
+};

package/dist/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/components/Dialog/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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bdf1cfac"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,81 @@
+import { defineComponent as x, ref as w, computed as A, openBlock as n, createBlock as d, Transition as k, withCtx as i, withDirectives as D, createVNode as f, unref as b, mergeProps as E, withModifiers as O, TransitionGroup as B, createElementBlock as I, Fragment as P, renderList as L, vShow as M } from "vue";
+import N from "../Modal/index.js";
+import S from "./DialogItem.vue.js";
+import "../../utils/dialog.js";
+import { getId as F } from "../../utils/getId.js";
+import "../../utils/localStorage.js";
+import "../../utils/msg.js";
+import "../../utils/sessionStorage.js";
+const s = 300, J = /* @__PURE__ */ x({
+  name: "Dialog",
+  __name: "index",
+  emits: ["destroy"],
+  setup(G, { expose: p, emit: v }) {
+    const c = v, a = w([]), o = A(() => a.value.at(-1));
+    let l;
+    const h = (e) => (clearTimeout(l), new Promise((r) => {
+      const t = C(e, r);
+      t.type === "prompt" && Array.isArray(t.content) && T(t), a.value.push(t);
+    })), y = (e) => {
+      o.value?.resolve && o.value.resolve(e), m();
+    }, u = () => {
+      o.value?.resolve && o.value.resolve(!1), m();
+    }, _ = () => {
+      o.value && !o.value.modal && u();
+    }, m = () => {
+      a.value.pop(), a.value.length === 0 && (l = setTimeout(() => c("destroy"), s));
+    }, g = () => {
+      a.value.forEach((e) => {
+        e.resolve && e.resolve(!1);
+      }), a.value = [], l = setTimeout(() => c("destroy"), s);
+    }, C = (e, r) => ({
+      title: "",
+      content: "",
+      textColor: "",
+      tip: "",
+      type: void 0,
+      // 默认 undefined，由业务逻辑决定
+      confirmText: e.type === "alert" ? "我知道了" : "确定",
+      cancelText: "取消",
+      modal: !1,
+      id: F(),
+      // 假设 getId 返回 string
+      ...e,
+      resolve: r
+    }), T = (e) => {
+      Array.isArray(e.content) && (e.content.forEach((r) => {
+        r.value ??= "", r.validate ??= (t) => t === "" ? `请输入${r.label}` : "";
+      }), e.totalErr ??= "", e.validateAll ??= () => "");
+    };
+    return p({ open: h, destroyAll: g }), (e, r) => (n(), d(k, { name: "modal" }, {
+      default: i(() => [
+        D(f(b(N), E({
+          class: "dialog-container",
+          duration: s,
+          onClick: O(_, ["self"])
+        }, o.value?.modal ? { blur: 2 } : { bg: "rgba(0, 0, 0, 0.3)" }), {
+          default: i(() => [
+            f(B, { name: "area" }, {
+              default: i(() => [
+                (n(!0), I(P, null, L(a.value, (t) => (n(), d(S, {
+                  key: t.id,
+                  item: t,
+                  onConfirm: y,
+                  onCancel: u
+                }, null, 8, ["item"]))), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 16), [
+          [M, o.value]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  J as default
+};

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

@@ -0,0 +1,43 @@
+import { defineComponent as o, openBlock as t, createElementBlock as n, createVNode as a, unref as p, normalizeProps as l, guardReactiveProps as r } from "vue";
+import { FontAwesomeIcon as s } from "../../node_modules/@fortawesome/vue-fontawesome/index.es.js";
+const i = { class: "icon-container" }, d = /* @__PURE__ */ o({
+  name: "Icon",
+  __name: "index",
+  props: {
+    border: { type: Boolean },
+    fixedWidth: { type: Boolean },
+    flip: { type: [String, Boolean] },
+    icon: {},
+    mask: {},
+    maskId: {},
+    listItem: { type: Boolean },
+    pull: {},
+    pulse: { type: Boolean },
+    rotation: {},
+    rotateBy: { type: Boolean },
+    swapOpacity: { type: Boolean },
+    size: {},
+    spin: { type: Boolean },
+    transform: {},
+    symbol: { type: [Boolean, String] },
+    title: {},
+    titleId: {},
+    inverse: { type: Boolean },
+    bounce: { type: Boolean },
+    shake: { type: Boolean },
+    beat: { type: Boolean },
+    fade: { type: Boolean },
+    beatFade: { type: Boolean },
+    spinPulse: { type: Boolean },
+    spinReverse: { type: Boolean },
+    widthAuto: { type: Boolean }
+  },
+  setup(y) {
+    return (e, B) => (t(), n("i", i, [
+      a(p(s), l(r(e.$props)), null, 16)
+    ]));
+  }
+});
+export {
+  d as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};

package/dist/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/components/Loading/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 f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-cbafc9ac"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,37 @@
+import { defineComponent as l, openBlock as n, createElementBlock as o, normalizeStyle as i, createElementVNode as r, createCommentVNode as s, mergeDefaults as a } from "vue";
+import { defaultProps as c } from "./types.js";
+const m = ["innerHTML"], f = /* @__PURE__ */ l({
+  name: "Loading",
+  __name: "index",
+  props: /* @__PURE__ */ a({
+    size: {},
+    text: {}
+  }, c),
+  setup(e) {
+    return (d, t) => (n(), o("div", {
+      class: "loading-container",
+      style: i({ "--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 ? (n(), o("p", {
+        key: 0,
+        innerHTML: e.text
+      }, null, 8, m)) : s("", !0)
+    ], 4));
+  }
+});
+export {
+  f as default
+};

package/dist/components/Loading/types.js

@@ -0,0 +1,7 @@
+const t = {
+  size: 42,
+  text: ""
+};
+export {
+  t as defaultProps
+};

package/dist/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/components/Message/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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e907384"]]);
+export {
+  a as default
+};