linkmore-design 1.1.1 → 1.1.3

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/sheelTableCell.js

@@ -42,7 +42,7 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
   var _ref = (isSelected === null || isSelected === void 0 ? void 0 : isSelected(rowIndex, colIndex)) || {},
       _ref$isSelected = _ref.isSelected,
-      sd = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _selected = _ref$isSelected === void 0 ? false : _ref$isSelected,
       _ref$isEnd = _ref.isEnd,
       isEnd = _ref$isEnd === void 0 ? false : _ref$isEnd,
       _ref$isRightEnd = _ref.isRightEnd,
@@ -50,7 +50,9 @@ var SheelTabelCell = function SheelTabelCell(props) {
       _ref$isEditing = _ref.isEditing,
       isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
       _ref$isVaildCommit = _ref.isVaildCommit,
-      isVaildCommit = _ref$isVaildCommit === void 0 ? false : _ref$isVaildCommit;
+      isVaildCommit = _ref$isVaildCommit === void 0 ? false : _ref$isVaildCommit,
+      _ref$selectedReadonly = _ref.selectedReadonly,
+      selectedReadonly = _ref$selectedReadonly === void 0 ? false : _ref$selectedReadonly;
 
   var _useState = useState((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -118,13 +120,12 @@ var SheelTabelCell = function SheelTabelCell(props) {
 
   var saveRenderValue = function saveRenderValue() {
     if (valueRef.current !== (record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex])) {
-      dataSourceChange === null || dataSourceChange === void 0 ? void 0 : dataSourceChange(rowIndex, colIndex, Object.assign(Object.assign({}, record), _defineProperty({}, col.dataIndex, valueRef.current)));
+      dataSourceChange === null || dataSourceChange === void 0 ? void 0 : dataSourceChange(rowIndex, colIndex, valueRef.current, Object.assign(Object.assign({}, record), _defineProperty({}, col.dataIndex, valueRef.current)));
     }
   };
 
   var renderEditor = function renderEditor() {
     if (isEditing) {
-      console.log(isEditing, '-----isEditing-----');
       var Editor = (col === null || col === void 0 ? void 0 : col.dataEditor) || InputDataEdit;
       return /*#__PURE__*/React.createElement(Editor, {
         cell: col,
@@ -145,13 +146,16 @@ var SheelTabelCell = function SheelTabelCell(props) {
   var content = renderComponent() || renderEditor() || renderViewer;
   return /*#__PURE__*/React.createElement("td", Object.assign({}, omit(clearProps, ['commitIng', 'editIng']), {
     // style={{ userSelect: 'none' }}
-    className: cls(colIndex === undefined && 'row_selection_td', 'unselection', sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing', isVaildCommit && 'commiting'),
+    className: cls(colIndex === undefined && 'row_selection_td', 'unselection', _selected && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing', isVaildCommit && 'commiting', selectedReadonly && 'readonly_red'),
     onMouseDown: handleMouseDown,
     onMouseOver: handleMouseOver,
     onContextMenu: handleContextMenu,
     onDoubleClick: handleDoubleClick,
     key: "".concat(rowIndex, "_").concat(colIndex)
-  }), content);
+  }), content, isRightEnd && isEnd && !isEditing && /*#__PURE__*/React.createElement("div", {
+    ref: endCellRef,
+    className: 'lmtable_cell_end_icon'
+  }));
 };
 
 export default SheelTabelCell;

package/es/LmTable/components/sortableItemCol.js

@@ -21,11 +21,13 @@ var _utilities = require("@dnd-kit/utilities");
 
 var _excluded = ["children"];
 var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _children$props;
+
   var children = _ref.children,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({}, props, {
     ref: ref
-  }), children);
+  }), (children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children) || children);
 });
 
 function SortableItem(props) {

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;
     })[];
@@ -16,6 +16,8 @@ interface IProps extends ILMModalProps {
             j: number;
         };
     };
+    rowKey?: string;
+    deepDataSource?: Record<string, unknown>[];
 }
 /** i 是行  j 是列 */
 declare const TableChartsModal: (props: IProps) => JSX.Element;

package/es/LmTable/components/tableChartsModal.js

@@ -1,115 +1,89 @@
-import React, { useMemo } from 'react';
-import { pick } 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,
       columns = props.columns,
-      selectInfo = props.selectInfo;
+      selectInfo = props.selectInfo,
+      rowKey = props.rowKey,
+      deepDataSource = props.deepDataSource;
+  console.log(data, columns, '---props---', rowKey);
   var resultData = useMemo(function () {
     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 = data === null || data === void 0 ? void 0 : data.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, rCol);
-    });
-    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]);
-  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: Field.xField,
-      yField: Field.yField,
-      label: {
-        position: 'middle',
-        style: {
-          fill: '#FFFFFF',
-          opacity: 0.6
-        }
-      },
-      xAxis: {
-        label: {
-          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/LmTable/util.js

@@ -10,7 +10,8 @@ exports.checkStatus = checkStatus;
 exports.getDataSourceIndex = getDataSourceIndex;
 exports.getSelectionColText = getSelectionColText;
 exports.getSelectionRowText = getSelectionRowText;
-exports.getSkipList = getSkipList;
+exports.isSelectCrossInvalidCol = isSelectCrossInvalidCol;
+exports.isSelectCrossRowGroup = isSelectCrossRowGroup;
 exports.range = void 0;
 exports.transformWithColGroup = transformWithColGroup;
 exports.transformWithRowGroup = transformWithRowGroup;
@@ -129,6 +130,7 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
 
   var tempColumns = groupBy(dataSourceCopy, columnsCopy, groupColKeysCopy, null);
   var keyMap = new Map();
+  var __index = 0;
 
   var dataSourceBy = function dataSourceBy(source) {
     return [source.reduce(function (prev, sItem) {
@@ -152,6 +154,10 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
         }); // 对dataSource的key值进行更改：例如：'name' => 'name_xiaoming_age_18_address'
 
         Object.keys(sItem).forEach(function (key) {
+          if (key === '__index') {
+            return;
+          }
+
           var newKey = "".concat(str, "_").concat(key);
 
           if (keyMap.has(newKey)) {
@@ -164,8 +170,9 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
           }
 
           sItem[newKey] = sItem[key];
-          sItem["".concat(newKey, "_originIndex")] = sItem.__index;
+          sItem["".concat(newKey, "_originIndex")] = sItem.__index === undefined ? __index : sItem.__index;
         });
+        __index += 1;
       }
 
       if (!prev) {
@@ -194,14 +201,15 @@ function transformWithRowGroup(dataSource, groupRowKeys) {
   var groupBy = function groupBy(lastFilter, oGroup, preKey) {
     if (!(oGroup === null || oGroup === void 0 ? void 0 : oGroup.length)) return lastFilter;
     var group = oGroup.slice();
-    var filterKey = group.shift(); // i:保证顺序
+    var filterKey = group.shift(); // 记录数据原来的位置索引信息
 
     var i = 0;
     var map = lastFilter.reduce(function (acc, el) {
-      el.__index = i;
-      i += 1;
       var value = el[filterKey];
-      acc[value] = [].concat((0, _toConsumableArray2.default)(acc[value] || []), [el]);
+      acc[value] = [].concat((0, _toConsumableArray2.default)(acc[value] || []), [(0, _objectSpread2.default)((0, _objectSpread2.default)({}, el), {}, {
+        __index: i
+      })]);
+      i += 1;
       return acc;
     }, {});
     return Object.keys(map).map(function (item) {
@@ -247,27 +255,6 @@ function checkStatus(i, j, commiting) {
     isVaildCommit: mini <= i && maxi >= i || minj <= j && maxj >= j
   };
 }
-/**
- * 获取空行列表值数组
- * @param {Array} dataSourceWithGroup
- * @returns {Array}
- */
-
-
-function getSkipList(dataSourceWithGroup) {
-  var skipList = dataSourceWithGroup.reduce(function (prev, cur) {
-    if (!prev.length) {
-      return cur._group ? [1] : [0];
-    }
-
-    if (cur._group) {
-      return [].concat((0, _toConsumableArray2.default)(prev), [prev[prev.length - 1] + 1]);
-    }
-
-    return [].concat((0, _toConsumableArray2.default)(prev), [prev[prev.length - 1]]);
-  }, []);
-  return skipList;
-}
 /**
  * 获取选中行文本
  * @param {Object}
@@ -362,4 +349,84 @@ function getDataSourceIndex(_ref3) {
 
   dfs(dataSource);
   return index;
+}
+/**
+ * 框选是否跨行分组
+ * @param {number} i
+ * @param {React.Ref} shellStatusRef
+ * @param {React.Ref} deepDataSourceRef
+ * @returns
+ */
+
+
+function isSelectCrossRowGroup(i, shellStatusRef, deepDataSourceRef) {
+  var _shellStatusRef$curre;
+
+  var x;
+  var y;
+
+  if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre = shellStatusRef.current) === null || _shellStatusRef$curre === void 0 ? void 0 : _shellStatusRef$curre.commiting.start.i) < i) {
+    var _shellStatusRef$curre2;
+
+    x = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre2 = shellStatusRef.current) === null || _shellStatusRef$curre2 === void 0 ? void 0 : _shellStatusRef$curre2.commiting.start.i;
+    y = i;
+  } else {
+    var _shellStatusRef$curre3;
+
+    x = i;
+    y = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre3 = shellStatusRef.current) === null || _shellStatusRef$curre3 === void 0 ? void 0 : _shellStatusRef$curre3.commiting.start.i;
+  }
+
+  for (; x <= y; x += 1) {
+    var _deepDataSourceRef$cu;
+
+    if ((deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu = deepDataSourceRef.current) === null || _deepDataSourceRef$cu === void 0 ? void 0 : _deepDataSourceRef$cu.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current[x]._group)) {
+      return true;
+    }
+  }
+
+  return false;
+}
+/**
+ * 不允许跨无效列
+ * @param {number} i
+ * @param {number} j
+ * @param {React.Ref} shellStatusRef
+ * @param {React.Ref} deepDataSourceRef
+ * @param {React.Ref} deepColumnsRef
+ * @returns
+ */
+
+
+function isSelectCrossInvalidCol(i, j, shellStatusRef, deepDataSourceRef, deepColumnsRef) {
+  var _shellStatusRef$curre4;
+
+  var x;
+  var y;
+
+  if ((shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre4 = shellStatusRef.current) === null || _shellStatusRef$curre4 === void 0 ? void 0 : _shellStatusRef$curre4.commiting.start.j) < j) {
+    var _shellStatusRef$curre5;
+
+    x = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre5 = shellStatusRef.current) === null || _shellStatusRef$curre5 === void 0 ? void 0 : _shellStatusRef$curre5.commiting.start.j;
+    y = j;
+  } else {
+    var _shellStatusRef$curre6;
+
+    x = j;
+    y = shellStatusRef === null || shellStatusRef === void 0 ? void 0 : (_shellStatusRef$curre6 = shellStatusRef.current) === null || _shellStatusRef$curre6 === void 0 ? void 0 : _shellStatusRef$curre6.commiting.start.j;
+  }
+
+  for (; x <= y; x += 1) {
+    var _deepColumnsRef$curre, _deepDataSourceRef$cu2;
+
+    if ((deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : (_deepColumnsRef$curre = deepColumnsRef.current) === null || _deepColumnsRef$curre === void 0 ? void 0 : _deepColumnsRef$curre.length) && (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu2 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu2 === void 0 ? void 0 : _deepDataSourceRef$cu2.length)) {
+      var key = deepColumnsRef === null || deepColumnsRef === void 0 ? void 0 : deepColumnsRef.current[x].dataIndex;
+
+      if (!(key in (deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current[i]))) {
+        return true;
+      }
+    }
+  }
+
+  return false;
 }

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;

package/es/QuickMenu/style/index.css

@@ -521,10 +521,12 @@ p {
   width: 0;
   transition: all 0.1s;
   opacity: 0;
+  display: none;
 }
 .lm_quick_menu .lm_menu_list.show {
   opacity: 1;
   width: inherit;
+  display: block;
 }
 .lm_quick_menu .lm_menu_list::before {
   position: absolute;

package/es/QuickMenu/style/variables.css

@@ -10,10 +10,12 @@
   width: 0;
   transition: all 0.1s;
   opacity: 0;
+  display: none;
 }
 .lm_quick_menu .lm_menu_list.show {
   opacity: 1;
   width: inherit;
+  display: block;
 }
 .lm_quick_menu .lm_menu_list::before {
   position: absolute;

package/es/Tooltip/index.d.ts

@@ -40,5 +40,5 @@ export interface TooltipPropsWithTitle extends AbstractTooltipProps {
     overlay?: React.ReactNode | RenderFunction;
 }
 export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
-declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<unknown>>;
+declare const Tooltip: React.ForwardRefExoticComponent<(Pick<TooltipPropsWithOverlay, keyof TooltipPropsWithOverlay> | Pick<TooltipPropsWithTitle, keyof TooltipPropsWithTitle>) & React.RefAttributes<unknown>>;
 export default Tooltip;

package/es/Tree/utils/dropIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const offset = 4;
 export default function dropIndicatorRender(props: {
     dropPosition: -1 | 0 | 1;