vft 0.0.48 → 0.0.51

package/es/components/tooltip/content.vue2.js

@@ -8,13 +8,15 @@ import "@vft/utils";
 import { composeEventHandlers as T } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
 import { usePopperContainerId as te } from "../../hooks/use-popper-container/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import "../popper/index.js";
 import { TOOLTIP_INJECTION_KEY as ne } from "./constants.js";
 import oe from "../popper/content.vue2.js";
 const ae = E({
   name: "VftTooltipContent",
   inheritAttrs: !1
-}), be = /* @__PURE__ */ E({
+}), Ce = /* @__PURE__ */ E({
   ...ae,
   props: {
     boundariesPadding: { default: 0 },
@@ -51,10 +53,10 @@ const ae = E({
     disabled: { type: Boolean }
   },
   setup(e, { expose: k }) {
-    const { selector: P } = te(), w = _("tooltip"), l = v(null), c = v(!1), {
-      controlled: p,
+    const { selector: P } = te(), w = _("tooltip"), r = v(null), p = v(!1), {
+      controlled: c,
       id: O,
-      open: r,
+      open: l,
       trigger: u,
       onClose: i,
       onOpen: A,
@@ -64,12 +66,12 @@ const ae = E({
       onBeforeHide: d
     } = U(ne, void 0), L = o(() => e.transition || `${w.namespace.value}-fade-in-linear`), I = o(() => process.env.NODE_ENV === "test" ? !0 : e.persistent);
     W(() => {
-      c.value = !0;
+      p.value = !0;
     });
-    const $ = o(() => t(I) ? !0 : t(r)), m = o(() => e.disabled ? !1 : t(r)), x = o(() => e.appendTo || P.value), M = o(() => e.style ?? {}), R = o(() => !t(r)), z = () => {
+    const $ = o(() => t(I) ? !0 : t(l)), m = o(() => e.disabled ? !1 : t(l)), x = o(() => e.appendTo || P.value), M = o(() => e.style ?? {}), R = o(() => !t(l)), z = () => {
       S();
     }, g = () => {
-      if (t(p))
+      if (t(c))
         return !0;
     }, V = T(g, () => {
       e.enterable && t(u) === "hover" && A();
@@ -77,17 +79,17 @@ const ae = E({
       t(u) === "hover" && i();
     }), j = () => {
       var n, a;
-      (a = (n = l.value) == null ? void 0 : n.updatePopper) == null || a.call(n), f == null || f();
+      (a = (n = r.value) == null ? void 0 : n.updatePopper) == null || a.call(n), f == null || f();
     }, H = () => {
       d == null || d();
     }, J = () => {
       N(), s = ee(
         o(() => {
           var n;
-          return (n = l.value) == null ? void 0 : n.popperContentRef;
+          return (n = r.value) == null ? void 0 : n.popperContentRef;
         }),
         () => {
-          if (t(p))
+          if (t(c))
             return;
           t(u) !== "hover" && i();
         }
@@ -97,7 +99,7 @@ const ae = E({
     };
     let s;
     return y(
-      () => t(r),
+      () => t(l),
       (n) => {
         n || s == null || s();
       },
@@ -108,13 +110,13 @@ const ae = E({
       () => e.content,
       () => {
         var n, a;
-        (a = (n = l.value) == null ? void 0 : n.updatePopper) == null || a.call(n);
+        (a = (n = r.value) == null ? void 0 : n.updatePopper) == null || a.call(n);
       }
     ), k({
       /**
        * @description el-popper-content component instance
        */
-      contentRef: l
+      contentRef: r
     }), (n, a) => (b(), h(Y, {
       disabled: !e.teleported,
       to: t(x)
@@ -131,7 +133,7 @@ const ae = E({
             key: 0,
             id: t(O),
             ref_key: "contentRef",
-            ref: l
+            ref: r
           }, n.$attrs, {
             "aria-label": e.ariaLabel,
             "aria-hidden": t(R),
@@ -157,7 +159,7 @@ const ae = E({
             onClose: t(i)
           }), {
             default: C(() => [
-              c.value ? B("", !0) : X(n.$slots, "default", { key: 0 })
+              p.value ? B("", !0) : X(n.$slots, "default", { key: 0 })
             ]),
             _: 3
           }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
@@ -170,5 +172,5 @@ const ae = E({
   }
 });
 export {
-  be as default
+  Ce as default
 };

package/es/components/tooltip/index.d.ts

@@ -1,6 +1,7 @@
+import Tooltip from './tooltip.vue';
 export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     role: {
-        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -195,9 +196,9 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     onOpen: (event?: Event | undefined) => void;
     onClose: (event?: Event | undefined) => void;
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -386,11 +387,12 @@ export declare const VftTooltip: import("vft/es/utils").SFCWithInstall<import("v
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftTooltip;
+export type TooltipInstance = InstanceType<typeof Tooltip>;
 export * from './types';

package/es/components/tooltip/index.js

@@ -1,11 +1,12 @@
 import { withInstall as t } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
-import "../../utils/ns-cover.js";
 import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
 import o from "./tooltip.vue2.js";
-const l = t(o);
+const s = t(o);
 export {
-  l as VftTooltip,
-  l as default
+  s as VftTooltip,
+  s as default
 };

package/es/components/tooltip/tooltip.vue.d.ts

@@ -54,7 +54,7 @@ export interface ToolTipProps {
 }
 declare const _sfc_main: import("vue").DefineComponent<{
     role: {
-        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -270,9 +270,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
      * @description expose hide function
      */
     hide: (event?: Event | undefined) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hide" | "show" | "open" | "before-show" | "before-hide")[], "close" | "hide" | "show" | "open" | "before-show" | "before-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "before-show" | "before-hide" | "show" | "hide")[], "close" | "open" | "before-show" | "before-hide" | "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: __PropType<"grid" | "listbox" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | undefined>;
+        type: __PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
         required: false;
     };
     showArrow: {
@@ -461,10 +461,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/tooltip/tooltip.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, ref as r, computed as P, provide as I, readonly as S, unref as i, watch as M, onDeactivated as N, openBlock as f, createBlock as h, withCtx as g, createVNode as b, renderSlot as w, createCommentVNode as v, createElementBlock as B, toDisplayString as $ } from "vue";
+import { defineComponent as k, ref as a, computed as P, provide as I, readonly as S, unref as i, watch as M, onDeactivated as N, openBlock as f, createBlock as h, withCtx as g, createVNode as b, renderSlot as w, createCommentVNode as v, createElementBlock as B, toDisplayString as $ } from "vue";
 import { EVENT_CODE as C } from "@vft/constants";
 import { VftPopper as x } from "../popper/index.js";
 import { isBoolean as H } from "@vft/utils";
@@ -11,6 +11,8 @@ import { usePopperContainer as z } from "../../hooks/use-popper-container/index.
 import { useDelayedToggle as D } from "../../hooks/use-delayed-toggle/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { TOOLTIP_INJECTION_KEY as K } from "./constants.js";
 import V from "./trigger.vue2.js";
 import J from "./content.vue2.js";
@@ -18,7 +20,7 @@ import { useTooltipModelToggle as U } from "./utils.js";
 import Y from "../popper/arrow.vue2.js";
 const j = ["innerHTML"], q = { key: 1 }, G = k({
   name: "vft-tooltip"
-}), pe = /* @__PURE__ */ k({
+}), me = /* @__PURE__ */ k({
   ...G,
   props: {
     role: { default: "tooltip" },
@@ -70,14 +72,14 @@ const j = ["innerHTML"], q = { key: 1 }, G = k({
     triggerKeys: { default: [C.enter, C.space] }
   },
   emits: ["before-show", "before-hide", "show", "hide", "open", "close"],
-  setup(e, { expose: T, emit: a }) {
+  setup(e, { expose: T, emit: r }) {
     z();
-    const A = L(), u = r(), d = r(), m = () => {
-      var o;
+    const A = L(), u = a(), d = a(), m = () => {
+      var n;
       const t = i(u);
-      t && ((o = t.popperInstanceRef) == null || o.update());
-    }, n = r(!1), l = r(), { show: E, hide: s, hasUpdateHandler: O } = U({
-      indicator: n,
+      t && ((n = t.popperInstanceRef) == null || n.update());
+    }, o = a(!1), l = a(), { show: E, hide: s, hasUpdateHandler: O } = U({
+      indicator: o,
       toggleReason: l
     }), { onOpen: c, onClose: p } = D({
       showAfter: e.showAfter,
@@ -88,7 +90,7 @@ const j = ["innerHTML"], q = { key: 1 }, G = k({
     I(K, {
       controlled: R,
       id: A,
-      open: S(n),
+      open: S(o),
       trigger: e.trigger,
       onOpen: (t) => {
         c(t);
@@ -97,33 +99,33 @@ const j = ["innerHTML"], q = { key: 1 }, G = k({
         p(t);
       },
       onToggle: (t) => {
-        i(n) ? p(t) : c(t);
+        i(o) ? p(t) : c(t);
       },
       onShow: () => {
-        a("show", l.value);
+        r("show", l.value);
       },
       onHide: () => {
-        a("hide", l.value);
+        r("hide", l.value);
       },
       onBeforeShow: () => {
-        a("before-show", l.value);
+        r("before-show", l.value);
       },
       onBeforeHide: () => {
-        a("before-hide", l.value);
+        r("before-hide", l.value);
       },
       updatePopper: m
     }), M(
       () => e.disabled,
       (t) => {
-        t && n.value && (n.value = !1);
+        t && o.value && (o.value = !1);
       }
     );
     const F = () => {
-      var o, y;
-      const t = (y = (o = d.value) == null ? void 0 : o.contentRef) == null ? void 0 : y.popperContentRef;
+      var n, y;
+      const t = (y = (n = d.value) == null ? void 0 : n.contentRef) == null ? void 0 : y.popperContentRef;
       return t && t.contains(document.activeElement);
     };
-    return N(() => n.value && s()), T({
+    return N(() => o.value && s()), T({
       /**
        * @description el-popper component instance
        */
@@ -152,7 +154,7 @@ const j = ["innerHTML"], q = { key: 1 }, G = k({
        * @description expose hide function
        */
       hide: s
-    }), (t, o) => (f(), h(i(x), {
+    }), (t, n) => (f(), h(i(x), {
       ref_key: "popperRef",
       ref: u,
       role: e.role
@@ -220,5 +222,5 @@ const j = ["innerHTML"], q = { key: 1 }, G = k({
   }
 });
 export {
-  pe as default
+  me as default
 };

package/es/components/tooltip/trigger.vue2.js

@@ -2,19 +2,21 @@ import { defineComponent as a, inject as E, ref as K, openBlock as O, createBloc
 import { EVENT_CODE as g } from "@vft/constants";
 import "../popper/index.js";
 import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
 import { composeEventHandlers as r } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import { TOOLTIP_INJECTION_KEY as I } from "./constants.js";
 import { whenTrigger as i } from "./utils.js";
 import R from "../popper/trigger.vue2.js";
 const V = a({
   name: "VftTooltipTrigger"
-}), U = /* @__PURE__ */ a({
+}), Z = /* @__PURE__ */ a({
   ...V,
   props: {
     disabled: { type: Boolean },
@@ -23,8 +25,8 @@ const V = a({
     virtualRef: null,
     virtualTriggering: { type: Boolean }
   },
-  setup(t, { expose: f }) {
-    const m = F("tooltip"), { controlled: d, id: v, open: p, onOpen: u, onClose: s, onToggle: l } = E(
+  setup(t, { expose: m }) {
+    const f = F("tooltip"), { controlled: d, id: p, open: v, onOpen: u, onClose: s, onToggle: l } = E(
       I,
       void 0
     ), C = K(null), n = () => {
@@ -59,17 +61,17 @@ const V = a({
         t.triggerKeys.includes(c) && (o.preventDefault(), l(o));
       }
     );
-    return f({
+    return m({
       /**
        * @description trigger element
        */
       triggerRef: C
     }), (o, c) => (O(), w(e(R), {
-      id: e(v),
+      id: e(p),
       "virtual-ref": t.virtualRef,
-      open: e(p),
+      open: e(v),
       "virtual-triggering": t.virtualTriggering,
-      class: b(e(m).e("trigger")),
+      class: b(e(f).e("trigger")),
       onBlur: e(M),
       onClick: e(y),
       onContextmenu: e(k),
@@ -86,5 +88,5 @@ const V = a({
   }
 });
 export {
-  U as default
+  Z as default
 };

package/es/components/tooltip/utils.js

@@ -7,13 +7,15 @@ import "@vueuse/core";
 import { isArray as m } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import { createModelToggleComposable as p } from "../../hooks/use-model-toggle/index.js";
-const l = (o, r) => m(o) ? o.includes(r) : o === r, M = (o, r, e) => (i) => {
+import "@vue/reactivity";
+import "@vue/shared";
+const l = (o, r) => m(o) ? o.includes(r) : o === r, h = (o, r, e) => (i) => {
   l(t(o), r) && e(i);
 }, {
-  useModelToggle: b
+  useModelToggle: v
 } = p("visible");
 export {
   l as isTriggerType,
-  b as useTooltipModelToggle,
-  M as whenTrigger
+  v as useTooltipModelToggle,
+  h as whenTrigger
 };

package/es/components/verify-code/index.d.ts

@@ -0,0 +1,23 @@
+export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    height: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    getImgCode: () => void;
+    code: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftVerifyCode;

package/es/components/verify-code/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./verify-code.vue2.js";
+const s = t(o);
+export {
+  s as VftVerifyCode,
+  s as default
+};

package/es/components/verify-code/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-verify-code.css";

package/es/components/verify-code/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/verify-code.scss";

package/es/components/verify-code/useImageVerify.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 绘制图形验证码
+ * @param width - 图形宽度
+ * @param height - 图形高度
+ */
+export default function useImageVerify(width?: number, height?: number): {
+    domRef: import("vue").Ref<HTMLCanvasElement | undefined>;
+    imgCode: import("vue").Ref<string>;
+    setImgCode: (code: string) => void;
+    getImgCode: () => void;
+};

package/es/components/verify-code/useImageVerify.js

@@ -0,0 +1,46 @@
+import { ref as u, onMounted as d } from "vue";
+function v(l = 152, e = 40) {
+  const n = u(), f = u("");
+  function a(r) {
+    f.value = r;
+  }
+  function t() {
+    n.value && (f.value = g(n.value, l, e));
+  }
+  return d(() => {
+    t();
+  }), {
+    domRef: n,
+    imgCode: f,
+    setImgCode: a,
+    getImgCode: t
+  };
+}
+function o(l, e) {
+  return Math.floor(Math.random() * (e - l) + l);
+}
+function c(l, e) {
+  const n = o(l, e), f = o(l, e), a = o(l, e);
+  return `rgb(${n},${f},${a})`;
+}
+function g(l, e, n) {
+  let f = "";
+  const a = "0123456789", t = l.getContext("2d");
+  if (!t)
+    return f;
+  t.fillStyle = c(180, 230), t.fillRect(0, 0, e, n);
+  for (let r = 0; r < 4; r += 1) {
+    const s = a[o(0, a.length)];
+    f += s;
+    const i = o(18, 41), m = o(-30, 30);
+    t.font = `${i}px Simhei`, t.textBaseline = "top", t.fillStyle = c(80, 150), t.save(), t.translate(30 * r + 23, 15), t.rotate(m * Math.PI / 180), t.fillText(s, -15 + 5, -15), t.restore();
+  }
+  for (let r = 0; r < 5; r += 1)
+    t.beginPath(), t.moveTo(o(0, e), o(0, n)), t.lineTo(o(0, e), o(0, n)), t.strokeStyle = c(180, 230), t.closePath(), t.stroke();
+  for (let r = 0; r < 41; r += 1)
+    t.beginPath(), t.arc(o(0, e), o(0, n), 1, 0, 2 * Math.PI), t.closePath(), t.fillStyle = c(150, 200), t.fill();
+  return f;
+}
+export {
+  v as default
+};

package/es/components/verify-code/verify-code.vue.d.ts

@@ -0,0 +1,24 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    height: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    getImgCode: () => void;
+    code: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    height: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/es/components/verify-code/verify-code.vue.js

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

package/es/components/verify-code/verify-code.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as m, computed as f, openBlock as a, createElementBlock as l, normalizeStyle as p, unref as o, createElementVNode as u } from "vue";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { addUnit as r } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import w from "./useImageVerify.js";
+const y = ["width", "height"], k = (
+  /* hoist-static*/
+  g("verify-code")
+), C = m({
+  name: k.b()
+}), U = /* @__PURE__ */ m({
+  ...C,
+  props: {
+    height: { default: 40 },
+    width: { default: 150 }
+  },
+  setup(e, { expose: n }) {
+    const d = f(() => ({
+      width: r(e.width),
+      height: r(e.height)
+    })), { domRef: c, imgCode: h, getImgCode: t } = w();
+    return n({
+      getImgCode: t,
+      code: h
+    }), (v, i) => (a(), l("div", {
+      style: p(o(d))
+    }, [
+      u("canvas", {
+        ref_key: "domRef",
+        ref: c,
+        width: e.width,
+        height: e.height,
+        class: "cursor-pointer",
+        onClick: i[0] || (i[0] = //@ts-ignore
+        (...s) => o(t) && o(t)(...s))
+      }, null, 8, y)
+    ], 4));
+  }
+});
+export {
+  U as default
+};