vft 0.0.514 → 0.0.516

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

@@ -98,7 +98,7 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vxe-table").VxeGridPropTypes.ZoomConfig>;
         };
         size: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentSizeType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentSizeType>;
         };
         id: {
             type: import("vue").PropType<import("vxe-table").VxeTablePropTypes.ID<any>>;
@@ -131,13 +131,13 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         align: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
         };
         headerAlign: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
         };
         footerAlign: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
         };
         showHeader: {
             type: import("vue").PropType<boolean>;
@@ -1020,7 +1020,7 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vxe-table").VxeGridPropTypes.ZoomConfig>;
         };
         size: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentSizeType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentSizeType>;
         };
         id: {
             type: import("vue").PropType<import("vxe-table").VxeTablePropTypes.ID<any>>;
@@ -1053,13 +1053,13 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
         };
         align: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
         };
         headerAlign: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
         };
         footerAlign: {
-            type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+            type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
         };
         showHeader: {
             type: import("vue").PropType<boolean>;
@@ -1826,7 +1826,7 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("vxe-table").VxeGridPropTypes.ZoomConfig>;
     };
     size: {
-        type: import("vue").PropType<import("vxe-table").VxeComponentSizeType>;
+        type: import("vue").PropType<import("vxe-pc-ui").VxeComponentSizeType>;
     };
     id: {
         type: import("vue").PropType<import("vxe-table").VxeTablePropTypes.ID<any>>;
@@ -1859,13 +1859,13 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
     };
     align: {
-        type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+        type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
     };
     headerAlign: {
-        type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+        type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
     };
     footerAlign: {
-        type: import("vue").PropType<import("vxe-table").VxeComponentAlignType>;
+        type: import("vue").PropType<import("vxe-pc-ui").VxeComponentAlignType>;
     };
     showHeader: {
         type: import("vue").PropType<boolean>;

package/es/components/table/table.vue2.js

@@ -1,40 +1,38 @@
-import { defineComponent as K, computed as m, createVNode as i, createTextVNode as he, useAttrs as Ce, ref as g, getCurrentInstance as be, unref as a, watch as ye, nextTick as L, toRaw as we, openBlock as S, createElementBlock as ve, normalizeClass as ke, withCtx as n, mergeProps as M, withDirectives as xe, createElementVNode as Se, vShow as Be, renderSlot as s, normalizeProps as p, guardReactiveProps as h, createCommentVNode as B, createBlock as q, createSlots as Re } from "vue";
-import { VftClientOnly as ze } from "../client-only/index.js";
-import { VftEmpty as Pe } from "../empty/index.js";
-import { vLoading as De } from "../loading/directive.js";
-import { deepMerge as G, isClient as He, omit as Oe, isFunction as R } from "@vft/utils";
+import { defineComponent as X, computed as m, createVNode as i, createTextVNode as ye, defineAsyncComponent as we, useAttrs as ve, ref as g, getCurrentInstance as xe, unref as a, watch as ke, nextTick as q, toRaw as Se, openBlock as S, createElementBlock as Be, normalizeClass as Re, withCtx as n, mergeProps as G, withDirectives as ze, createElementVNode as Pe, vShow as De, renderSlot as s, normalizeProps as p, guardReactiveProps as h, createCommentVNode as B, createBlock as I, createSlots as He } from "vue";
+import { VftClientOnly as Oe } from "../client-only/index.js";
+import { VftEmpty as Ae } from "../empty/index.js";
+import { vLoading as Fe } from "../loading/directive.js";
+import { deepMerge as K, isClient as Te, omit as Ve, isFunction as R } from "@vft/utils";
 import { FormCompEnum as C } from "../../utils/form-register.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useForm as Fe } from "../super-form/use/use-form.js";
-import { useNamespace as Te } from "../../hooks/use-namespace/index.js";
+import { useForm as Ne } from "../super-form/use/use-form.js";
+import { useNamespace as Ee } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../icon/index.js";
-import { VftPagination as Ae } from "../pagination/index.js";
-import { VftSkeleton as Ee } from "../skeleton/index.js";
-import { VftSuperForm as Ne } from "../super-form/index.js";
-import { VxeGrid as Ve } from "vxe-table";
-import $e from "xe-utils";
-import { PageSize as I } from "./constants.js";
-import { useColumns as _e } from "./use/use-columns.js";
-import { useDataSource as Le } from "./use/use-data-source.js";
-import { useLoading as Me } from "./use/use-loading.js";
-import { usePagination as qe } from "./use/use-pagination.js";
-import { EmptyEnum as Ge } from "../empty/constants.js";
-const Ie = K({
+import { VftPagination as $e } from "../pagination/index.js";
+import { VftSkeleton as _e } from "../skeleton/index.js";
+import { VftSuperForm as Le } from "../super-form/index.js";
+import { PageSize as j } from "./constants.js";
+import { useColumns as Me } from "./use/use-columns.js";
+import { useDataSource as qe } from "./use/use-data-source.js";
+import { useLoading as Ge } from "./use/use-loading.js";
+import { usePagination as Ie } from "./use/use-pagination.js";
+import { EmptyEnum as Ke } from "../empty/constants.js";
+const je = X({
   name: "vft-table"
-}), Ca = /* @__PURE__ */ K({
-  ...Ie,
+}), Ca = /* @__PURE__ */ X({
+  ...je,
   props: {
     sticky: {
       type: [Boolean, Object]
     },
     api: {},
     pageSize: {
-      default: I
+      default: j
     },
     total: {},
     rowkey: {
@@ -79,7 +77,7 @@ const Ie = K({
     onChange: {},
     emptyCfg: {
       default: () => ({
-        type: Ge.NoData
+        type: Ke.NoData
       })
     },
     loadingCfg: {},
@@ -392,73 +390,80 @@ const Ie = K({
     "toolbar-tool-click",
     "zoom"
   ],
-  setup(X, {
-    expose: j,
-    emit: Y
+  setup(Y, {
+    expose: W,
+    emit: U
   }) {
-    const W = m(() => ({
+    const J = m(() => ({
       customClass: "vft-card-loading",
-      text: i("div", null, [i("span", null, [he("加载中")]), i("span", {
+      text: i("div", null, [i("span", null, [ye("加载中")]), i("span", {
         class: "dot"
       }, null)])
-    })), U = m(() => X.loadingCfg || W.value), c = Y, d = Te("table"), J = Ce(), b = g(), z = g(), Q = g([]), y = g(), w = g(), Z = be(), o = m(() => G(Z.props, a(y))), {
-      getLoading: ee,
-      setLoading: ae
-    } = Me(o), {
+    })), Q = m(() => Y.loadingCfg || J.value), c = U;
+    let z;
+    const Z = we(async () => {
+      const e = await import("./vxe-runtime.js");
+      return e.setupVxe(z), e.VxeGrid;
+    }), ee = (e) => e.replace(/-(\w)/g, (t, l) => l.toUpperCase()), d = Ee("table"), ae = ve(), b = g(), P = g(), oe = g([]), y = g(), w = g(), D = xe();
+    z = D.appContext.app;
+    const o = m(() => K(D.props, a(y))), {
+      getLoading: te,
+      setLoading: le
+    } = Ge(o), {
       getPaginationInfo: f,
       setPagination: v,
-      getCurrentPage: oe
-    } = qe(o), {
-      getViewColumns: te,
-      setColumns: le
-    } = _e(o);
-    ye(() => oe(), (e) => {
-      L(() => {
-        P({
+      getCurrentPage: re
+    } = Ie(o), {
+      getViewColumns: ne,
+      setColumns: ce
+    } = Me(o);
+    ke(() => re(), (e) => {
+      q(() => {
+        H({
           seqConfig: {
-            startIndex: (e - 1) * (f.value?.pageSize || a(o).pageSize || I)
+            startIndex: (e - 1) * (f.value?.pageSize || a(o).pageSize || j)
           }
         });
       });
     }, {
       immediate: !0
     });
-    function P(e) {
+    function H(e) {
       y.value = {
         ...a(y),
         ...e
       };
     }
     const {
-      getDataSourceRef: D,
-      handleTableChange: re,
-      reload: k,
-      deleteTableDataRecord: ne,
-      insertTableDataRecord: ce,
-      updateTableData: ie,
-      updateTableDataRecord: se,
-      setTableData: H,
-      getDataSource: ge,
-      getRawDataSource: O,
-      tableSearch: F,
-      expandTreeLevel: de
-    } = Le(o, {
-      tableData: Q,
-      setLoading: ae,
+      getDataSourceRef: O,
+      handleTableChange: ie,
+      reload: x,
+      deleteTableDataRecord: se,
+      insertTableDataRecord: ge,
+      updateTableData: de,
+      updateTableDataRecord: fe,
+      setTableData: A,
+      getDataSource: ue,
+      getRawDataSource: F,
+      tableSearch: T,
+      expandTreeLevel: me
+    } = qe(o, {
+      tableData: oe,
+      setLoading: le,
       getPaginationInfo: f,
       setPagination: v,
       getGridRef: () => b.value
     }, c);
-    function T(e) {
+    function V(e) {
       e?.pageSize && v({
         currentPage: 1
-      }), re(e), c("change", e);
+      }), ie(e), c("change", e);
       const {
         onChange: t
       } = a(o);
       t && R(t) && t(e);
     }
-    const A = {};
+    const N = {};
     [
       "update:data",
       "keydown-start",
@@ -580,20 +585,20 @@ const Ie = K({
       "toolbar-tool-click",
       "zoom"
     ].forEach((e) => {
-      const t = $e.camelCase(`on-${e}`);
-      A[t] = (...l) => c(e, ...l);
+      const t = ee(`on-${e}`);
+      N[t] = (...l) => c(e, ...l);
     });
     const r = m(() => {
-      const e = a(D), t = {
-        ...J,
+      const e = a(O), t = {
+        ...ae,
         ...a(o),
-        columns: we(a(te)),
-        loading: a(ee),
+        columns: Se(a(ne)),
+        loading: a(te),
         data: e,
-        loadingCfg: a(U),
-        ...A
+        loadingCfg: a(Q),
+        ...N
       };
-      if (He) {
+      if (Te) {
         (a(o)?.addMaxHeight || a(o)?.maxHeight) && (t.maxHeight = a(o)?.maxHeight ? a(o)?.maxHeight : `${window.innerHeight - a(o)?.extraSysHeight - (o.value?.showPager ? o.value?.pageHeight || 40 : 0)}px`);
         const l = a(o)?.minHeight;
         t.minHeight = l || (l !== 0 && a(o)?.toolbarConfig?.custom ? 300 : void 0);
@@ -605,28 +610,28 @@ const Ie = K({
         },
         autoLoad: !1,
         ajax: {
-          query: async () => await k()
+          query: async () => await x()
         }
       }), t;
     }), E = {
       setPagination: v,
       emit: c,
-      setProps: P,
-      reload: k,
-      deleteTableDataRecord: ne,
-      insertTableDataRecord: ce,
-      updateTableDataRecord: se,
-      updateTableData: ie,
-      setTableData: H,
-      getDataSource: ge,
-      getDataSourceRef: D,
-      setColumns: le,
-      getRawDataSource: O,
-      tableSearch: F,
-      expandTreeLevel: de
+      setProps: H,
+      reload: x,
+      deleteTableDataRecord: se,
+      insertTableDataRecord: ge,
+      updateTableDataRecord: fe,
+      updateTableData: de,
+      setTableData: A,
+      getDataSource: ue,
+      getDataSourceRef: O,
+      setColumns: ce,
+      getRawDataSource: F,
+      tableSearch: T,
+      expandTreeLevel: me
     };
     c("register", E);
-    const fe = {
+    const pe = {
       field: "_filterTableData",
       label: "",
       type: C.Search,
@@ -635,13 +640,13 @@ const Ie = K({
       },
       componentProps: () => ({
         onChange: (e) => {
-          $({
+          L({
             _filterTableData: e
           });
         }
       })
-    }, N = G({
-      schemas: [r.value?.formOptions?.addSearchAllSchema ? fe : {}],
+    }, $ = K({
+      schemas: [r.value?.formOptions?.addSearchAllSchema ? pe : {}],
       rowProps: {
         justify: "start"
       },
@@ -655,13 +660,13 @@ const Ie = K({
         btnText: "搜索"
       },
       actionInline: !0
-    }, Oe(r.value?.formOptions, ["showActionForm", "addSearchAllSchema"]), "replace"), V = (e) => (...t) => {
-      e && R(e) && e(...t), L(() => {
-        k();
+    }, Ve(r.value?.formOptions, ["showActionForm", "addSearchAllSchema"]), "replace"), _ = (e) => (...t) => {
+      e && R(e) && e(...t), q(() => {
+        x();
       });
-    }, [ue] = Fe({
-      ...N,
-      schemas: (a(N)?.schemas || []).map((e) => {
+    }, [he] = Ne({
+      ...$,
+      schemas: (a($)?.schemas || []).map((e) => {
         if (!a(r)?.formOptions?.autoReloadOnClear)
           return e;
         if (!e.type || e.type === C.Input || e.type === C.Search || e.type === C.Textarea) {
@@ -671,55 +676,55 @@ const Ie = K({
           if (R(u))
             return {
               ...e,
-              componentProps: async (x) => {
-                const _ = await u(x), pe = _?.onClear;
+              componentProps: async (k) => {
+                const M = await u(k), be = M?.onClear;
                 return {
-                  ..._,
-                  onClear: V(pe)
+                  ...M,
+                  onClear: _(be)
                 };
               }
             };
           {
-            const x = u?.onClear;
+            const k = u?.onClear;
             return {
               ...e,
               componentProps: {
                 ...u,
-                onClear: V(x)
+                onClear: _(k)
               }
             };
           }
         }
         return e;
       })
-    }), $ = (e) => {
-      Reflect.has(e, "_filterTableData") && F(e._filterTableData), c("form-submit", e);
-    }, me = () => {
-      H(O()), c("form-reset");
+    }), L = (e) => {
+      Reflect.has(e, "_filterTableData") && T(e._filterTableData), c("form-submit", e);
+    }, Ce = () => {
+      A(F()), c("form-reset");
     };
-    return j({
+    return W({
       table: b,
       formRef: w,
-      pageRef: z,
+      pageRef: P,
       ...E
-    }), (e, t) => (S(), ve("div", {
-      class: ke([a(d).b(), {
+    }), (e, t) => (S(), Be("div", {
+      class: Re([a(d).b(), {
         [a(d).is("form-exceed-one-rows")]: w.value?.willExceedOneRow
       }])
-    }, [i(a(ze), null, {
-      fallback: n(() => [i(a(Ee))]),
-      default: n(() => [i(a(Ve), M({
+    }, [i(a(Oe), null, {
+      fallback: n(() => [i(a(_e))]),
+      default: n(() => [i(a(Z), G({
         ref_key: "xGrid",
         ref: b
       }, r.value), {
-        toolbarButtons: n(() => [s(e.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (S(), q(a(Ne), {
+        toolbarButtons: n(() => [s(e.$slots, "toolbar-left"), r.value?.formOptions?.showActionForm ? (S(), I(a(Le), {
           key: 0,
           ref_key: "formRef",
           ref: w,
-          onRegister: a(ue),
-          onSubmit: $,
-          onReset: me
-        }, Re({
+          onRegister: a(he),
+          onSubmit: L,
+          onReset: Ce
+        }, He({
           _: 2
         }, [e.$slots.resetBefore ? {
           name: "resetBefore",
@@ -736,19 +741,19 @@ const Ie = K({
         } : void 0]), 1032, ["onRegister"])) : B("", !0), s(e.$slots, "toolbar-right")]),
         empty: n(() => [r.value.loading ? B("", !0) : s(e.$slots, "empty", {
           key: 0
-        }, () => [i(a(Pe), p(h(r.value.emptyCfg)), null, 16)])]),
-        loading: n(() => [xe(Se("div", null, null, 512), [[Be, r.value.loading], [a(De), r.value.loadingCfg]])]),
+        }, () => [i(a(Ae), p(h(r.value.emptyCfg)), null, 16)])]),
+        loading: n(() => [ze(Pe("div", null, null, 512), [[De, r.value.loading], [a(Fe), r.value.loadingCfg]])]),
         _: 3
-      }, 16), r.value.showPager ? (S(), q(a(Ae), M({
+      }, 16), r.value.showPager ? (S(), I(a($e), G({
         key: 0,
         ref_key: "pageRef",
-        ref: z
+        ref: P
       }, a(f), {
         class: [a(d).e("pager"), a(d).m(`pager-${a(f)?.pagePlacement}`)],
-        onCurrentChange: t[0] || (t[0] = (l) => T({
+        onCurrentChange: t[0] || (t[0] = (l) => V({
           currentPage: l
         })),
-        onSizeChange: t[1] || (t[1] = (l) => T({
+        onSizeChange: t[1] || (t[1] = (l) => V({
           pageSize: l
         }))
       }), null, 16, ["class"])) : B("", !0)]),

package/es/components/table/vxe-runtime.d.ts

@@ -0,0 +1,16 @@
+import type { App } from 'vue';
+import { VxeGrid } from 'vxe-table';
+import 'vxe-table/es/table/style.min.css';
+import 'vxe-table/es/toolbar/style.min.css';
+import 'vxe-table/styles/cssvar.scss';
+import 'vxe-pc-ui/styles/cssvar.scss';
+export { VxeGrid };
+/**
+ * vxe 运行时初始化（i18n + 全局注册）。
+ *
+ * 本模块通过 table.vue 的 defineAsyncComponent **动态 import**，使 vxe（js ~568K +
+ * css ~249K）整体成为按需 chunk，不再被 vft 静态依赖拖进首屏；首页/无表格页零下载。
+ * 这里用「静态 import 组件 + css」而非组件内动态 import css，保证样式注入方式与原
+ * 全局 initTable 完全一致（动态 import css 在组件里不可靠，会丢样式）。
+ */
+export declare function setupVxe(app?: App<Element>): void;

package/es/components/table/vxe-runtime.js

@@ -0,0 +1,16 @@
+import { VxeUI as e, VxeIcon as r, VxeButton as u, VxeTooltip as i } from "vxe-pc-ui";
+import { VxeToolbar as p, VxeGrid as m, VxeTable as s } from "vxe-table";
+import { VxeGrid as T } from "vxe-table";
+import x from "vxe-pc-ui/lib/language/zh-CN";
+import "vxe-table/es/table/style.min.css";
+import "vxe-table/es/toolbar/style.min.css";
+import "vxe-table/styles/cssvar.scss";
+import "vxe-pc-ui/styles/cssvar.scss";
+let o = !1;
+function C(t) {
+  o || (o = !0, e.setI18n("zh-CN", x), e.setLanguage("zh-CN"), t?.use(p).use(r).use(u).use(i).use(m).use(s));
+}
+export {
+  T as VxeGrid,
+  C as setupVxe
+};

package/es/components/tree/tree-node.vue.d.ts

@@ -647,7 +647,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hoverColor: {
             type: import("vue").PropType<string>;
         };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        error: (event: Event) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         icon: {
             type: import("vue").PropType<string>;
             required: true;
@@ -670,6 +672,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         hoverColor: {
             type: import("vue").PropType<string>;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+    }>> & Readonly<{
+        onError?: ((event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -580,8 +580,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         file?(_: {
-            file: import("./types").UploadFile;
-            index: number;
+            file: any;
+            index: any;
         }): any;
         trigger?(_: {}): any;
         default?(_: {}): any;

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

@@ -1,8 +1,8 @@
 import type { UploadProps } from './types';
 declare function __VLS_template(): {
     file?(_: {
-        file: import("./types").UploadFile;
-        index: number;
+        file: any;
+        index: any;
     }): any;
     trigger?(_: {}): any;
     default?(_: {}): any;

package/es/hooks/use-z-index/index.js

@@ -2,14 +2,14 @@ import "@vueuse/core";
 import { isNumber as m, isClient as p } from "@vft/utils";
 import { debugWarn as l } from "../../utils/error.js";
 import "../../components/config-provider/hooks/use-global-config.js";
-import { getCurrentInstance as i, inject as e, computed as c, unref as v, ref as Z } from "vue";
+import { ref as v, getCurrentInstance as i, inject as e, computed as c, unref as Z } from "vue";
 import "lodash-es";
 import "../../components/form/index.js";
 const s = {
   current: 0
-}, u = Z(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
+}, u = v(0), f = 2e3, d = Symbol("vftZIndexContextKey"), y = Symbol("zIndexContextKey"), K = (I) => {
   const n = i() ? e(d, s) : s, x = I || (i() ? e(y, void 0) : void 0), t = c(() => {
-    const r = v(x);
+    const r = Z(x);
     return m(r) ? r : f;
   }), o = c(() => t.value + u.value), a = () => (n.current++, u.value = n.current, o.value);
   return !p && !e(d) && l(

package/es/package.json.d.ts

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

package/es/package.json.js

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

package/lib/components/icon/icon.vue.d.ts

@@ -1,5 +1,9 @@
 import type { IconProps } from './types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/icon/icon.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const u=require("../../utils/helper.cjs"),f=require("../../utils/ns-cover.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 d=require("../config-provider/hooks/use-global-config.cjs"),v=["src"],C=e.defineComponent({name:"vft-icon"}),y=e.defineComponent({...C,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const i=m.useNamespace("icon"),n=d.useGlobalConfig(),t=e.computed(()=>f.generateCssVars({size:u.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),l=r=>r?.includes("/"),s=e.computed(()=>l(o.icon)),c=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&a.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(r,g)=>s.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(i).e("image")),src:o.icon,alt:"",style:e.normalizeStyle(t.value)},null,14,v)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(i).b(),o.icon,e.unref(c)]),style:e.normalizeStyle(t.value)},null,6))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const v=require("../../utils/helper.cjs"),C=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const y=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("../config-provider/hooks/use-global-config.cjs"),g=["src"],z=e.defineComponent({name:"vft-icon"}),S=e.defineComponent({...z,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},emits:["error"],setup(o,{emit:l}){const c=l,i=y.useNamespace("icon"),n=q.useGlobalConfig(),t=e.computed(()=>C.generateCssVars({size:v.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),a=r=>r?.includes("/"),u=e.computed(()=>a(o.icon)),f=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&d.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(r,s)=>u.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(i).e("image")),src:o.icon,alt:"",style:e.normalizeStyle(t.value),onError:s[0]||(s[0]=m=>c("error",m))},null,46,g)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(i).b(),o.icon,e.unref(f)]),style:e.normalizeStyle(t.value)},null,6))}});exports.default=S;

package/lib/components/icon/index.d.ts

@@ -21,7 +21,9 @@ export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue"
     hoverColor: {
         type: import("vue").PropType<string>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (event: Event) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
         type: import("vue").PropType<string>;
         required: true;
@@ -44,6 +46,8 @@ export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue"
     hoverColor: {
         type: import("vue").PropType<string>;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+}>> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export * from './types';
 export default VftIcon;