@usethink/shared-frontend 0.1.1 → 0.1.3

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

@@ -0,0 +1,117 @@
+import { ref as R, watchEffect as S, unref as d, h as b } from "vue";
+import { cloneDeep as C, isBoolean as g, mergeWith as k, isFunction as h } from "lodash-es";
+import { Input as $ } from "ant-design-vue";
+import O from "../components/table-action.vue.js";
+import "@ant-design/icons-vue";
+import { useTableContext as z } from "./useTableContext.js";
+/* empty css                                    */
+import "../../../../../utils/eventBus.js";
+/* empty css                                              */
+/* empty css                                     */
+/* empty css                                      */
+import "vue/jsx-runtime";
+import "../dynamic-table.js";
+import "../../../schema-form/src/componentMap.js";
+import "dayjs";
+import { useI18n as A } from "../../../../../hooks/useI18n.js";
+import "@vueuse/core";
+import "../../../../../utils/i18n.js";
+/* empty css                                             */
+/* empty css                                       */
+import "../../../../basic/button/button.vue.js";
+import "../../../../basic/button/button.js";
+import "../../../../../utils/dateUtil.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 "../../../schema-form/src/schema-form.js";
+import "../../../schema-form/src/components/ApiSelect.vue.js";
+/* empty css                    */
+import { ColumnKeyFlag as u } from "../types/column.js";
+import D from "../dynamic-table.config.js";
+import "./useTablePlugin.js";
+/* empty css                               */
+import N from "../components/editable-cell/index4.vue.js";
+const { t: _ } = A(), To = () => {
+  const m = z(), { slots: x, props: c, getProps: f, paginationRef: I } = m, y = R(c.columns);
+  S(() => {
+    const e = { ...d(f) }, r = Object.keys(u), n = C(e.columns.filter((o) => !o.hideInTable));
+    e?.showIndex && n.unshift({
+      dataIndex: u.INDEX,
+      title: _("column.$$index"),
+      width: 60,
+      align: "center",
+      fixed: "left",
+      ...e?.indexColumnProps,
+      customRender: ({ index: o }) => {
+        const s = d(I);
+        if (g(s))
+          return o + 1;
+        const { current: i = 1, pageSize: p = 10 } = s;
+        return ((i < 1 ? 1 : i) - 1) * p + o + 1;
+      }
+    }), y.value = n.map((o) => {
+      const s = o.customRender, i = c.rowKey, p = m.getColumnKey(o);
+      return o.align ||= D.defaultAlign, o.customRender = (t) => {
+        const { record: l, index: a, text: E } = t, F = m.isEditable(l[i]), K = e.editableType === "cell" || e.editableType === "dynamicCell", T = g(o.editable) ? o.editable : o.editable?.(t) ?? !0;
+        return (F || K) && T && !r.includes(p) ? b(
+          N,
+          {
+            schema: w(o, l),
+            rowKey: l[i] ?? a,
+            editableType: e.editableType,
+            column: t
+          },
+          { default: () => s?.(t) ?? E, ...x }
+        ) : s?.(t);
+      }, o.actions && p === u.ACTION && (o.customRender = (t) => {
+        const { record: l, index: a } = t;
+        return b(O, {
+          actions: o.actions(t, m),
+          rowKey: l[i] ?? a,
+          columnParams: t
+        });
+      }), {
+        key: o.key ?? o.dataIndex,
+        dataIndex: o.dataIndex ?? o.key,
+        ...o
+      };
+    });
+  });
+  function P(e, r, n) {
+    if (n === "componentProps")
+      return (...o) => ({
+        ...h(e) ? e(...o) : e,
+        ...h(r) ? r(...o) : r
+      });
+  }
+  const w = (e, r) => {
+    const n = m.getColumnKey(e), o = !Object.is(e.editFormItemProps?.extendSearchFormProps, !1);
+    return {
+      field: `${r[c.rowKey]}.${e.searchField ?? n}`,
+      component: () => $,
+      defaultValue: r[n],
+      colProps: {
+        span: d(f).editableType === "cell" ? 20 : 24
+      },
+      formItemProps: {
+        help: ""
+      },
+      ...o ? k(C(e.formItemProps), e.editFormItemProps, P) : e.editFormItemProps
+    };
+  };
+  return {
+    innerColumns: y
+  };
+};
+export {
+  To as useColumns
+};
+//# sourceMappingURL=useColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColumns.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useColumns.ts"],"sourcesContent":["import { ref, watchEffect, unref, h } from 'vue'\nimport { cloneDeep, isFunction, mergeWith } from 'lodash-es'\nimport { Input } from 'ant-design-vue'\nimport { EditableCell } from '../components'\nimport { ColumnKeyFlag, type CustomRenderParams } from '../types/column'\nimport tableConfig from '../dynamic-table.config'\nimport { useTableContext } from './useTableContext'\nimport type { TableColumn } from '@/components/core/dynamic-table'\nimport type { FormSchema } from '@/components/core/schema-form'\nimport { isBoolean } from '@/utils/is'\nimport { TableAction } from '@/components/core/dynamic-table/src/components'\nimport { useI18n } from '@/hooks/useI18n'\n\nconst { t } = useI18n()\n\nexport const useColumns = () => {\n  const tableContext = useTableContext()\n  const { slots, props, getProps, paginationRef } = tableContext\n  const innerColumns = ref(props.columns)\n\n  watchEffect(() => {\n    const innerProps = { ...unref(getProps) }\n    const ColumnKeyFlags = Object.keys(ColumnKeyFlag)\n    const columns = cloneDeep(innerProps!.columns!.filter(n => !n.hideInTable))\n\n    // 是否添加序号列\n    if (innerProps?.showIndex) {\n      columns.unshift({\n        dataIndex: ColumnKeyFlag.INDEX,\n        title: t('column.$$index'),\n        width: 60,\n        align: 'center',\n        fixed: 'left',\n        ...innerProps?.indexColumnProps,\n        customRender: ({ index }) => {\n          const getPagination = unref(paginationRef)\n          if (isBoolean(getPagination)) {\n            return index + 1\n          }\n          const { current = 1, pageSize = 10 } = getPagination!\n          return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1\n        },\n      } as TableColumn)\n    }\n\n    // @ts-ignore\n    innerColumns.value = columns.map(item => {\n      const customRender = item.customRender\n\n      const rowKey = props.rowKey as string\n      const columnKey = tableContext.getColumnKey(item) as string\n\n      item.align ||= tableConfig.defaultAlign\n\n      item.customRender = options => {\n        const { record, index, text } = options as CustomRenderParams<Recordable<any>>\n        /** 当前行是否开启了编辑行模式 */\n        const isEditableRow = tableContext.isEditable(record[rowKey])\n        /** 是否开启了单元格编辑模式 */\n        const isEditableCell =\n          innerProps.editableType === 'cell' || innerProps.editableType === 'dynamicCell'\n        /** 当前单元格是否允许被编辑 */\n        const isCellEditable = isBoolean(item.editable)\n          ? item.editable\n          : item.editable?.(options) ?? true\n        /** 是否允许被编辑 */\n        const isShowEditable =\n          (isEditableRow || isEditableCell) && isCellEditable && !ColumnKeyFlags.includes(columnKey)\n\n        return isShowEditable\n          ? h(\n              EditableCell,\n              {\n                schema: getColumnFormSchema(item, record) as any,\n                rowKey: record[rowKey] ?? index,\n                editableType: innerProps.editableType,\n                column: options,\n              },\n              { default: () => customRender?.(options) ?? text, ...slots },\n            )\n          : customRender?.(options)\n      }\n\n      // 操作列\n      if (item.actions && columnKey === ColumnKeyFlag.ACTION) {\n        item.customRender = options => {\n          const { record, index } = options\n          return h(TableAction, {\n            actions: item.actions!(options, tableContext),\n            rowKey: record[rowKey] ?? index,\n            columnParams: options,\n          })\n        }\n      }\n      return {\n        key: item.key ?? (item.dataIndex as Key),\n        dataIndex: item.dataIndex ?? (item.key as Key),\n        ...item,\n      } as TableColumn\n    })\n  })\n\n  function mergeCustomizer(objValue, srcValue, key) {\n    /** 这里着重处理 `componentProps` 为函数时的合并处理 */\n    if (key === 'componentProps') {\n      return (...rest) => {\n        return {\n          ...(isFunction(objValue) ? objValue(...rest) : objValue),\n          ...(isFunction(srcValue) ? srcValue(...rest) : srcValue),\n        }\n      }\n    }\n  }\n\n  /** 获取当前行的form schema */\n  const getColumnFormSchema = (item: TableColumn, record: Recordable): FormSchema => {\n    const key = tableContext.getColumnKey(item) as string\n    /** 是否继承搜索表单的属性 */\n    const isExtendSearchFormProps = !Object.is(item.editFormItemProps?.extendSearchFormProps, false)\n\n    return {\n      field: `${record[props.rowKey as string]}.${item.searchField ?? key}`,\n      component: () => Input,\n      defaultValue: record[key],\n      colProps: {\n        span: unref(getProps).editableType === 'cell' ? 20 : 24,\n      },\n      formItemProps: {\n        help: '',\n      },\n      ...(isExtendSearchFormProps\n        ? mergeWith(cloneDeep(item.formItemProps), item.editFormItemProps, mergeCustomizer)\n        : item.editFormItemProps),\n    }\n  }\n\n  return {\n    innerColumns,\n  }\n}\n"],"names":["t","useI18n","useColumns","tableContext","useTableContext","slots","props","getProps","paginationRef","innerColumns","ref","watchEffect","innerProps","unref","ColumnKeyFlags","ColumnKeyFlag","columns","cloneDeep","n","index","getPagination","isBoolean","current","pageSize","item","customRender","rowKey","columnKey","tableConfig","options","record","text","isEditableRow","isEditableCell","isCellEditable","h","EditableCell","getColumnFormSchema","TableAction","mergeCustomizer","objValue","srcValue","key","rest","isFunction","isExtendSearchFormProps","Input","mergeWith"],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+import { watch as C, nextTick as g } from "vue";
+import { cloneDeep as $ } from "lodash-es";
+import { message as V } from "ant-design-vue";
+import { useTableContext as S } from "./useTableContext.js";
+const L = () => {
+  const {
+    props: o,
+    tableData: b,
+    editFormModel: c,
+    editTableFormRef: r,
+    editFormErrorMsgs: p,
+    editableCellKeys: d,
+    editableRowKeys: i
+  } = S();
+  C(
+    () => o.editableType,
+    (e) => {
+      e === "cell" || e === "dynamicCell" ? i.value.clear() : d.value.clear();
+    }
+  );
+  const v = (e, t) => {
+    Reflect.set(c.value, e, t), g(() => {
+      r.value?.setFormModel(e, t);
+    });
+  }, E = (e, t, l) => {
+    const a = $(
+      t ?? b.value.find((s) => s[String(o.rowKey)] === e)
+    );
+    return l?.forEach((s) => {
+      const { formItemProps: u, editFormItemProps: f } = s, m = s.dataIndex || s.key;
+      Reflect.has(a, m) || Reflect.set(a, m, void 0), !Object.is(f?.extendSearchFormProps, !1) && u && Reflect.has(u, "defaultValue") && (a[m] = u.defaultValue), f && Reflect.has(f, "defaultValue") && (a[m] = f.defaultValue);
+    }), a;
+  }, F = (e, t) => {
+    if (d.value.clear(), console.log("startEditable editFormModel", c), i.value.size > 0 && o.editableType === "single")
+      return V.warn(o.onlyOneLineEditorAlertMessage || "只能同时编辑一行"), !1;
+    const l = E(e, t, o.columns);
+    return v(e, l), i.value.add(e), !0;
+  }, R = (e, t, l) => {
+    i.value.clear();
+    const a = o.columns.filter((u) => u.dataIndex === t), s = E(e, l, a);
+    d.value.add(`${e}.${t}`), v(e, {
+      ...n(e) || s,
+      [t]: s[t]
+    });
+  }, M = (e, t) => {
+    d.value.delete(`${e}.${t}`);
+    const l = n(e), a = b.value.find((s) => s[String(o.rowKey)] === e);
+    a && Reflect.set(l, t, a[t]), p.value.delete(`${e}.${t}`);
+  }, w = (e) => {
+    const t = n(e);
+    return Object.keys(t).forEach((l) => p.value.delete(`${e}.${l}`)), g(() => {
+      r.value?.delFormModel?.(e);
+    }), i.value.delete(e), Reflect.deleteProperty(c.value, e);
+  }, h = (e) => i.value.has(e), n = (e) => Reflect.get(c.value, e);
+  return {
+    setEditFormModel: v,
+    startEditable: F,
+    startCellEditable: R,
+    cancelCellEditable: M,
+    cancelEditable: w,
+    isEditable: h,
+    validateRow: async (e) => {
+      const t = Object.keys(n(e)).map((a) => [String(e), a]), l = await r.value?.validateFields(t);
+      return l?.[e] ?? l;
+    },
+    validateCell: async (e, t) => {
+      const l = await r.value?.validateFields([[String(e), t]]);
+      return l?.[e] ?? l;
+    },
+    getEditFormModel: n
+  };
+};
+export {
+  L as useEditable
+};
+//# sourceMappingURL=useEditable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEditable.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useEditable.ts"],"sourcesContent":["import { nextTick, watch } from 'vue'\nimport { cloneDeep } from 'lodash-es'\nimport { message } from 'ant-design-vue'\nimport { useTableContext } from './useTableContext'\nimport type { TableColumn } from '../types/column'\n\nexport type UseEditableType = ReturnType<typeof useEditable>\n\nexport const useEditable = () => {\n  const {\n    props,\n    tableData,\n    editFormModel,\n    editTableFormRef,\n    editFormErrorMsgs,\n    editableCellKeys,\n    editableRowKeys,\n  } = useTableContext()\n\n  watch(\n    () => props.editableType,\n    type => {\n      if (type === 'cell' || type === 'dynamicCell') {\n        editableRowKeys.value.clear()\n      } else {\n        editableCellKeys.value.clear()\n      }\n    },\n  )\n\n  /** 设置表单值 */\n  const setEditFormModel = (recordKey: Key, editValue: Recordable) => {\n    Reflect.set(editFormModel.value, recordKey, editValue)\n    nextTick(() => {\n      editTableFormRef.value?.setFormModel(recordKey, editValue)\n    })\n  }\n\n  /** 获取要编辑的值 */\n  const getEditValue = (\n    recordKey: Key,\n    currentRow?: Recordable,\n    columns?: TableColumn<Recordable<any>>[],\n  ) => {\n    // 克隆当前行数据作为临时编辑的表单数据，避免直接修改原数据\n    const editValue = cloneDeep(\n      currentRow ?? tableData.value.find(n => n[String(props.rowKey)] === recordKey),\n    )\n    // 用户设置的默认值优先\n    columns?.forEach(item => {\n      const { formItemProps, editFormItemProps } = item\n      const field = (item.dataIndex || item.key) as string\n\n      if (!Reflect.has(editValue, field)) {\n        Reflect.set(editValue, field, undefined)\n      }\n\n      if (\n        !Object.is(editFormItemProps?.extendSearchFormProps, false) &&\n        formItemProps &&\n        Reflect.has(formItemProps, 'defaultValue')\n      ) {\n        editValue[field] = formItemProps.defaultValue\n      }\n      if (editFormItemProps && Reflect.has(editFormItemProps, 'defaultValue')) {\n        editValue[field] = editFormItemProps.defaultValue\n      }\n    })\n    return editValue\n  }\n\n  /**\n   * @description 进入编辑行状态\n   *\n   * @param recordKey 当前行id，即table的rowKey\n   * @param currentRow 当前行数据\n   */\n  const startEditable = (recordKey: Key, currentRow?: Recordable) => {\n    editableCellKeys.value.clear()\n    console.log('startEditable editFormModel', editFormModel)\n    // 如果是单行的话，不允许多行编辑\n    if (editableRowKeys.value.size > 0 && props.editableType === 'single') {\n      message.warn(props.onlyOneLineEditorAlertMessage || '只能同时编辑一行')\n      return false\n    }\n    const editValue = getEditValue(recordKey, currentRow, props.columns)\n    setEditFormModel(recordKey, editValue)\n    editableRowKeys.value.add(recordKey)\n    return true\n  }\n\n  /** 进入编辑单元格状态 */\n  const startCellEditable = (recordKey: Key, dataIndex: Key, currentRow?: Recordable) => {\n    editableRowKeys.value.clear()\n    const targetColumn = props.columns.filter(n => n.dataIndex === dataIndex)\n    const editValue = getEditValue(recordKey, currentRow, targetColumn)\n\n    editableCellKeys.value.add(`${recordKey}.${dataIndex}`)\n    setEditFormModel(recordKey, {\n      ...(getEditFormModel(recordKey) || editValue),\n      [dataIndex]: editValue[dataIndex],\n    })\n  }\n\n  /** 取消编辑单元格 */\n  const cancelCellEditable = (recordKey: Key, dataIndex: Key) => {\n    editableCellKeys.value.delete(`${recordKey}.${dataIndex}`)\n    const editFormModel = getEditFormModel(recordKey)\n    const record = tableData.value.find(n => n[String(props.rowKey)] === recordKey)\n    if (record) {\n      // 取消编辑，还原默认值\n      Reflect.set(editFormModel, dataIndex, record[dataIndex])\n    }\n    /** 表单项的校验错误信息也清掉 */\n    editFormErrorMsgs.value.delete(`${recordKey}.${dataIndex}`)\n  }\n\n  /**\n   * 退出编辑行状态\n   *\n   * @param recordKey\n   */\n  const cancelEditable = (recordKey: Key) => {\n    const formModel = getEditFormModel(recordKey)\n    /** 表单项的校验错误信息也清掉 */\n    Object.keys(formModel).forEach(field => editFormErrorMsgs.value.delete(`${recordKey}.${field}`))\n\n    nextTick(() => {\n      editTableFormRef.value?.delFormModel?.(recordKey)\n    })\n\n    editableRowKeys.value.delete(recordKey)\n    return Reflect.deleteProperty(editFormModel.value, recordKey)\n  }\n\n  /** 这行是不是编辑状态 */\n  const isEditable = (recordKey: Key) => editableRowKeys.value.has(recordKey)\n\n  /** 获取表单编辑后的值 */\n  const getEditFormModel = (recordKey: Key) => Reflect.get(editFormModel.value, recordKey)\n\n  /** 行编辑表单是否校验通过 */\n  const validateRow = async (recordKey: Key) => {\n    const nameList = Object.keys(getEditFormModel(recordKey)).map(n => [String(recordKey), n])\n    const result = await editTableFormRef.value?.validateFields(nameList)\n    return result?.[recordKey] ?? result\n  }\n\n  /**\n   * 单元格表单是否校验通过\n   * @param recordKey 当前行ID\n   * @param dataIndex 当前单元格字段名, eg: `column.dataIndex`\n   *  */\n  const validateCell = async (recordKey: Key, dataIndex: Key) => {\n    const result = await editTableFormRef.value?.validateFields([[String(recordKey), dataIndex]])\n    return result?.[recordKey] ?? result\n  }\n\n  return {\n    setEditFormModel,\n    startEditable,\n    startCellEditable,\n    cancelCellEditable,\n    cancelEditable,\n    isEditable,\n    validateRow,\n    validateCell,\n    getEditFormModel,\n  }\n}\n"],"names":["useEditable","props","tableData","editFormModel","editTableFormRef","editFormErrorMsgs","editableCellKeys","editableRowKeys","useTableContext","watch","type","setEditFormModel","recordKey","editValue","nextTick","getEditValue","currentRow","columns","cloneDeep","n","item","formItemProps","editFormItemProps","field","startEditable","message","startCellEditable","dataIndex","targetColumn","getEditFormModel","cancelCellEditable","record","cancelEditable","formModel","isEditable","nameList","result"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { isEmpty as s, get as u } from "lodash-es";
+import { columnKeyFlags as x } from "../types/column.js";
+import { useTableContext as d } from "./useTableContext.js";
+import { exportJson2Excel as i } from "../../../../../utils/Export2Excel.js";
+const g = () => ({ exportData2Excel: () => {
+  const o = d(), { columns: c, exportFormatter: r, exportFileName: l, exportBookType: p, exportAutoWidth: n } = o.props, { tableData: m } = o, a = c.filter((e) => {
+    const t = o.getColumnKey(e);
+    return t && !x.includes(t);
+  });
+  if (r) {
+    const { header: e, data: t } = r(a, m.value);
+    if (s(e) || s(t))
+      return;
+    i({
+      header: e,
+      data: t,
+      filename: l,
+      bookType: p,
+      autoWidth: n
+    });
+  } else
+    i({
+      header: a.map((e) => e.title),
+      data: m.value.map(
+        (e) => a.map((t) => u(e, o.getColumnKey(t)))
+      ),
+      filename: l,
+      bookType: p,
+      autoWidth: n
+    });
+} });
+export {
+  g as useExportData2Excel
+};
+//# sourceMappingURL=useExportData2Excel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExportData2Excel.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useExportData2Excel.ts"],"sourcesContent":["import { get, isEmpty } from 'lodash-es'\nimport { columnKeyFlags } from '../types'\nimport { useTableContext } from './useTableContext'\nimport { exportJson2Excel } from '@/utils/Export2Excel'\n\nexport type ExportData2Excel = ReturnType<typeof useExportData2Excel>\n\n/**\n * 导出表格Excel\n */\nexport const useExportData2Excel = () => {\n  const exportData2Excel = () => {\n    const tableContext = useTableContext()\n    const { columns, exportFormatter, exportFileName, exportBookType, exportAutoWidth } =\n      tableContext.props\n    const { tableData } = tableContext\n\n    const theaders = columns.filter(n => {\n      const key = tableContext.getColumnKey(n)\n      return key && !columnKeyFlags.includes(key)\n    })\n\n    if (exportFormatter) {\n      const { header, data } = exportFormatter(theaders, tableData.value)\n      if (isEmpty(header) || isEmpty(data)) {\n        return\n      } else {\n        exportJson2Excel({\n          header,\n          data,\n          filename: exportFileName,\n          bookType: exportBookType,\n          autoWidth: exportAutoWidth,\n        })\n      }\n    } else {\n      exportJson2Excel({\n        header: theaders.map(n => n.title as string),\n        data: tableData.value.map(v =>\n          theaders.map(header => get(v, tableContext.getColumnKey(header)!)),\n        ),\n        filename: exportFileName,\n        bookType: exportBookType,\n        autoWidth: exportAutoWidth,\n      })\n    }\n  }\n  return { exportData2Excel }\n}\n"],"names":["useExportData2Excel","tableContext","useTableContext","columns","exportFormatter","exportFileName","exportBookType","exportAutoWidth","tableData","theaders","n","key","columnKeyFlags","header","data","isEmpty","exportJson2Excel","v","get"],"mappings":";;;;AAUO,MAAMA,IAAsB,OAqC1B,EAAE,kBApCgB,MAAM;AAC7B,QAAMC,IAAeC,EAAA,GACf,EAAE,SAAAC,GAAS,iBAAAC,GAAiB,gBAAAC,GAAgB,gBAAAC,GAAgB,iBAAAC,EAAA,IAChEN,EAAa,OACT,EAAE,WAAAO,MAAcP,GAEhBQ,IAAWN,EAAQ,OAAO,CAAAO,MAAK;AACnC,UAAMC,IAAMV,EAAa,aAAaS,CAAC;AACvC,WAAOC,KAAO,CAACC,EAAe,SAASD,CAAG;AAAA,EAC5C,CAAC;AAED,MAAIP,GAAiB;AACnB,UAAM,EAAE,QAAAS,GAAQ,MAAAC,EAAA,IAASV,EAAgBK,GAAUD,EAAU,KAAK;AAClE,QAAIO,EAAQF,CAAM,KAAKE,EAAQD,CAAI;AACjC;AAEA,IAAAE,EAAiB;AAAA,MACf,QAAAH;AAAA,MACA,MAAAC;AAAA,MACA,UAAUT;AAAA,MACV,UAAUC;AAAA,MACV,WAAWC;AAAA,IAAA,CACZ;AAAA,EAEL;AACE,IAAAS,EAAiB;AAAA,MACf,QAAQP,EAAS,IAAI,CAAAC,MAAKA,EAAE,KAAe;AAAA,MAC3C,MAAMF,EAAU,MAAM;AAAA,QAAI,CAAAS,MACxBR,EAAS,IAAI,CAAAI,MAAUK,EAAID,GAAGhB,EAAa,aAAaY,CAAM,CAAE,CAAC;AAAA,MAAA;AAAA,MAEnE,UAAUR;AAAA,MACV,UAAUC;AAAA,MACV,WAAWC;AAAA,IAAA,CACZ;AAEL,EACS;"}

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

@@ -0,0 +1,39 @@
+import { ref as g, computed as m } from "vue";
+import { debounce as p } from "lodash-es";
+import { useMutationObserver as h, useResizeObserver as b } from "@vueuse/core";
+const d = (o) => {
+  let t = o.offsetTop, e = o.offsetParent;
+  for (; e != null; )
+    t += e.offsetTop, e = e.offsetParent;
+  return t;
+}, S = ({ props: o, containerElRef: t }) => {
+  const e = g(), a = m(() => ({
+    y: e.value,
+    ...o.scroll
+  })), i = p(() => {
+    if (!o.autoHeight || !t.value)
+      return;
+    let c = 0;
+    const n = t.value.querySelector(".ant-pagination");
+    if (n) {
+      const { offsetHeight: s } = n, { marginTop: l, marginBottom: u } = getComputedStyle(n);
+      c = s + parseInt(l) + parseInt(u);
+    }
+    const r = t.value.querySelector(".ant-table-body") || t.value.querySelector(".ant-table-tbody");
+    if (r) {
+      const s = document.documentElement.offsetHeight, l = d(r), u = r.offsetHeight - r.clientHeight, f = s - l - u - c - 8;
+      e.value = f;
+    }
+  }, 20);
+  return h(t, i, {
+    childList: !0,
+    subtree: !0
+  }), b(document.documentElement, i), {
+    scroll: a
+  };
+};
+export {
+  d as getPositionTop,
+  S as useScroll
+};
+//# sourceMappingURL=useScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScroll.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useScroll.ts"],"sourcesContent":["import { computed, ref, type Ref } from 'vue'\nimport { debounce } from 'lodash-es'\nimport { useMutationObserver, useResizeObserver } from '@vueuse/core'\nimport type { DynamicTableProps } from '../dynamic-table'\n\ntype UseScrollParams = {\n  props: DynamicTableProps\n  containerElRef: Ref<HTMLDivElement | null>\n}\n\nexport type UseScrollType = ReturnType<typeof useScroll>\n\n// 获取元素到顶部距离-通用方法\nexport const getPositionTop = (node: HTMLElement) => {\n  let top = node.offsetTop\n  let parent = node.offsetParent as HTMLElement\n  while (parent != null) {\n    top += parent.offsetTop\n    parent = parent.offsetParent as HTMLElement\n  }\n  return top // 所有的父元素top和\n}\n\nexport const useScroll = ({ props, containerElRef }: UseScrollParams) => {\n  const scrollY = ref<number>()\n\n  const scroll = computed(() => {\n    return {\n      y: scrollY.value,\n      ...props.scroll,\n    }\n  })\n\n  const getScrollY = debounce(() => {\n    if (!props.autoHeight || !containerElRef.value) return\n    let paginationHeight = 0\n    const paginationEl = containerElRef.value.querySelector<HTMLDivElement>('.ant-pagination')\n    if (paginationEl) {\n      const { offsetHeight } = paginationEl\n      const { marginTop, marginBottom } = getComputedStyle(paginationEl)\n      paginationHeight = offsetHeight + parseInt(marginTop) + parseInt(marginBottom)\n    }\n    const bodyEl =\n      containerElRef.value.querySelector<HTMLDivElement>('.ant-table-body') ||\n      containerElRef.value.querySelector<HTMLDivElement>('.ant-table-tbody')\n    if (bodyEl) {\n      const rootElHeight = document.documentElement.offsetHeight\n      const posTopHeight = getPositionTop(bodyEl as HTMLDivElement)\n      const scrollbarHeight = bodyEl.offsetHeight - bodyEl.clientHeight\n      const y = rootElHeight - posTopHeight - scrollbarHeight - paginationHeight - 8\n      scrollY.value = y\n      // console.log('innerScroll.value', rootElHeight, posTopHeight, paginationHeight, y);\n    }\n  }, 20)\n\n  useMutationObserver(containerElRef, getScrollY, {\n    childList: true,\n    subtree: true,\n  })\n\n  useResizeObserver(document.documentElement, getScrollY)\n\n  return {\n    scroll,\n  }\n}\n"],"names":["getPositionTop","node","top","parent","useScroll","props","containerElRef","scrollY","ref","scroll","computed","getScrollY","debounce","paginationHeight","paginationEl","offsetHeight","marginTop","marginBottom","bodyEl","rootElHeight","posTopHeight","scrollbarHeight","y","useMutationObserver","useResizeObserver"],"mappings":";;;AAaO,MAAMA,IAAiB,CAACC,MAAsB;AACnD,MAAIC,IAAMD,EAAK,WACXE,IAASF,EAAK;AAClB,SAAOE,KAAU;AACf,IAAAD,KAAOC,EAAO,WACdA,IAASA,EAAO;AAElB,SAAOD;AACT,GAEaE,IAAY,CAAC,EAAE,OAAAC,GAAO,gBAAAC,QAAsC;AACvE,QAAMC,IAAUC,EAAA,GAEVC,IAASC,EAAS,OACf;AAAA,IACL,GAAGH,EAAQ;AAAA,IACX,GAAGF,EAAM;AAAA,EAAA,EAEZ,GAEKM,IAAaC,EAAS,MAAM;AAChC,QAAI,CAACP,EAAM,cAAc,CAACC,EAAe;AAAO;AAChD,QAAIO,IAAmB;AACvB,UAAMC,IAAeR,EAAe,MAAM,cAA8B,iBAAiB;AACzF,QAAIQ,GAAc;AAChB,YAAM,EAAE,cAAAC,MAAiBD,GACnB,EAAE,WAAAE,GAAW,cAAAC,MAAiB,iBAAiBH,CAAY;AACjE,MAAAD,IAAmBE,IAAe,SAASC,CAAS,IAAI,SAASC,CAAY;AAAA,IAC/E;AACA,UAAMC,IACJZ,EAAe,MAAM,cAA8B,iBAAiB,KACpEA,EAAe,MAAM,cAA8B,kBAAkB;AACvE,QAAIY,GAAQ;AACV,YAAMC,IAAe,SAAS,gBAAgB,cACxCC,IAAepB,EAAekB,CAAwB,GACtDG,IAAkBH,EAAO,eAAeA,EAAO,cAC/CI,IAAIH,IAAeC,IAAeC,IAAkBR,IAAmB;AAC7E,MAAAN,EAAQ,QAAQe;AAAA,IAElB;AAAA,EACF,GAAG,EAAE;AAEL,SAAAC,EAAoBjB,GAAgBK,GAAY;AAAA,IAC9C,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACV,GAEDa,EAAkB,SAAS,iBAAiBb,CAAU,GAE/C;AAAA,IACL,QAAAF;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,41 @@
+import { jsx as l } from "vue/jsx-runtime";
+import { ref as f, watch as u, nextTick as s, unref as c } from "vue";
+import { isEmpty as m } from "lodash-es";
+import b from "../dynamic-table.vue.js";
+function v(n) {
+  const a = f({});
+  async function o() {
+    await s();
+    const e = c(a);
+    return m(e) && console.error("未获取表格实例!"), e;
+  }
+  u(
+    () => n,
+    async () => {
+      n && (await s(), (await o())?.setProps?.(n));
+    },
+    {
+      deep: !0,
+      flush: "post"
+    }
+  );
+  const i = new Proxy(a, {
+    get(e, t) {
+      return Reflect.has(e, t) ? c(e) : e.value && Reflect.has(e.value, t) ? Reflect.get(e.value, t) : async (...r) => (await o())?.[t]?.(...r);
+    }
+  });
+  return [(e, { attrs: t, slots: r }) => /* @__PURE__ */ l(
+    b,
+    {
+      ref: a,
+      ...t,
+      ...n,
+      ...e,
+      "v-slots": r
+    }
+  ), c(i)];
+}
+export {
+  v as useTable
+};
+//# sourceMappingURL=useTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTable.tsx"],"sourcesContent":["import { nextTick, ref, unref, watch } from 'vue'\nimport { isEmpty } from 'lodash-es'\nimport DynamicTable from '../dynamic-table.vue'\nimport type { FunctionalComponent, Ref } from 'vue'\nimport type { DynamicTableProps } from '../dynamic-table'\n\ntype DynamicTableInstance = InstanceType<typeof DynamicTable>\n\nexport function useTable(props?: Partial<DynamicTableProps>) {\n  const dynamicTableRef = ref<DynamicTableInstance>({} as DynamicTableInstance)\n\n  async function getTableInstance() {\n    await nextTick()\n    const table = unref(dynamicTableRef)\n    if (isEmpty(table)) {\n      console.error('未获取表格实例!')\n    }\n    return table\n  }\n\n  watch(\n    () => props,\n    async () => {\n      if (props) {\n        // console.log('table onMounted', { ...props });\n        await nextTick()\n        const tableInstance = await getTableInstance()\n        tableInstance?.setProps?.(props)\n      }\n    },\n    {\n      deep: true,\n      flush: 'post',\n    },\n  )\n\n  const methods = new Proxy<Ref<DynamicTableInstance>>(dynamicTableRef, {\n    get(target, key: string) {\n      if (Reflect.has(target, key)) {\n        return unref(target)\n      }\n      if (target.value && Reflect.has(target.value, key)) {\n        return Reflect.get(target.value, key)\n      }\n      return async (...rest) => {\n        const table = await getTableInstance()\n        return table?.[key]?.(...rest)\n      }\n    },\n  })\n\n  const DynamicTableRender: FunctionalComponent<DynamicTableProps> = (\n    compProps,\n    { attrs, slots },\n  ) => {\n    return (\n      <DynamicTable\n        ref={dynamicTableRef}\n        {...{ ...attrs, ...props, ...compProps }}\n        v-slots={slots}\n      ></DynamicTable>\n    )\n  }\n\n  return [DynamicTableRender, unref(methods)] as const\n}\n"],"names":["useTable","props","dynamicTableRef","ref","getTableInstance","nextTick","table","unref","isEmpty","watch","methods","target","key","rest","compProps","attrs","slots","jsx","DynamicTable"],"mappings":";;;;AAQO,SAASA,EAASC,GAAoC;AAC3D,QAAMC,IAAkBC,EAA0B,EAA0B;AAE5E,iBAAeC,IAAmB;AAChC,UAAMC,EAAA;AACN,UAAMC,IAAQC,EAAML,CAAe;AACnC,WAAIM,EAAQF,CAAK,KACf,QAAQ,MAAM,UAAU,GAEnBA;AAAA,EACT;AAEA,EAAAG;AAAA,IACE,MAAMR;AAAA,IACN,YAAY;AACV,MAAIA,MAEF,MAAMI,EAAA,IACgB,MAAMD,EAAA,IACb,WAAWH,CAAK;AAAA,IAEnC;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAGF,QAAMS,IAAU,IAAI,MAAiCR,GAAiB;AAAA,IACpE,IAAIS,GAAQC,GAAa;AACvB,aAAI,QAAQ,IAAID,GAAQC,CAAG,IAClBL,EAAMI,CAAM,IAEjBA,EAAO,SAAS,QAAQ,IAAIA,EAAO,OAAOC,CAAG,IACxC,QAAQ,IAAID,EAAO,OAAOC,CAAG,IAE/B,UAAUC,OACD,MAAMT,EAAA,KACLQ,CAAG,IAAI,GAAGC,CAAI;AAAA,IAEjC;AAAA,EAAA,CACD;AAeD,SAAO,CAb4D,CACjEC,GACA,EAAE,OAAAC,GAAO,OAAAC,QAGP,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKhB;AAAA,MACC,GAAGa;AAAA,MAAO,GAAGd;AAAA,MAAO,GAAGa;AAAA,MAC7B,WAASE;AAAA,IAAA;AAAA,EAAA,GAKaT,EAAMG,CAAO,CAAC;AAC5C;"}

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

@@ -0,0 +1,13 @@
+import { injectLocal as o, provideLocal as n } from "@vueuse/core";
+const e = Symbol("dynamic-table");
+function a(t) {
+  n(e, t);
+}
+function r() {
+  return o(e);
+}
+export {
+  a as createTableContext,
+  r as useTableContext
+};
+//# sourceMappingURL=useTableContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableContext.js","sources":["../../../../../../../src/components/core/dynamic-table/src/hooks/useTableContext.ts"],"sourcesContent":["import { injectLocal, provideLocal } from '@vueuse/core'\nimport type { DynamicTableType } from '../types'\n\nconst key = Symbol('dynamic-table')\n\nexport function createTableContext(instance: DynamicTableType) {\n  provideLocal(key, instance)\n}\n\nexport function useTableContext() {\n  return injectLocal(key) as DynamicTableType\n}\n"],"names":["key","createTableContext","instance","provideLocal","useTableContext","injectLocal"],"mappings":";AAGA,MAAMA,IAAM,OAAO,eAAe;AAE3B,SAASC,EAAmBC,GAA4B;AAC7D,EAAAC,EAAaH,GAAKE,CAAQ;AAC5B;AAEO,SAASE,IAAkB;AAChC,SAAOC,EAAYL,CAAG;AACxB;"}

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