vft 0.0.429 → 0.0.430

package/es/components/upload/upload-list.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as V, createBlock as d, openBlock as o, TransitionGroup as B, unref as e, normalizeClass as s, withCtx as F, createElementBlock as m, renderSlot as g, Fragment as N, renderList as z, withKeys as I, createCommentVNode as c, createElementVNode as k, withModifiers as P, createVNode as v, toDisplayString as K, normalizeStyle as L, nextTick as S } from "vue";
+import { defineComponent as C, ref as x, createBlock as p, openBlock as n, TransitionGroup as B, unref as e, normalizeClass as t, withCtx as F, createElementBlock as m, renderSlot as h, Fragment as N, renderList as z, withKeys as I, createCommentVNode as a, createElementVNode as b, withModifiers as P, createVNode as f, toDisplayString as K, normalizeStyle as L, nextTick as S } from "vue";
 import "../form/index.js";
 import { VftIcon as u } from "../icon/index.js";
 import { VftProgress as D } from "../progress/index.js";
@@ -7,15 +7,15 @@ import "@vft/utils";
 import { debugWarn as E } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { useFormDisabled as U } from "../form/hooks/use-form-common-props.js";
 import { useFormItem as G } from "../form/hooks/use-form-item.js";
-const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["onClick"], A = h({
+const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["onClick"], A = C({
   name: "VftUploadList"
-}), ae = /* @__PURE__ */ h({
+}), oe = /* @__PURE__ */ C({
   ...A,
   props: {
     files: { default: [] },
@@ -25,121 +25,121 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
     listType: { default: "text" }
   },
   emits: ["remove"],
-  setup(H, { emit: C }) {
-    const T = C, i = f("upload"), n = f("icon"), w = f("list"), p = U(), { formItem: $ } = G(), y = V(!1), b = (t) => {
-      T("remove", t), S(() => {
-        $?.validate("change").catch((a) => E(a));
+  setup(l, { emit: T }) {
+    const w = T, i = g("upload"), c = g("icon"), $ = g("list"), d = U(), { formItem: V } = G(), y = x(!1), v = (k) => {
+      w("remove", k), S(() => {
+        V?.validate("change").catch((o) => E(o));
       });
     };
-    return (t, a) => (o(), d(B, {
+    return (k, o) => (n(), p(B, {
       tag: "ul",
-      class: s([
+      class: t([
         e(i).b("list"),
-        e(i).bm("list", t.listType),
-        e(i).is("disabled", e(p))
+        e(i).bm("list", l.listType),
+        e(i).is("disabled", e(d))
       ]),
-      name: e(w).b()
+      name: e($).b()
     }, {
       default: F(() => [
-        (o(!0), m(N, null, z(t.files, (l) => (o(), m("li", {
-          key: l.uid || l.name,
-          class: s([
+        (n(!0), m(N, null, z(l.files, (s) => (n(), m("li", {
+          key: s.uid || s.name,
+          class: t([
             e(i).be("list", "item"),
-            e(i).is(l.status),
+            e(i).is(s.status),
             { focusing: y.value }
           ]),
           tabindex: "0",
-          onKeydown: I((r) => !e(p) && b(l), ["delete"]),
-          onFocus: a[0] || (a[0] = (r) => y.value = !0),
-          onBlur: a[1] || (a[1] = (r) => y.value = !1),
-          onClick: a[2] || (a[2] = (r) => y.value = !1)
+          onKeydown: I((r) => !e(d) && v(s), ["delete"]),
+          onFocus: o[0] || (o[0] = (r) => y.value = !0),
+          onBlur: o[1] || (o[1] = (r) => y.value = !1),
+          onClick: o[2] || (o[2] = (r) => y.value = !1)
         }, [
-          g(t.$slots, "default", { file: l }, () => [
-            t.listType === "picture" || l.status !== "uploading" && t.listType === "picture-card" ? (o(), m("img", {
+          h(k.$slots, "default", { file: s }, () => [
+            l.listType === "picture" || s.status !== "uploading" && l.listType === "picture-card" ? (n(), m("img", {
               key: 0,
-              class: s(e(i).be("list", "item-thumbnail")),
-              src: l.url,
+              class: t(e(i).be("list", "item-thumbnail")),
+              src: s.url,
               alt: ""
-            }, null, 10, R)) : c("", !0),
-            l.status === "uploading" || t.listType !== "picture-card" ? (o(), m("div", {
+            }, null, 10, R)) : a("", !0),
+            s.status === "uploading" || l.listType !== "picture-card" ? (n(), m("div", {
               key: 1,
-              class: s(e(i).be("list", "item-info"))
+              class: t(e(i).be("list", "item-info"))
             }, [
-              k("a", {
-                class: s(e(i).be("list", "item-name")),
-                onClick: P((r) => t.handlePreview(l), ["prevent"])
+              b("a", {
+                class: t(e(i).be("list", "item-name")),
+                onClick: P((r) => l.handlePreview(s), ["prevent"])
               }, [
-                v(e(u), {
-                  class: s(e(n).m("document")),
+                f(e(u), {
+                  class: t(e(c).m("document")),
                   icon: "icon-document"
                 }, null, 8, ["class"]),
-                k("span", {
-                  class: s(e(i).be("list", "item-file-name"))
-                }, K(l.name), 3)
+                b("span", {
+                  class: t(e(i).be("list", "item-file-name"))
+                }, K(s.name), 3)
               ], 10, W),
-              l.status === "uploading" ? (o(), d(e(D), {
+              s.status === "uploading" ? (n(), p(e(D), {
                 key: 0,
-                type: t.listType === "picture-card" ? "circle" : "line",
-                "stroke-width": t.listType === "picture-card" ? 6 : 2,
-                percentage: Number(l.percentage),
-                style: L(t.listType === "picture-card" ? "" : "margin-top: 0.5rem")
-              }, null, 8, ["type", "stroke-width", "percentage", "style"])) : c("", !0)
-            ], 2)) : c("", !0),
-            k("label", {
-              class: s(e(i).be("list", "item-status-label"))
+                type: l.listType === "picture-card" ? "circle" : "line",
+                "stroke-width": l.listType === "picture-card" ? 6 : 2,
+                percentage: Number(s.percentage),
+                style: L(l.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+              }, null, 8, ["type", "stroke-width", "percentage", "style"])) : a("", !0)
+            ], 2)) : a("", !0),
+            b("label", {
+              class: t(e(i).be("list", "item-status-label"))
             }, [
-              t.listType === "text" ? (o(), d(e(u), {
+              l.listType === "text" ? (n(), p(e(u), {
                 key: 0,
                 icon: "icon-circle-check",
-                class: s([e(n).m("upload-success"), e(n).m("circle-check")])
-              }, null, 8, ["class"])) : ["picture-card", "picture"].includes(t.listType) ? (o(), d(e(u), {
+                class: t([e(c).m("upload-success"), e(c).m("circle-check")])
+              }, null, 8, ["class"])) : ["picture-card", "picture"].includes(l.listType) ? (n(), p(e(u), {
                 key: 1,
                 icon: "icon-check",
-                class: s([e(n).m("upload-success"), e(n).m("check")])
-              }, null, 8, ["class"])) : c("", !0)
+                class: t([e(c).m("upload-success"), e(c).m("check")])
+              }, null, 8, ["class"])) : a("", !0)
             ], 2),
-            e(p) ? c("", !0) : (o(), d(e(u), {
+            e(d) ? a("", !0) : (n(), p(e(u), {
               key: 2,
               icon: "icon-close",
-              class: s(e(n).m("close")),
-              onClick: (r) => b(l)
+              class: t(e(c).m("close")),
+              onClick: (r) => v(s)
             }, null, 8, ["class", "onClick"])),
-            e(p) ? c("", !0) : (o(), m("i", {
+            e(d) ? a("", !0) : (n(), m("i", {
               key: 3,
-              class: s(e(n).m("close-tip"))
+              class: t(e(c).m("close-tip"))
             }, " 按 delete 键可删除 ", 2)),
-            t.listType === "picture-card" ? (o(), m("span", {
+            l.listType === "picture-card" ? (n(), m("span", {
               key: 4,
-              class: s(e(i).be("list", "item-actions"))
+              class: t(e(i).be("list", "item-actions"))
             }, [
-              k("span", {
-                class: s(e(i).be("list", "item-preview")),
-                onClick: (r) => t.handlePreview(l)
+              b("span", {
+                class: t(e(i).be("list", "item-preview")),
+                onClick: (r) => l.handlePreview(s)
               }, [
-                v(e(u), {
+                f(e(u), {
                   icon: "icon-zoom-in",
-                  class: s(e(n).m("zoom-in"))
+                  class: t(e(c).m("zoom-in"))
                 }, null, 8, ["class"])
               ], 10, j),
-              e(p) ? c("", !0) : (o(), m("span", {
+              e(d) ? a("", !0) : (n(), m("span", {
                 key: 0,
-                class: s(e(i).be("list", "item-delete")),
-                onClick: (r) => b(l)
+                class: t(e(i).be("list", "item-delete")),
+                onClick: (r) => v(s)
               }, [
-                v(e(u), {
+                f(e(u), {
                   icon: "icon-delete",
-                  class: s(e(n).m("delete"))
+                  class: t(e(c).m("delete"))
                 }, null, 8, ["class"])
               ], 10, q))
-            ], 2)) : c("", !0)
+            ], 2)) : a("", !0)
           ])
         ], 42, M))), 128)),
-        g(t.$slots, "append")
+        h(k.$slots, "append")
       ]),
       _: 3
     }, 8, ["class", "name"]));
   }
 });
 export {
-  ae as default
+  oe as default
 };

package/es/components/upload/upload.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as L, useSlots as j, shallowRef as N, computed as z, onBeforeUnmount as O, provide as q, toRef as D, createElementBlock as H, openBlock as c, normalizeClass as K, unref as o, createBlock as y, createCommentVNode as s, renderSlot as n, createSlots as B, withCtx as f, createVNode as W, mergeProps as C } from "vue";
+import { defineComponent as I, useSlots as V, shallowRef as j, computed as B, onBeforeUnmount as N, provide as O, toRef as q, createElementBlock as D, openBlock as v, normalizeClass as H, unref as o, createBlock as g, createCommentVNode as n, renderSlot as i, createSlots as C, withCtx as u, createVNode as K, mergeProps as E } from "vue";
 import "../form/index.js";
-import { VftMessage as g } from "../message/index.js";
-import { ajaxUpload as A } from "./ajax.js";
-import { uploadContextKey as G } from "./constants.js";
-import E from "./upload-content.vue2.js";
-import F from "./upload-list.vue2.js";
-import { useHandlers as J } from "./use-handlers.js";
-import { useFormDisabled as Q } from "../form/hooks/use-form-common-props.js";
-const X = L({
+import { VftMessage as h } from "../message/index.js";
+import { ajaxUpload as W } from "./ajax.js";
+import { uploadContextKey as A } from "./constants.js";
+import F from "./upload-content.vue2.js";
+import L from "./upload-list.vue2.js";
+import { useHandlers as G } from "./use-handlers.js";
+import { useFormDisabled as J } from "../form/hooks/use-form-common-props.js";
+const Q = I({
   name: "vft-upload"
-}), se = /* @__PURE__ */ L({
-  ...X,
+}), se = /* @__PURE__ */ I({
+  ...Q,
   props: {
     action: { default: "#" },
     headers: {},
@@ -26,7 +26,7 @@ const X = L({
     fileList: { default: [] },
     autoUpload: { type: Boolean, default: !1 },
     listType: { default: "text" },
-    httpRequest: { type: Function, default: A },
+    httpRequest: { type: Function, default: W },
     disabled: { type: Boolean },
     limit: {},
     replaceOnLimit: { type: Boolean, default: !1 },
@@ -48,48 +48,48 @@ const X = L({
     } },
     onSizeExceed: {}
   },
-  setup(I, { expose: P }) {
-    const t = I, i = j(), v = Q(), u = N(), {
-      abort: h,
-      submit: w,
-      clearFiles: $,
-      uploadFiles: r,
-      handleStart: S,
+  setup(s, { expose: P }) {
+    const t = s, r = V(), y = J(), p = j(), {
+      abort: w,
+      submit: $,
+      clearFiles: S,
+      uploadFiles: d,
+      handleStart: k,
       handleError: M,
-      handleRemove: p,
+      handleRemove: m,
       handleSuccess: T,
       handleProgress: U
-    } = J(t, u), m = z(() => t.listType === "picture-card"), V = {
-      abort: h,
-      submit: w,
-      clearFiles: $,
-      uploadFiles: r,
-      uploadRef: u
-    }, k = z(() => ({
+    } = G(t, p), c = B(() => t.listType === "picture-card"), x = {
+      abort: w,
+      submit: $,
+      clearFiles: S,
+      uploadFiles: d,
+      uploadRef: p
+    }, R = B(() => ({
       ...t,
-      fileList: r.value,
-      onStart: S,
+      fileList: d.value,
+      onStart: k,
       onProgress: U,
       onSuccess: T,
       onError: M,
-      onRemove: p,
+      onRemove: m,
       onChange: (e, l) => {
-        t.onChange?.(e, l, V);
+        t.onChange?.(e, l, x);
       },
       onSizeExceed: (e, l) => {
         if (t.onSizeExceed)
           t.onSizeExceed?.(e, l);
         else {
-          const d = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
-          console.warn("默认文件大小超出提示:", d), g.warning(d);
+          const f = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
+          console.warn("默认文件大小超出提示:", f), h.warning(f);
         }
       },
-      onSizeInvalid: (e, l, a, d, R) => {
+      onSizeInvalid: (e, l, a, f, b) => {
         if (t.onSizeInvalid)
-          t.onSizeInvalid(e, l, a, d, R);
+          t.onSizeInvalid(e, l, a, f, b);
         else {
-          const b = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${d}x${R}`;
-          console.warn("默认尺寸校验提示:", b), g.warning(b);
+          const z = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${f}x${b}`;
+          console.warn("默认尺寸校验提示:", z), h.warning(z);
         }
       },
       onTypeInvalid: (e, l) => {
@@ -97,42 +97,42 @@ const X = L({
           t.onTypeInvalid(e, l);
         else {
           const a = `文件类型不符合要求，当前文件：${e.name}，支持的类型：${l}`;
-          console.warn("默认文件类型校验提示:", a), g.warning(a);
+          console.warn("默认文件类型校验提示:", a), h.warning(a);
         }
       }
     }));
-    return O(() => {
-      r.value.forEach(({ url: e }) => {
+    return N(() => {
+      d.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
-    }), q(G, {
-      accept: D(t, "accept")
+    }), O(A, {
+      accept: q(t, "accept")
     }), P({
-      abort: h,
-      submit: w,
-      clearFiles: $,
-      handleStart: S,
-      handleRemove: p,
-      fileList: r
-    }), (e, l) => (c(), H("div", {
-      class: K(["vft-upload-wrapper", { disabled: o(v) }])
+      abort: w,
+      submit: $,
+      clearFiles: S,
+      handleStart: k,
+      handleRemove: m,
+      fileList: d
+    }), (e, l) => (v(), D("div", {
+      class: H(["vft-upload-wrapper", { disabled: o(y) }])
     }, [
-      m.value && e.showFileList ? (c(), y(F, {
+      c.value && s.showFileList ? (v(), g(L, {
         key: 0,
-        disabled: o(v),
-        "list-type": e.listType,
-        files: o(r),
-        "handle-preview": e.onPreview,
-        onRemove: o(p)
-      }, B({
-        append: f(() => [
-          W(E, C({
+        disabled: o(y),
+        "list-type": s.listType,
+        files: o(d),
+        "handle-preview": s.onPreview,
+        onRemove: o(m)
+      }, C({
+        append: u(() => [
+          K(F, E({
             ref_key: "uploadRef",
-            ref: u
-          }, k.value), {
-            default: f(() => [
-              o(i).trigger ? n(e.$slots, "trigger", { key: 0 }) : s("", !0),
-              !o(i).trigger && o(i).default ? n(e.$slots, "default", { key: 1 }) : s("", !0)
+            ref: p
+          }, R.value), {
+            default: u(() => [
+              o(r).trigger ? i(e.$slots, "trigger", { key: 0 }) : n("", !0),
+              !o(r).trigger && o(r).default ? i(e.$slots, "default", { key: 1 }) : n("", !0)
             ]),
             _: 3
           }, 16)
@@ -141,41 +141,41 @@ const X = L({
       }, [
         e.$slots.file ? {
           name: "default",
-          fn: f(({ file: a }) => [
-            n(e.$slots, "file", { file: a })
+          fn: u(({ file: a }) => [
+            i(e.$slots, "file", { file: a })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : s("", !0),
-      !m.value || m.value && !e.showFileList ? (c(), y(E, C({
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0),
+      !c.value || c.value && !s.showFileList ? (v(), g(F, E({
         key: 1,
         ref_key: "uploadRef",
-        ref: u
-      }, k.value), {
-        default: f(() => [
-          o(i).trigger ? n(e.$slots, "trigger", { key: 0 }) : s("", !0),
-          !o(i).trigger && o(i).default ? n(e.$slots, "default", { key: 1 }) : s("", !0)
+        ref: p
+      }, R.value), {
+        default: u(() => [
+          o(r).trigger ? i(e.$slots, "trigger", { key: 0 }) : n("", !0),
+          !o(r).trigger && o(r).default ? i(e.$slots, "default", { key: 1 }) : n("", !0)
         ]),
         _: 3
-      }, 16)) : s("", !0),
-      e.$slots.trigger ? n(e.$slots, "default", { key: 2 }) : s("", !0),
-      n(e.$slots, "tip"),
-      !m.value && e.showFileList ? (c(), y(F, {
+      }, 16)) : n("", !0),
+      e.$slots.trigger ? i(e.$slots, "default", { key: 2 }) : n("", !0),
+      i(e.$slots, "tip"),
+      !c.value && s.showFileList ? (v(), g(L, {
         key: 3,
-        disabled: o(v),
-        "list-type": e.listType,
-        files: o(r),
-        "handle-preview": e.onPreview,
-        onRemove: o(p)
-      }, B({ _: 2 }, [
+        disabled: o(y),
+        "list-type": s.listType,
+        files: o(d),
+        "handle-preview": s.onPreview,
+        onRemove: o(m)
+      }, C({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
-          fn: f(({ file: a }) => [
-            n(e.$slots, "file", { file: a })
+          fn: u(({ file: a }) => [
+            i(e.$slots, "file", { file: a })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : s("", !0)
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0)
     ], 2));
   }
 });

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

@@ -1,45 +1,45 @@
-import { defineComponent as d, computed as f, createElementBlock as u, openBlock as p, normalizeStyle as r, createElementVNode as g, unref as k } from "vue";
+import { defineComponent as d, computed as s, createElementBlock as f, openBlock as u, normalizeStyle as o, createElementVNode as g, unref as p } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import { addUnit as t } from "../../utils/helper.js";
 import "lodash-es";
 import "../form/index.js";
-import y from "./useImageVerify.js";
-const w = ["width", "height"], _ = d({
+import k from "./useImageVerify.js";
+const y = ["width", "height"], w = d({
   name: "vft-verify-code"
-}), I = /* @__PURE__ */ d({
-  ..._,
+}), z = /* @__PURE__ */ d({
+  ...w,
   props: {
     height: { default: 40 },
     width: { default: 150 },
     radius: { default: 5 }
   },
   emits: ["click"],
-  setup(i, { expose: n, emit: c }) {
-    const m = c, s = f(() => ({
-      width: t(i.width),
-      height: t(i.height)
-    })), { domRef: l, imgCode: a, getCode: o } = y(), h = () => {
-      o(), m("click");
+  setup(e, { expose: r, emit: c }) {
+    const n = c, m = s(() => ({
+      width: t(e.width),
+      height: t(e.height)
+    })), { domRef: l, imgCode: a, getCode: i } = k(), h = () => {
+      i(), n("click");
     };
-    return n({
-      getCode: o,
+    return r({
+      getCode: i,
       code: a
-    }), (e, v) => (p(), u("div", {
-      style: r(s.value),
+    }), (v, C) => (u(), f("div", {
+      style: o(m.value),
       onClick: h
     }, [
       g("canvas", {
         ref_key: "domRef",
         ref: l,
-        style: r({ borderRadius: k(t)(e.radius) }),
+        style: o({ borderRadius: p(t)(e.radius) }),
         width: e.width,
         height: e.height,
         class: "cursor-pointer"
-      }, null, 12, w)
+      }, null, 12, y)
     ], 4));
   }
 });
 export {
-  I as default
+  z as default
 };

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.429",
+  "version": "0.0.430",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.429";
+const o = "0.0.430";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/components/alert/alert.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=e.defineComponent({name:"vft-alert"}),k=e.defineComponent({...p,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:l=>l instanceof MouseEvent},setup(l,{emit:i}){const o=m.useNamespace("alert"),u=i,n=e.useSlots(),s=e.ref(!0),r=e.computed(()=>l.type),d=e.computed(()=>[o.e("icon"),{[o.is("big")]:!!l.description||!!n.default}]),f=e.computed(()=>({[o.is("bold")]:l.description||n.default})),a=t=>{s.value=!1,u("close",t)};return(t,B)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(o).b(),e.unref(o).m(t.type),e.unref(o).is("center",t.center),e.unref(o).is(t.effect)]),role:"alert"},[t.showIcon&&r.value?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,class:e.normalizeClass(d.value),icon:r.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("content"))},[t.title||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(o).e("title"),f.value])},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("description"))},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("close-btn"),e.unref(o).is("customed")]),onClick:a},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,class:e.normalizeClass(e.unref(o).e("close-btn")),onClick:a,icon:"icon-close"},null,8,["class"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,s.value]])]),_:3},8,["name"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../icon/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k=e.defineComponent({name:"vft-alert"}),B=e.defineComponent({...k,props:{title:{default:""},description:{default:""},type:{default:"info"},closable:{type:Boolean,default:!0},closeText:{default:""},showIcon:{type:Boolean},center:{type:Boolean},effect:{default:"light"}},emits:{close:t=>t instanceof MouseEvent},setup(t,{emit:i}){const l=m.useNamespace("alert"),u=i,o=e.useSlots(),c=e.ref(!0),s=e.computed(()=>t.type),d=e.computed(()=>[l.e("icon"),{[l.is("big")]:!!t.description||!!o.default}]),f=e.computed(()=>({[l.is("bold")]:t.description||o.default})),r=n=>{c.value=!1,u("close",n)};return(n,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(l).b("fade")},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).b(),e.unref(l).m(t.type),e.unref(l).is("center",t.center),e.unref(l).is(t.effect)]),role:"alert"},[t.showIcon&&s.value?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:0,class:e.normalizeClass(d.value),icon:s.value},null,8,["class","icon"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("content"))},[t.title||n.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l).e("title"),f.value])},[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),n.$slots.default||t.description?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(l).e("description"))},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[t.closeText?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(l).e("close-btn"),e.unref(l).is("customed")]),onClick:r},e.toDisplayString(t.closeText),3)):(e.openBlock(),e.createBlock(e.unref(a.VftIcon),{key:1,class:e.normalizeClass(e.unref(l).e("close-btn")),onClick:r,icon:"icon-close"},null,8,["class"]))],64)):e.createCommentVNode("",!0)],2)],2),[[e.vShow,c.value]])]),_:3},8,["name"]))}});exports.default=B;

package/lib/components/autocomplete/autocomplete.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@vft/utils");require("../form/index.cjs");const Z=require("../input/index.cjs"),_=require("../scrollbar/index.cjs"),ee=require("../tooltip/index.cjs"),c=require("../../constants/event.cjs"),te=require("../../hooks/use-attrs/index.cjs"),le=require("@vueuse/core"),ae=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const se=require("lodash-es"),oe=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ne=require("./types.cjs"),re=require("../form/hooks/use-form-common-props.cjs"),ue=["aria-expanded","aria-owns"],ie=["id","aria-selected","onClick"],ce="ElAutocomplete",fe=e.defineComponent({name:"vft-autocomplete",inheritAttrs:!1}),de=e.defineComponent({...fe,props:{valueKey:{default:"value"},modelValue:{default:""},debounce:{default:300},placement:{default:"bottom-start"},fetchSuggestions:{type:[Function,Array],default:()=>{}},popperClass:{default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{},teleported:{type:Boolean,default:!1},highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:{[c.UPDATE_MODEL_EVENT]:l=>v.isString(l),[c.INPUT_EVENT]:l=>v.isString(l),[c.CHANGE_EVENT]:l=>v.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>v.isObject(l)},setup(l,{expose:F,emit:P}){const r=oe.useNamespace("autocomplete"),u=P,M=te.useAttrs(),K=e.useAttrs(),C=re.useFormDisabled(),o=e.ref(),k=e.ref(),b=e.ref(),A=e.ref();let N=!1,E=!1;const i=e.ref([]),a=e.ref(-1),V=e.ref(""),f=e.ref(!1),y=e.ref(!1),p=e.ref(!1),m=e.computed(()=>r.b(String(ne.generateId()))),O=e.computed(()=>K.style),d=e.computed(()=>(i.value.length>0||p.value)&&f.value),q=e.computed(()=>!l.hideLoading&&p.value),U=e.computed(()=>o.value?Array.from(o.value.$el.querySelectorAll("input")):[]),x=async()=>{await e.nextTick(),d.value&&(V.value=`${o.value.$el.offsetWidth}px`)},L=()=>{a.value=-1},R=async t=>{if(y.value)return;const s=n=>{p.value=!1,!y.value&&(v.isArray(n)?(i.value=n,a.value=l.highlightFirstItem?0:-1):ae.throwError(ce,"autocomplete suggestions must be an array"))};if(p.value=!0,v.isArray(l.fetchSuggestions))s(l.fetchSuggestions);else{const n=await l.fetchSuggestions(t,s);v.isArray(n)&&s(n)}},B=se.debounce(R,l.debounce),z=t=>{const s=!!t;if(u(c.INPUT_EVENT,t),u(c.UPDATE_MODEL_EVENT,t),y.value=!1,f.value||=s,!l.triggerOnFocus&&!t){y.value=!0,i.value=[];return}B(t)},W=t=>{C.value||(t.target?.tagName!=="INPUT"||U.value.includes(document.activeElement))&&(f.value=!0)},H=t=>{u(c.CHANGE_EVENT,t)},G=t=>{E?E=!1:(f.value=!0,u("focus",t),l.triggerOnFocus&&!N&&B(String(l.modelValue)))},j=t=>{setTimeout(()=>{if(b.value?.isFocusInsideContent()){E=!0;return}f.value&&h(),u("blur",t)})},J=()=>{f.value=!1,u(c.UPDATE_MODEL_EVENT,""),u("clear")},D=async()=>{d.value&&a.value>=0&&a.value<i.value.length?w(i.value[a.value]):l.selectWhenUnmatched&&(u("select",{value:l.modelValue}),i.value=[],a.value=-1)},Q=t=>{d.value&&(t.preventDefault(),t.stopPropagation(),h())},h=()=>{f.value=!1},X=()=>{o.value?.focus()},Y=()=>{o.value?.blur()},w=async t=>{u(c.INPUT_EVENT,t[l.valueKey]),u(c.UPDATE_MODEL_EVENT,t[l.valueKey]),u("select",t),i.value=[],a.value=-1},$=t=>{if(!d.value||p.value)return;if(t<0){a.value=-1;return}t>=i.value.length&&(t=i.value.length-1);const s=k.value.querySelector(`.${r.be("suggestion","wrap")}`),g=s.querySelectorAll(`.${r.be("suggestion","list")} li`)[t],S=s.scrollTop,{offsetTop:I,scrollHeight:T}=g;I+T>S+s.clientHeight&&(s.scrollTop+=T),I<S&&(s.scrollTop-=T),a.value=t,o.value.ref.setAttribute("aria-activedescendant",`${m.value}-item-${a.value}`)};return le.onClickOutside(A,()=>{d.value&&h()}),e.onMounted(()=>{o.value.ref.setAttribute("role","textbox"),o.value.ref.setAttribute("aria-autocomplete","list"),o.value.ref.setAttribute("aria-controls","id"),o.value.ref.setAttribute("aria-activedescendant",`${m.value}-item-${a.value}`),N=o.value.ref.hasAttribute("readonly")}),F({highlightedIndex:a,activated:f,loading:p,inputRef:o,popperRef:b,suggestions:i,handleSelect:w,handleKeyEnter:D,focus:X,blur:Y,close:h,highlight:$}),(t,s)=>(e.openBlock(),e.createBlock(e.unref(ee.VftTooltip),{ref_key:"popperRef",ref:b,visible:d.value,placement:t.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(r).e("popper"),t.popperClass],teleported:t.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(r).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:x,onHide:L},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:k,class:e.normalizeClass([e.unref(r).b("suggestion"),e.unref(r).is("loading",q.value)]),style:e.normalizeStyle({[t.fitInputWidth?"width":"minWidth"]:V.value,outline:"none"}),role:"region"},[e.createVNode(e.unref(_.VftScrollbar),{id:m.value,tag:"ul","wrap-class":e.unref(r).be("suggestion","wrap"),"view-class":e.unref(r).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[q.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(r).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.value,(n,g)=>(e.openBlock(),e.createElementBlock("li",{id:`${m.value}-item-${g}`,key:g,class:e.normalizeClass({highlighted:a.value===g}),role:"option","aria-selected":a.value===g,onClick:S=>w(n)},[e.renderSlot(t.$slots,"default",{item:n},()=>[e.createTextVNode(e.toDisplayString(n[t.valueKey]),1)])],10,ie))),128))]),_:3},8,["id","wrap-class","view-class"])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:A,class:e.normalizeClass([e.unref(r).b(),t.$attrs.class]),style:e.normalizeStyle(O.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":d.value,"aria-owns":m.value},[e.createVNode(e.unref(Z.VftInput),e.mergeProps({ref_key:"inputRef",ref:o},e.unref(M),{clearable:t.clearable,disabled:e.unref(C),name:t.name,"model-value":t.modelValue,onInput:z,onChange:H,onFocus:G,onBlur:j,onClear:J,onKeydown:[s[0]||(s[0]=e.withKeys(e.withModifiers(n=>$(a.value-1),["prevent"]),["up"])),s[1]||(s[1]=e.withKeys(e.withModifiers(n=>$(a.value+1),["prevent"]),["down"])),e.withKeys(D,["enter"]),e.withKeys(h,["tab"]),e.withKeys(Q,["esc"])],onMousedown:W}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value"])],14,ue)]),_:3},8,["visible","placement","popper-class","teleported","transition"]))}});exports.default=de;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@vft/utils");require("../form/index.cjs");const Z=require("../input/index.cjs"),_=require("../scrollbar/index.cjs"),ee=require("../tooltip/index.cjs"),c=require("../../constants/event.cjs"),te=require("../../hooks/use-attrs/index.cjs"),le=require("@vueuse/core"),ae=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const ne=require("lodash-es"),se=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const oe=require("./types.cjs"),re=require("../form/hooks/use-form-common-props.cjs"),ue=["aria-expanded","aria-owns"],ie=["id","aria-selected","onClick"],ce="ElAutocomplete",fe=e.defineComponent({name:"vft-autocomplete",inheritAttrs:!1}),de=e.defineComponent({...fe,props:{valueKey:{default:"value"},modelValue:{default:""},debounce:{default:300},placement:{default:"bottom-start"},fetchSuggestions:{type:[Function,Array],default:()=>{}},popperClass:{default:""},triggerOnFocus:{type:Boolean,default:!0},selectWhenUnmatched:{type:Boolean,default:!1},hideLoading:{type:Boolean,default:!1},label:{},teleported:{type:Boolean,default:!1},highlightFirstItem:{type:Boolean,default:!1},fitInputWidth:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:{[c.UPDATE_MODEL_EVENT]:l=>v.isString(l),[c.INPUT_EVENT]:l=>v.isString(l),[c.CHANGE_EVENT]:l=>v.isString(l),focus:l=>l instanceof FocusEvent,blur:l=>l instanceof FocusEvent,clear:()=>!0,select:l=>v.isObject(l)},setup(l,{expose:I,emit:F}){const r=se.useNamespace("autocomplete"),u=F,P=te.useAttrs(),M=e.useAttrs(),C=re.useFormDisabled(),s=e.ref(),k=e.ref(),b=e.ref(),A=e.ref();let N=!1,E=!1;const i=e.ref([]),a=e.ref(-1),V=e.ref(""),f=e.ref(!1),y=e.ref(!1),g=e.ref(!1),m=e.computed(()=>r.b(String(oe.generateId()))),K=e.computed(()=>M.style),d=e.computed(()=>(i.value.length>0||g.value)&&f.value),q=e.computed(()=>!l.hideLoading&&g.value),O=e.computed(()=>s.value?Array.from(s.value.$el.querySelectorAll("input")):[]),U=async()=>{await e.nextTick(),d.value&&(V.value=`${s.value.$el.offsetWidth}px`)},L=()=>{a.value=-1},R=async t=>{if(y.value)return;const n=o=>{g.value=!1,!y.value&&(v.isArray(o)?(i.value=o,a.value=l.highlightFirstItem?0:-1):ae.throwError(ce,"autocomplete suggestions must be an array"))};if(g.value=!0,v.isArray(l.fetchSuggestions))n(l.fetchSuggestions);else{const o=await l.fetchSuggestions(t,n);v.isArray(o)&&n(o)}},B=ne.debounce(R,l.debounce),z=t=>{const n=!!t;if(u(c.INPUT_EVENT,t),u(c.UPDATE_MODEL_EVENT,t),y.value=!1,f.value||=n,!l.triggerOnFocus&&!t){y.value=!0,i.value=[];return}B(t)},W=t=>{C.value||(t.target?.tagName!=="INPUT"||O.value.includes(document.activeElement))&&(f.value=!0)},H=t=>{u(c.CHANGE_EVENT,t)},G=t=>{E?E=!1:(f.value=!0,u("focus",t),l.triggerOnFocus&&!N&&B(String(l.modelValue)))},j=t=>{setTimeout(()=>{if(b.value?.isFocusInsideContent()){E=!0;return}f.value&&h(),u("blur",t)})},J=()=>{f.value=!1,u(c.UPDATE_MODEL_EVENT,""),u("clear")},x=async()=>{d.value&&a.value>=0&&a.value<i.value.length?w(i.value[a.value]):l.selectWhenUnmatched&&(u("select",{value:l.modelValue}),i.value=[],a.value=-1)},Q=t=>{d.value&&(t.preventDefault(),t.stopPropagation(),h())},h=()=>{f.value=!1},X=()=>{s.value?.focus()},Y=()=>{s.value?.blur()},w=async t=>{u(c.INPUT_EVENT,t[l.valueKey]),u(c.UPDATE_MODEL_EVENT,t[l.valueKey]),u("select",t),i.value=[],a.value=-1},$=t=>{if(!d.value||g.value)return;if(t<0){a.value=-1;return}t>=i.value.length&&(t=i.value.length-1);const n=k.value.querySelector(`.${r.be("suggestion","wrap")}`),p=n.querySelectorAll(`.${r.be("suggestion","list")} li`)[t],S=n.scrollTop,{offsetTop:D,scrollHeight:T}=p;D+T>S+n.clientHeight&&(n.scrollTop+=T),D<S&&(n.scrollTop-=T),a.value=t,s.value.ref.setAttribute("aria-activedescendant",`${m.value}-item-${a.value}`)};return le.onClickOutside(A,()=>{d.value&&h()}),e.onMounted(()=>{s.value.ref.setAttribute("role","textbox"),s.value.ref.setAttribute("aria-autocomplete","list"),s.value.ref.setAttribute("aria-controls","id"),s.value.ref.setAttribute("aria-activedescendant",`${m.value}-item-${a.value}`),N=s.value.ref.hasAttribute("readonly")}),I({highlightedIndex:a,activated:f,loading:g,inputRef:s,popperRef:b,suggestions:i,handleSelect:w,handleKeyEnter:x,focus:X,blur:Y,close:h,highlight:$}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(ee.VftTooltip),{ref_key:"popperRef",ref:b,visible:d.value,placement:l.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(r).e("popper"),l.popperClass],teleported:l.teleported,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(r).namespace.value}-zoom-in-top`,persistent:"",onBeforeShow:U,onHide:L},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:k,class:e.normalizeClass([e.unref(r).b("suggestion"),e.unref(r).is("loading",q.value)]),style:e.normalizeStyle({[l.fitInputWidth?"width":"minWidth"]:V.value,outline:"none"}),role:"region"},[e.createVNode(e.unref(_.VftScrollbar),{id:m.value,tag:"ul","wrap-class":e.unref(r).be("suggestion","wrap"),"view-class":e.unref(r).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[q.value?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass(e.unref(r).is("loading"))},null,2)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(i.value,(o,p)=>(e.openBlock(),e.createElementBlock("li",{id:`${m.value}-item-${p}`,key:p,class:e.normalizeClass({highlighted:a.value===p}),role:"option","aria-selected":a.value===p,onClick:S=>w(o)},[e.renderSlot(t.$slots,"default",{item:o},()=>[e.createTextVNode(e.toDisplayString(o[l.valueKey]),1)])],10,ie))),128))]),_:3},8,["id","wrap-class","view-class"])],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:A,class:e.normalizeClass([e.unref(r).b(),t.$attrs.class]),style:e.normalizeStyle(K.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":d.value,"aria-owns":m.value},[e.createVNode(e.unref(Z.VftInput),e.mergeProps({ref_key:"inputRef",ref:s},e.unref(P),{clearable:l.clearable,disabled:e.unref(C),name:l.name,"model-value":l.modelValue,onInput:z,onChange:H,onFocus:G,onBlur:j,onClear:J,onKeydown:[n[0]||(n[0]=e.withKeys(e.withModifiers(o=>$(a.value-1),["prevent"]),["up"])),n[1]||(n[1]=e.withKeys(e.withModifiers(o=>$(a.value+1),["prevent"]),["down"])),e.withKeys(x,["enter"]),e.withKeys(h,["tab"]),e.withKeys(Q,["esc"])],onMousedown:W}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["clearable","disabled","name","model-value"])],14,ue)]),_:3},8,["visible","placement","popper-class","teleported","transition"]))}});exports.default=de;

package/lib/components/avatar/avatar.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@vft/utils"),d=require("../icon/index.cjs"),m=require("../image/index.cjs");require("@vueuse/core");const v=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const z=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:{},src:{},alt:{},fit:{default:"cover"}},emits:["error"],setup(t,{emit:c}){const l=c,s=q.useNamespace("avatar"),i=e.ref(!1),o=e.computed(()=>{const r=[s.b()];return n.isString(t.size)&&r.push(s.m(t.size)),!t.src&&t.icon&&r.push(s.m("icon")),t.shape&&r.push(s.m(t.shape)),r}),u=e.computed(()=>n.isNumber(t.size)?s.cssVarBlock({size:v.addUnit(t.size)||""}):void 0),a=e.computed(()=>n.singleAttrToObj(t.icon,"icon",{size:t.size}));e.watch(()=>t.src,()=>i.value=!1);function f(r){i.value=!0,l("error",r)}return(r,h)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(o.value),style:e.normalizeStyle(u.value)},[r.src&&!i.value?(e.openBlock(),e.createBlock(e.unref(m.VftImage),{key:0,src:r.src,alt:r.alt,fit:r.fit,onError:f},null,8,["src","alt","fit"])):a.value?.icon?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.normalizeProps(e.mergeProps({key:1},a.value)),null,16)):e.renderSlot(r.$slots,"default",{key:2})],6))}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils"),d=require("../icon/index.cjs"),m=require("../image/index.cjs");require("@vueuse/core");const v=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const q=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const z=e.defineComponent({__name:"avatar",props:{size:{default:""},shape:{default:"circle"},icon:{},src:{},alt:{},fit:{default:"cover"}},emits:["error"],setup(r,{emit:c}){const l=c,i=q.useNamespace("avatar"),n=e.ref(!1),u=e.computed(()=>{const t=[i.b()];return s.isString(r.size)&&t.push(i.m(r.size)),!r.src&&r.icon&&t.push(i.m("icon")),r.shape&&t.push(i.m(r.shape)),t}),o=e.computed(()=>s.isNumber(r.size)?i.cssVarBlock({size:v.addUnit(r.size)||""}):void 0),a=e.computed(()=>s.singleAttrToObj(r.icon,"icon",{size:r.size}));e.watch(()=>r.src,()=>n.value=!1);function f(t){n.value=!0,l("error",t)}return(t,h)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(u.value),style:e.normalizeStyle(o.value)},[r.src&&!n.value?(e.openBlock(),e.createBlock(e.unref(m.VftImage),{key:0,src:r.src,alt:r.alt,fit:r.fit,onError:f},null,8,["src","alt","fit"])):a.value?.icon?(e.openBlock(),e.createBlock(e.unref(d.VftIcon),e.normalizeProps(e.mergeProps({key:1},a.value)),null,16)):e.renderSlot(t.$slots,"default",{key:2})],6))}});exports.default=z;