vft 0.0.493 → 0.0.495

package/es/components/table/field.js

@@ -1,31 +1,32 @@
-import { createVNode as r, ref as I, Fragment as Y, isVNode as _ } from "vue";
-import { formatToDateTime as D } from "@vft/utils/date";
-import { isNullOrUndefined as h } from "@vft/utils";
-import { VftButton as c } from "../button/index.js";
+import { createVNode as r, Fragment as _, isVNode as g } from "vue";
+import { useLoadingDelay as h } from "@vft/use";
+import { formatToDateTime as d } from "@vft/utils/date";
+import { isNullOrUndefined as L } from "@vft/utils";
+import { VftButton as u } from "../button/index.js";
 import { VftPopconfirm as M } from "../popconfirm/index.js";
-import { VftTag as d } from "../tag/index.js";
+import { VftTag as c } from "../tag/index.js";
 function m(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !_(t);
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !g(t);
 }
-const H = {
+const N = {
   type: "seq",
   title: "序号",
   fixed: "left",
   width: 53
-}, T = {
+}, V = {
   type: "checkbox",
   title: "",
   minWidth: 60,
   fixed: "left"
-}, W = {
+}, S = {
   field: "id",
   title: "Id",
   minWidth: 100
-}, N = {
+}, k = {
   field: "name",
   title: "名称",
   minWidth: 100
-}, V = ({
+}, O = ({
   format: t = "YYYY-MM-DD",
   field: e = "date",
   title: i = "时间"
@@ -34,9 +35,9 @@ const H = {
   field: e,
   title: i,
   formatter: ({
-    row: n
-  }) => n[e] ? D(n[e], t) : "-"
-}), p = ({
+    row: o
+  }) => o[e] ? d(o[e], t) : "-"
+}), D = ({
   format: t = "YYYY-MM-DD HH:mm:ss",
   field: e = "date",
   title: i = "时间"
@@ -45,29 +46,29 @@ const H = {
   field: e,
   title: i,
   formatter: ({
-    row: n
-  }) => n[e] ? D(n[e], t) : "-"
-}), S = ({
+    row: o
+  }) => o[e] ? d(o[e], t) : "-"
+}), P = ({
   format: t = "YYYY-MM-DD HH:mm:ss",
   field: e = "createTime",
   title: i = "创建时间"
-} = {}) => p({
+} = {}) => D({
   format: t,
   field: e,
   title: i
-}), k = ({
+}), b = ({
   format: t = "YYYY-MM-DD HH:mm:ss",
   field: e = "updateTime",
   title: i = "更新时间"
-} = {}) => p({
+} = {}) => D({
   format: t,
   field: e,
   title: i
-}), O = ({
+}), j = ({
   field: t = "status",
   title: e = "状态",
   normalText: i = "正常",
-  disabledText: n = "禁用",
+  disabledText: o = "禁用",
   strToNumber: l = !0
 } = {}) => ({
   field: t,
@@ -77,24 +78,24 @@ const H = {
     default: ({
       row: a
     }) => {
-      let o = a?.[t];
-      return h(o) ? "-" : (l && Number(o) === 0 && (o = !1), o ? r(d, null, m(i) ? i : {
+      let n = a?.[t];
+      return L(n) ? "-" : (l && Number(n) === 0 && (n = !1), n ? r(c, null, m(i) ? i : {
         default: () => [i]
-      }) : r(d, {
+      }) : r(c, {
         type: "danger"
-      }, m(n) ? n : {
-        default: () => [n]
+      }, m(o) ? o : {
+        default: () => [o]
       }));
     }
   }
-}), P = ({
+}), U = ({
   confirmText: t = "确认删除?",
   leftCallback: e,
   rightCallback: i,
-  leftText: n = "编辑",
+  leftText: o = "编辑",
   rightText: l = "删除",
   showLeft: a = !0,
-  showRight: o = !0
+  showRight: n = !0
 } = {}) => ({
   title: "操作栏",
   minWidth: 180,
@@ -102,32 +103,36 @@ const H = {
   fixed: "right",
   slots: {
     default: ({
-      row: u
+      row: f
     }) => {
-      const s = I(!1), E = () => {
-        s.value = !0, i?.(u)?.finally(() => {
-          s.value = !1;
+      const {
+        loading: p,
+        start: E,
+        cancel: I
+      } = h(), Y = () => {
+        E(), i?.(f)?.finally(() => {
+          I();
         });
       };
-      return r(Y, null, [a ? r(c, {
+      return r(_, null, [a ? r(u, {
         size: "small",
         type: "primary",
-        onClick: (f) => {
-          f.stopPropagation(), e?.(u);
+        onClick: (s) => {
+          s.stopPropagation(), e?.(f);
         }
-      }, m(n) ? n : {
-        default: () => [n]
-      }) : null, o ? r(M, {
+      }, m(o) ? o : {
+        default: () => [o]
+      }) : null, n ? r(M, {
         width: "150",
-        onConfirm: E,
+        onConfirm: Y,
         title: t
       }, {
-        reference: () => r(c, {
-          loading: s.value,
+        reference: () => r(u, {
+          loading: p.value,
           size: "small",
           type: "danger",
-          onClick: (f) => {
-            f.stopPropagation();
+          onClick: (s) => {
+            s.stopPropagation();
           }
         }, m(l) ? l : {
           default: () => [l]
@@ -137,14 +142,14 @@ const H = {
   }
 });
 export {
-  P as ACTION_FIELD,
-  T as CHECKED_FIELD,
-  S as CREATE_TIME_FIELD,
-  V as DATE_FIELD,
-  p as DATE_TIME_FIELD,
-  W as ID_FIELD,
-  N as NAME_FIELD,
-  H as SEQ_FIELD,
-  O as STATUS_FIELD,
-  k as UPDATE_TIME_FIELD
+  U as ACTION_FIELD,
+  V as CHECKED_FIELD,
+  P as CREATE_TIME_FIELD,
+  O as DATE_FIELD,
+  D as DATE_TIME_FIELD,
+  S as ID_FIELD,
+  k as NAME_FIELD,
+  N as SEQ_FIELD,
+  j as STATUS_FIELD,
+  b as UPDATE_TIME_FIELD
 };

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

@@ -502,7 +502,7 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
         emit: (event: "change" | "zoom" | "copy" | "cut" | "keydown" | "paste" | "scroll" | "update:page-size" | "current-change" | "register" | "fetch-success" | "update:data" | "keydown-start" | "keydown-end" | "current-row-change" | "current-row-disabled" | "current-column-change" | "current-column-disabled" | "radio-change" | "checkbox-change" | "checkbox-all" | "checkbox-range-start" | "checkbox-range-change" | "checkbox-range-end" | "checkbox-range-select" | "cell-click" | "cell-dblclick" | "cell-menu" | "cell-mouseenter" | "cell-mouseleave" | "cell-selected" | "cell-delete-value" | "cell-backspace-value" | "header-cell-click" | "header-cell-dblclick" | "header-cell-menu" | "footer-cell-click" | "footer-cell-dblclick" | "footer-cell-menu" | "clear-merge" | "sort-change" | "clear-sort" | "clear-all-sort" | "filter-change" | "filter-visible" | "clear-filter" | "clear-all-filter" | "resizable-change" | "column-resizable-change" | "row-resizable-change" | "toggle-row-group-expand" | "toggle-row-expand" | "toggle-tree-expand" | "menu-click" | "edit-closed" | "row-dragstart" | "row-dragover" | "row-dragend" | "column-dragstart" | "column-dragover" | "column-dragend" | "enter-append-row" | "edit-actived" | "edit-activated" | "edit-disabled" | "valid-error" | "scroll-boundary" | "custom" | "custom-visible-change" | "custom-visible-all" | "custom-fixed-change" | "change-fnr" | "open-fnr" | "show-fnr" | "hide-fnr" | "fnr-change" | "fnr-find" | "fnr-find-all" | "fnr-replace" | "fnr-replace-all" | "cell-area-copy" | "cell-area-cut" | "cell-area-paste" | "cell-area-merge" | "clear-cell-area-selection" | "clear-cell-area-merge" | "header-cell-area-selection" | "cell-area-selection-invalid" | "cell-area-selection-start" | "cell-area-selection-drag" | "cell-area-selection-end" | "cell-area-extension-start" | "cell-area-extension-drag" | "cell-area-extension-end" | "cell-area-selection-all-start" | "cell-area-selection-all-end" | "cell-area-arrows-start" | "cell-area-arrows-end" | "active-cell-change-start" | "active-cell-change-end" | "form-submit" | "form-reset" | "update:page-num" | "page-change" | "form-submit-invalid" | "form-collapse" | "form-toggle-collapse" | "proxy-query" | "proxy-delete" | "proxy-save" | "toolbar-button-click" | "toolbar-tool-click", ...args: any[]) => void;
         setProps: (props: Partial<import("./types").TableProps>) => void;
         reload: (opt?: any) => Promise<import("../types").Recordable[] | undefined>;
-        deleteTableDataRecord: (row: any, rowKey: any) => void;
+        deleteTableDataRecord: (row: import("../types").Recordable | import("../types").Recordable[], rowKey?: string | number | string[] | number[]) => void;
         insertTableDataRecord: (record: import("../types").Recordable | import("../types").Recordable[], index?: number) => import("../types").Recordable[] | undefined;
         updateTableDataRecord: (rowKey: string | number, record: import("../types").Recordable) => import("../types").Recordable | undefined;
         updateTableData: (index: number, key: string, value: any) => Promise<import("../types").Recordable>;
@@ -1422,7 +1422,7 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
         emit: (event: "change" | "zoom" | "copy" | "cut" | "keydown" | "paste" | "scroll" | "update:page-size" | "current-change" | "register" | "fetch-success" | "update:data" | "keydown-start" | "keydown-end" | "current-row-change" | "current-row-disabled" | "current-column-change" | "current-column-disabled" | "radio-change" | "checkbox-change" | "checkbox-all" | "checkbox-range-start" | "checkbox-range-change" | "checkbox-range-end" | "checkbox-range-select" | "cell-click" | "cell-dblclick" | "cell-menu" | "cell-mouseenter" | "cell-mouseleave" | "cell-selected" | "cell-delete-value" | "cell-backspace-value" | "header-cell-click" | "header-cell-dblclick" | "header-cell-menu" | "footer-cell-click" | "footer-cell-dblclick" | "footer-cell-menu" | "clear-merge" | "sort-change" | "clear-sort" | "clear-all-sort" | "filter-change" | "filter-visible" | "clear-filter" | "clear-all-filter" | "resizable-change" | "column-resizable-change" | "row-resizable-change" | "toggle-row-group-expand" | "toggle-row-expand" | "toggle-tree-expand" | "menu-click" | "edit-closed" | "row-dragstart" | "row-dragover" | "row-dragend" | "column-dragstart" | "column-dragover" | "column-dragend" | "enter-append-row" | "edit-actived" | "edit-activated" | "edit-disabled" | "valid-error" | "scroll-boundary" | "custom" | "custom-visible-change" | "custom-visible-all" | "custom-fixed-change" | "change-fnr" | "open-fnr" | "show-fnr" | "hide-fnr" | "fnr-change" | "fnr-find" | "fnr-find-all" | "fnr-replace" | "fnr-replace-all" | "cell-area-copy" | "cell-area-cut" | "cell-area-paste" | "cell-area-merge" | "clear-cell-area-selection" | "clear-cell-area-merge" | "header-cell-area-selection" | "cell-area-selection-invalid" | "cell-area-selection-start" | "cell-area-selection-drag" | "cell-area-selection-end" | "cell-area-extension-start" | "cell-area-extension-drag" | "cell-area-extension-end" | "cell-area-selection-all-start" | "cell-area-selection-all-end" | "cell-area-arrows-start" | "cell-area-arrows-end" | "active-cell-change-start" | "active-cell-change-end" | "form-submit" | "form-reset" | "update:page-num" | "page-change" | "form-submit-invalid" | "form-collapse" | "form-toggle-collapse" | "proxy-query" | "proxy-delete" | "proxy-save" | "toolbar-button-click" | "toolbar-tool-click", ...args: any[]) => void;
         setProps: (props: Partial<import("./types").TableProps>) => void;
         reload: (opt?: any) => Promise<import("../types").Recordable[] | undefined>;
-        deleteTableDataRecord: (row: any, rowKey: any) => void;
+        deleteTableDataRecord: (row: import("../types").Recordable | import("../types").Recordable[], rowKey?: string | number | string[] | number[]) => void;
         insertTableDataRecord: (record: import("../types").Recordable | import("../types").Recordable[], index?: number) => import("../types").Recordable[] | undefined;
         updateTableDataRecord: (rowKey: string | number, record: import("../types").Recordable) => import("../types").Recordable | undefined;
         updateTableData: (index: number, key: string, value: any) => Promise<import("../types").Recordable>;
@@ -2226,7 +2226,7 @@ export declare const VftTable: import("vft/es/utils").SFCWithInstall<{
     emit: (event: "change" | "zoom" | "copy" | "cut" | "keydown" | "paste" | "scroll" | "update:page-size" | "current-change" | "register" | "fetch-success" | "update:data" | "keydown-start" | "keydown-end" | "current-row-change" | "current-row-disabled" | "current-column-change" | "current-column-disabled" | "radio-change" | "checkbox-change" | "checkbox-all" | "checkbox-range-start" | "checkbox-range-change" | "checkbox-range-end" | "checkbox-range-select" | "cell-click" | "cell-dblclick" | "cell-menu" | "cell-mouseenter" | "cell-mouseleave" | "cell-selected" | "cell-delete-value" | "cell-backspace-value" | "header-cell-click" | "header-cell-dblclick" | "header-cell-menu" | "footer-cell-click" | "footer-cell-dblclick" | "footer-cell-menu" | "clear-merge" | "sort-change" | "clear-sort" | "clear-all-sort" | "filter-change" | "filter-visible" | "clear-filter" | "clear-all-filter" | "resizable-change" | "column-resizable-change" | "row-resizable-change" | "toggle-row-group-expand" | "toggle-row-expand" | "toggle-tree-expand" | "menu-click" | "edit-closed" | "row-dragstart" | "row-dragover" | "row-dragend" | "column-dragstart" | "column-dragover" | "column-dragend" | "enter-append-row" | "edit-actived" | "edit-activated" | "edit-disabled" | "valid-error" | "scroll-boundary" | "custom" | "custom-visible-change" | "custom-visible-all" | "custom-fixed-change" | "change-fnr" | "open-fnr" | "show-fnr" | "hide-fnr" | "fnr-change" | "fnr-find" | "fnr-find-all" | "fnr-replace" | "fnr-replace-all" | "cell-area-copy" | "cell-area-cut" | "cell-area-paste" | "cell-area-merge" | "clear-cell-area-selection" | "clear-cell-area-merge" | "header-cell-area-selection" | "cell-area-selection-invalid" | "cell-area-selection-start" | "cell-area-selection-drag" | "cell-area-selection-end" | "cell-area-extension-start" | "cell-area-extension-drag" | "cell-area-extension-end" | "cell-area-selection-all-start" | "cell-area-selection-all-end" | "cell-area-arrows-start" | "cell-area-arrows-end" | "active-cell-change-start" | "active-cell-change-end" | "form-submit" | "form-reset" | "update:page-num" | "page-change" | "form-submit-invalid" | "form-collapse" | "form-toggle-collapse" | "proxy-query" | "proxy-delete" | "proxy-save" | "toolbar-button-click" | "toolbar-tool-click", ...args: any[]) => void;
     setProps: (props: Partial<import("./types").TableProps>) => void;
     reload: (opt?: any) => Promise<import("../types").Recordable[] | undefined>;
-    deleteTableDataRecord: (row: any, rowKey: any) => void;
+    deleteTableDataRecord: (row: import("../types").Recordable | import("../types").Recordable[], rowKey?: string | number | string[] | number[]) => void;
     insertTableDataRecord: (record: import("../types").Recordable | import("../types").Recordable[], index?: number) => import("../types").Recordable[] | undefined;
     updateTableDataRecord: (rowKey: string | number, record: import("../types").Recordable) => import("../types").Recordable | undefined;
     updateTableData: (index: number, key: string, value: any) => Promise<import("../types").Recordable>;

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

@@ -14,7 +14,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     emit: (event: "change" | "zoom" | "copy" | "cut" | "keydown" | "paste" | "scroll" | "update:page-size" | "current-change" | "register" | "fetch-success" | "update:data" | "keydown-start" | "keydown-end" | "current-row-change" | "current-row-disabled" | "current-column-change" | "current-column-disabled" | "radio-change" | "checkbox-change" | "checkbox-all" | "checkbox-range-start" | "checkbox-range-change" | "checkbox-range-end" | "checkbox-range-select" | "cell-click" | "cell-dblclick" | "cell-menu" | "cell-mouseenter" | "cell-mouseleave" | "cell-selected" | "cell-delete-value" | "cell-backspace-value" | "header-cell-click" | "header-cell-dblclick" | "header-cell-menu" | "footer-cell-click" | "footer-cell-dblclick" | "footer-cell-menu" | "clear-merge" | "sort-change" | "clear-sort" | "clear-all-sort" | "filter-change" | "filter-visible" | "clear-filter" | "clear-all-filter" | "resizable-change" | "column-resizable-change" | "row-resizable-change" | "toggle-row-group-expand" | "toggle-row-expand" | "toggle-tree-expand" | "menu-click" | "edit-closed" | "row-dragstart" | "row-dragover" | "row-dragend" | "column-dragstart" | "column-dragover" | "column-dragend" | "enter-append-row" | "edit-actived" | "edit-activated" | "edit-disabled" | "valid-error" | "scroll-boundary" | "custom" | "custom-visible-change" | "custom-visible-all" | "custom-fixed-change" | "change-fnr" | "open-fnr" | "show-fnr" | "hide-fnr" | "fnr-change" | "fnr-find" | "fnr-find-all" | "fnr-replace" | "fnr-replace-all" | "cell-area-copy" | "cell-area-cut" | "cell-area-paste" | "cell-area-merge" | "clear-cell-area-selection" | "clear-cell-area-merge" | "header-cell-area-selection" | "cell-area-selection-invalid" | "cell-area-selection-start" | "cell-area-selection-drag" | "cell-area-selection-end" | "cell-area-extension-start" | "cell-area-extension-drag" | "cell-area-extension-end" | "cell-area-selection-all-start" | "cell-area-selection-all-end" | "cell-area-arrows-start" | "cell-area-arrows-end" | "active-cell-change-start" | "active-cell-change-end" | "form-submit" | "form-reset" | "update:page-num" | "page-change" | "form-submit-invalid" | "form-collapse" | "form-toggle-collapse" | "proxy-query" | "proxy-delete" | "proxy-save" | "toolbar-button-click" | "toolbar-tool-click", ...args: any[]) => void;
     setProps: typeof setProps;
     reload: (opt?: any) => Promise<import("../types").Recordable[] | undefined>;
-    deleteTableDataRecord: (row: any, rowKey: any) => void;
+    deleteTableDataRecord: (row: import("../types").Recordable | import("../types").Recordable[], rowKey?: string | number | string[] | number[]) => void;
     insertTableDataRecord: (record: import("../types").Recordable | import("../types").Recordable[], index?: number) => import("../types").Recordable[] | undefined;
     updateTableDataRecord: (rowKey: string | number, record: import("../types").Recordable) => import("../types").Recordable | undefined;
     updateTableData: (index: number, key: string, value: any) => Promise<import("../types").Recordable>;

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

@@ -105,8 +105,8 @@ export interface TableActionType {
     setPagination: (info: Partial<PaginationProps>) => void;
     /** 更新指定行的数据记录 */
     updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | void;
-    /** 删除指定的数据记录，支持单个或多个 rowKey */
-    deleteTableDataRecord: (row: Recordable, rowKey?: string | number | string[] | number[]) => void;
+    /** 删除指定的数据记录，支持单个或多个记录 */
+    deleteTableDataRecord: (row: Recordable | Recordable[], rowKey?: string | number | string[] | number[]) => void;
     /** 插入新的数据记录，可指定插入位置 */
     insertTableDataRecord: (record: Recordable | Recordable[], index?: number) => Recordable[] | void;
     /** 根据 rowKey 查找指定的数据记录 */

package/es/components/table/use/use-data-source.d.ts

@@ -12,7 +12,7 @@ export declare function useDataSource(propsRef: ComputedRef<TableProps>, { table
     updateTableData: (index: number, key: string, value: any) => Promise<Recordable>;
     updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | undefined;
     insertTableDataRecord: (record: Recordable | Recordable[], index?: number) => Recordable[] | undefined;
-    deleteTableDataRecord: (row: any, rowKey: any) => void;
+    deleteTableDataRecord: (row: Recordable | Recordable[], rowKey?: string | number | string[] | number[]) => void;
     reload: (opt?: any) => Promise<Recordable[] | undefined>;
     handleTableChange: (pagination: PaginationProps) => void;
     getDataSourceRef: ComputedRef<Recordable[]>;

package/es/components/table/use/use-data-source.js

@@ -1,44 +1,44 @@
 import "../../pagination/index.js";
-import { isFunction as D, isBoolean as X, delObjAttrNotExist as Y, isString as $, isEmptyObject as ee, isNullOrUndefined as E, isObject as N, isNumber as te, isPlainObject as ae } from "@vft/utils";
-import { merge as re, get as k } from "lodash-es";
-import { ref as T, watchEffect as ie, unref as r, watch as C, computed as ne, onMounted as ce, nextTick as le } from "vue";
-import { PageSize as ue } from "../constants.js";
-function ge(u, { tableData: I, setLoading: p, getPaginationInfo: O, setPagination: s }, j) {
-  const a = T([]), R = T({});
+import { isFunction as A, isBoolean as Y, delObjAttrNotExist as $, isString as K, isEmptyObject as ee, isNullOrUndefined as x, isObject as M, isNumber as te, isPlainObject as ae } from "@vft/utils";
+import { merge as re, get as q } from "lodash-es";
+import { ref as O, watchEffect as ie, unref as i, watch as B, computed as ne, onMounted as le, nextTick as ce } from "vue";
+import { PageSize as se } from "../constants.js";
+function ge(u, { tableData: I, setLoading: j, getPaginationInfo: R, setPagination: m }, k) {
+  const a = O([]), z = O({});
   ie(() => {
-    I.value = r(a);
-  }), C(
-    () => r(u).data,
+    I.value = i(a);
+  }), B(
+    () => i(u).data,
     () => {
-      const { data: e, api: t } = r(u);
+      const { data: e, api: t } = i(u);
       !t && e && (a.value = e);
     },
     {
       immediate: !0
     }
   );
-  function M(e) {
-    s(e), g({});
+  function L(e) {
+    m(e), v({});
   }
-  const z = ne(() => {
-    const e = r(a);
-    return !e || e.length === 0 ? r(a) : r(a);
+  const E = ne(() => {
+    const e = i(a);
+    return !e || e.length === 0 ? i(a) : i(a);
   });
-  async function g(e) {
+  async function v(e) {
     const {
       api: t,
-      fetchSetting: i = {},
+      fetchSetting: l = {},
       beforeFetch: n,
-      afterFetch: l,
-      pagination: m,
-      delEmptyParams: o,
-      transformParams: J,
-      extraParams: h
-    } = r(u);
-    if (!(!t || !D(t)))
+      afterFetch: s,
+      pagination: o,
+      delEmptyParams: f,
+      transformParams: b,
+      extraParams: d
+    } = i(u);
+    if (!(!t || !A(t)))
       try {
-        p(!0);
-        const { pageField: b, sizeField: K, listField: Q, totalField: W } = Object.assign(
+        j(!0);
+        const { pageField: r, sizeField: F, listField: w, totalField: X } = Object.assign(
           {},
           {
             pageField: "page",
@@ -46,140 +46,157 @@ function ge(u, { tableData: I, setLoading: p, getPaginationInfo: O, setPaginatio
             listField: "items",
             totalField: "total"
           },
-          i
+          l
         );
-        let w = {}, c = e;
-        const { currentPage: P = 1, pageSize: _ = ue } = r(
-          O
+        let S = {}, c = e;
+        const { currentPage: C = 1, pageSize: N = se } = i(
+          R
         );
-        if (J) {
-          if (X(m) && !m)
-            w = {};
+        if (b) {
+          if (Y(o) && !o)
+            S = {};
           else {
-            const d = e && e.page || P;
-            w[b] = m?.pageIsZero ? d - 1 : d, w[K] = _;
+            const h = e && e.page || C;
+            S[r] = o?.pageIsZero ? h - 1 : h, S[F] = N;
           }
-          if (c = re(e, w), n && D(n)) {
-            const d = await n(c);
-            c = { ...c, ...d };
+          if (c = re(e, S), n && A(n)) {
+            const h = await n(c);
+            c = { ...c, ...h };
           }
-          o && Y(
+          f && $(
             c,
-            $(o) ? o === "strict" : !1
+            K(f) ? f === "strict" : !1
           );
         }
-        c && !ee(c) && !E(h) ? N(c) && N(h) && (c = Object.assign({}, c, h)) : E(h) || (c = h);
-        const v = await t(c), x = Array.isArray(v);
-        let f = x ? v : k(v, Q);
-        const S = x ? v.length : k(v, W);
-        if (Number(S)) {
-          const d = Math.ceil(S / _);
-          if (P > d)
-            return s({
-              currentPage: d
-            }), await g(e);
+        c && !ee(c) && !x(d) ? M(c) && M(d) && (c = Object.assign({}, c, d)) : x(d) || (c = d);
+        const y = await t(c), _ = Array.isArray(y);
+        let g = _ ? y : q(y, w);
+        const D = _ ? y.length : q(y, X);
+        if (Number(D)) {
+          const h = Math.ceil(D / N);
+          if (C > h)
+            return m({
+              currentPage: h
+            }), await v(e);
         }
-        return l && D(l) && (f = await l(f) || f), a.value = f, R.value = f, s({
-          total: S || 0
-        }), e && e.page && s({
+        return s && A(s) && (g = await s(g) || g), a.value = g, z.value = g, m({
+          total: D || 0
+        }), e && e.page && m({
           currentPage: e.page || 1
-        }), j("fetch-success", {
-          items: r(f),
-          total: S
-        }), f;
-      } catch (b) {
-        console.log(b), j("fetch-error", b), a.value = [], s({
+        }), k("fetch-success", {
+          items: i(g),
+          total: D
+        }), g;
+      } catch (r) {
+        console.log(r), k("fetch-error", r), a.value = [], m({
           total: 0
         });
       } finally {
-        le(() => {
-          p(!1);
+        ce(() => {
+          j(!1);
         });
       }
   }
-  function F() {
-    return R.value;
+  function T() {
+    return z.value;
   }
-  async function q(e) {
-    return s({
+  async function U(e) {
+    return m({
       currentPage: e?.page || 1
-    }), await g(e);
+    }), await v(e);
   }
-  function B(e) {
+  function V(e) {
     if (!a.value || a.value.length === 0) return;
-    const { rowkey: t } = r(u);
+    const { rowkey: t } = i(u);
     return ((n) => {
-      let l;
-      return n.some(function(o) {
-        if (Reflect.has(o, t) && o[t] === e)
-          return l = o, !0;
-      }), l;
+      let s;
+      return n.some(function(f) {
+        if (Reflect.has(f, t) && f[t] === e)
+          return s = f, !0;
+      }), s;
     })(a.value);
   }
-  async function L(e, t, i) {
-    return a.value[e] && (a.value[e][t] = i), a.value[e];
+  async function Z(e, t, l) {
+    return a.value[e] && (a.value[e][t] = l), a.value[e];
   }
-  function U(e, t) {
-    const i = B(e);
-    if (i) {
-      for (const n in i)
-        Reflect.has(t, n) && (i[n] = t[n]);
-      return i;
+  function G(e, t) {
+    const l = V(e);
+    if (l) {
+      for (const n in l)
+        Reflect.has(t, n) && (l[n] = t[n]);
+      return l;
     }
   }
-  function V(e, t = 0) {
-    const i = ae(e) ? [e] : e;
-    return a.value.splice(t, 0, ...i), r(a);
+  function H(e, t = 0) {
+    const l = ae(e) ? [e] : e;
+    return a.value.splice(t, 0, ...l), i(a);
   }
-  function Z(e, t) {
+  function J(e, t) {
     if (!a.value || a.value.length === 0) return;
-    const { rowkey: i } = r(u), n = a.value.findIndex(
-      (m) => m[t || i] === e[t || i]
-    );
-    a.value.splice(n, 1);
-    const { total: l } = r(O);
-    te(l) && s({
-      total: l - 1
-    });
+    const { rowkey: l } = i(u), n = l, s = Array.isArray(e) ? e : [e];
+    let o = [];
+    if (t !== void 0)
+      if (Array.isArray(t))
+        o = t;
+      else {
+        const r = t;
+        o = s.map((F) => F[r]);
+      }
+    else
+      o = s.map((r) => r[n]);
+    const f = t !== void 0 && !Array.isArray(t) ? t : n, b = [];
+    for (let r = a.value.length - 1; r >= 0; r--) {
+      const w = a.value[r][f];
+      o.includes(w) && b.push(r);
+    }
+    const d = b.length;
+    if (b.forEach((r) => {
+      a.value.splice(r, 1);
+    }), d > 0) {
+      const { total: r } = i(R);
+      te(r) && m({
+        total: r - d
+      });
+    }
   }
-  function y(e) {
+  function p(e) {
     a.value = e;
   }
-  function G() {
-    return z.value;
+  function Q() {
+    return E.value;
   }
-  function H(e) {
+  function W(e) {
     const t = String(e).trim().toLowerCase();
     if (t) {
-      const i = F?.()?.filter((n) => {
-        for (const l in n)
-          if (String(n[l]).trim().toLowerCase()?.includes(t))
+      const l = T?.()?.filter((n) => {
+        for (const s in n)
+          if (String(n[s]).trim().toLowerCase()?.includes(t))
             return !0;
       });
-      y(i);
+      p(l);
     } else
-      y(F());
+      p(T());
   }
-  const A = T(!0);
-  return ce(() => {
-    r(u).immediate && g(), A.value = !1;
-  }), C(
-    () => r(u).api,
+  const P = O(!0);
+  return le(() => {
+    i(u).immediate && v(), P.value = !1;
+  }), B(
+    () => i(u).api,
     () => {
-      r(u).watchApiFetch && !A.value && r(u).immediate && g();
+      i(u).watchApiFetch && !P.value && i(u).immediate && v();
     }
   ), {
-    setTableData: y,
-    updateTableData: L,
-    updateTableDataRecord: U,
-    insertTableDataRecord: V,
-    deleteTableDataRecord: Z,
-    reload: q,
-    handleTableChange: M,
-    getDataSourceRef: z,
-    getDataSource: G,
-    getRawDataSource: F,
-    tableSearch: H
+    setTableData: p,
+    updateTableData: Z,
+    updateTableDataRecord: G,
+    insertTableDataRecord: H,
+    deleteTableDataRecord: J,
+    reload: U,
+    handleTableChange: L,
+    getDataSourceRef: E,
+    getDataSource: Q,
+    getRawDataSource: T,
+    tableSearch: W
   };
 }
 export {

package/es/components/table/use/use-loading.js

@@ -1,18 +1,20 @@
-import { ref as u, unref as e, watch as d, computed as g } from "vue";
-function f(t) {
-  const n = u(e(t).loading);
-  d(
-    () => e(t).loading,
-    (o) => {
-      n.value = o;
-    }
+import { ref as l, unref as n, watch as u, computed as f } from "vue";
+import { useLoadingDelay as m } from "@vft/use";
+function p(o) {
+  const t = l(n(o).loading), { loading: a, start: i, cancel: d } = m(230);
+  u(
+    [() => n(o).loading, a],
+    ([e, c]) => {
+      t.value = e || c;
+    },
+    { immediate: !0 }
   );
-  const a = g(() => e(n));
-  function i(o) {
-    n.value = o;
+  const g = f(() => n(t));
+  function r(e) {
+    e ? i() : d();
   }
-  return { getLoading: a, setLoading: i };
+  return { getLoading: g, setLoading: r };
 }
 export {
-  f as useLoading
+  p as useLoading
 };