@munet/ui 1.0.0

package/dist/components/GlobalElementsContainer/TaskManager.js

@@ -0,0 +1,90 @@
+import { ref as n, defineComponent as c, createVNode as a, Fragment as u, TransitionGroup as d, isVNode as m } from "vue";
+import f from "../Modal/index.js";
+import s from "./TaskManager.module.sass.js";
+import { getUIString as i } from "../../i18n/index.js";
+function p(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !m(t);
+}
+const o = {
+  tasks: n([]),
+  showErrorModal: n(!1),
+  currentError: n(null),
+  async register(t, r) {
+    const e = {
+      id: Symbol(),
+      name: t,
+      promise: r,
+      startTime: Date.now(),
+      status: "pending"
+    };
+    e.showTimer = window.setTimeout(() => {
+      o.tasks.value.push(e);
+    }, 1e3);
+    try {
+      await r, e.showTimer && (clearTimeout(e.showTimer), e.showTimer = void 0), e.status = "success";
+    } catch (l) {
+      e.showTimer && (clearTimeout(e.showTimer), e.showTimer = void 0), e.status = "error", e.error = l, o.currentError.value = l, console.error(l);
+    } finally {
+      o.removeTask(e.id);
+    }
+    return await r;
+  },
+  removeTask(t) {
+    const r = o.tasks.value.findIndex((e) => e.id === t);
+    r !== -1 && o.tasks.value.splice(r, 1);
+  }
+}, k = /* @__PURE__ */ c({
+  setup() {
+    return () => {
+      let t;
+      return a(u, null, [a("div", {
+        class: "fixed left-4 bottom-4 z-50"
+      }, [a(d, {
+        enterActiveClass: s.active,
+        leaveActiveClass: s.active,
+        enterFromClass: s.from,
+        leaveToClass: s.from,
+        tag: "div",
+        class: "flex flex-col gap-2"
+      }, p(t = o.tasks.value.map((r) => a("div", {
+        key: r.id,
+        class: ["bg-taskManager backdrop-blur-sm rounded-lg p-3", "flex items-center gap-2 min-w-48", "shadow-lg"]
+      }, [a("div", {
+        class: "animate-spin"
+      }, [a("svg", {
+        class: "w-5 h-5 c-taskManager-spin",
+        viewBox: "0 0 24 24"
+      }, [a("circle", {
+        class: "opacity-25",
+        cx: "12",
+        cy: "12",
+        r: "10",
+        stroke: "currentColor",
+        "stroke-width": "4",
+        fill: "none"
+      }, null), a("path", {
+        class: "opacity-75",
+        fill: "currentColor",
+        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      }, null)])]), a("span", {
+        class: "c-taskManager-text text-sm"
+      }, [typeof r.name == "string" ? r.name : r.name.value])]))) ? t : {
+        default: () => [t]
+      })]), a(f, {
+        title: i("taskFailed"),
+        width: "400px",
+        show: o.showErrorModal.value,
+        "onUpdate:show": (r) => o.showErrorModal.value = r
+      }, {
+        default: () => o.currentError.value?.message || i("unknownError"),
+        actions: () => a("button", {
+          onClick: () => o.showErrorModal.value = !1
+        }, [i("confirm")])
+      })]);
+    };
+  }
+});
+export {
+  k as default,
+  o as taskManager
+};

package/dist/components/GlobalElementsContainer/TaskManager.module.css

@@ -0,0 +1 @@
+.TaskManager-module_zMB-i{transition:all .3s ease}.TaskManager-module_I0T2k{opacity:0;transform:translate(-30px)}

package/dist/components/GlobalElementsContainer/TaskManager.module.sass.js

@@ -0,0 +1,9 @@
+const a = "TaskManager-module_zMB-i", e = "TaskManager-module_I0T2k", o = {
+  active: a,
+  from: e
+};
+export {
+  a as active,
+  o as default,
+  e as from
+};

package/dist/components/GlobalElementsContainer/Toast.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { ToastInternal } from '../../controllers/toastController';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    toast: {
+        type: PropType<ToastInternal>;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    toast: {
+        type: PropType<ToastInternal>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/GlobalElementsContainer/Toast.js

@@ -0,0 +1,41 @@
+import { defineComponent as p, ref as i, onMounted as g, computed as r, createVNode as s } from "vue";
+import { toasts as u } from "../../controllers/toastController.js";
+import { useNow as b, whenever as f, useTimeout as h } from "@vueuse/core";
+const n = 3e3, y = {
+  info: "bg-blue-600",
+  success: "bg-green-600",
+  warning: "bg-yellow-600",
+  error: "bg-red-600"
+}, C = /* @__PURE__ */ p({
+  props: {
+    toast: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e, {
+    emit: T
+  }) {
+    const t = b(), o = i(0);
+    g(() => o.value = t.value.getTime());
+    const m = r(() => n - (t.value.getTime() - o.value)), c = r(() => ({
+      width: `${m.value / n * 100}%`
+    })), a = i("h-3.5em opacity-100"), l = () => {
+      a.value = "h-3em opacity-100", setTimeout(() => a.value = "h-0 m-t-0! opacity-0!", 500), setTimeout(() => u.value = u.value.filter((d) => d.rand !== e.toast.rand), 1e3);
+    };
+    f(() => t.value.getTime() - o.value >= n - 200, l);
+    const v = h(1100);
+    return () => s("div", {
+      onClick: l,
+      class: ["rd-12px relative bg-toast-bar of-hidden transition-all-500 hover:op-70 m-t-4", !v.value && "animate__animated animate__bounceInUp", a.value]
+    }, [s("div", {
+      class: "relative rd-12px z-1002 h-3em bg-toast p-x-10 flex items-center"
+    }, [e.toast.message]), s("div", {
+      class: ["absolute z-1001 h-1em bottom-0 left-0", y[e.toast.type]],
+      style: c.value
+    }, null)]);
+  }
+});
+export {
+  C as default
+};

package/dist/components/GlobalElementsContainer/ToastsDisplay.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/GlobalElementsContainer/ToastsDisplay.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, computed as r, createVNode as t } from "vue";
+import { toasts as l } from "../../controllers/toastController.js";
+import m from "./Toast.js";
+const u = /* @__PURE__ */ a({
+  // props: {
+  // },
+  setup(p, {
+    emit: i
+  }) {
+    const o = r(() => l.value.slice(0, 5));
+    return () => t("div", {
+      class: "flex flex-col-reverse absolute bottom-18 left-0 right-0 items-center"
+    }, [o.value.map((e, s) => t(m, {
+      toast: e,
+      key: e.rand,
+      style: {
+        zIndex: 100 + s
+      }
+    }, null))]);
+  }
+});
+export {
+  u as default
+};

package/dist/components/GlobalElementsContainer/TransactionalDialog.d.ts

@@ -0,0 +1,7 @@
+export declare function showTransactionalDialog<T>(title: string, message: string, actions?: {
+    text: string;
+    action: T;
+    danger?: boolean;
+}[], warning?: boolean): Promise<T>;
+declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/GlobalElementsContainer/TransactionalDialog.js

@@ -0,0 +1,45 @@
+import { ref as t, defineComponent as p, createVNode as o } from "vue";
+import w from "../Modal/index.js";
+import { getUIString as d } from "../../i18n/index.js";
+const a = t(!1), n = t(""), s = t(!1), u = t(""), c = t([]);
+let f = () => {
+};
+function b(l, r, e, i = !1) {
+  return e = e || [{
+    text: d("confirm"),
+    action: Symbol()
+  }], n.value = l, u.value = r, c.value = e, s.value = i, a.value = !0, new Promise((v) => {
+    f = (m) => {
+      a.value = !1, v(m);
+    };
+  });
+}
+const k = /* @__PURE__ */ p({
+  // props: {
+  // },
+  setup(l, {
+    emit: r
+  }) {
+    return () => o(w, {
+      title: n.value,
+      show: a.value,
+      "onUpdate:show": (e) => a.value = e,
+      width: "40em",
+      esc: !1,
+      warn: s.value
+    }, {
+      default: () => o("div", {
+        class: "flex gap-2 flex-col ws-pre-wrap"
+      }, [u.value]),
+      actions: () => c.value.map((e) => o("button", {
+        class: ["w-0 grow", e.danger && "bg-dialogButton-error"],
+        key: e.text,
+        onClick: () => f(e.action)
+      }, [e.text]))
+    });
+  }
+});
+export {
+  k as default,
+  b as showTransactionalDialog
+};

package/dist/components/GlobalElementsContainer/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/GlobalElementsContainer/index.js

@@ -0,0 +1,18 @@
+import { defineComponent as o, createVNode as l, Fragment as r } from "vue";
+import n from "./ForegroundTask.js";
+import t from "./TransactionalDialog.js";
+import e from "./ToastsDisplay.js";
+import a from "./TaskManager.js";
+import { theme as m } from "../../themes/index.js";
+const c = /* @__PURE__ */ o({
+  // props: {
+  // },
+  setup() {
+    return () => l(r, null, [l(e, null, null), l(a, null, null), l(n, null, null), l(t, null, null), l("div", {
+      class: m.value.root
+    }, null)]);
+  }
+});
+export {
+  c as default
+};

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+import { modalShowing } from '../../states/modal';
+export { modalShowing };
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    show: BooleanConstructor;
+    onUpdateShow: PropType<(v: boolean) => void>;
+    esc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    warn: BooleanConstructor;
+    innerClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    show: BooleanConstructor;
+    onUpdateShow: PropType<(v: boolean) => void>;
+    esc: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    warn: BooleanConstructor;
+    innerClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    actionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    width: string;
+    show: boolean;
+    warn: boolean;
+    esc: boolean;
+    innerClass: string;
+    actionDelay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Modal/index.js

@@ -0,0 +1,124 @@
+import { defineComponent as y, ref as v, computed as r, watch as f, onBeforeUnmount as w, inject as h, createVNode as e, Teleport as C, Transition as b } from "vue";
+import { useMagicKeys as I, whenever as M } from "@vueuse/core";
+import { registerModal as S, unregisterModal as m, getModalIndex as B, isTopModal as D } from "../../states/modal.js";
+import { modalShowing as K } from "../../states/modal.js";
+import l from "./styles.module.sass.js";
+import T from "../WarningBackground/index.js";
+const N = /* @__PURE__ */ y({
+  props: {
+    title: {
+      type: String,
+      required: !0
+    },
+    show: Boolean,
+    onUpdateShow: Function,
+    esc: {
+      type: Boolean,
+      default: !0
+    },
+    width: {
+      type: String,
+      default: "auto"
+    },
+    warn: Boolean,
+    innerClass: {
+      type: String,
+      default: ""
+    },
+    actionDelay: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(a, {
+    emit: g,
+    slots: i,
+    expose: j
+  }) {
+    const t = v(null), n = r({
+      get: () => a.show,
+      set(o) {
+        a.onUpdateShow?.(o), g("update:show", o);
+      }
+    });
+    f(() => n.value, (o) => {
+      o && !t.value ? t.value = S() : !o && t.value && (m(t.value), t.value = null);
+    }, {
+      immediate: !0
+    }), w(() => {
+      t.value && (m(t.value), t.value = null);
+    });
+    const u = r(() => t.value ? 58 + B(t.value) * 3 : 58), d = () => {
+      n.value && (t.value && !D(t.value) || a.esc && (console.log("esc"), n.value = !1));
+    }, {
+      escape: x
+    } = I();
+    M(() => x.value, d);
+    const p = h("modalPosition", "absolute left-0 right-0 bottom-0 top-0"), s = v(!1);
+    f(() => n.value, (o) => {
+      if (!o) {
+        s.value = !0;
+        return;
+      }
+      s.value = !1, setTimeout(() => {
+        s.value = !0;
+      }, a.actionDelay + 500);
+    }, {
+      immediate: !0
+    });
+    const c = r(() => s.value ? 0 : a.actionDelay);
+    return () => e(C, {
+      to: "#app"
+    }, {
+      default: () => [e(b, {
+        duration: 500 + c.value,
+        enterFromClass: l.src,
+        leaveToClass: l.src,
+        enterActiveClass: [l.progress, l.in].join(" "),
+        leaveActiveClass: [l.progress, l.out].join(" ")
+      }, {
+        default: () => [n.value && e("div", {
+          class: "mnui-modal-root",
+          style: {
+            "--action-delay": c.value + "ms"
+          }
+        }, [e("div", {
+          class: l.backdrop,
+          style: {
+            zIndex: u.value
+          },
+          onClick: d
+        }, null), e("div", {
+          class: p
+        }, [e("div", {
+          class: ["absolute left-50% top-50% translate--50%", a.esc && l.modalOut],
+          style: {
+            zIndex: u.value + 1
+          }
+        }, [e("div", {
+          class: ["bg-modal rd-2xl p-6 flex flex-col max-w-90dvw", l.modal, a.innerClass],
+          style: {
+            width: a.width,
+            zIndex: u.value + 2
+          }
+        }, [a.warn && (i.warning?.() || e(T, {
+          class: "absolute top-0 left-0 right-0 h-12 rd-t-2xl"
+        }, null)), e("div", {
+          class: "flex flex-col gap-4"
+        }, [e("div", {
+          class: ["text-1.5em flex items-center justify-center"]
+        }, [e("div", {
+          class: [l.title]
+        }, [a.title])]), e("div", {
+          class: [l.content]
+        }, [i.default?.()])]), e("div", {
+          class: [l.actions, "flex gap-4"]
+        }, [i.actions?.()])])])])])]
+      })]
+    });
+  }
+});
+export {
+  N as default,
+  K as modalShowing
+};

package/dist/components/Modal/styles.module.css

@@ -0,0 +1 @@
+.styles-module_V6c3K .styles-module_SPoWc{transition:opacity .2s ease-in-out}.styles-module_V6c3K .styles-module_9yJVO,.styles-module_V6c3K .styles-module_z-4El,.styles-module_V6c3K .styles-module_BDqZB{transition:transform .2s ease-in-out,opacity .2s ease-in-out}.styles-module_V6c3K .styles-module_-u-sF{transition:transform .2s ease-in-out,opacity .1s ease-in-out}.styles-module_SPoWc,.styles-module_BDqZB,.styles-module_-u-sF,.styles-module_9yJVO,.styles-module_z-4El{will-change:transform,opacity}.styles-module_EU7pm .styles-module_-u-sF{transition-delay:.1s}.styles-module_EU7pm .styles-module_9yJVO{transition-delay:.2s}.styles-module_EU7pm .styles-module_z-4El{transition-delay:calc(var(--action-delay) + .3s)}.styles-module_p72rf .styles-module_-u-sF{transition-delay:.06s}.styles-module_p72rf .styles-module_9yJVO{transition-delay:.03s}.styles-module_SPoWc{background-color:var(--modal-backdrop-bg);opacity:.9;position:absolute;inset:0}.styles-module_SPoWc:hover~.styles-module_bkaWt{opacity:.9}.styles-module_bkaWt{transition:opacity .2s}.styles-module_BDqZB{opacity:1;transform-origin:center}.styles-module_z-4El{transform:translateY(100%)}.styles-module_z-4El button{flex-grow:1;background-color:var(--modal-button-bg)!important;opacity:1!important}.styles-module_z-4El button:not(:disabled):hover{transform:translateY(-5%)}.styles-module_z-4El button:not(:disabled,.bg-dialogButton-error):hover{background-color:var(--modal-button-hover-bg)!important}.styles-module_z-4El button:not(:disabled,.bg-dialogButton-error):active{background-color:var(--modal-button-active-bg)!important}.styles-module_-u-sF{position:relative;transform:translateY(-.3em)}.styles-module_-u-sF:after{content:"";position:absolute;left:0;right:0;bottom:-.15em;height:.15em;background:var(--modal-title-handle-bg);border-radius:9999px}.styles-module_9am0c .styles-module_SPoWc,.styles-module_9am0c .styles-module_BDqZB,.styles-module_9am0c .styles-module_-u-sF,.styles-module_9am0c .styles-module_9yJVO,.styles-module_9am0c .styles-module_z-4El{opacity:0;transform:scale(1.1)}.styles-module_9am0c .styles-module_-u-sF{transform:translateY(-1em)}.styles-module_9am0c .styles-module_9yJVO{transform:translateY(2em)}.styles-module_9am0c .styles-module_z-4El{transform:translateY(200%)}

package/dist/components/Modal/styles.module.sass.js

@@ -0,0 +1,24 @@
+const s = "styles-module_V6c3K", t = "styles-module_SPoWc", o = "styles-module_9yJVO", e = "styles-module_z-4El", l = "styles-module_BDqZB", c = "styles-module_-u-sF", d = "styles-module_p72rf", n = "styles-module_bkaWt", m = "styles-module_9am0c", u = {
+  progress: s,
+  backdrop: t,
+  content: o,
+  actions: e,
+  modal: l,
+  title: c,
+  in: "styles-module_EU7pm",
+  out: d,
+  modalOut: n,
+  src: m
+};
+export {
+  e as actions,
+  t as backdrop,
+  o as content,
+  u as default,
+  l as modal,
+  n as modalOut,
+  d as out,
+  s as progress,
+  m as src,
+  c as title
+};

package/dist/components/NumberInput.d.ts

@@ -0,0 +1,50 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    decimal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    min: {
+        type: NumberConstructor;
+        default: number;
+    };
+    max: {
+        type: NumberConstructor;
+        default: number;
+    };
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    decimal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    value: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    value: number;
+    step: number;
+    min: number;
+    max: number;
+    decimal: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/NumberInput.js

@@ -0,0 +1,60 @@
+import { defineComponent as o, ref as f, computed as d, shallowRef as i, watch as s, createVNode as p } from "vue";
+import { useVModel as c } from "@vueuse/core";
+import v from "./TextInput/index.js";
+import * as y from "lodash-es";
+const h = /* @__PURE__ */ o({
+  props: {
+    min: {
+      type: Number,
+      default: -1 / 0
+    },
+    max: {
+      type: Number,
+      default: 1 / 0
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    decimal: {
+      type: Number,
+      default: 0
+    },
+    value: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(e, {
+    emit: m
+  }) {
+    const l = c(e, "value", m), u = f(""), r = d({
+      get: () => u.value,
+      set: (t) => {
+        u.value = t, l.value = y.clamp(Number(t), e.min, e.max);
+      }
+    }), a = () => {
+      u.value = l.value.toFixed(e.decimal);
+    }, n = i();
+    return s(() => e.value, () => {
+      if (n?.value?.focused) {
+        console.log("focused, not refresh");
+        return;
+      }
+      a();
+    }, {
+      immediate: !0
+    }), () => p(v, {
+      ref: n,
+      value: r.value,
+      "onUpdate:value": (t) => r.value = t,
+      type: "number",
+      step: e.step,
+      onBlur: a,
+      onEnterPressed: a
+    }, null);
+  }
+});
+export {
+  h as default
+};

package/dist/components/Qrcode.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Qrcode.js

@@ -0,0 +1,30 @@
+import { defineComponent as e, createVNode as o } from "vue";
+import t from "@chenfengyuan/vue-qrcode";
+import { currentThemeVars as l } from "../themes/index.js";
+const c = /* @__PURE__ */ e({
+  props: {
+    value: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String
+    }
+    // 可选：自定义颜色
+  },
+  setup(r) {
+    return () => o(t, {
+      tag: "svg",
+      value: r.value,
+      options: {
+        color: {
+          light: "#00000000",
+          dark: r.color || l.value.qrcodeColor
+        }
+      }
+    }, null);
+  }
+});
+export {
+  c as default
+};

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    onClick: PropType<() => any>;
+    value: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+    k: {
+        type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    onClick: PropType<() => any>;
+    value: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+    k: {
+        type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;