@usethink/shared-frontend 0.1.1 → 0.1.3

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;"}

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

@@ -0,0 +1,37 @@
+import { DatePicker as r, Checkbox as o, Radio as t, Input as e, Divider as p, Mentions as i, Upload as c, TimePicker as a, Rate as n, Slider as u, Cascader as k, Switch as m, Tree as d, TreeSelect as P, Select as s, AutoComplete as h, InputNumber as l } from "ant-design-vue";
+import C from "../../../basic/customUpload/src/BasicUpload.vue.js";
+import G from "../../../basic/CodeEditor/src/CodeEditor.vue.js";
+import "vue";
+const T = {
+  Input: e,
+  InputGroup: e.Group,
+  InputPassword: e.Password,
+  InputSearch: e.Search,
+  InputTextArea: e.TextArea,
+  InputNumber: l,
+  AutoComplete: h,
+  Select: s,
+  TreeSelect: P,
+  Tree: d,
+  Switch: m,
+  RadioGroup: t.Group,
+  Checkbox: o,
+  CheckboxGroup: o.Group,
+  Cascader: k,
+  Slider: u,
+  Rate: n,
+  DatePicker: r,
+  MonthPicker: r.MonthPicker,
+  RangePicker: r.RangePicker,
+  WeekPicker: r.WeekPicker,
+  TimePicker: a,
+  Upload: c,
+  Mentions: i,
+  Divider: p,
+  CustomUpload: C,
+  CodeEditor: G
+};
+export {
+  T as componentMap
+};
+//# sourceMappingURL=componentMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentMap.js","sources":["../../../../../../src/components/core/schema-form/src/componentMap.ts"],"sourcesContent":["/**\n * Component list, register here to setting it in the form\n */\nimport {\n  Input,\n  Select,\n  Radio,\n  Checkbox,\n  AutoComplete,\n  Cascader,\n  DatePicker,\n  InputNumber,\n  Switch,\n  TimePicker,\n  TreeSelect,\n  Tree,\n  Slider,\n  Rate,\n  Divider,\n  Upload,\n  Mentions,\n} from 'ant-design-vue'\nimport type { Component, VNodeProps } from 'vue'\nimport { CustomUpload } from '@/components/basic/customUpload'\nimport { CodeEditor } from '@/components/basic/CodeEditor'\n\nconst componentMap = {\n  Input,\n  InputGroup: Input.Group,\n  InputPassword: Input.Password,\n  InputSearch: Input.Search,\n  InputTextArea: Input.TextArea,\n  InputNumber,\n  AutoComplete,\n  Select,\n  TreeSelect,\n  Tree,\n  Switch,\n  RadioGroup: Radio.Group,\n  Checkbox,\n  CheckboxGroup: Checkbox.Group,\n  Cascader,\n  Slider,\n  Rate,\n  DatePicker,\n  MonthPicker: DatePicker.MonthPicker,\n  RangePicker: DatePicker.RangePicker,\n  WeekPicker: DatePicker.WeekPicker,\n  TimePicker,\n  Upload,\n  Mentions,\n  Divider,\n  CustomUpload,\n  CodeEditor,\n}\n\ntype ExtractPropTypes<T extends Component> = T extends new (...args: any) => any\n  ? Writable<Omit<InstanceType<T>['$props'], keyof VNodeProps>>\n  : never\n\ntype ComponentMapType = typeof componentMap\n\nexport type ComponentType = keyof ComponentMapType\n\nexport type ComponentMapProps = {\n  [K in ComponentType]: ExtractPropTypes<ComponentMapType[K]>\n}\n\nexport type AllComponentProps = ComponentMapProps[ComponentType]\n\nexport { componentMap }\n"],"names":["componentMap","Input","InputNumber","AutoComplete","Select","TreeSelect","Tree","Switch","Radio","Checkbox","Cascader","Slider","Rate","DatePicker","TimePicker","Upload","Mentions","Divider","CustomUpload","CodeEditor"],"mappings":";;;;AA0BA,MAAMA,IAAe;AAAA,EACnB,OAAAC;AAAA,EACA,YAAYA,EAAM;AAAA,EAClB,eAAeA,EAAM;AAAA,EACrB,aAAaA,EAAM;AAAA,EACnB,eAAeA,EAAM;AAAA,EACrB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAYC,EAAM;AAAA,EAClB,UAAAC;AAAA,EACA,eAAeA,EAAS;AAAA,EACxB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAaA,EAAW;AAAA,EACxB,aAAaA,EAAW;AAAA,EACxB,YAAYA,EAAW;AAAA,EACvB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF;"}