@zat-design/sisyphus-react 3.0.13

package/es/ProTable/useAntdTable.d.ts

@@ -0,0 +1,82 @@
+import { Key } from 'react';
+import { useRequest } from 'ahooks';
+import { RequestOptions, Service } from './propsType';
+declare function useAntdTable<I, R extends Record<string, any>, S extends Service<I, R>>(service: S, options?: RequestOptions<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): {
+    data: any;
+    params: any;
+    rowSelection: {
+        type: import("antd/lib/table/interface").RowSelectionType;
+        selectedRowKeys: Key[];
+        onChange(selectedRowKeys: Key[], rows: any[]): void;
+        onSelectAll: (selected: boolean, selectedRows: R[]) => void;
+        getCheckboxProps: () => {
+            className: string;
+        };
+        selections: boolean | {
+            key: string;
+            text: string;
+            onSelect: (changeableRowKeys: Key[]) => void;
+        }[];
+    };
+    searchValues: I;
+    allSelected: boolean;
+    selectedTip: string;
+    selectedRowKeys: Key[];
+    selectedRecords: R[];
+    clearSelected: () => void;
+    setSelectedRowKeys: (selectedRowKeys: Key[]) => void;
+    setSelectedRecords: (selectedRecords: R[]) => void;
+    pagination: {
+        current: number;
+        pageSize: number;
+        showSizeChanger: boolean;
+        showQuickJumper: boolean;
+        onPaginationChange: boolean;
+        total: any;
+        showTotal: (total: any) => string;
+        onShowSizeChange: (current: number, pageSize: number) => void;
+        onChange: (current: number, pageSize: number) => void;
+    };
+    onReset: () => void;
+    onSearch: (values: any) => void;
+    refresh: () => void;
+    tableProps: {
+        rowKey: string | import("rc-table/lib/interface").GetRowKey<R>;
+        loading: boolean;
+        dataSource: any;
+        rowSelection: {
+            type: import("antd/lib/table/interface").RowSelectionType;
+            selectedRowKeys: Key[];
+            onChange(selectedRowKeys: Key[], rows: any[]): void;
+            onSelectAll: (selected: boolean, selectedRows: R[]) => void;
+            getCheckboxProps: () => {
+                className: string;
+            };
+            selections: boolean | {
+                key: string;
+                text: string;
+                onSelect: (changeableRowKeys: Key[]) => void;
+            }[];
+        };
+        pagination: {
+            current: number;
+            pageSize: number;
+            showSizeChanger: boolean;
+            showQuickJumper: boolean;
+            onPaginationChange: boolean;
+            total: any;
+            showTotal: (total: any) => string;
+            onShowSizeChange: (current: number, pageSize: number) => void;
+            onChange: (current: number, pageSize: number) => void;
+        };
+        onChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
+    };
+    loading: boolean;
+    error?: Error;
+    cancel: () => void;
+    refreshAsync: () => Promise<unknown>;
+    run: (...params: any[]) => void;
+    runAsync: (...params: any[]) => Promise<unknown>;
+    mutate: (data?: unknown) => void;
+};
+export default useAntdTable;

package/es/ProTable/useAntdTable.js

@@ -0,0 +1,374 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["page", "filters", "sorter"];
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { usePrevious, useRequest, useSetState, useDeepCompareEffect } from 'ahooks';
+import { isEqual } from 'lodash';
+import { defaultPage } from './index';
+var useDefaultOptions = function useDefaultOptions(options) {
+  var _useState = useState((options === null || options === void 0 ? void 0 : options.page) || defaultPage),
+    _useState2 = _slicedToArray(_useState, 2),
+    page = _useState2[0],
+    onPageChange = _useState2[1];
+  return _objectSpread(_objectSpread({}, options), {}, {
+    rowSelectType: (options === null || options === void 0 ? void 0 : options.rowSelectType) || 'checkbox',
+    page: page,
+    onPageChange: (options === null || options === void 0 ? void 0 : options.onPageChange) || onPageChange
+  });
+};
+function useAntdTable(service, options, useRequestOptions) {
+  var _useSetState = useSetState({
+      selectedRecords: [],
+      selectedRowKeys: [],
+      searchValues: undefined,
+      extraFilter: undefined,
+      allSelected: false
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    _useSetState2$ = _useSetState2[0],
+    selectedRecords = _useSetState2$.selectedRecords,
+    selectedRowKeys = _useSetState2$.selectedRowKeys,
+    searchValues = _useSetState2$.searchValues,
+    extraFilter = _useSetState2$.extraFilter,
+    allSelected = _useSetState2$.allSelected,
+    setState = _useSetState2[1];
+  var _useDefaultOptions = useDefaultOptions(options),
+    form = _useDefaultOptions.form,
+    page = _useDefaultOptions.page,
+    extraParams = _useDefaultOptions.extraParams,
+    rowKey = _useDefaultOptions.rowKey,
+    _useDefaultOptions$ro = _useDefaultOptions.rowSelection,
+    returnRowSelection = _useDefaultOptions$ro === void 0 ? false : _useDefaultOptions$ro,
+    rowSelectType = _useDefaultOptions.rowSelectType,
+    rowSelections = _useDefaultOptions.rowSelections,
+    _useDefaultOptions$is = _useDefaultOptions.isResetQuery,
+    isResetQuery = _useDefaultOptions$is === void 0 ? false : _useDefaultOptions$is,
+    onPageChange = _useDefaultOptions.onPageChange,
+    transformParams = _useDefaultOptions.transformParams,
+    transformResponse = _useDefaultOptions.transformResponse;
+  var _ref = useRequestOptions || {},
+    defaultParams = _ref.defaultParams,
+    manual = _ref.manual;
+  var defaultParam = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
+  var initPage = (options === null || options === void 0 ? void 0 : options.page) || defaultPage;
+  var getTransformParams = useCallback(function (params) {
+    var realParams = _objectSpread(_objectSpread(_objectSpread({}, defaultParam), extraParams), params);
+    if (transformParams) {
+      return transformParams(realParams);
+    }
+    var _realParams$page = realParams.page,
+      page = _realParams$page === void 0 ? initPage : _realParams$page,
+      filters = realParams.filters,
+      sorter = realParams.sorter,
+      otherParams = _objectWithoutProperties(realParams, _excluded);
+    var queryBean = _objectSpread({
+      filters: JSON.stringify(filters) === '{}' ? undefined : filters,
+      sorter: JSON.stringify(sorter) === '{}' ? undefined : sorter
+    }, otherParams);
+    return _objectSpread(_objectSpread({}, page), {}, {
+      queryBean: queryBean !== null && queryBean !== void 0 ? queryBean : {}
+    });
+  }, [defaultParam, extraParams]);
+  var params = useMemo(function () {
+    var newQueryBean = _objectSpread(_objectSpread({}, searchValues), extraFilter);
+    return getTransformParams(_objectSpread({
+      page: page
+    }, newQueryBean));
+  }, [page, searchValues, extraFilter]);
+  // 调接口
+  var result = useRequest(service, _objectSpread(_objectSpread({}, useRequestOptions), {}, {
+    debounceWait: 50,
+    defaultParams: [getTransformParams()]
+  }));
+  var _result$data = result.data,
+    data = _result$data === void 0 ? {} : _result$data,
+    run = result.run,
+    refresh = result.refresh;
+  var _ref2 = data || {},
+    _ref2$data = _ref2.data,
+    dataSource = _ref2$data === void 0 ? {} : _ref2$data;
+  var _ref3 = dataSource || {},
+    _ref3$list = _ref3.list,
+    list = _ref3$list === void 0 ? [] : _ref3$list,
+    _ref3$total = _ref3.total,
+    total = _ref3$total === void 0 ? 0 : _ref3$total;
+  var newList = transformResponse ? transformResponse(dataSource) : list;
+  var curService = useMemo(function () {
+    return service.toString();
+  }, [service]);
+  // service变化时触发 (禁止掉防止service变更时导致的死循环)
+  // const prevService = usePrevious(curService);
+  // extraParams变化时触发
+  var prevExtraParams = usePrevious(extraParams);
+  var clearSelected = useCallback(function () {
+    setState({
+      allSelected: false,
+      selectedRecords: [],
+      selectedRowKeys: []
+    });
+  }, []);
+  // 分页变更
+  var handlePageChange = useCallback(function (current, pageSize) {
+    var page = {
+      pageNum: current,
+      pageSize: pageSize
+    };
+    onPageChange(page);
+    if (allSelected) {
+      var filterList = newList.filter(function (item) {
+        return !selectedRowKeys.includes(item === null || item === void 0 ? void 0 : item[rowKey]);
+      });
+      setState({
+        selectedRecords: [].concat(_toConsumableArray(selectedRecords), _toConsumableArray(filterList)),
+        selectedRowKeys: [].concat(_toConsumableArray(selectedRowKeys), _toConsumableArray(filterList === null || filterList === void 0 ? void 0 : filterList.map(function (item) {
+          return item === null || item === void 0 ? void 0 : item[rowKey];
+        })))
+      });
+    } else {
+      setState({
+        selectedRecords: [],
+        selectedRowKeys: []
+      });
+    }
+    run(getTransformParams(_objectSpread(_objectSpread({
+      page: page
+    }, searchValues), extraFilter)));
+  }, [allSelected, searchValues, extraFilter, newList, getTransformParams]);
+  var handleTableChange = useCallback(function (pagination, filters, sorter, extra) {
+    // 跳过分页改变，使用pagination的onChange
+    if (extra.action === 'paginate') {
+      return;
+    }
+    var page = {
+      pageNum: pagination.current,
+      pageSize: pagination.pageSize
+    };
+    onPageChange(page);
+    setState({
+      selectedRecords: [],
+      selectedRowKeys: [],
+      extraFilter: {
+        filters: filters,
+        sorter: sorter
+      }
+    });
+    run(getTransformParams(_objectSpread(_objectSpread({
+      page: page
+    }, searchValues), {}, {
+      filters: filters,
+      sorter: sorter
+    })));
+  }, [allSelected, searchValues, run, getTransformParams]);
+  var onSearch = useCallback(function (values) {
+    var newPage = {
+      pageNum: 1,
+      pageSize: page.pageSize
+    };
+    onPageChange(newPage);
+    setState({
+      searchValues: values,
+      allSelected: false,
+      selectedRecords: [],
+      selectedRowKeys: []
+    });
+    run(getTransformParams(_objectSpread(_objectSpread({
+      page: newPage
+    }, extraFilter), values)));
+  }, [extraFilter, page.pageSize, run, getTransformParams]);
+  var resetParams = useCallback(function () {
+    var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initPage;
+    setState({
+      searchValues: undefined,
+      allSelected: false,
+      selectedRecords: [],
+      selectedRowKeys: [],
+      extraFilter: {
+        filters: undefined,
+        sorter: undefined
+      }
+    });
+  }, []);
+  // 重置查询条件: 页码还原、勾选清空
+  var onReset = useCallback(function () {
+    form === null || form === void 0 ? void 0 : form.resetFields();
+    var newPage = {
+      pageNum: 1,
+      pageSize: page.pageSize
+    };
+    resetParams(newPage);
+    isResetQuery && run(getTransformParams({
+      page: newPage
+    }));
+  }, [page.pageSize, run, resetParams, getTransformParams]);
+  var handleRefresh = function handleRefresh() {
+    setState({
+      allSelected: false,
+      selectedRecords: [],
+      selectedRowKeys: []
+    });
+    refresh();
+  };
+  useDeepCompareEffect(function () {
+    if (!manual && curService) {
+      // service改变时重新请求
+      resetParams();
+      run(getTransformParams());
+    }
+  }, [curService]);
+  useEffect(function () {
+    if (!manual && prevExtraParams && !isEqual(prevExtraParams, extraParams)) {
+      var newPage = {
+        pageNum: 1,
+        pageSize: page.pageSize
+      };
+      resetParams(newPage);
+      run(getTransformParams({
+        page: newPage
+      }));
+    }
+  }, [manual, prevExtraParams, extraParams, run, resetParams, getTransformParams]);
+  var rowSelection = {
+    type: rowSelectType,
+    selectedRowKeys: selectedRowKeys,
+    onChange: function onChange(selectedRowKeys, rows) {
+      setState({
+        selectedRecords: rows,
+        selectedRowKeys: selectedRowKeys
+      });
+    },
+    onSelectAll: function onSelectAll(selected, selectedRows) {
+      if (selected) {
+        setState({
+          allSelected: true,
+          selectedRecords: selectedRows,
+          selectedRowKeys: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.map(function (item) {
+            return item === null || item === void 0 ? void 0 : item.productId;
+          })
+        });
+      } else {
+        setState({
+          allSelected: false,
+          selectedRecords: [],
+          selectedRowKeys: []
+        });
+      }
+    },
+    getCheckboxProps: function getCheckboxProps() {
+      return {
+        className: allSelected && rowSelections ? 'checkbox-disabled' : ''
+      };
+    },
+    selections: rowSelections ? [{
+      key: 'currentPage',
+      text: "\u9009\u62E9\u5F53\u524D\u9875(".concat((newList === null || newList === void 0 ? void 0 : newList.length) || 0, "\u6761)"),
+      onSelect: function onSelect(changeableRowKeys) {
+        setState({
+          allSelected: false,
+          selectedRecords: _toConsumableArray(newList),
+          selectedRowKeys: changeableRowKeys
+        });
+      }
+    }, {
+      key: 'all',
+      text: "\u9009\u62E9\u5168\u90E8(".concat(total, "\u6761)"),
+      onSelect: function () {
+        var _onSelect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(changeableRowKeys) {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setState({
+                  allSelected: true,
+                  selectedRecords: _toConsumableArray(newList),
+                  selectedRowKeys: changeableRowKeys
+                });
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        function onSelect(_x) {
+          return _onSelect.apply(this, arguments);
+        }
+        return onSelect;
+      }()
+    }, {
+      key: 'uncheckAll',
+      text: '取消选择',
+      onSelect: function () {
+        var _onSelect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                setState({
+                  allSelected: false,
+                  selectedRecords: [],
+                  selectedRowKeys: []
+                });
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        function onSelect() {
+          return _onSelect2.apply(this, arguments);
+        }
+        return onSelect;
+      }()
+    }] : false
+  };
+  var selectedTip = allSelected || selectedRowKeys.length ? "\u5DF2\u9009 ".concat(allSelected ? total : selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length, " \u6761\u6570\u636E") : null;
+  var pagination = {
+    current: page.pageNum,
+    pageSize: page.pageSize,
+    showSizeChanger: true,
+    showQuickJumper: true,
+    onPaginationChange: true,
+    total: total,
+    showTotal: function showTotal(total) {
+      if (!total) return;
+      return "\u5171".concat(total, "\u6761");
+    },
+    onShowSizeChange: handlePageChange,
+    onChange: handlePageChange
+  };
+  return _objectSpread(_objectSpread({}, result), {}, {
+    data: newList,
+    params: params,
+    rowSelection: rowSelection,
+    searchValues: searchValues,
+    allSelected: allSelected,
+    selectedTip: selectedTip,
+    selectedRowKeys: selectedRowKeys,
+    selectedRecords: selectedRecords,
+    clearSelected: clearSelected,
+    setSelectedRowKeys: function setSelectedRowKeys(selectedRowKeys) {
+      setState({
+        selectedRowKeys: selectedRowKeys
+      });
+    },
+    setSelectedRecords: function setSelectedRecords(selectedRecords) {
+      setState({
+        selectedRecords: selectedRecords
+      });
+    },
+    pagination: pagination,
+    onReset: onReset,
+    onSearch: onSearch,
+    refresh: handleRefresh,
+    tableProps: {
+      rowKey: rowKey,
+      loading: result.loading,
+      dataSource: newList,
+      rowSelection: returnRowSelection || rowSelections ? rowSelection : undefined,
+      pagination: pagination,
+      onChange: handleTableChange
+    }
+  });
+}
+export default useAntdTable;

package/es/ProTable/utils.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ProTableColumn } from './propsType';
+export declare const formatColumn: (column: ProTableColumn) => void;
+export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
+/**
+ * 查找最近的父级className
+ * @param element 当前node节点
+ * @param type 'className' | 'id' 查找class或者id
+ * @param name string class或者id的值
+ * @returns ReactNode 父级element
+ */
+export declare const getParentElement: (element: any, name: any, type?: string) => React.ReactNode;

package/es/ProTable/utils.js

@@ -0,0 +1,234 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/typography/style";
+import _Typography from "antd/es/typography";
+/* eslint-disable react-hooks/rules-of-hooks */
+import React from 'react';
+import moment from 'moment';
+import { multiply } from 'lodash';
+import { ProForm } from 'zat-design-pro-component';
+import { ReactSVG } from 'react-svg';
+import { CheckOutlined } from '@ant-design/icons';
+import copySvg from '../assets/copy.svg';
+import getEnumLabel from '../ProEnum/getEnumLabel';
+import tipSvg from '../assets/tip.svg';
+var Paragraph = _Typography.Paragraph,
+  Text = _Typography.Text;
+export var formatColumn = function formatColumn(column) {
+  var title = column.title,
+    valueType = column.valueType,
+    _column$format = column.format,
+    format = _column$format === void 0 ? 'YYYY-MM-DD HH:mm:ss' : _column$format,
+    _column$precision = column.precision,
+    precision = _column$precision === void 0 ? 0 : _column$precision,
+    ellipsis = column.ellipsis,
+    code = column.code,
+    copyable = column.copyable,
+    width = column.width,
+    tooltip = column.tooltip,
+    transform = column.transform;
+  if (column === null || column === void 0 ? void 0 : column.render) {
+    return;
+  }
+  if (tooltip) {
+    var _ref = tooltip || {},
+      tooltipTitle = _ref.title,
+      icon = _ref.icon;
+    column.title = /*#__PURE__*/React.createElement("span", {
+      className: "pro-table-tooltip"
+    }, title, /*#__PURE__*/React.createElement(_Tooltip, {
+      title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
+    }, /*#__PURE__*/React.createElement(ReactSVG, {
+      className: "icon-tip",
+      src: icon || tipSvg
+    })));
+  }
+  switch (valueType) {
+    case 'percentage':
+      // 百分比
+      column.render = function (value) {
+        if (!value && value !== 0) {
+          return '-';
+        }
+        var renderValue = multiply(value, 100);
+        return renderValue.toFixed(precision);
+      };
+      break;
+    case 'permillage':
+      // 千分比
+      column.render = function (value) {
+        if (!value && value !== 0) {
+          return '-';
+        }
+        var renderValue = multiply(value, 1000);
+        return renderValue.toFixed(precision);
+      };
+      break;
+    case 'thousandth':
+      // 千分位
+      column.render = function (value) {
+        if (!value && value !== 0) {
+          return '-';
+        }
+        if (precision) {
+          return "".concat(value.toFixed(precision)).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        }
+        return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+      };
+      break;
+    case 'thousandthCNY':
+      // 千分位
+      column.render = function (value) {
+        if (!value && value !== 0) {
+          return '-';
+        }
+        if (precision) {
+          return "CNY ".concat(value.toFixed(precision)).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        }
+        return "CNY ".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+      };
+      break;
+    case 'datePicker':
+      // 日期
+      column.render = function (value) {
+        var _moment;
+        return value ? (_moment = moment(value)) === null || _moment === void 0 ? void 0 : _moment.format(format) : '-';
+      };
+      break;
+    case 'date':
+      // 日期：YYYY-MM-DD
+      column.render = function (value) {
+        var _moment2;
+        return value ? (_moment2 = moment(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD') : '-';
+      };
+      break;
+    case 'dateTime':
+      // 日期：YYYY-MM-DD HH:mm:ss
+      column.render = function (value) {
+        var _moment3;
+        return value ? (_moment3 = moment(value)) === null || _moment3 === void 0 ? void 0 : _moment3.format('YYYY-MM-DD HH:mm:ss') : '-';
+      };
+      break;
+    case 'dateStartTime':
+      // 日期：YYYY-MM-DD 00:00:00
+      column.render = function (value) {
+        var _moment4;
+        return value ? "".concat((_moment4 = moment(value)) === null || _moment4 === void 0 ? void 0 : _moment4.format('YYYY-MM-DD'), " 00:00:00") : '-';
+      };
+      break;
+    case 'dateEndTime':
+      // 日期：YYYY-MM-DD 23:59:59
+      column.render = function (value) {
+        var _moment5;
+        return value ? "".concat((_moment5 = moment(value)) === null || _moment5 === void 0 ? void 0 : _moment5.format('YYYY-MM-DD'), " 23:59:59") : '-';
+      };
+      break;
+    case 'dateStartEndTime':
+      // 日期：YYYY-MM-DD 00:00:00~YYYY-MM-DD 23:59:59
+      column.render = function (value) {
+        var _moment6, _moment7;
+        return Array.isArray(value) ? "".concat((_moment6 = moment(value === null || value === void 0 ? void 0 : value[0])) === null || _moment6 === void 0 ? void 0 : _moment6.format('YYYY-MM-DD'), " 00:00:00~").concat((_moment7 = moment(value === null || value === void 0 ? void 0 : value[1])) === null || _moment7 === void 0 ? void 0 : _moment7.format('YYYY-MM-DD'), " 23:59:59") : '-';
+      };
+      break;
+    case 'enumName':
+      // 枚举-展示name
+      column.render = function (value) {
+        return getEnumLabel(typeof code === 'function' ? code() : code, value);
+      };
+      break;
+    case 'enumCodeName':
+      // 枚举-展示code-name
+      column.render = function (value) {
+        return getEnumLabel(typeof code === 'function' ? code() : code, value, true);
+      };
+      break;
+    case 'address':
+      column.render = function (value, record) {
+        var _newValue$filter;
+        var newValue = transform ? transform(value, record) : value;
+        if (!newValue || Array.isArray(newValue) && (newValue === null || newValue === void 0 ? void 0 : (_newValue$filter = newValue.filter(function (item) {
+          return !!item;
+        })) === null || _newValue$filter === void 0 ? void 0 : _newValue$filter.length) === 0) {
+          return '-';
+        }
+        return /*#__PURE__*/React.createElement(ProForm.ProAddressBar, {
+          isView: true,
+          enumCode: code,
+          value: newValue
+        });
+      };
+      break;
+    default:
+      if (precision) {
+        column.render = function (value) {
+          return typeof value === 'number' ? value.toFixed(precision) : value;
+        };
+      }
+      break;
+  }
+  if (copyable) {
+    column.render = function (value) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "copyable-table-cell"
+      }, /*#__PURE__*/React.createElement(Paragraph, {
+        style: ellipsis ? {
+          width: width
+        } : undefined,
+        ellipsis: ellipsis ? {
+          tooltip: value
+        } : false,
+        copyable: {
+          text: value,
+          icon: [/*#__PURE__*/React.createElement(ReactSVG, {
+            key: "copy-icon",
+            className: "drag-icon",
+            src: copySvg
+          }), /*#__PURE__*/React.createElement(CheckOutlined, {
+            key: "copied-icon"
+          })],
+          tooltips: ['复制', '复制成功']
+        }
+      }, value));
+    };
+  } else if (ellipsis) {
+    column.ellipsis = false;
+    column.render = function (value) {
+      return value ? /*#__PURE__*/React.createElement(Text, {
+        style: {
+          width: width
+        },
+        ellipsis: {
+          tooltip: true,
+          onEllipsis: function onEllipsis() {}
+        }
+      }, value) : '-';
+    };
+  }
+};
+export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
+  return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
+};
+/**
+ * 查找最近的父级className
+ * @param element 当前node节点
+ * @param type 'className' | 'id' 查找class或者id
+ * @param name string class或者id的值
+ * @returns ReactNode 父级element
+ */
+export var getParentElement = function getParentElement(element, name) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'className';
+  var result = /*#__PURE__*/React.createElement(React.Fragment, null);
+  if (!element || !name) {
+    return result;
+  }
+  var searchDom = function searchDom(element, name) {
+    var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'className';
+    if (element.parentElement[type] === name) {
+      result = element.parentElement;
+      return false;
+    }
+    searchDom(element.parentElement, name, type = 'className');
+  };
+  searchDom(element, name, type = 'className');
+  return result;
+};