@usethink/shared-frontend 0.1.2 → 0.1.4

package/dist/src/components/core/dynamic-table/src/hooks/useTableExpand.js

@@ -0,0 +1,36 @@
+import { ref as w, computed as c, unref as d, toRaw as y } from "vue";
+import { useTableContext as g } from "./useTableContext.js";
+function b() {
+  const { tableData: r, props: t, emit: p } = g(), n = w([]), a = c(() => {
+    const { childrenColumnName: e = "children" } = t;
+    return r.value.some((o) => Array.isArray(o[e]) && o[e].length);
+  }), i = c(() => a.value ? {
+    expandedRowKeys: d(n),
+    onExpandedRowsChange: (e) => {
+      n.value = e, p("expanded-rows-change", e);
+    }
+  } : {});
+  function f() {
+    const e = l();
+    n.value = e;
+  }
+  function h(e) {
+    a.value && (n.value = [...n.value, ...e]);
+  }
+  function l(e) {
+    const o = [], { childrenColumnName: m, rowKey: v } = t;
+    return y(e || d(r)).forEach((u) => {
+      o.push(u[v]);
+      const s = u[m || "children"];
+      s?.length && o.push(...l(s));
+    }), o;
+  }
+  function x() {
+    n.value = [];
+  }
+  return { getExpandOption: i, expandAll: f, expandRows: h, collapseAll: x };
+}
+export {
+  b as useTableExpand
+};
+//# sourceMappingURL=useTableExpand.js.map

package/dist/src/components/core/dynamic-table/src/hooks/useTableExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableExpand.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTableExpand.ts"],"sourcesContent":["import { computed, unref, toRaw, ref } from 'vue'\nimport { useTableContext } from './useTableContext'\n\nexport function useTableExpand() {\n  const { tableData, props, emit } = useTableContext()\n  // 表格为树形结构时 展开的行\n  const expandedRowKeys = ref<Key[]>([])\n\n  const isTreeTable = computed(() => {\n    const { childrenColumnName = 'children' } = props\n    /**\n     * https://github.com/ant-design/ant-design/issues/42722\n     * 目前官方树表格符合条件则会自动开启，且没有直接提供相应的关闭树状表格的 API，官方建议关闭树狀表格的方式\n     * 是自己处理数据，将数据中的 children 字段设置为 null 则会关闭树状表格。\n     */\n    return tableData.value.some(item => {\n      return Array.isArray(item[childrenColumnName]) && item[childrenColumnName].length\n    })\n  })\n\n  const getExpandOption = computed(() => {\n    if (!isTreeTable.value) return {}\n\n    return {\n      expandedRowKeys: unref(expandedRowKeys),\n      onExpandedRowsChange: (keys: string[]) => {\n        expandedRowKeys.value = keys\n        emit('expanded-rows-change', keys)\n      },\n    }\n  })\n\n  function expandAll() {\n    const keys = getAllKeys()\n    expandedRowKeys.value = keys\n  }\n\n  function expandRows(keys: (string | number)[]) {\n    if (!isTreeTable.value) return\n    expandedRowKeys.value = [...expandedRowKeys.value, ...keys]\n  }\n\n  function getAllKeys(data?: Recordable[]) {\n    const keys: string[] = []\n    const { childrenColumnName, rowKey } = props\n    toRaw(data || unref(tableData)).forEach(item => {\n      keys.push(item[rowKey as string])\n      const children = item[childrenColumnName || 'children']\n      if (children?.length) {\n        keys.push(...getAllKeys(children))\n      }\n    })\n    return keys\n  }\n\n  function collapseAll() {\n    expandedRowKeys.value = []\n  }\n\n  return { getExpandOption, expandAll, expandRows, collapseAll }\n}\n"],"names":["useTableExpand","tableData","props","emit","useTableContext","expandedRowKeys","ref","isTreeTable","computed","childrenColumnName","item","getExpandOption","unref","keys","expandAll","getAllKeys","expandRows","data","rowKey","toRaw","children","collapseAll"],"mappings":";;AAGO,SAASA,IAAiB;AAC/B,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,MAAAC,EAAA,IAASC,EAAA,GAE7BC,IAAkBC,EAAW,EAAE,GAE/BC,IAAcC,EAAS,MAAM;AACjC,UAAM,EAAE,oBAAAC,IAAqB,WAAA,IAAeP;AAM5C,WAAOD,EAAU,MAAM,KAAK,CAAAS,MACnB,MAAM,QAAQA,EAAKD,CAAkB,CAAC,KAAKC,EAAKD,CAAkB,EAAE,MAC5E;AAAA,EACH,CAAC,GAEKE,IAAkBH,EAAS,MAC1BD,EAAY,QAEV;AAAA,IACL,iBAAiBK,EAAMP,CAAe;AAAA,IACtC,sBAAsB,CAACQ,MAAmB;AACxC,MAAAR,EAAgB,QAAQQ,GACxBV,EAAK,wBAAwBU,CAAI;AAAA,IACnC;AAAA,EAAA,IAP6B,CAAA,CAShC;AAED,WAASC,IAAY;AACnB,UAAMD,IAAOE,EAAA;AACb,IAAAV,EAAgB,QAAQQ;AAAA,EAC1B;AAEA,WAASG,EAAWH,GAA2B;AAC7C,IAAKN,EAAY,UACjBF,EAAgB,QAAQ,CAAC,GAAGA,EAAgB,OAAO,GAAGQ,CAAI;AAAA,EAC5D;AAEA,WAASE,EAAWE,GAAqB;AACvC,UAAMJ,IAAiB,CAAA,GACjB,EAAE,oBAAAJ,GAAoB,QAAAS,EAAA,IAAWhB;AACvC,WAAAiB,EAAMF,KAAQL,EAAMX,CAAS,CAAC,EAAE,QAAQ,CAAAS,MAAQ;AAC9C,MAAAG,EAAK,KAAKH,EAAKQ,CAAgB,CAAC;AAChC,YAAME,IAAWV,EAAKD,KAAsB,UAAU;AACtD,MAAIW,GAAU,UACZP,EAAK,KAAK,GAAGE,EAAWK,CAAQ,CAAC;AAAA,IAErC,CAAC,GACMP;AAAA,EACT;AAEA,WAASQ,IAAc;AACrB,IAAAhB,EAAgB,QAAQ,CAAA;AAAA,EAC1B;AAEA,SAAO,EAAE,iBAAAM,GAAiB,WAAAG,GAAW,YAAAE,GAAY,aAAAK,EAAA;AACnD;"}

package/dist/src/components/core/dynamic-table/src/hooks/useTableForm.js

@@ -0,0 +1,56 @@
+import { computed as s, unref as r, watchEffect as g } from "vue";
+import { ColumnKeyFlag as y } from "../types/column.js";
+import { useTableContext as F } from "./useTableContext.js";
+import { i18nRender as P } from "../../../../../utils/i18n.js";
+import { isVerticalScreen as S } from "../../../../../utils/validate.js";
+import { isNil as I } from "lodash-es";
+function B() {
+  const { slots: u, getProps: c, loadingRef: a, getColumnKey: m, getSearchFormRef: f } = F(), l = s(() => {
+    const { formProps: t } = r(c), { submitButtonOptions: e } = t || {};
+    return {
+      showAdvancedButton: !0,
+      layout: "horizontal",
+      labelWidth: 100,
+      schemas: r(p),
+      ...t,
+      submitButtonOptions: { loading: r(a), ...e },
+      compact: !0
+    };
+  }), p = s(() => {
+    const t = Object.keys(y);
+    return r(c).columns.filter((e) => {
+      const o = m(e);
+      return !e.hideInSearch && !!o && !t.includes(o);
+    }).map((e) => {
+      const o = e.formItemProps?.component ?? "Input";
+      let n = ["TableSelect", "RangePicker", "TransferSelect"].includes(o) ? 8 : 4;
+      S() ? n = 20 : document.body.clientWidth <= 1440 && (n = 8);
+      const i = e.formItemProps?.field ?? e.searchField ?? [].concat(m(e)).join("."), b = !I(e.ignoreI18n) && e.ignoreI18n ? e.title : P(i, e.i18n, e.title);
+      return {
+        field: i,
+        component: "Input",
+        label: b,
+        colProps: {
+          span: n
+        },
+        ...e.formItemProps
+      };
+    }).sort((e, o) => Number(e?.order) - Number(o?.order));
+  });
+  g(() => f()?.setSchemaFormProps(r(l)), {
+    flush: "post"
+  });
+  const d = s(() => Object.keys(u).map((e) => e.startsWith("form-") ? e : null).filter((e) => !!e));
+  function h(t) {
+    return t ? t?.replace?.(/form-/, "") ?? "" : "";
+  }
+  return {
+    getFormProps: l,
+    replaceFormSlotKey: h,
+    getFormSlotKeys: d
+  };
+}
+export {
+  B as useTableForm
+};
+//# sourceMappingURL=useTableForm.js.map

package/dist/src/components/core/dynamic-table/src/hooks/useTableForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableForm.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTableForm.ts"],"sourcesContent":["import { unref, computed, watchEffect } from 'vue'\nimport { ColumnKeyFlag } from '../types/column'\nimport { useTableContext } from './useTableContext'\nimport type { ComputedRef } from 'vue'\nimport type { FormSchema, SchemaFormProps } from '@/components/core/schema-form'\nimport { i18nRender } from '@/utils/i18n'\nimport { isVerticalScreen } from '@/utils/validate'\nimport { isNil } from '@/utils/is'\n\nexport type TableForm = ReturnType<typeof useTableForm>\n\nexport function useTableForm() {\n  const { slots, getProps, loadingRef, getColumnKey, getSearchFormRef } = useTableContext()\n\n  const getFormProps = computed((): SchemaFormProps => {\n    const { formProps } = unref(getProps)\n    const { submitButtonOptions } = formProps || {}\n    return {\n      showAdvancedButton: true,\n      layout: 'horizontal',\n      labelWidth: 100,\n      schemas: unref(formSchemas),\n      ...formProps,\n      submitButtonOptions: { loading: unref(loadingRef), ...submitButtonOptions },\n      compact: true,\n    }\n  })\n\n  const formSchemas = computed<FormSchema[]>(() => {\n    const columnKeyFlags = Object.keys(ColumnKeyFlag)\n    return unref(getProps)\n      .columns.filter(n => {\n        const field = getColumnKey(n)\n        return !n.hideInSearch && !!field && !columnKeyFlags.includes(field as string)\n      })\n      .map(n => {\n        const component = (n.formItemProps?.component ?? 'Input') as string\n        // 优化查询表单的栅格布局大小(兼容移动端)\n        let span = ['TableSelect', 'RangePicker', 'TransferSelect'].includes(component) ? 8 : 4\n        if (isVerticalScreen()) {\n          span = 20\n        } else if (document.body.clientWidth <= 1440) {\n          span = 8\n        }\n        const field =\n          n.formItemProps?.field ??\n          n.searchField ??\n          ([] as string[]).concat(getColumnKey(n)).join('.')\n        const i18nLabel =\n          !isNil(n.ignoreI18n) && n.ignoreI18n\n            ? (n.title as string)\n            : i18nRender(field, n.i18n, n.title as string)\n        return {\n          field,\n          component: 'Input',\n          label: i18nLabel,\n          colProps: {\n            span,\n          },\n          ...n.formItemProps,\n        } as FormSchema\n      })\n      .sort((a, b) => Number(a?.order) - Number(b?.order)) as FormSchema[]\n  })\n\n  // 同步外部对props的修改\n  watchEffect(() => getSearchFormRef()?.setSchemaFormProps(unref(getFormProps)), {\n    flush: 'post',\n  })\n\n  const getFormSlotKeys: ComputedRef<string[]> = computed(() => {\n    const keys = Object.keys(slots)\n    return keys\n      .map(item => (item.startsWith('form-') ? item : null))\n      .filter((item): item is string => !!item)\n  })\n\n  function replaceFormSlotKey(key: string) {\n    if (!key) return ''\n    return key?.replace?.(/form-/, '') ?? ''\n  }\n\n  return {\n    getFormProps,\n    replaceFormSlotKey,\n    getFormSlotKeys,\n  }\n}\n"],"names":["useTableForm","slots","getProps","loadingRef","getColumnKey","getSearchFormRef","useTableContext","getFormProps","computed","formProps","unref","submitButtonOptions","formSchemas","columnKeyFlags","ColumnKeyFlag","n","field","component","span","isVerticalScreen","i18nLabel","isNil","i18nRender","a","b","watchEffect","getFormSlotKeys","item","replaceFormSlotKey","key"],"mappings":";;;;;;AAWO,SAASA,IAAe;AAC7B,QAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,YAAAC,GAAY,cAAAC,GAAc,kBAAAC,EAAA,IAAqBC,EAAA,GAElEC,IAAeC,EAAS,MAAuB;AACnD,UAAM,EAAE,WAAAC,EAAA,IAAcC,EAAMR,CAAQ,GAC9B,EAAE,qBAAAS,MAAwBF,KAAa,CAAA;AAC7C,WAAO;AAAA,MACL,oBAAoB;AAAA,MACpB,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,SAASC,EAAME,CAAW;AAAA,MAC1B,GAAGH;AAAA,MACH,qBAAqB,EAAE,SAASC,EAAMP,CAAU,GAAG,GAAGQ,EAAA;AAAA,MACtD,SAAS;AAAA,IAAA;AAAA,EAEb,CAAC,GAEKC,IAAcJ,EAAuB,MAAM;AAC/C,UAAMK,IAAiB,OAAO,KAAKC,CAAa;AAChD,WAAOJ,EAAMR,CAAQ,EAClB,QAAQ,OAAO,CAAAa,MAAK;AACnB,YAAMC,IAAQZ,EAAaW,CAAC;AAC5B,aAAO,CAACA,EAAE,gBAAgB,CAAC,CAACC,KAAS,CAACH,EAAe,SAASG,CAAe;AAAA,IAC/E,CAAC,EACA,IAAI,CAAAD,MAAK;AACR,YAAME,IAAaF,EAAE,eAAe,aAAa;AAEjD,UAAIG,IAAO,CAAC,eAAe,eAAe,gBAAgB,EAAE,SAASD,CAAS,IAAI,IAAI;AACtF,MAAIE,MACFD,IAAO,KACE,SAAS,KAAK,eAAe,SACtCA,IAAO;AAET,YAAMF,IACJD,EAAE,eAAe,SACjBA,EAAE,eACD,GAAgB,OAAOX,EAAaW,CAAC,CAAC,EAAE,KAAK,GAAG,GAC7CK,IACJ,CAACC,EAAMN,EAAE,UAAU,KAAKA,EAAE,aACrBA,EAAE,QACHO,EAAWN,GAAOD,EAAE,MAAMA,EAAE,KAAe;AACjD,aAAO;AAAA,QACL,OAAAC;AAAA,QACA,WAAW;AAAA,QACX,OAAOI;AAAA,QACP,UAAU;AAAA,UACR,MAAAF;AAAA,QAAA;AAAA,QAEF,GAAGH,EAAE;AAAA,MAAA;AAAA,IAET,CAAC,EACA,KAAK,CAACQ,GAAGC,MAAM,OAAOD,GAAG,KAAK,IAAI,OAAOC,GAAG,KAAK,CAAC;AAAA,EACvD,CAAC;AAGD,EAAAC,EAAY,MAAMpB,EAAA,GAAoB,mBAAmBK,EAAMH,CAAY,CAAC,GAAG;AAAA,IAC7E,OAAO;AAAA,EAAA,CACR;AAED,QAAMmB,IAAyClB,EAAS,MACzC,OAAO,KAAKP,CAAK,EAE3B,IAAI,CAAA0B,MAASA,EAAK,WAAW,OAAO,IAAIA,IAAO,IAAK,EACpD,OAAO,CAACA,MAAyB,CAAC,CAACA,CAAI,CAC3C;AAED,WAASC,EAAmBC,GAAa;AACvC,WAAKA,IACEA,GAAK,UAAU,SAAS,EAAE,KAAK,KADrB;AAAA,EAEnB;AAEA,SAAO;AAAA,IACL,cAAAtB;AAAA,IACA,oBAAAqB;AAAA,IACA,iBAAAF;AAAA,EAAA;AAEJ;"}

package/dist/src/components/core/dynamic-table/src/hooks/useTableMethods.js

@@ -0,0 +1,149 @@
+import { watch as M, unref as R, nextTick as U, getCurrentInstance as W } from "vue";
+import { debounce as X, isFunction as A, isBoolean as Y, get as P } from "lodash-es";
+import { useInfiniteScroll as Z } from "@vueuse/core";
+import E from "../dynamic-table.config.js";
+import { useEditable as _ } from "./useEditable.js";
+import { useTableExpand as tt } from "./useTableExpand.js";
+import { useTableContext as et } from "./useTableContext.js";
+import { warn as rt } from "../../../../../utils/log.js";
+import { isObject as w } from "../../../../../utils/is.js";
+const at = (r, a) => {
+  const i = P(r, a);
+  if (Array.isArray(i))
+    return i;
+  for (const l of ["list", "data", "records", "items", "rows"]) {
+    const o = P(r, l);
+    if (Array.isArray(o))
+      return o;
+  }
+  return [];
+}, ot = (r, a, i) => {
+  for (const l of [a, "total", "count", "totalCount"]) {
+    const o = Number(P(r, l));
+    if (Number.isFinite(o))
+      return o;
+  }
+  return i;
+}, pt = () => {
+  const {
+    props: r,
+    emit: a,
+    innerPropsRef: i,
+    tableData: l,
+    loadingRef: o,
+    searchFormRef: m,
+    paginationRef: c,
+    editFormErrorMsgs: C,
+    searchState: b
+  } = et(), j = _(), k = tt();
+  M(
+    () => r.searchParams,
+    () => {
+      g();
+    }
+  ), M(
+    () => r.dataSource,
+    (t) => {
+      u({
+        total: Array.isArray(t) ? t.length : 0
+      });
+    }
+  );
+  const q = (t) => {
+    i.value = { ...R(i), ...t };
+  }, N = (t, e = 1) => {
+    u({
+      current: e
+    }), g(t), a("search", t);
+  }, g = X(async (t = {}) => {
+    const { dataRequest: e, dataSource: f, fetchConfig: d, searchParams: y } = r;
+    if (!(!e || !A(e)))
+      try {
+        let n = {};
+        const s = R(c), { pageField: F, sizeField: K, listField: L, totalField: G } = {
+          ...E.fetchConfig,
+          ...d
+        }, T = w(s);
+        T && (n = {
+          [F]: s.current,
+          [K]: s.pageSize
+        });
+        const { sortInfo: H = {}, filterInfo: J } = b;
+        let h = {
+          ...n,
+          ...H,
+          ...J,
+          ...y,
+          ...t
+        };
+        if (await U(), m.value) {
+          const S = await m.value.validate();
+          h = {
+            ...m.value.handleFormValues(S),
+            ...h
+          };
+        }
+        o.value = !0;
+        const p = await e(h), x = Array.isArray(p), I = x ? p : at(p, L), v = x ? p.length : ot(p, G, I.length);
+        if (T && v) {
+          const { current: S = 1, pageSize: Q = E.defaultPageSize } = s, z = Math.ceil(v / Q);
+          if (S > z)
+            return u({
+              current: z
+            }), await g(t);
+        }
+        return l.value = I, u({
+          total: ~~(Number.isFinite(v) ? v : I.length)
+        }), h[F] && u({ current: h[F] || 1 }), l;
+      } catch (n) {
+        rt(`表格查询出错：${n}`), a("fetch-error", n), l.value = [], u({ total: 0 });
+      } finally {
+        o.value = !1;
+      }
+  }), D = (t = !1) => {
+    const e = R(c);
+    return Object.is(t, !0) && w(e) && (e.current = 1), a("reload"), g();
+  }, O = async (...t) => {
+    const [e, f, d] = t, { sortFn: y, filterFn: n } = r;
+    if (m.value && await m.value.validate(), u(e), d && A(y)) {
+      const s = y(d);
+      b.sortInfo = s;
+    }
+    if (f && A(n)) {
+      const s = n(f);
+      b.filterInfo = s;
+    }
+    await g({}), a("change", ...t);
+  }, V = (t, e) => {
+    e.width = t;
+  }, $ = (t) => t?.key || t?.dataIndex, B = (t, e, f) => {
+    const d = Array.isArray(t) ? t.join(".") : t;
+    e ? C.value.delete(d) : C.value.set(d, f);
+  }, u = (t = c.value) => {
+    Y(t) ? c.value = t : w(c.value) && (c.value = {
+      ...c.value,
+      ...t
+    });
+  };
+  return {
+    ...j,
+    ...k,
+    setProps: q,
+    handleSubmit: N,
+    handleTableChange: O,
+    getColumnKey: $,
+    fetchData: g,
+    getSearchFormRef: () => m.value,
+    reload: D,
+    onInfiniteScroll: (t, e) => {
+      const f = W()?.proxy?.$el.querySelector(".ant-table-body");
+      Z(f, t, e);
+    },
+    handleEditFormValidate: B,
+    handleResizeColumn: V
+  };
+};
+export {
+  pt as useTableMethods
+};
+//# sourceMappingURL=useTableMethods.js.map

package/dist/src/components/core/dynamic-table/src/hooks/useTableMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableMethods.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTableMethods.ts"],"sourcesContent":["import { unref, nextTick, getCurrentInstance, watch } from 'vue'\nimport { isFunction, isBoolean, get, debounce } from 'lodash-es'\nimport { useInfiniteScroll } from '@vueuse/core'\nimport tableConfig from '../dynamic-table.config'\nimport { useEditable } from './useEditable'\nimport { useTableExpand } from './useTableExpand'\nimport { useTableContext } from './useTableContext'\nimport type { DynamicTableProps } from '../dynamic-table'\nimport type { OnChangeCallbackParams, TableColumn } from '../types/'\nimport type { Pagination } from './useTableState'\nimport type { FormProps } from 'ant-design-vue'\nimport { warn } from '@/utils/log'\nimport { isObject } from '@/utils/is'\n\nexport type UseInfiniteScrollParams = Parameters<typeof useInfiniteScroll>\n\nexport type TableMethods = ReturnType<typeof useTableMethods>\n\nconst getListResult = (res: unknown, listField: string): Recordable[] => {\n  const configuredItems = get(res, listField)\n  if (Array.isArray(configuredItems)) {\n    return configuredItems\n  }\n\n  for (const field of ['list', 'data', 'records', 'items', 'rows']) {\n    const items = get(res, field)\n    if (Array.isArray(items)) {\n      return items\n    }\n  }\n\n  return []\n}\n\nconst getTotalResult = (res: unknown, totalField: string, fallbackTotal: number): number => {\n  for (const field of [totalField, 'total', 'count', 'totalCount']) {\n    const total = Number(get(res, field))\n    if (Number.isFinite(total)) {\n      return total\n    }\n  }\n\n  return fallbackTotal\n}\n\nexport const useTableMethods = () => {\n  const {\n    props,\n    emit,\n    innerPropsRef,\n    tableData,\n    loadingRef,\n    searchFormRef,\n    paginationRef,\n    editFormErrorMsgs,\n    searchState,\n  } = useTableContext()\n  // 可编辑行\n  const editableMethods = useEditable()\n  const expandMethods = useTableExpand()\n\n  watch(\n    () => props.searchParams,\n    () => {\n      fetchData()\n    },\n  )\n\n  watch(\n    () => props.dataSource,\n    val => {\n      updatePagination({\n        total: Array.isArray(val) ? val.length : 0,\n      })\n    },\n  )\n\n  const setProps = (props: Partial<DynamicTableProps>) => {\n    innerPropsRef.value = { ...unref(innerPropsRef), ...props }\n  }\n\n  /**\n   * @description 表格查询\n   */\n  const handleSubmit = (params, page = 1) => {\n    updatePagination({\n      current: page,\n    })\n    fetchData(params)\n    emit('search', params)\n  }\n\n  /**\n   * @param {object} params 表格查询参数\n   * @description 获取表格数据\n   */\n  const fetchData = debounce(async (params: Recordable = {}) => {\n    const { dataRequest, dataSource, fetchConfig, searchParams } = props\n\n    // if (!dataRequest || !isFunction(dataRequest) || Array.isArray(dataSource)) {\n    // 2024-02-26 fix table-setting中的刷新图标无效 BUG\n    if (!dataRequest || !isFunction(dataRequest)) {\n      return\n    }\n    try {\n      let pageParams: Recordable = {}\n      const pagination = unref(paginationRef)!\n\n      const { pageField, sizeField, listField, totalField } = {\n        ...tableConfig.fetchConfig,\n        ...fetchConfig,\n      }\n\n      // 是否启用了分页\n      const enablePagination = isObject(pagination)\n      if (enablePagination) {\n        pageParams = {\n          [pageField]: pagination.current,\n          [sizeField]: pagination.pageSize,\n        }\n      }\n      const { sortInfo = {}, filterInfo } = searchState\n      // 表格查询参数\n      let queryParams: Recordable = {\n        ...pageParams,\n        ...sortInfo,\n        ...filterInfo,\n        ...searchParams,\n        ...params,\n      }\n      await nextTick()\n      if (searchFormRef.value) {\n        const values = await searchFormRef.value.validate()\n        queryParams = {\n          ...searchFormRef.value.handleFormValues(values),\n          ...queryParams,\n        }\n      }\n\n      loadingRef.value = true\n      const res = await dataRequest(queryParams)\n\n      const isArrayResult = Array.isArray(res)\n      const safeResultItems: Recordable[] = isArrayResult ? res : getListResult(res, listField)\n      const resultTotal: number = isArrayResult\n        ? res.length\n        : getTotalResult(res, totalField, safeResultItems.length)\n\n      if (enablePagination && resultTotal) {\n        const { current = 1, pageSize = tableConfig.defaultPageSize } = pagination\n        const currentTotalPage = Math.ceil(resultTotal / pageSize)\n        if (current > currentTotalPage) {\n          updatePagination({\n            current: currentTotalPage,\n          })\n          return await fetchData(params)\n        }\n      }\n      tableData.value = safeResultItems\n      updatePagination({\n        total: ~~(Number.isFinite(resultTotal) ? resultTotal : safeResultItems.length),\n      })\n      if (queryParams[pageField]) {\n        updatePagination({ current: queryParams[pageField] || 1 })\n      }\n      return tableData\n    } catch (error) {\n      warn(`表格查询出错：${error}`)\n      emit('fetch-error', error)\n      tableData.value = []\n      updatePagination({ total: 0 })\n    } finally {\n      loadingRef.value = false\n    }\n  })\n\n  /**\n   * @description 刷新表格\n   */\n  const reload = (resetPageIndex = false) => {\n    const pagination = unref(paginationRef)\n    if (Object.is(resetPageIndex, true) && isObject(pagination)) {\n      pagination.current = 1\n    }\n    emit('reload')\n    return fetchData()\n  }\n\n  /**\n   * @description 分页改变\n   */\n  const handleTableChange = async (...rest: OnChangeCallbackParams) => {\n    const [pagination, filters, sorter] = rest\n    const { sortFn, filterFn } = props\n\n    if (searchFormRef.value) {\n      await searchFormRef.value.validate()\n    }\n    updatePagination(pagination)\n\n    const params: Recordable = {}\n    if (sorter && isFunction(sortFn)) {\n      const sortInfo = sortFn(sorter)\n      searchState.sortInfo = sortInfo\n      params.sortInfo = sortInfo\n    }\n\n    if (filters && isFunction(filterFn)) {\n      const filterInfo = filterFn(filters)\n      searchState.filterInfo = filterInfo\n      params.filterInfo = filterInfo\n    }\n\n    await fetchData({})\n    emit('change', ...rest)\n  }\n\n  /**\n   * 重置列宽度\n   * @param width 宽度\n   * @param col 列\n   */\n  const handleResizeColumn = (width, col) => {\n    col.width = width\n  }\n\n  // dataIndex 可以为 a.b.c\n  // const getDataIndexVal = (dataIndex, record) => dataIndex.split('.').reduce((pre, curr) => pre[curr], record)\n\n  // 获取表格列key\n  const getColumnKey = (column: TableColumn) => {\n    return (column?.key || column?.dataIndex) as string\n  }\n\n  /** 编辑表单验证失败回调 */\n  const handleEditFormValidate: FormProps['onValidate'] = (name, status, errorMsgs) => {\n    // console.log('errorInfo', editFormErrorMsgs);\n    const key = Array.isArray(name) ? name.join('.') : name\n    if (status) {\n      editFormErrorMsgs.value.delete(key)\n    } else {\n      editFormErrorMsgs.value.set(key, errorMsgs)\n    }\n  }\n\n  /** 更新表格分页信息 */\n  const updatePagination = (info: Pagination = paginationRef.value) => {\n    if (isBoolean(info)) {\n      paginationRef.value = info\n    } else if (isObject(paginationRef.value)) {\n      paginationRef.value = {\n        ...paginationRef.value,\n        ...info,\n      }\n    }\n  }\n  /** 表格无限滚动 */\n  const onInfiniteScroll = (\n    callback: UseInfiniteScrollParams[1],\n    options?: UseInfiniteScrollParams[2],\n  ) => {\n    const el = getCurrentInstance()?.proxy?.$el.querySelector('.ant-table-body')\n    useInfiniteScroll(el, callback, options)\n  }\n\n  /**\n   * @description当外部需要动态改变搜索表单的值或选项时，需要调用此方法获取dynamicFormRef实例\n   */\n  const getSearchFormRef = () => searchFormRef.value\n\n  return {\n    ...editableMethods,\n    ...expandMethods,\n    setProps,\n    handleSubmit,\n    handleTableChange,\n    getColumnKey,\n    fetchData,\n    getSearchFormRef,\n    reload,\n    onInfiniteScroll,\n    handleEditFormValidate,\n    handleResizeColumn,\n  }\n}\n"],"names":["getListResult","res","listField","configuredItems","get","field","items","getTotalResult","totalField","fallbackTotal","total","useTableMethods","props","emit","innerPropsRef","tableData","loadingRef","searchFormRef","paginationRef","editFormErrorMsgs","searchState","useTableContext","editableMethods","useEditable","expandMethods","useTableExpand","watch","fetchData","val","updatePagination","setProps","unref","handleSubmit","params","page","debounce","dataRequest","dataSource","fetchConfig","searchParams","isFunction","pageParams","pagination","pageField","sizeField","tableConfig","enablePagination","isObject","sortInfo","filterInfo","queryParams","nextTick","values","isArrayResult","safeResultItems","resultTotal","current","pageSize","currentTotalPage","error","warn","reload","resetPageIndex","handleTableChange","rest","filters","sorter","sortFn","filterFn","handleResizeColumn","width","col","getColumnKey","column","handleEditFormValidate","name","status","errorMsgs","key","info","isBoolean","callback","options","el","getCurrentInstance","useInfiniteScroll"],"mappings":"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"}

package/dist/src/components/core/dynamic-table/src/hooks/useTablePlugin.js

@@ -0,0 +1,120 @@
+import { ref as m, computed as T, getCurrentInstance as D, h as S } from "vue";
+import { Modal as k } from "ant-design-vue";
+import { ExclamationCircleOutlined as E } from "@ant-design/icons-vue";
+import { useRoute as A } from "vue-router";
+import { useResizeObserver as F } from "@vueuse/core";
+import { useI18n as K } from "../../../../../hooks/useI18n.js";
+import { useFormModal as O } from "../../../../../hooks/useModal/useFormModal.js";
+import { formatToDateTime as $, formatToDate as g } from "../../../../../utils/dateUtil.js";
+import "../../../../basic/excel/index.js";
+import { exportPageParam as z } from "../../../../../utils/global.js";
+import { initTagKeyColorMap as j } from "../../../../../enums/commonEnum.js";
+import { exportExcelForTable as B } from "../../../../basic/excel/src/Export2Excel.js";
+const { t: d } = K();
+function te(R) {
+  const [f] = O(), b = A(), l = m(!1), i = m({}), {
+    dynamicTableInstance: r,
+    action: o,
+    columns: u,
+    formSchemas: P,
+    formModalProps: h = { width: "40%", labelWidth: 100, top: void 0 },
+    formDataCallback: v,
+    searchParamCallback: w,
+    formParamCallback: p
+  } = R;
+  j();
+  const x = T(
+    () => u.filter((e) => !e.hideInTable).map((e) => parseInt(e.width || 300)).reduce((e, t) => e + t)
+  ), C = D();
+  F(document.documentElement, () => {
+    const e = C?.proxy?.$el;
+    e && x.value > e.offsetWidth && r.setProps({
+      scroll: { x: window.innerWidth > 2e3 ? e.offsetWidth - 20 : 2e3 }
+    });
+  });
+  const a = m({
+    selectedRowKeys: [],
+    selectedRows: [],
+    onChange: (e, t) => {
+      a.value.selectedRowKeys = e, a.value.selectedRows = t;
+    }
+  }), c = () => {
+    a.value.selectedRowKeys = [], a.value.selectedRows = [];
+  }, W = T(() => {
+    const { selectedRows: e } = a.value;
+    return { count: e.length, rows: e };
+  }), I = async () => {
+    l.value = !0, Object.assign(i.value, z);
+    const { list: e } = await o.getWithPage(i.value).finally(() => l.value = !1);
+    B(e, u, `${b.meta.title}${$()}.xlsx`);
+  }, M = async (e) => {
+    e?.createTime && (e.createTimeS = g(e.createTime[0]), e.createTimeE = g(e.createTime[1]), delete e.createTime), w && w(e), i.value = e;
+    const t = await o.getWithPage(e);
+    return c(), t;
+  }, s = () => {
+    c(), r.reload();
+  };
+  return {
+    /** 表格行选择配置项 */
+    rowSelection: a,
+    /** 选中的行信息 */
+    checkRows: W,
+    exportLoading: l,
+    /** 加载表格数据 */
+    loadData: M,
+    /** 重置 */
+    reset: s,
+    /** 导出 */
+    aoaToExcel: I,
+    /** 取消选中 */
+    handleCancelSelect: c,
+    /** Modal框 */
+    showModal: f,
+    /** 打开新增/编辑弹窗 */
+    openModal: async (e) => {
+      const [t] = await f({
+        modalProps: {
+          title: `${e.id ? d("common.edit") : d("common.add")}`,
+          width: h.width || "40%",
+          onFinish: async (n) => {
+            n.id = e.id, p && p(n, e);
+            const y = { ...e, ...n };
+            console.log("新增/编辑参数", y), await (e.id ? o.update : o.add)(y), r.reload();
+          }
+        },
+        formProps: {
+          labelWidth: h.labelWidth || 100,
+          layout: "horizontal",
+          schemas: P
+        }
+      });
+      if (e.id) {
+        const n = await o.getById(e.id);
+        t?.setFieldsValue({
+          ...n,
+          ...v?.(n)
+        });
+      }
+    },
+    /** 确认删除行 */
+    delRowConfirm: async (e) => {
+      if (!Array.isArray(e)) {
+        await o.delete([e]), s();
+        return;
+      }
+      k.confirm({
+        title: d("column.confirmDelSelectedData"),
+        icon: () => S(E),
+        centered: !0,
+        onOk: async () => {
+          const t = Array.isArray(e) ? e : [e];
+          await o.delete(t), s();
+        }
+      });
+    }
+  };
+}
+export {
+  te as useTablePlugin
+};
+//# sourceMappingURL=useTablePlugin.js.map

package/dist/src/components/core/dynamic-table/src/hooks/useTablePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTablePlugin.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTablePlugin.tsx"],"sourcesContent":["import { ref, computed, getCurrentInstance, h } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { ExclamationCircleOutlined } from '@ant-design/icons-vue'\nimport { useRoute } from 'vue-router'\nimport { useResizeObserver } from '@vueuse/core'\nimport { useI18n } from '@/hooks/useI18n'\nimport { useFormModal } from '@/hooks/useModal/useFormModal'\nimport { formatToDate, formatToDateTime } from '@/utils/dateUtil'\nimport { exportExcelForTable } from '@/components/basic/excel'\nimport { exportPageParam } from '@/utils/global'\nimport type DynamicTable from '../dynamic-table.vue'\nimport type { TableColumn } from '@/components/core/dynamic-table'\nimport type { FormSchema } from '@/components/core/schema-form'\nimport { initTagKeyColorMap } from '@/enums/commonEnum'\n\nconst { t } = useI18n()\n\ntype actionType = {\n  getWithPage: (params: API.PageParams) => Promise<API.TableListResult<any>>\n  getById: (id: number | string) => Promise<any>\n  add: (params: any) => Promise<any>\n  update: (params: any) => Promise<any>\n  delete: (ids: number[]) => Promise<any>\n}\n\ntype formModalType = {\n  width?: string\n  labelWidth?: number\n  top?: number\n}\n\ntype tablePluginType = {\n  /** 表格实例 */\n  dynamicTableInstance: InstanceType<typeof DynamicTable>\n  /** 接口Action */\n  action: actionType\n  /** 表格基础列 */\n  columns: TableColumn<any>[]\n  /** 表单项 */\n  formSchemas: FormSchema[]\n  /** 表单Modal属性配置 */\n  formModalProps?: formModalType\n  /** 表单字段映射回调函数(会和其他字段合并) */\n  formDataCallback?: (data: any) => Object\n  /** 查询参数回调函数 */\n  searchParamCallback?: (params: any) => void\n  /** 表单参数提交前回调函数 */\n  formParamCallback?: (params: any, record?: any) => void\n}\n\n/**\n * 表格基础增删改查hook\n * @param props 属性\n * @returns\n */\nexport function useTablePlugin(props: tablePluginType) {\n  const [showModal] = useFormModal()\n  const route = useRoute()\n  const exportLoading = ref(false)\n  const searchParams = ref({})\n\n  const {\n    dynamicTableInstance,\n    action,\n    columns,\n    formSchemas,\n    formModalProps = { width: '40%', labelWidth: 100, top: undefined },\n    formDataCallback,\n    searchParamCallback,\n    formParamCallback,\n  } = props\n\n  initTagKeyColorMap()\n\n  const colWidthSum = computed(() =>\n    columns\n      .filter(col => !col.hideInTable)\n      .map(col => parseInt(col.width || 300))\n      .reduce((sum, width) => sum + width),\n  )\n\n  const currentInstance = getCurrentInstance()\n\n  useResizeObserver(document.documentElement, () => {\n    const el = currentInstance?.proxy?.$el as HTMLDivElement\n    // console.log(colWidthSum.value, el.offsetWidth, window.innerWidth, el)\n    if (el && colWidthSum.value > el.offsetWidth) {\n      dynamicTableInstance.setProps({\n        scroll: { x: window.innerWidth > 2000 ? el.offsetWidth - 20 : 2000 },\n      })\n    }\n  })\n\n  /**\n   * 表格行选择\n   */\n  const rowSelection = ref({\n    selectedRowKeys: [] as number[],\n    selectedRows: [] as any[],\n    onChange: (selectedRowKeys: number[], selectedRows) => {\n      rowSelection.value.selectedRowKeys = selectedRowKeys\n      rowSelection.value.selectedRows = selectedRows\n    },\n  })\n\n  /** 取消选择 */\n  const handleCancelSelect = () => {\n    rowSelection.value.selectedRowKeys = []\n    rowSelection.value.selectedRows = []\n  }\n\n  /**\n   * 勾选的行数据\n   */\n  const checkRows = computed(() => {\n    const { selectedRows } = rowSelection.value\n    return { count: selectedRows.length, rows: selectedRows }\n  })\n\n  /**\n   * 导出\n   */\n  const aoaToExcel = async () => {\n    exportLoading.value = true\n    Object.assign(searchParams.value, exportPageParam)\n    const { list } = await action\n      .getWithPage(searchParams.value)\n      .finally(() => (exportLoading.value = false))\n    exportExcelForTable(list, columns, `${route.meta.title}${formatToDateTime()}.xlsx`)\n  }\n\n  /**\n   * 加载数据\n   */\n  const loadData = async params => {\n    if (params?.createTime) {\n      params.createTimeS = formatToDate(params.createTime[0])\n      params.createTimeE = formatToDate(params.createTime[1])\n      delete params.createTime\n    }\n    searchParamCallback && searchParamCallback(params)\n    searchParams.value = params\n    const data = await action.getWithPage(params)\n    handleCancelSelect()\n    return data\n  }\n\n  /**\n   * 重置\n   */\n  const reset = () => {\n    handleCancelSelect()\n    dynamicTableInstance.reload()\n  }\n\n  /**\n   * 打开新增/编辑弹窗\n   */\n  const openModal = async record => {\n    const [formRef] = await showModal({\n      modalProps: {\n        title: `${record.id ? t('common.edit') : t('common.add')}`,\n        width: formModalProps.width || '40%',\n        onFinish: async values => {\n          values.id = record.id\n          formParamCallback && formParamCallback(values, record)\n          const params = { ...record, ...values }\n          console.log('新增/编辑参数', params)\n          await (record.id ? action.update : action.add)(params)\n          dynamicTableInstance.reload()\n        },\n      },\n      formProps: {\n        labelWidth: formModalProps.labelWidth || 100,\n        layout: 'horizontal',\n        schemas: formSchemas,\n      },\n    })\n\n    if (record.id) {\n      const data = await action.getById(record.id)\n\n      formRef?.setFieldsValue({\n        ...data,\n        ...formDataCallback?.(data),\n      })\n    }\n  }\n\n  /**\n   * 删除行数据\n   */\n  const delRowConfirm = async (id: number | number[]) => {\n    if (!Array.isArray(id)) {\n      await action.delete([id])\n      reset()\n      return\n    }\n    Modal.confirm({\n      title: t('column.confirmDelSelectedData'),\n      icon: () => h(ExclamationCircleOutlined),\n      centered: true,\n      onOk: async () => {\n        const ids = Array.isArray(id) ? id : [id]\n        await action.delete(ids)\n        reset()\n      },\n    })\n  }\n\n  return {\n    /** 表格行选择配置项 */\n    rowSelection,\n    /** 选中的行信息 */\n    checkRows,\n    exportLoading,\n    /** 加载表格数据 */\n    loadData,\n    /** 重置 */\n    reset,\n    /** 导出 */\n    aoaToExcel,\n    /** 取消选中 */\n    handleCancelSelect,\n    /** Modal框 */\n    showModal,\n    /** 打开新增/编辑弹窗 */\n    openModal,\n    /** 确认删除行 */\n    delRowConfirm,\n  }\n}\n"],"names":["t","useI18n","useTablePlugin","props","showModal","useFormModal","route","useRoute","exportLoading","ref","searchParams","dynamicTableInstance","action","columns","formSchemas","formModalProps","formDataCallback","searchParamCallback","formParamCallback","initTagKeyColorMap","colWidthSum","computed","col","sum","width","currentInstance","getCurrentInstance","useResizeObserver","el","rowSelection","selectedRowKeys","selectedRows","handleCancelSelect","checkRows","aoaToExcel","exportPageParam","list","exportExcelForTable","formatToDateTime","loadData","params","formatToDate","data","reset","record","formRef","values","id","Modal","h","ExclamationCircleOutlined","ids"],"mappings":"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"}

package/dist/src/components/core/dynamic-table/src/hooks/useTableState.js

@@ -0,0 +1,82 @@
+import { ref as t, reactive as M, computed as m, unref as i, watch as g } from "vue";
+import { isNil as P, omit as p } from "lodash-es";
+import b from "../dynamic-table.config.js";
+import { useScroll as j } from "./useScroll.js";
+import { useI18n as A } from "../../../../../hooks/useI18n.js";
+import { i18nRender as D } from "../../../../../utils/i18n.js";
+const Q = ({ props: n, slots: R }) => {
+  const { t: h } = A(), w = t(), S = t(), y = t(), r = t([]), s = t(), l = t(!1), c = t(!!n.loading), I = t(!1), u = t(null), v = t({}), z = t(/* @__PURE__ */ new Map()), F = t(/* @__PURE__ */ new Set()), x = t(/* @__PURE__ */ new Set()), C = M({
+    sortInfo: {},
+    filterInfo: {}
+  }), { scroll: K } = j({ props: n, containerElRef: u });
+  Object.is(n.pagination, !1) || (l.value = {
+    current: 1,
+    pageSize: b.defaultPageSize,
+    total: 0,
+    pageSizeOptions: [...b.pageSizeOptions],
+    showQuickJumper: !0,
+    showSizeChanger: !0,
+    // 显示可改变每页数量
+    showTotal: (e) => h("component.table.total", { total: e }),
+    // 显示总数
+    // onChange: (current, pageSize) => pageOption?.pageChange?.(current, pageSize),
+    // onShowSizeChange: (current, pageSize) => pageOption?.pageChange?.(current, pageSize),
+    ...n.pagination
+  });
+  const f = t(n.columns), d = m(() => Object.assign({}, n, i(s))), O = m(() => {
+    const e = i(d), T = (f.value.length != e.columns.length ? f.value : e.columns).map((o) => ((P(o?.ignoreI18n) || !o?.ignoreI18n) && (o.title = D(o.dataIndex, o.i18n, o.title)), o)).filter((o) => !o.hideInTable);
+    let a = {
+      ...e,
+      scroll: { ...i(K), ...e.scroll },
+      pagination: e.pagination ?? i(l),
+      columns: T,
+      rowKey: e.rowKey ?? "id",
+      loading: e.loading ?? i(c),
+      tableLayout: e.tableLayout ?? "fixed"
+    };
+    return R.expandedRowRender && (a = p(a, "scroll")), a = p(a, ["class", "onChange", "columns"]), a;
+  });
+  return g(
+    () => n.dataSource,
+    (e) => {
+      Array.isArray(e) ? r.value = e : e && (r.value = []);
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), g(
+    () => n.columns,
+    (e) => {
+      e && (s.value = {
+        ...s.value,
+        columns: e
+      });
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), {
+    tableRef: w,
+    editTableFormRef: y,
+    loadingRef: c,
+    isFullscreen: I,
+    containerElRef: u,
+    tableData: r,
+    searchFormRef: S,
+    innerPropsRef: s,
+    getProps: d,
+    getBindValues: O,
+    paginationRef: l,
+    editFormModel: v,
+    editFormErrorMsgs: z,
+    editableCellKeys: x,
+    editableRowKeys: F,
+    searchState: C
+  };
+};
+export {
+  Q as useTableState
+};
+//# sourceMappingURL=useTableState.js.map

package/dist/src/components/core/dynamic-table/src/hooks/useTableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableState.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTableState.ts"],"sourcesContent":["import { computed, reactive, ref, unref, watch, type Slots } from 'vue'\nimport { omit } from 'lodash-es'\nimport tableConfig from '../dynamic-table.config'\nimport { useScroll } from './useScroll'\nimport type { DynamicTableProps } from '../dynamic-table'\nimport type { TableProps, Table } from 'ant-design-vue'\nimport type { SchemaForm } from '@/components/core/schema-form'\nimport { useI18n } from '@/hooks/useI18n'\nimport { i18nRender } from '@/utils/i18n'\nimport type { TableColumn } from '../types'\nimport { isNil } from '@/utils/is'\n\nexport type Pagination = TableProps['pagination']\n\nexport type TableState = ReturnType<typeof useTableState>\n\nexport type UseTableStateParams = {\n  props: DynamicTableProps\n  slots: Slots\n}\n\ninterface SearchState {\n  sortInfo: Recordable\n  filterInfo: Record<string, string[]>\n}\n\nexport const useTableState = ({ props, slots }: UseTableStateParams) => {\n  const { t } = useI18n()\n  /** 表格实例 */\n  const tableRef = ref<InstanceType<typeof Table>>()\n  /** 查询表单实例 */\n  const searchFormRef = ref<InstanceType<typeof SchemaForm>>()\n  /** 编辑表格的表单实例 */\n  const editTableFormRef = ref<InstanceType<typeof SchemaForm>>()\n  /** 表格数据 */\n  const tableData = ref<any[]>([])\n  /** 内部属性 */\n  const innerPropsRef = ref<Partial<DynamicTableProps>>()\n  /** 分页配置参数 */\n  const paginationRef = ref<NonNullable<Pagination>>(false)\n  /** 表格加载 */\n  const loadingRef = ref<boolean>(!!props.loading)\n  /** 表格是否全屏 */\n  const isFullscreen = ref(false)\n  /** 动态表格 div 容器 */\n  const containerElRef = ref<HTMLDivElement | null>(null)\n  /** 编辑表单model */\n  const editFormModel = ref<Recordable>({})\n  /** 所有验证不通过的表单项 */\n  const editFormErrorMsgs = ref(new Map())\n  /** 当前所有正在被编辑的行key的格式为：`${recordKey}`  */\n  const editableRowKeys = ref(new Set<Key>())\n  /** 当前所有正在被编辑的单元格key的格式为：`${recordKey}.${dataIndex}`，仅`editableType`为`cell`时有效  */\n  const editableCellKeys = ref(new Set<Key>())\n  /** 表格排序或过滤时的搜索参数 */\n  const searchState = reactive<SearchState>({\n    sortInfo: {},\n    filterInfo: {},\n  })\n\n  const { scroll } = useScroll({ props, containerElRef })\n\n  if (!Object.is(props.pagination, false)) {\n    paginationRef.value = {\n      current: 1,\n      pageSize: tableConfig.defaultPageSize,\n      total: 0,\n      pageSizeOptions: [...tableConfig.pageSizeOptions],\n      showQuickJumper: true,\n      showSizeChanger: true, // 显示可改变每页数量\n      showTotal: total => t('component.table.total', { total }), // 显示总数\n      // onChange: (current, pageSize) => pageOption?.pageChange?.(current, pageSize),\n      // onShowSizeChange: (current, pageSize) => pageOption?.pageChange?.(current, pageSize),\n      ...props.pagination,\n    }\n  }\n\n  const columnsRef = ref<any[]>(props.columns)\n\n  const getProps = computed(() => {\n    return Object.assign({}, props, unref(innerPropsRef))\n  })\n\n  const getBindValues = computed(() => {\n    const props = unref(getProps)\n    // 2024-02-28 表格列的多语言\n    const _cols = columnsRef.value.length != props.columns.length ? columnsRef.value : props.columns\n    const columns = _cols\n      // 先转换多语言再过滤\n      .map(column => {\n        if (isNil(column?.ignoreI18n) || !column?.ignoreI18n)\n          column.title = i18nRender(column.dataIndex, column.i18n, column.title) as string\n        return column\n      })\n      .filter(n => !n.hideInTable) as TableColumn<any>[]\n\n    let propsData: Recordable = {\n      ...props,\n      scroll: { ...unref(scroll), ...props.scroll },\n      pagination: props.pagination ?? unref(paginationRef),\n      columns,\n      rowKey: props.rowKey ?? 'id',\n      loading: props.loading ?? unref(loadingRef),\n      tableLayout: props.tableLayout ?? 'fixed',\n    }\n    if (slots.expandedRowRender) {\n      propsData = omit(propsData, 'scroll')\n    }\n\n    propsData = omit(propsData, ['class', 'onChange', 'columns'])\n    return propsData\n  })\n\n  // 如果外界设置了dataSource，那就直接用外界提供的数据\n  watch(\n    () => props.dataSource,\n    val => {\n      if (Array.isArray(val)) {\n        tableData.value = val\n      } else if (val) {\n        tableData.value = []\n      }\n    },\n    {\n      immediate: true,\n      deep: true,\n    },\n  )\n\n  watch(\n    () => props.columns,\n    val => {\n      if (val) {\n        innerPropsRef.value = {\n          ...innerPropsRef.value,\n          columns: val,\n        }\n      }\n    },\n    {\n      immediate: true,\n      deep: true,\n    },\n  )\n\n  return {\n    tableRef,\n    editTableFormRef,\n    loadingRef,\n    isFullscreen,\n    containerElRef,\n    tableData,\n    searchFormRef,\n    innerPropsRef,\n    getProps,\n    getBindValues,\n    paginationRef,\n    editFormModel,\n    editFormErrorMsgs,\n    editableCellKeys,\n    editableRowKeys,\n    searchState,\n  }\n}\n"],"names":["useTableState","props","slots","t","useI18n","tableRef","ref","searchFormRef","editTableFormRef","tableData","innerPropsRef","paginationRef","loadingRef","isFullscreen","containerElRef","editFormModel","editFormErrorMsgs","editableRowKeys","editableCellKeys","searchState","reactive","scroll","useScroll","tableConfig","total","columnsRef","getProps","computed","unref","getBindValues","columns","column","isNil","i18nRender","n","propsData","omit","watch","val"],"mappings":"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"}

package/dist/src/components/core/dynamic-table/src/types/column.js

@@ -0,0 +1,7 @@
+var r = /* @__PURE__ */ ((e) => (e.ACTION = "ACTION", e.INDEX = "INDEX", e))(r || {});
+const t = Object.values(r);
+export {
+  r as ColumnKeyFlag,
+  t as columnKeyFlags
+};
+//# sourceMappingURL=column.js.map

package/dist/src/components/core/dynamic-table/src/types/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sources":["../../../../../../../src/components/core/dynamic-table/src/types/column.ts"],"sourcesContent":["import type { ColumnsType } from 'ant-design-vue/es/table'\nimport type { FormSchema, GetFieldKeys } from '@/components/core/schema-form'\nimport type { ActionItem } from './tableAction'\nimport type { TableActionType } from '@/components/core/dynamic-table/src/types'\nimport type { DataIndex } from 'ant-design-vue/es/vc-table/interface'\n\nexport type ColumnType<T> = ColumnsType<T>[number]\n\nexport type CustomRenderParams<T extends object = Recordable> = Omit<\n  Parameters<NonNullable<ColumnType<T>['customRender']>>[number],\n  'column'\n> & { column: TableColumn<T> }\n\n// export type EditableConfig<T = any> = {\n//   /** 可编辑表格的类型，`单行编辑` | `多行编辑` | `可编辑单元格` */\n//   type: 'single' | 'multiple' | 'cell';\n//   /** 传递给 Form.Item 的配置,可以配置 rules */\n//   formProps?: Partial<FormSchema<T>>;\n//   /** 行保存的时候 */\n//   onSave?: (\n//     /** 行 id，一般是唯一id */\n//     key: Key,\n//     /** 当前修改的行的值，只有 form 在内的会被设置 */\n//     record: T,\n//     /** 原始值，可以用于判断是否修改 */\n//     originRow: T,\n//   ) => Promise<any | void>;\n// };\n\n/**\n * 表格属性\n */\nexport type TableColumn<T extends object = Recordable> = ColumnType<T> & {\n  dataIndex?: GetFieldKeys<T> | ColumnKeyFlagType | Omit<DataIndex, string>\n  /** 多语言, 格式: \\`t('common.add')\\`，如果为空，默认以dataIndex作为key来翻译 */\n  i18n?: string\n  /** 不翻译多语言 (报表查询中使用) */\n  ignoreI18n?: boolean\n  children?: Array<any>\n  /** 指定搜索的字段 */\n  searchField?: string\n  /** 在查询表单中不展示此项 */\n  hideInSearch?: boolean\n  /** 在 Table 中不展示此列 */\n  hideInTable?: boolean\n  /** 在 column-setting 中不展示此列 (解决report中存在的问题) */\n  hideInColumnSet?: boolean\n  /** 传递给搜索表单 Form.Item 的配置,可以配置 rules */\n  formItemProps?: Partial<FormSchema<T>>\n  /** 传递给可编辑表格 Form.Item 的配置,可以配置 rules */\n  editFormItemProps?: Partial<FormSchema<T>> & {\n    /**\n     * 是否继承于搜索表单`TableColumn.formItemProps`的所有属性,为深拷贝合并\n     * 值为`true`时的行为伪代码如下：\n     * ```js\n     * Object.assign({}, TableColumn.formItemProps, TableColumn.editFormItemProps)\n     * ```\n     * @defaultValue 默认值为`true`\n     * */\n    extendSearchFormProps?: boolean\n  }\n  /** 操作列，一般用于对表格某一行数据进行操作 */\n  actions?: (params: CustomRenderParams<T>, action: TableActionType) => ActionItem[]\n  /** 当前单元格是否允许被编辑 */\n  editable?: boolean | ((params: CustomRenderParams<T>) => boolean)\n  /** 当前单元格是否默认开启编辑，仅 `editableType`为`cell` 或 `dynamicCell`时有效 */\n  defaultEditable?: boolean\n}\n\nexport enum ColumnKeyFlag {\n  ACTION = 'ACTION',\n  INDEX = 'INDEX',\n}\n\nexport const columnKeyFlags = Object.values(ColumnKeyFlag) as string[]\nexport type ColumnKeyFlagType = `${ColumnKeyFlag}`\n"],"names":["ColumnKeyFlag","columnKeyFlags"],"mappings":"AAqEO,IAAKA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAiB,OAAO,OAAOD,CAAa;"}

package/dist/src/components/core/schema-form/index.js

@@ -0,0 +1,39 @@
+import "vue/jsx-runtime";
+import "vue";
+import "lodash-es";
+import "ant-design-vue";
+import "./src/componentMap.js";
+import "dayjs";
+import "../../../locales/index.js";
+import "@vueuse/core";
+/* empty css                               */
+/* empty css                                */
+import "../../../utils/i18n.js";
+/* empty css                          */
+import "@ant-design/icons-vue";
+/* empty css                                 */
+import "../../basic/button/button.vue.js";
+import "../../basic/button/button.js";
+import "../../../utils/dateUtil.js";
+import "../../../utils/eventBus.js";
+import "../../../node_modules/.pnpm/file-saver@2.0.5/node_modules/file-saver/dist/FileSaver.min.js";
+/* empty css                           */
+import "../../../utils/nprogress.js";
+import "../../../utils/performanceMonitor.js";
+import "../../../utils/SignalRConnectionManager.js";
+import "../../../utils/propTypes.js";
+import "../../../utils/request.js";
+import "../../../utils/Storage.js";
+import "../../../utils/uuid.js";
+import "../../../enums/breakpointEnum.js";
+import { aFormPropKeys as q, schemaFormEmits as v, schemaFormProps as w } from "./src/schema-form.js";
+import { default as B } from "./src/components/ApiSelect.vue.js";
+const b = !0;
+export {
+  B as ApiSelect,
+  b as __schema_formIndexMarker,
+  q as aFormPropKeys,
+  v as schemaFormEmits,
+  w as schemaFormProps
+};
+//# sourceMappingURL=index.js.map

package/dist/src/components/core/schema-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/core/schema-form/index.ts"],"sourcesContent":["export { default as SchemaFormItem } from './src/schema-form-item.vue'\nexport { default as SchemaForm } from './src/schema-form.vue'\n\nexport * from './src/types/'\nexport * from './src/schema-form'\nexport * from './src/schema-form-item'\nexport * from './src/hooks/'\nexport * from './src/components/'\n\n// 兼容 preserveModules 目录导入：确保该模块作为目录时有 index.js 落盘\nexport const __schema_formIndexMarker = true\n"],"names":["__schema_formIndexMarker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAMA,IAA2B;"}