linkmore-design 1.1.2 → 1.1.3

package/es/Badge/SingleNumber.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface UnitNumberProps {
     prefixCls: string;
     value: string | number;

package/es/Button/style/index.css

@@ -76,6 +76,11 @@
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
+.ant-btn.lm-button-ghost {
+  color: var(--font-color);
+  border-color: var(--color-15);
+  background: transparent;
+}
 .ant-btn.lm-button-danger {
   border: 1px solid var(--error-color);
   color: var(--error-color);

package/es/Button/style/variables.css

@@ -76,6 +76,11 @@
 .ant-btn.lm-button-primary.ant-btn-loading {
   background: var(--primary-loading-color);
 }
+.ant-btn.lm-button-ghost {
+  color: var(--font-color);
+  border-color: var(--color-15);
+  background: transparent;
+}
 .ant-btn.lm-button-danger {
   border: 1px solid var(--error-color);
   color: var(--error-color);

package/es/DatePicker/PickerButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ButtonProps } from 'antd';
 export default function PickerButton(props: ButtonProps): JSX.Element;

package/es/DatePicker/PickerTag.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { ILMTagProps } from '../Tag';
 export default function PickerTag(props: ILMTagProps): JSX.Element;

package/es/Empty/index.js

@@ -18,8 +18,8 @@ var __rest = this && this.__rest || function (s, e) {
 import classNames from 'classnames';
 import * as React from 'react';
 import { useMemo } from 'react';
-import { ConfigContext } from 'antd/es/config-provider';
-import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import { ConfigContext } from '../ConfigProvider';
+import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import DefaultEmptyImg from './empty';
 import SimpleEmptyImg from './simple';
 var defaultEmptyImg = /*#__PURE__*/React.createElement(DefaultEmptyImg, null);
@@ -62,6 +62,7 @@ var Empty = function Empty(_a) {
     }, function (locale) {
       var _classNames;
 
+      console.log(locale, 'lllll');
       var prefixCls = getPrefixCls('empty', customizePrefixCls);
       var des = typeof description !== 'undefined' ? description : locale.description;
       var alt = typeof des === 'string' ? des : 'empty';

package/es/LmEditTable/EditTable.js

@@ -571,9 +571,9 @@ var EditableCell = function EditableCell(props) {
         {
           var render = resultComponentProps.render;
           var fromData = form.getFieldsValue();
-          return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !isObjEmpty(fromData) ? Object.assign(Object.assign({}, record), fromData) : record), {
+          return render === null || render === void 0 ? void 0 : render(Object.assign(Object.assign({}, !isObjEmpty(fromData) ? Object.assign(Object.assign({}, record), _defineProperty({}, dataIndex, fromData[dataIndex])) : record), {
             onChange: save
-          }));
+          })); // return render?.({ ...(!isObjEmpty(fromData) ? {...record, ...fromData} : record), onChange: save })
         }
 
       default:

package/es/LmEditTable/sortableItemCol.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function SortableItem(props: any): JSX.Element;

package/es/LmTable/Table.js

@@ -64,6 +64,7 @@ var _excluded = ["columns", "dataSource", "autoSize", "rowClick", "onDoubleClick
     _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
+var ConfigContext = _ConfigProvider.default.ConfigContext;
 
 var isEmpty = function isEmpty(obj) {
   var _Object$keys;
@@ -138,6 +139,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
+  var _React$useContext = _react.default.useContext(ConfigContext),
+      locale = _React$useContext.locale;
+
   var _useState = (0, _react.useState)({
     selectedRows: []
   }),
@@ -159,6 +163,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var tableWarpRef = (0, _react.useRef)(null);
   var dataSourceRef = (0, _react.useRef)(null);
+  var columnsRef = (0, _react.useRef)(null);
   /** 右键的ref */
 
   var contentMenuRef = (0, _react.useRef)(null);
@@ -170,12 +175,17 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setExpandedRowKeys = _useState8[1];
 
   var deepDataSourceRef = (0, _react.useRef)([]);
-  var deepColumnsRef = (0, _react.useRef)([]);
+  var deepColumnsRef = (0, _react.useRef)([]); //
+
+  var copyAllData = (0, _react.useRef)(null);
   /** 记录最原始数据 */
 
   (0, _react.useEffect)(function () {
     dataSourceRef.current = customizeDataSource;
   }, [customizeDataSource]);
+  (0, _react.useEffect)(function () {
+    columnsRef.current = customizeColumns;
+  }, [customizeColumns]);
   /** 行分组 */
 
   var groupDataSource = (0, _react.useMemo)(function () {
@@ -438,7 +448,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }).join('\t');
     }).join('\n');
   };
-  /** 复制功能 */
+  /** 复制选中内容 */
 
 
   var handleCopy = function handleCopy(e) {
@@ -448,13 +458,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _shellStatusRef$curre2 = shellStatusRef.current,
         start = _shellStatusRef$curre2.start,
         end = _shellStatusRef$curre2.end;
-    var text = getSelectDatas(start, end);
+    var text = copyAllData.current || getSelectDatas(start, end);
 
     if (window.clipboardData && window.clipboardData.setData) {
       window.clipboardData.setData('Text', text);
+      document.removeEventListener('copy', handleCopy);
     } else if ((_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.setData) {
       e.clipboardData.setData('text/plain', text);
-    } else {
+      document.removeEventListener('copy', handleCopy);
+    } else if (!copyAllData.current) {
       var _document;
 
       (_document = document) === null || _document === void 0 ? void 0 : _document.execCommand('copy');
@@ -463,6 +475,38 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         setContextMenuStatus(false);
       }
     }
+
+    copyAllData.current = null;
+  };
+  /** 复制所有数据 */
+
+
+  var handleCopyAll = function handleCopyAll(e) {
+    var _document2;
+
+    e === null || e === void 0 ? void 0 : e.preventDefault();
+    var source = dataSourceRef.current;
+    var columns = columnsRef.current;
+    var text = source.map(function (rItem, i) {
+      return columns.map(function (cItem, j) {
+        var _columns$j4, _columns$j5;
+
+        var columnKey = (_columns$j4 = columns[j]) === null || _columns$j4 === void 0 ? void 0 : _columns$j4.dataIndex;
+        var dataItem = dataSource[i];
+        var cell = dataItem === null || dataItem === void 0 ? void 0 : dataItem[columnKey];
+
+        if ((_columns$j5 = columns[j]) === null || _columns$j5 === void 0 ? void 0 : _columns$j5.render) {
+          var _columns$j6, _columns$j6$render;
+
+          return (_columns$j6 = columns[j]) === null || _columns$j6 === void 0 ? void 0 : (_columns$j6$render = _columns$j6.render) === null || _columns$j6$render === void 0 ? void 0 : _columns$j6$render.call(_columns$j6, cell, dataItem, i);
+        }
+
+        return cell;
+      }).join('\t');
+    }).join('\n');
+    copyAllData.current = text;
+    (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.execCommand('copy');
+    setContextMenuStatus(false);
   };
 
   var onMouseOver = function onMouseOver(i, j) {
@@ -1076,13 +1120,13 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         showSizeChanger: true,
         showQuickJumper: true,
         showTotal: function showTotal(total) {
-          return "\u5171 ".concat(total, " \u6761");
+          return (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? "\u5171 ".concat(total, " \u6761") : "total ".concat(total, " Page");
         },
-        locale: {
+        locale: (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? {
           items_per_page: '/条',
           jump_to: '前往',
           page: '页'
-        },
+        } : locale.Pagination || {},
         size: 'small'
       }, pagination),
       rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
@@ -1095,12 +1139,33 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
         /** 如果开启了行分组，则需要把checkStrictly关闭，变成受控模式 */
         checkStrictly: !(groupRowKeys === null || groupRowKeys === void 0 ? void 0 : groupRowKeys.length),
-        onChange: function onChange(selectedRowKeys, selectedRows) {
+        onChange: !(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selectedRowKeys, selectedRows) {
           setSelectedRows({
             selectedRows: selectedRows
           });
           rowClick === null || rowClick === void 0 ? void 0 : rowClick(selectedRows);
-        }
+        } : undefined,
+        onSelectAll: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (selected, selectedRows, changeRows) {
+          var changeRowKeys = changeRows === null || changeRows === void 0 ? void 0 : changeRows.map(function (item) {
+            return item[rowKey];
+          });
+          var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), (0, _toConsumableArray2.default)(changeRows)), rowKey) : rowSelection.selectedRows.filter(function (item) {
+            return !changeRowKeys.includes(item[rowKey]);
+          });
+          setSelectedRows({
+            selectedRows: reulstSelect
+          });
+          rowClick === null || rowClick === void 0 ? void 0 : rowClick(reulstSelect);
+        } : undefined,
+        onSelect: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (record, selected) {
+          var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
+            return item[rowKey] !== record[rowKey];
+          });
+          setSelectedRows({
+            selectedRows: reulstSelect
+          });
+          rowClick === null || rowClick === void 0 ? void 0 : rowClick(reulstSelect);
+        } : undefined
       }, rowSelection),
       onRow: function onRow(record) {
         return {
@@ -1287,6 +1352,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     },
     ref: tableWarpRef
   }, /*#__PURE__*/_react.default.createElement(_ConfigProvider.default, {
+    locale: locale,
     renderEmpty: loading ? function () {
       return null;
     } : emptyProps ? function () {
@@ -1361,20 +1427,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onClick: handleCopy
   }, "\u590D\u5236"), /*#__PURE__*/_react.default.createElement("div", {
     className: "rightClickItems",
-    onClick: function onClick() {
-      return setChartsModalStatus('column');
-    }
-  }, "\u751F\u6210\u67F1\u72B6\u56FE"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "rightClickItems",
-    onClick: function onClick() {
-      return setChartsModalStatus('pie');
-    }
-  }, "\u751F\u6210\u997C\u56FE"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "rightClickItems",
-    onClick: function onClick() {
-      return setChartsModalStatus('line');
-    }
-  }, "\u751F\u6210\u6298\u7EBF\u56FE")), chartsModalStatus && /*#__PURE__*/_react.default.createElement(_tableChartsModal.default, {
+    onClick: handleCopyAll
+  }, "\u590D\u5236\u5168\u90E8")), chartsModalStatus && /*#__PURE__*/_react.default.createElement(_tableChartsModal.default, {
     type: chartsModalStatus,
     onCancel: function onCancel() {
       return setChartsModalStatus(false);

package/es/LmTable/chartUtil.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getBarOption = getBarOption;
+exports.getLineOption = getLineOption;
+exports.getPieOption = getPieOption;
+
+function getBarOption(cols, source) {
+  var xAxis = [];
+  var series = [];
+  cols.forEach(function (col) {
+    var _xAxis;
+
+    var arr = source.map(function (item) {
+      return item[col.dataIndex];
+    }); // 第一个非number类型作为x轴
+
+    if (col.etype !== 'number' && !((_xAxis = xAxis) === null || _xAxis === void 0 ? void 0 : _xAxis.length)) {
+      xAxis = arr;
+      return;
+    }
+
+    if (col.xAxis) {
+      xAxis = arr;
+      return;
+    }
+
+    if (col.etype === 'number') {
+      series.push({
+        data: arr,
+        type: 'bar',
+        name: col.title,
+        legend: {},
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        label: {
+          show: false,
+          position: 'center'
+        }
+      });
+    }
+  });
+  var option = {
+    xAxis: {
+      type: 'category',
+      data: xAxis
+    },
+    yAxis: {
+      type: 'value'
+    },
+    series: series
+  };
+  return option;
+}
+
+function getLineOption(cols, source) {
+  var xAxis = [];
+  var series = [];
+  cols.forEach(function (col) {
+    var _xAxis2;
+
+    var arr = source.map(function (item) {
+      return item[col.dataIndex];
+    }); // 第一个非number类型作为x轴
+
+    if (col.etype !== 'number' && !((_xAxis2 = xAxis) === null || _xAxis2 === void 0 ? void 0 : _xAxis2.length)) {
+      xAxis = arr;
+      return;
+    }
+
+    if (col.xAxis) {
+      xAxis = arr;
+      return;
+    }
+
+    if (col.etype === 'number') {
+      series.push({
+        data: arr,
+        type: 'line',
+        name: col.title,
+        legend: {},
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'shadow'
+          }
+        },
+        label: {
+          show: false,
+          position: 'center'
+        }
+      });
+    }
+  });
+  var option = {
+    xAxis: {
+      type: 'category',
+      data: xAxis
+    },
+    yAxis: {
+      type: 'value'
+    },
+    series: series
+  };
+  return option;
+}
+
+function getPieOption(cols, source) {
+  var data = source.map(function (item) {
+    var temp = {};
+    cols.forEach(function (col) {
+      if (col.etype === 'number') {
+        temp.value = item[col.dataIndex];
+      } else {
+        temp.name = item[col.dataIndex];
+      }
+    });
+    return temp;
+  });
+  var option = {
+    tooltip: {
+      trigger: 'item'
+    },
+    legend: {
+      orient: 'vertical',
+      left: 'left'
+    },
+    series: [{
+      name: '饼图',
+      type: 'pie',
+      radius: '50%',
+      data: data,
+      emphasis: {
+        itemStyle: {
+          shadowBlur: 10,
+          shadowOffsetX: 0,
+          shadowColor: 'rgba(0, 0, 0, 0.5)'
+        }
+      }
+    }]
+  };
+  return option;
+}
+
+var _default = {
+  getBarOption: getBarOption
+};
+exports.default = _default;

package/es/LmTable/components/customRenderEmpty.js

@@ -1,6 +1,11 @@
 import React from 'react';
+import ConfigProvider from '../../ConfigProvider';
+var ConfigContext = ConfigProvider.ConfigContext;
 
 var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
+  var _React$useContext = React.useContext(ConfigContext),
+      locale = _React$useContext.locale;
+
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_table_empty"
   }, /*#__PURE__*/React.createElement("div", {
@@ -9,7 +14,7 @@ var CustomizeRenderEmpty = function CustomizeRenderEmpty() {
       width: '130px',
       height: '80px'
     }
-  }), /*#__PURE__*/React.createElement("span", null, "\u6682\u65E0\u6570\u636E"));
+  }), /*#__PURE__*/React.createElement("span", null, (locale === null || locale === void 0 ? void 0 : locale.locale) === 'zh-cn' ? '暂无数据' : 'no Data'));
 };
 
 export default CustomizeRenderEmpty;

package/es/LmTable/components/tableChartsModal.d.ts

@@ -2,7 +2,7 @@ import type { ILMModalProps } from 'linkmore-design';
 import type { TableColumnProps } from 'antd';
 interface IProps extends ILMModalProps {
     data?: Record<string, unknown>[];
-    type: 'line' | 'pie' | 'column' | null;
+    type: 'line' | 'pie' | 'bar' | null;
     columns?: (TableColumnProps<any> & {
         etype: string;
     })[];

package/es/LmTable/components/tableChartsModal.js

@@ -1,11 +1,39 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import React, { useMemo } from 'react';
-import { pick, keyBy } from 'lodash';
-import { Modal } from 'linkmore-design';
-import { Column, Line, Pie } from '@ant-design/plots';
+import React, { useMemo, useRef, useEffect } from 'react';
+import { Modal } from 'linkmore-design'; // 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
+
+import * as echarts from 'echarts/core'; // 引入柱状图图表，图表后缀都为 Chart
+
+import { BarChart, LineChart, PieChart } from 'echarts/charts'; // 引入提示框，标题，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
+
+import { TitleComponent, TooltipComponent, GridComponent, // 数据集组件
+DatasetComponent, // 内置数据转换器组件 (filter, sort)
+TransformComponent } from 'echarts/components'; // 标签自动布局，全局过渡动画等特性
+
+import { LabelLayout, UniversalTransition } from 'echarts/features'; // 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
+
+import { CanvasRenderer } from 'echarts/renderers';
+import { getBarOption, getLineOption, getPieOption } from '../chartUtil'; // 注册必须的组件
+
+echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, TransformComponent, BarChart, LineChart, PieChart, LabelLayout, UniversalTransition, CanvasRenderer]);
+
+function getSelectRange(data, start, end) {
+  var max = Math.max(start, end);
+  var min = Math.min(start, end);
+  var result = data === null || data === void 0 ? void 0 : data.filter(function (item, index) {
+    if (index >= min && index <= max) {
+      return true;
+    }
+
+    return false;
+  });
+  return result;
+}
 /** i 是行  j 是列 */
 
+
 var TableChartsModal = function TableChartsModal(props) {
+  var chartRef = useRef(null);
+  var chart;
   var type = props.type,
       onCancel = props.onCancel,
       data = props.data,
@@ -14,128 +42,48 @@ var TableChartsModal = function TableChartsModal(props) {
       rowKey = props.rowKey,
       deepDataSource = props.deepDataSource;
   console.log(data, columns, '---props---', rowKey);
-  var keyByCol = useMemo(function () {
-    return keyBy(columns, 'dataIndex');
-  }, [columns]);
   var resultData = useMemo(function () {
-    var _a;
-
     var start = selectInfo.start,
         end = selectInfo.end;
-    var rCol = columns === null || columns === void 0 ? void 0 : columns.filter(function (item, index) {
-      var maxJ = Math.max(start.j, end.j);
-      var minJ = Math.min(start.j, end.j);
+    var cols = getSelectRange(columns, start.j, end.j);
+    var source = getSelectRange(deepDataSource || data, start.i, end.i);
+    var option;
 
-      if (index >= minJ && index <= maxJ) {
-        return true;
-      }
+    if (type === 'bar') {
+      option = getBarOption(cols, source);
+    }
 
-      return false;
-    }).map(function (item) {
-      return item.dataIndex;
-    });
-    var maxi = Math.max(start.i, end.i);
-    var mini = Math.min(start.i, end.i);
-    var rDataSource = (_a = deepDataSource || data) === null || _a === void 0 ? void 0 : _a.filter(function (item, index) {
-      if (index >= mini && index <= maxi) {
-        return true;
-      }
+    if (type === 'line') {
+      option = getLineOption(cols, source);
+    }
 
-      return false;
-    }).map(function (item) {
-      return pick(item, [].concat(_toConsumableArray(rCol), [rowKey]));
-    });
-    return {
-      rDataSource: rDataSource,
-      rCol: rCol
-    };
-  }, [data, columns, selectInfo]);
-  var getTypeCol = useMemo(function () {
-    return columns.filter(function (item) {
-      return item.etype === 'number';
-    }).map(function (item) {
-      return item.dataIndex;
-    });
-  }, [columns]);
-  var Field = useMemo(function () {
-    var rCol = resultData.rCol;
-    var xField = rCol.find(function (item) {
-      return !getTypeCol.includes(item);
-    });
-    var yField = getTypeCol === null || getTypeCol === void 0 ? void 0 : getTypeCol[0];
-    return {
-      xField: xField,
-      yField: yField
-    };
-  }, [resultData, getTypeCol]);
-  console.log(Field, '--Field--', resultData);
-  var config = useMemo(function () {
     if (type === 'pie') {
-      return {
-        appendPadding: 10,
-        data: resultData.rDataSource,
-        angleField: Field.yField,
-        colorField: Field.xField,
-        radius: 0.9,
-        label: {
-          type: 'inner',
-          offset: '-30%',
-          content: function content(_ref) {
-            var percent = _ref.percent;
-            return "".concat((percent * 100).toFixed(0), "%");
-          },
-          style: {
-            fontSize: 14,
-            textAlign: 'center'
-          }
-        },
-        interactions: [{
-          type: 'element-active'
-        }]
-      };
+      option = getPieOption(cols, source);
     }
 
     return {
-      data: resultData.rDataSource,
-      xField: rowKey,
-      yField: Field.yField,
-      label: {
-        position: 'middle',
-        style: {
-          fill: '#FFFFFF',
-          opacity: 0.6
-        }
-      },
-      tooltip: {
-        title: Field.xField,
-        formatter: function formatter(datum) {
-          var _a, _b;
-
-          return {
-            name: ((_a = keyByCol[Field.yField]) === null || _a === void 0 ? void 0 : _a.title) || ((_b = keyByCol[Field.yField]) === null || _b === void 0 ? void 0 : _b.dataIndex),
-            value: datum === null || datum === void 0 ? void 0 : datum[Field.yField]
-          };
-        }
-      },
-      xAxis: {
-        label: {
-          formatter: function formatter(text, item, index) {
-            var _a, _b;
-
-            return ((_b = (_a = resultData.rDataSource) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b[Field.xField]) || text;
-          },
-          autoHide: true,
-          autoRotate: false
-        }
-      }
+      source: source,
+      cols: cols,
+      option: option
     };
-  }, [Field, resultData, type]);
+  }, [data, columns, selectInfo]);
+  useEffect(function () {
+    chart = echarts.init(chartRef.current);
+    chart.setOption(resultData.option);
+  }, []);
   return /*#__PURE__*/React.createElement(Modal, {
     visible: !!type,
     title: "\u667A\u80FD\u62A5\u8868",
     onOk: onCancel,
     onCancel: onCancel
-  }, type === 'column' && /*#__PURE__*/React.createElement(Column, Object.assign({}, config)), type === 'line' && /*#__PURE__*/React.createElement(Line, Object.assign({}, config)), type === 'pie' && /*#__PURE__*/React.createElement(Pie, Object.assign({}, config)));
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'xiaoming',
+    ref: chartRef,
+    style: {
+      width: 500,
+      height: 400
+    }
+  }));
 };
 
 export default TableChartsModal;

package/es/Popover/index.d.ts

@@ -7,5 +7,5 @@ export interface PopoverProps extends AbstractTooltipProps {
     /** @private Used For Popconfirm. Safe to remove. */
     _overlay?: React.ReactNode;
 }
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>>;
+declare const Popover: React.ForwardRefExoticComponent<Pick<PopoverProps, keyof PopoverProps> & React.RefAttributes<unknown>>;
 export default Popover;