@utogether/udp-core 2.0.0-beta.26 → 2.0.0-beta.28

package/src/components/udp/utils.ts

@@ -1,420 +1,420 @@
-/*
- * @Author: wei.li
- * @Date: 2022-06-23 17:29:11
- * @LastEditors: levi7754 levi7754@163.com
- * @LastEditTime: 2026-04-16 09:37:11
- * @Description: file content
- */
-// @ts-nocheck
-
-import { clone, isString, orderBy, isEmpty, toDateString, isObject, isFunction, isArray } from 'xe-utils';
-import { cookies, storageLocal } from '@utogether/utils';
-/** 系统配置的key */
-const kSYSCONFIG = 'kSysConfig';
-const kCOOKIES = 'kCookies_param';
-
-const sysConfig = storageLocal.getItem(kSYSCONFIG);
-
-let exportOptions = null;
-
-/** 工具栏按钮标准化 */
-export const formatButton = (buttons, auth?) => {
-  buttons.forEach(btn => {
-    btn.auth = auth ? auth[btn.code] || btn.auth : btn.auth;
-    if (!btn.name) {
-      btn.name = `message.btn.${btn.code}`;
-    } else if (sysConfig?.i18nEnabled === 'Y' && !btn.name.startsWith('message.')) {
-      btn.name = `message.btn.${btn.name}`;
-    }
-    if (btn.dropdowns?.length) {
-      formatButton(btn.dropdowns, auth);
-    }
-  });
-  return buttons;
-};
-
-/**
- * @description 查询10W数据,常用于Excel导出
- * @param props 查询接口的路径
- * @param http http实例
- * @param form 查询条件
- * @returns 查询返回的数据
- */
-export const queryAll = (props, http, form) => {
-  console.log('exportMethod', exportOptions);
-  const params = { pageNum: 1, pageSize: 100000 };
-  const commonParam = getCookieParam();
-  Object.assign(params, form, commonParam, props.defaultParams || {}, exportOptions.params);
-  let query = formatMultipleParams(params, props.items);
-  query = formatDateRange(query, props.items);
-
-  const { url } = props;
-  if (!url) return null;
-  const requestURL = isString(url) ? url : url.fetch || url.restful;
-  if (!requestURL) return null;
-  const method = url.fetch ? 'post' : 'get';
-  return new Promise((resolve, reject) => {
-    http[method](requestURL, query)
-      .then((response: IResponseData) => {
-        resolve(response.list);
-      })
-      .catch((e: any) => {
-        reject(e);
-      });
-  });
-};
-
-/**
- * @description 查询服务
- * @param props 查询接口的路径
- * @param form 查询条件
- * @param page 分页参数
- * @param http http实例
- * @param isDoc doc文档
- * @returns Promise
- */
-export const query = (props, form, page, http, code, isDoc) => {
-  if (isDoc) return getDocData();
-
-  console.log('query', form);
-
-  for (const key in form) {
-    if (form[key] && isString(form[key])) {
-      form[key] = form[key].trim();
-    }
-  }
-  const params = { pageNum: page.currentPage, pageSize: page.pageSize };
-  const commonParam = getCookieParam();
-  Object.assign(params, commonParam, props.defaultParams || {}, form);
-
-  let query = formatMultipleParams(params, props.items);
-  query = formatDateRange(query, props.items);
-  const { url } = props;
-  if (!url) return null;
-  const requestURL = isString(url) ? url : url.fetch || url.restful;
-  const method = url.fetch ? 'post' : 'get';
-  if (!requestURL) return null;
-  return http[method](requestURL, query);
-};
-
-/**
- * @description 表格删除方法
- * @param http http实例
- * @param records 记录行
- * @param props 删除接口的路径
- * @returns Promise
- */
-export const del = (http, records, props) => {
-  const { url } = props;
-  if (!url) return null;
-  const requestURL = isString(url) ? url : url.del || url.restful;
-  if (!requestURL) return null;
-  const method = url.del ? 'post' : 'delete';
-  return http[method](requestURL, records);
-};
-
-/** 更新服务 */
-export const save = (http, body, props) => {
-  const allService = [];
-  const { url } = props;
-  if (!url) return null;
-
-  const { insertRecords, updateRecords } = body;
-  if (!isEmpty(insertRecords)) {
-    const commonParam = getCookieParam();
-    insertRecords.forEach(m => {
-      !isEmpty(props?.defaultValue) && Object.assign(m, props.defaultValue);
-      Object.keys(commonParam)?.forEach(key => {
-        m[key] = m[key] || commonParam[key];
-      });
-    });
-    const requestURL = isString(url) ? url : url.add || url.restful;
-    requestURL && allService.push(http.post(requestURL, insertRecords));
-  }
-  if (!isEmpty(updateRecords)) {
-    const requestURL = isString(url) ? url : url.save || url.restful;
-    const method = url.save ? 'post' : 'put';
-    requestURL && allService.push(http[method](requestURL, updateRecords));
-  }
-  return allService;
-};
-
-/**
- * 多选数据优化
- * @param listQuery
- * @param items
- * @returns
- */
-const formatMultipleParams = (listQuery: any, items) => {
-  const multipleItems = items.filter(f => f.itemRender?.props?.multiple || f.multiple);
-  if (isEmpty(multipleItems)) return listQuery;
-  const query = clone(listQuery, true);
-  multipleItems.forEach((element: any) => {
-    if (element.itemRender.name === '#select' && element.itemRender.props.multiple) {
-      if (query[`_${element.field}`]?.length === 0) {
-        // 重置后
-        query[`${element.field}`] = null;
-      }
-      delete listQuery[`_${element.field}`];
-      delete query[`_${element.field}`];
-    }
-  });
-  return query;
-};
-
-const startFormatter = 'yyyy-MM-dd 00:00:00';
-const endFormatter = 'yyyy-MM-dd 23:59:59';
-// 时间范围优化
-const formatDateRange = (listQuery: any, items) => {
-  const dateRanges = items.filter(f => ['#SuDateRange', 'VxeDateRangePicker'].includes(f.itemRender?.name));
-  if (isEmpty(dateRanges)) return listQuery;
-  const query = clone(listQuery, true);
-  dateRanges.forEach((element: any) => {
-    let selectedDate = query[element.field];
-    if (element.itemRender.name === 'VxeDateRangePicker' && selectedDate && !isArray(selectedDate)) {
-      selectedDate = selectedDate.split(',');
-    }
-    const { startField, endField } = element.itemRender;
-    if (selectedDate && startField) {
-      query[startField] = toDateString(query[startField] || selectedDate[0], startFormatter);
-      query[endField] = toDateString(query[endField] || selectedDate[1], endFormatter);
-    } else if (selectedDate) {
-      query[`${element.field}From`] = toDateString(selectedDate[0], startFormatter);
-      query[`${element.field}To`] = toDateString(selectedDate[1], endFormatter);
-    }
-    delete query[element.field];
-  });
-  return query;
-};
-
-const getCookieParam = () => {
-  return cookies.get(kCOOKIES) ? JSON.parse(cookies.get(kCOOKIES)) : {};
-};
-
-/** 工具栏默认按钮组 */
-export const inlineButtons = [
-  {
-    code: 'insert_actived',
-    name: 'add',
-    status: 'u-cyan',
-    icon: 'vxe-icon-add',
-    auth: 'add',
-    sort: 1
-  },
-  {
-    code: 'delete',
-    status: 'danger',
-    icon: 'vxe-icon-delete',
-    auth: 'del',
-    sort: 2
-  },
-  {
-    code: 'save',
-    status: 'primary',
-    icon: 'vxe-icon-save',
-    auth: 'edit',
-    sort: 3
-  }
-];
-// form 模式按钮
-export const dialogButtons = [
-  {
-    code: 'add',
-    status: 'u-cyan',
-    icon: 'vxe-icon-add',
-    auth: 'add',
-    sort: 1
-  },
-  {
-    code: 'del',
-    status: 'danger',
-    icon: 'vxe-icon-delete',
-    auth: 'del',
-    sort: 2
-  }
-];
-
-export const defaultColums = [
-  { field: 'createdByName', width: 90, visible: false },
-  { field: 'creationDate', width: 140, visible: false },
-  { field: 'lastUpdatedByName', width: 90, visible: false },
-  { field: 'lastUpdateDate', width: 140, visible: false }
-];
-
-/** 导出配置 */
-export const getExportConfig = attrs => {
-  if (isObject(attrs.exportConfig)) return attrs.exportConfig;
-  return {
-    filename: attrs.fileName || '导出明细',
-    type: 'xlsx',
-    types: ['xlsx', 'csv'],
-    modes: ['current', 'selected', 'all'],
-    useStyle: true,
-    sheetMethod: ({ worksheet }) => (attrs.onSheetMethod ? attrs.onSheetMethod(worksheet) : onSheetMethod(worksheet)),
-    beforeExportMethod: options =>
-      attrs.beforeExportMethod ? (exportOptions = attrs.beforeExportMethod(options)) : null,
-    columnFilterMethod: ({ column }) =>
-      attrs.columnFilter
-        ? !!attrs.columnFilter(column)
-        : !['operate'].includes(column.field) && column.type !== 'checkbox'
-  };
-};
-
-export const getToolBarConfig = (data, props, attrs, hasAuthority) => {
-  const refreshOptions = {
-    icon: 'ri-refresh-line',
-    iconLoading: 'vxe-icon-spinner roll vxe-loading--default-icon'
-  };
-  // 不可编辑时
-  if (!props.editable) {
-    data.editConfig.editable = props.editable;
-    const hasExport = props.needExport && hasAuthority('export');
-    if (hasExport) {
-      data.exportConfig = getExportConfig(attrs);
-    }
-    data.toolbarConfig = {
-      buttons: [],
-      enabled: hasExport,
-      refreshOptions,
-      exportOptions: { icon: 'ri-download-2-line', code: 'export' },
-      export: hasExport,
-      custom: !!attrs.gridId,
-      refresh: true,
-      perfect: true
-    };
-    return data;
-  }
-
-  // 先设置传入的按钮
-  let buttons = clone(attrs.buttons || [], true);
-
-  buttons.forEach((button, idx) => {
-    button.sort = button.sort || idx + 10;
-  });
-
-  // 获取默认的按钮
-  const toolButtons = attrs.mode !== 'form' ? clone(inlineButtons, true) : clone(dialogButtons, true);
-  // 判断传入的按钮是否有默认按钮的auth,有就不加入按钮组中,相当于重写了默认的按钮
-  // reverse的原因是: 保持现有按钮顺序， 新增，保存，删除
-  toolButtons.reverse().forEach(btn => {
-    !buttons.some(s => s.code === btn.code) && buttons.unshift(btn);
-    if (attrs.authPrefix && !['printer', 'export'].includes(btn.auth)) {
-      btn.auth = attrs.authPrefix + btn.auth.slice(0, 1).toLocaleUpperCase() + btn.auth.slice(1).toLocaleLowerCase();
-    }
-  });
-
-  buttons = formatButton(buttons, props.auth).filter(button => {
-    const flag = button.auth ? hasAuthority(button.auth) : true;
-    if (button.dropdowns?.length) {
-      button.dropdowns = button.dropdowns.filter(btn => !btn.auth || (btn.auth && hasAuthority(btn.auth)));
-    }
-    return flag;
-  });
-  // inline 行内模式，单击行模式
-  const editConfig = { trigger: 'dblclick', mode: 'row', showStatus: true };
-  data.editConfig = attrs.mode !== 'form' ? editConfig : { enabled: false };
-  // 导出权限
-  const hasExport = props.needExport && hasAuthority('export');
-  let exportBtn = null;
-  if (hasExport) {
-    data.exportConfig = getExportConfig(attrs);
-    exportBtn = { icon: 'ri-download-2-line', code: 'export' };
-  }
-  data.toolbarConfig = {
-    buttons: orderBy(buttons, 'sort'),
-    enabled: true,
-    refreshOptions,
-    customOptions: attrs.gridId ? {} : null,
-    exportOptions: exportBtn,
-    custom: !!attrs.gridId,
-    export: hasExport,
-    refresh: true,
-    perfect: true
-  };
-  return data;
-};
-
-/**
- * @description: 表格脚合并方法
- * @param {*} columns 列数据
- * @param {*} data 数据源
- * @param {*} sum 合并属性
- * @return {*} 合并脚方法
- */
-export const footerSumMethod = ({ columns, data }, sum) => {
-  return [
-    columns.map((column, columnIdx) => {
-      if (columnIdx === (sum.index || 0)) {
-        return sum.label || '合计';
-      }
-      if (sum.fields?.includes(column.property)) {
-        const total = data.reduce((prev, cur) => {
-          return prev + Number(cur[column.property] || 0);
-        }, 0);
-        return total ? Number(total.toFixed(sum.decimal || 2)) : total;
-      }
-      return '';
-    })
-  ];
-};
-
-/**
- * @description: checkbox是否可选
- */
-export const onCheckMethod = (row, props) => {
-  if (isFunction(props.checkMethod)) {
-    return props.checkMethod(row);
-  }
-  return true;
-};
-
-/*** excel样式重置 */
-const onSheetMethod = ws => {
-  ws.eachRow((row, rowNumber) => {
-    row.font = { name: '微软雅黑', size: 9 };
-    row.border = {
-      top: { style: 'thin' },
-      left: { style: 'thin' },
-      bottom: { style: 'thin' },
-      right: { style: 'thin' }
-    };
-
-    if (rowNumber === 1) {
-      row.fill = {
-        type: 'pattern',
-        pattern: 'solid',
-        fgColor: { argb: '4F81BD' }
-      };
-      row.font = {
-        name: '微软雅黑',
-        size: 10,
-        bold: true,
-        color: { argb: 'FFFFFFFF' }
-      };
-    }
-  });
-};
-
-const getDocData = () => {
-  return new Promise(resolve => {
-    setTimeout(() => {
-      const list = [
-        { id: 1, name: 'Test1', sex: 'Man', age: 28, address: 'Shenzhen' },
-        { id: 2, name: 'Test2', sex: 'Women', age: 22, address: 'Guangzhou' },
-        { id: 3, name: 'Test3', sex: 'Man', age: 32, address: 'Shanghai' },
-        { id: 4, name: 'Test4', sex: 'Women', age: 23, address: 'test abc' },
-        { id: 5, name: 'Test5', sex: 'Women', age: 30, address: 'Shanghai' }
-      ];
-      resolve({ list, total: 5 });
-    }, 100);
-  });
-};
-
-export const getAttrs = attrs => {
-  const data = {};
-  Object.keys(attrs).forEach(key => {
-    const nKey = key.replace(/-(\w)/g, str => str.slice(1).toUpperCase());
-    data[nKey] = attrs[key];
-  });
-  return data;
-};
+/*
+ * @Author: wei.li
+ * @Date: 2022-06-23 17:29:11
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2026-04-16 09:37:11
+ * @Description: file content
+ */
+// @ts-nocheck
+
+import { clone, isString, orderBy, isEmpty, toDateString, isObject, isFunction, isArray } from 'xe-utils';
+import { cookies, storageLocal } from '@utogether/utils';
+/** 系统配置的key */
+const kSYSCONFIG = 'kSysConfig';
+const kCOOKIES = 'kCookies_param';
+
+const sysConfig = storageLocal.getItem(kSYSCONFIG);
+
+let exportOptions = null;
+
+/** 工具栏按钮标准化 */
+export const formatButton = (buttons, auth?) => {
+  buttons.forEach(btn => {
+    btn.auth = auth ? auth[btn.code] || btn.auth : btn.auth;
+    if (!btn.name) {
+      btn.name = `message.btn.${btn.code}`;
+    } else if (sysConfig?.i18nEnabled === 'Y' && !btn.name.startsWith('message.')) {
+      btn.name = `message.btn.${btn.name}`;
+    }
+    if (btn.dropdowns?.length) {
+      formatButton(btn.dropdowns, auth);
+    }
+  });
+  return buttons;
+};
+
+/**
+ * @description 查询10W数据,常用于Excel导出
+ * @param props 查询接口的路径
+ * @param http http实例
+ * @param form 查询条件
+ * @returns 查询返回的数据
+ */
+export const queryAll = (props, http, form) => {
+  console.log('exportMethod', exportOptions);
+  const params = { pageNum: 1, pageSize: 100000 };
+  const commonParam = getCookieParam();
+  Object.assign(params, form, commonParam, props.defaultParams || {}, exportOptions.params);
+  let query = formatMultipleParams(params, props.items);
+  query = formatDateRange(query, props.items);
+
+  const { url } = props;
+  if (!url) return null;
+  const requestURL = isString(url) ? url : url.fetch || url.restful;
+  if (!requestURL) return null;
+  const method = url.fetch ? 'post' : 'get';
+  return new Promise((resolve, reject) => {
+    http[method](requestURL, query)
+      .then((response: IResponseData) => {
+        resolve(response.list);
+      })
+      .catch((e: any) => {
+        reject(e);
+      });
+  });
+};
+
+/**
+ * @description 查询服务
+ * @param props 查询接口的路径
+ * @param form 查询条件
+ * @param page 分页参数
+ * @param http http实例
+ * @param isDoc doc文档
+ * @returns Promise
+ */
+export const query = (props, form, page, http, code, isDoc) => {
+  if (isDoc) return getDocData();
+
+  console.log('query', form);
+
+  for (const key in form) {
+    if (form[key] && isString(form[key])) {
+      form[key] = form[key].trim();
+    }
+  }
+  const params = { pageNum: page.currentPage, pageSize: page.pageSize };
+  const commonParam = getCookieParam();
+  Object.assign(params, commonParam, props.defaultParams || {}, form);
+
+  let query = formatMultipleParams(params, props.items);
+  query = formatDateRange(query, props.items);
+  const { url } = props;
+  if (!url) return null;
+  const requestURL = isString(url) ? url : url.fetch || url.restful;
+  const method = url.fetch ? 'post' : 'get';
+  if (!requestURL) return null;
+  return http[method](requestURL, query);
+};
+
+/**
+ * @description 表格删除方法
+ * @param http http实例
+ * @param records 记录行
+ * @param props 删除接口的路径
+ * @returns Promise
+ */
+export const del = (http, records, props) => {
+  const { url } = props;
+  if (!url) return null;
+  const requestURL = isString(url) ? url : url.del || url.restful;
+  if (!requestURL) return null;
+  const method = url.del ? 'post' : 'delete';
+  return http[method](requestURL, records);
+};
+
+/** 更新服务 */
+export const save = (http, body, props) => {
+  const allService = [];
+  const { url } = props;
+  if (!url) return null;
+
+  const { insertRecords, updateRecords } = body;
+  if (!isEmpty(insertRecords)) {
+    const commonParam = getCookieParam();
+    insertRecords.forEach(m => {
+      !isEmpty(props?.defaultValue) && Object.assign(m, props.defaultValue);
+      Object.keys(commonParam)?.forEach(key => {
+        m[key] = m[key] || commonParam[key];
+      });
+    });
+    const requestURL = isString(url) ? url : url.add || url.restful;
+    requestURL && allService.push(http.post(requestURL, insertRecords));
+  }
+  if (!isEmpty(updateRecords)) {
+    const requestURL = isString(url) ? url : url.save || url.restful;
+    const method = url.save ? 'post' : 'put';
+    requestURL && allService.push(http[method](requestURL, updateRecords));
+  }
+  return allService;
+};
+
+/**
+ * 多选数据优化
+ * @param listQuery
+ * @param items
+ * @returns
+ */
+const formatMultipleParams = (listQuery: any, items) => {
+  const multipleItems = items.filter(f => f.itemRender?.props?.multiple || f.multiple);
+  if (isEmpty(multipleItems)) return listQuery;
+  const query = clone(listQuery, true);
+  multipleItems.forEach((element: any) => {
+    if (element.itemRender.name === '#select' && element.itemRender.props.multiple) {
+      if (query[`_${element.field}`]?.length === 0) {
+        // 重置后
+        query[`${element.field}`] = null;
+      }
+      delete listQuery[`_${element.field}`];
+      delete query[`_${element.field}`];
+    }
+  });
+  return query;
+};
+
+const startFormatter = 'yyyy-MM-dd 00:00:00';
+const endFormatter = 'yyyy-MM-dd 23:59:59';
+// 时间范围优化
+const formatDateRange = (listQuery: any, items) => {
+  const dateRanges = items.filter(f => ['#SuDateRange', 'VxeDateRangePicker'].includes(f.itemRender?.name));
+  if (isEmpty(dateRanges)) return listQuery;
+  const query = clone(listQuery, true);
+  dateRanges.forEach((element: any) => {
+    let selectedDate = query[element.field];
+    if (element.itemRender.name === 'VxeDateRangePicker' && selectedDate && !isArray(selectedDate)) {
+      selectedDate = selectedDate.split(',');
+    }
+    const { startField, endField } = element.itemRender;
+    if (selectedDate && startField) {
+      query[startField] = toDateString(query[startField] || selectedDate[0], startFormatter);
+      query[endField] = toDateString(query[endField] || selectedDate[1], endFormatter);
+    } else if (selectedDate) {
+      query[`${element.field}From`] = toDateString(selectedDate[0], startFormatter);
+      query[`${element.field}To`] = toDateString(selectedDate[1], endFormatter);
+    }
+    delete query[element.field];
+  });
+  return query;
+};
+
+const getCookieParam = () => {
+  return cookies.get(kCOOKIES) ? JSON.parse(cookies.get(kCOOKIES)) : {};
+};
+
+/** 工具栏默认按钮组 */
+export const inlineButtons = [
+  {
+    code: 'insert_actived',
+    name: 'add',
+    status: 'u-cyan',
+    icon: 'vxe-icon-add',
+    auth: 'add',
+    sort: 1
+  },
+  {
+    code: 'delete',
+    status: 'danger',
+    icon: 'vxe-icon-delete',
+    auth: 'del',
+    sort: 2
+  },
+  {
+    code: 'save',
+    status: 'primary',
+    icon: 'vxe-icon-save',
+    auth: 'edit',
+    sort: 3
+  }
+];
+// form 模式按钮
+export const dialogButtons = [
+  {
+    code: 'add',
+    status: 'u-cyan',
+    icon: 'vxe-icon-add',
+    auth: 'add',
+    sort: 1
+  },
+  {
+    code: 'del',
+    status: 'danger',
+    icon: 'vxe-icon-delete',
+    auth: 'del',
+    sort: 2
+  }
+];
+
+export const defaultColums = [
+  { field: 'createdByName', width: 90, visible: false },
+  { field: 'creationDate', width: 140, visible: false },
+  { field: 'lastUpdatedByName', width: 90, visible: false },
+  { field: 'lastUpdateDate', width: 140, visible: false }
+];
+
+/** 导出配置 */
+export const getExportConfig = attrs => {
+  if (isObject(attrs.exportConfig)) return attrs.exportConfig;
+  return {
+    filename: attrs.fileName || '导出明细',
+    type: 'xlsx',
+    types: ['xlsx', 'csv'],
+    modes: ['current', 'selected', 'all'],
+    useStyle: true,
+    sheetMethod: ({ worksheet }) => (attrs.onSheetMethod ? attrs.onSheetMethod(worksheet) : onSheetMethod(worksheet)),
+    beforeExportMethod: options =>
+      attrs.beforeExportMethod ? (exportOptions = attrs.beforeExportMethod(options)) : null,
+    columnFilterMethod: ({ column }) =>
+      attrs.columnFilter
+        ? !!attrs.columnFilter(column)
+        : !['operate'].includes(column.field) && column.type !== 'checkbox'
+  };
+};
+
+export const getToolBarConfig = (data, props, attrs, hasAuthority) => {
+  const refreshOptions = {
+    icon: 'ri-refresh-line',
+    iconLoading: 'vxe-icon-spinner roll vxe-loading--default-icon'
+  };
+  // 不可编辑时
+  if (!props.editable) {
+    data.editConfig.editable = props.editable;
+    const hasExport = props.needExport && hasAuthority('export');
+    if (hasExport) {
+      data.exportConfig = getExportConfig(attrs);
+    }
+    data.toolbarConfig = {
+      buttons: [],
+      enabled: hasExport,
+      refreshOptions,
+      exportOptions: { icon: 'ri-download-2-line', code: 'export' },
+      export: hasExport,
+      custom: !!attrs.gridId,
+      refresh: true,
+      perfect: true
+    };
+    return data;
+  }
+
+  // 先设置传入的按钮
+  let buttons = clone(attrs.buttons || [], true);
+
+  buttons.forEach((button, idx) => {
+    button.sort = button.sort || idx + 10;
+  });
+
+  // 获取默认的按钮
+  const toolButtons = attrs.mode !== 'form' ? clone(inlineButtons, true) : clone(dialogButtons, true);
+  // 判断传入的按钮是否有默认按钮的auth,有就不加入按钮组中,相当于重写了默认的按钮
+  // reverse的原因是: 保持现有按钮顺序， 新增，保存，删除
+  toolButtons.reverse().forEach(btn => {
+    !buttons.some(s => s.code === btn.code) && buttons.unshift(btn);
+    if (attrs.authPrefix && !['printer', 'export'].includes(btn.auth)) {
+      btn.auth = attrs.authPrefix + btn.auth.slice(0, 1).toLocaleUpperCase() + btn.auth.slice(1).toLocaleLowerCase();
+    }
+  });
+
+  buttons = formatButton(buttons, props.auth).filter(button => {
+    const flag = button.auth ? hasAuthority(button.auth) : true;
+    if (button.dropdowns?.length) {
+      button.dropdowns = button.dropdowns.filter(btn => !btn.auth || (btn.auth && hasAuthority(btn.auth)));
+    }
+    return flag;
+  });
+  // inline 行内模式，单击行模式
+  const editConfig = { trigger: 'dblclick', mode: 'row', showStatus: true };
+  data.editConfig = attrs.mode !== 'form' ? editConfig : { enabled: false };
+  // 导出权限
+  const hasExport = props.needExport && hasAuthority('export');
+  let exportBtn = null;
+  if (hasExport) {
+    data.exportConfig = getExportConfig(attrs);
+    exportBtn = { icon: 'ri-download-2-line', code: 'export' };
+  }
+  data.toolbarConfig = {
+    buttons: orderBy(buttons, 'sort'),
+    enabled: true,
+    refreshOptions,
+    customOptions: attrs.gridId ? {} : null,
+    exportOptions: exportBtn,
+    custom: !!attrs.gridId,
+    export: hasExport,
+    refresh: true,
+    perfect: true
+  };
+  return data;
+};
+
+/**
+ * @description: 表格脚合并方法
+ * @param {*} columns 列数据
+ * @param {*} data 数据源
+ * @param {*} sum 合并属性
+ * @return {*} 合并脚方法
+ */
+export const footerSumMethod = ({ columns, data }, sum) => {
+  return [
+    columns.map((column, columnIdx) => {
+      if (columnIdx === (sum.index || 0)) {
+        return sum.label || '合计';
+      }
+      if (sum.fields?.includes(column.property)) {
+        const total = data.reduce((prev, cur) => {
+          return prev + Number(cur[column.property] || 0);
+        }, 0);
+        return total ? Number(total.toFixed(sum.decimal || 2)) : total;
+      }
+      return '';
+    })
+  ];
+};
+
+/**
+ * @description: checkbox是否可选
+ */
+export const onCheckMethod = (row, props) => {
+  if (isFunction(props.checkMethod)) {
+    return props.checkMethod(row);
+  }
+  return true;
+};
+
+/*** excel样式重置 */
+const onSheetMethod = ws => {
+  ws.eachRow((row, rowNumber) => {
+    row.font = { name: '微软雅黑', size: 9 };
+    row.border = {
+      top: { style: 'thin' },
+      left: { style: 'thin' },
+      bottom: { style: 'thin' },
+      right: { style: 'thin' }
+    };
+
+    if (rowNumber === 1) {
+      row.fill = {
+        type: 'pattern',
+        pattern: 'solid',
+        fgColor: { argb: '4F81BD' }
+      };
+      row.font = {
+        name: '微软雅黑',
+        size: 10,
+        bold: true,
+        color: { argb: 'FFFFFFFF' }
+      };
+    }
+  });
+};
+
+const getDocData = () => {
+  return new Promise(resolve => {
+    setTimeout(() => {
+      const list = [
+        { id: 1, name: 'Test1', sex: 'Man', age: 28, address: 'Shenzhen' },
+        { id: 2, name: 'Test2', sex: 'Women', age: 22, address: 'Guangzhou' },
+        { id: 3, name: 'Test3', sex: 'Man', age: 32, address: 'Shanghai' },
+        { id: 4, name: 'Test4', sex: 'Women', age: 23, address: 'test abc' },
+        { id: 5, name: 'Test5', sex: 'Women', age: 30, address: 'Shanghai' }
+      ];
+      resolve({ list, total: 5 });
+    }, 100);
+  });
+};
+
+export const getAttrs = attrs => {
+  const data = {};
+  Object.keys(attrs).forEach(key => {
+    const nKey = key.replace(/-(\w)/g, str => str.slice(1).toUpperCase());
+    data[nKey] = attrs[key];
+  });
+  return data;
+};