@para-ui/core 3.0.8 → 3.0.9

package/AutoTips/index.js

@@ -9,7 +9,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.paraui-v3-auto-tips-tooltip > div {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.paraui-v3-auto-tips-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
 styleInject(css_248z);
 
 var AutoTips = function AutoTips(props) {

package/ComboSelect/index.js

@@ -8,7 +8,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-e0508c99.js';
+import { T as Tree } from '../_verture/index-22d72b71.js';
 import { Button } from '../Button/index.js';
 import { Dropdown } from '../Dropdown/index.js';
 import { Popover } from '../Popover/index.js';

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-2a854dc1.js';
+import { F as FormItem, v as validate } from '../_verture/index-f8c1bdf2.js';
 import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -66,7 +66,7 @@ import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import '@para-ui/icons/Right';
-import '../_verture/index-e0508c99.js';
+import '../_verture/index-22d72b71.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-2a854dc1.js';
+export { F as default } from '../_verture/index-f8c1bdf2.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-bf34e6fa.js';
@@ -66,7 +66,7 @@ import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
 import '@para-ui/icons/Left';
 import '@para-ui/icons/Right';
-import '../_verture/index-e0508c99.js';
+import '../_verture/index-22d72b71.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-44a724b5.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-44a724b5.js';
+import { u as useModal } from '../_verture/modalContext-ccfddd8f.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-ccfddd8f.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/index-342379c6.js';

package/README.md

@@ -1,3 +1,13 @@
+## 版本: 3.0.9
+
+     para-ui/core@3.0.9 发布
+        【表格-Table】
+            1. 新增拖拽列, 可以拖动列,改变宽度
+            2. 通过 dragColumn 参数来控制是否有拖动列,默认是true,可拖动
+            3. 单选框,复选框,操作列序列化,嵌套标志,这几列不可拖动
+            4. lineWidth 可以设置拖动的最小宽度,默认80
+        【文字提示-Tooltip】修改箭头样式,在火狐浏览器显示不正常
+
 ## 版本: 3.0.8
 
      para-ui/core@3.0.8 发布

package/Table/index.js

@@ -4,9 +4,10 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
 import { r as regenerator } from '../_verture/index-342379c6.js';
 import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo, useCallback, Fragment as Fragment$1, useRef } from 'react';
+import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
 import { Get, Post, DeepClone, GetBrowserClass, ArrayToObject, Cancel } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { Popover } from '../Popover/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Button } from '../Button/index.js';
@@ -16,7 +17,6 @@ import SolidArrowUp from '@para-ui/icons/UpTriangleF';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import Panel from '@para-ui/icons/Panel';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
 import { Radio } from '../Radio/index.js';
 import Empty from '../Empty/index.js';
@@ -172,6 +172,25 @@ var setLocalStorageSelectHead = function setLocalStorageSelectHead(key, val) {
   headJson[key] = val;
   window.localStorage.setItem('_paraui_table_head', JSON.stringify(headJson));
 };
+/**
+ * 查找元素
+ * @param el 当前元素
+ * @param selector 查找元素class
+ */
+
+var closest = function closest(el, selector) {
+  var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+
+  while (el) {
+    if (matchesSelector.call(el, selector)) {
+      break;
+    }
+
+    el = el.parentElement;
+  }
+
+  return el;
+};
 
 var css_248z$7 = ".table-head-element {\n  display: table-header-group;\n}";
 styleInject(css_248z$7);
@@ -219,26 +238,135 @@ var TrElement = function TrElement(props) {
   }));
 };
 
-var css_248z$5 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.th-element {\n  letter-spacing: 0.01071em;\n  line-height: 1.43;\n  padding: 0;\n  font-weight: 700;\n  font-size: 14px;\n  background-color: rgb(248, 249, 251);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.12);\n  height: 100%;\n}\n.th-element:first-child {\n  border-top-left-radius: 4px;\n}\n.th-element:last-child {\n  border-top-right-radius: 4px;\n}\n.th-element:hover {\n  background-color: rgb(237, 241, 249);\n}\n.th-element.table-operate.table-operate-small {\n  width: 112px;\n}\n.th-element.table-operate.table-operate-small > .table-header-box {\n  width: 112px;\n}";
+var css_248z$5 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.th-element {\n  letter-spacing: 0.01071em;\n  line-height: 1.43;\n  padding: 0;\n  font-weight: 700;\n  font-size: 14px;\n  background-color: rgb(248, 249, 251);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.12);\n  height: 100%;\n}\n.th-element.th-element-draggable {\n  position: relative;\n}\n.th-element:first-child {\n  border-top-left-radius: 4px;\n}\n.th-element:last-child {\n  border-top-right-radius: 4px;\n}\n.th-element:hover {\n  background-color: rgb(237, 241, 249);\n}\n.th-element.table-operate.table-operate-small {\n  width: 112px;\n}\n.th-element.table-operate.table-operate-small > .table-header-box {\n  width: 112px;\n}\n.th-element > .th-element-draggable-box {\n  width: 6px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.th-element:hover > .th-element-draggable-box {\n  background-color: rgba(54, 102, 214, 0.2);\n  cursor: ew-resize;\n}";
 styleInject(css_248z$5);
 
 var ThElement = function ThElement(props) {
   var className = props.className,
       style = props.style,
       children = props.children,
-      otherProps = __rest(props, ["className", "style", "children"]);
+      draggable = props.draggable,
+      _props$lineWidth = props.lineWidth,
+      lineWidth = _props$lineWidth === void 0 ? 80 : _props$lineWidth,
+      headCell = props.headCell,
+      onDragDown = props.onDragDown,
+      otherProps = __rest(props, ["className", "style", "children", "draggable", "lineWidth", "headCell", "onDragDown"]);
+
+  var domRef = useRef(null);
+  var constData = useRef({
+    startX: 0,
+    moveX: 0,
+    table: null,
+    tableContainer: null,
+    lineDom: null,
+    th: null
+  }); // 处理最小宽度
+
+  var handMinWidth = function handMinWidth(e) {
+    var minWidth = lineWidth; // 自身设置列宽度小于默认列宽度,最小取自身的
+
+    if (headCell === null || headCell === void 0 ? void 0 : headCell.width) {
+      var width = getStringInNumber(headCell.width);
+      if (width < minWidth) minWidth = width;
+    }
+
+    var thWidth = constData.current.th.offsetWidth; // th宽度
+
+    var moveX = e.clientX - constData.current.startX; // 移动的位置
+
+    var handWidth = thWidth + moveX;
+    var initX = constData.current.th.offsetLeft + thWidth;
+    var left = initX + moveX; // 移动以后的宽度小于最小宽度,取最小宽度
+
+    if (handWidth < minWidth) {
+      // 超出大小限制
+      handWidth = minWidth;
+      left = constData.current.th.offsetLeft + handWidth;
+    }
+
+    return {
+      width: handWidth,
+      left: left // 定位线居左距离
+
+    };
+  }; // 鼠标移动事件
+
+
+  var mousemove = function mousemove(e) {
+    var result = handMinWidth(e);
+    constData.current.lineDom.style.left = result.left + 'px';
+  }; // 鼠标抬起
+
+
+  var mouseup = function mouseup(e) {
+    var _a, _b;
+
+    var dom = domRef.current;
+    var result = handMinWidth(e);
+    dom.style.width = result.width + 'px';
+    (_a = constData.current.tableContainer) === null || _a === void 0 ? void 0 : _a.removeChild(constData.current.lineDom);
+    (_b = constData.current.table) === null || _b === void 0 ? void 0 : _b.classList.remove("".concat($prefixCls, "-table-draggable"));
+    onDragDown && onDragDown(result);
+    window.removeEventListener('mousemove', mousemove);
+    window.removeEventListener('mouseup', mouseup);
+  }; // 鼠标按下
+
+
+  var onMouseDown = function onMouseDown(e) {
+    var _a;
+
+    constData.current.startX = e.clientX;
+    constData.current.table = closest(domRef.current, ".".concat($prefixCls, "-table"));
+    constData.current.tableContainer = closest(domRef.current, ".".concat($prefixCls, "-table .table-container"));
+    constData.current.th = closest(domRef.current, 'th');
+    (_a = constData.current.table) === null || _a === void 0 ? void 0 : _a.classList.add("".concat($prefixCls, "-table-draggable"));
+    appendLine();
+    window.addEventListener('mousemove', mousemove);
+    window.addEventListener('mouseup', mouseup);
+  };
+  /** 添加定位线 */
+
+
+  var appendLine = function appendLine() {
+    if (!constData.current.tableContainer || !constData.current.th) return;
+    var tableDom = closest(domRef.current, ".".concat($prefixCls, "-table .table-container table"));
+    var tableContainerHeight = constData.current.tableContainer.offsetHeight;
+    var tableDomHeight = tableDom.offsetHeight;
+    var div = document.createElement('div');
+    div.setAttribute('class', 'table-pos-line'); // 定位线高度
+
+    div.style.height = (tableDomHeight > tableContainerHeight ? tableContainerHeight : tableDomHeight) + 'px'; // 定位线的居左距离
+
+    div.style.left = constData.current.th.offsetLeft + constData.current.th.offsetWidth + 'px';
+    constData.current.lineDom = div;
+    constData.current.tableContainer.appendChild(div);
+  };
+  /** 拖动元素 */
+
+
+  var handDrag = function handDrag() {
+    if (!draggable) return null;
+    return jsx("div", {
+      className: "th-element-draggable-box",
+      onMouseDown: onMouseDown
+    });
+  }; // 处理className
+
 
   var handClass = function handClass() {
     var str = 'th-element';
+    if (draggable) str += ' th-element-draggable';
     if (className) str += ' ' + className;
     return str;
   };
 
-  return jsx("th", Object.assign({
+  return jsxs("th", Object.assign({
     className: handClass(),
     style: style
   }, otherProps, {
-    children: children
+    ref: domRef
+  }, {
+    children: [children, handDrag()]
   }));
 };
 
@@ -287,7 +415,11 @@ var TableHead$1 = function TableHead(props) {
       fixedTable = props.fixedTable,
       fixedColumn = props.fixedColumn,
       posFixed = props.posFixed,
-      beyondText = props.beyondText;
+      beyondText = props.beyondText,
+      lineWidth = props.lineWidth,
+      dragColumn = props.dragColumn,
+      changeColumnWidth = props.changeColumnWidth,
+      headDataConfig = props.headDataConfig;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -556,7 +688,8 @@ var TableHead$1 = function TableHead(props) {
 
       return jsx(ThElement, Object.assign({
         align: "center",
-        className: handCls()
+        className: handCls(),
+        draggable: false
       }, {
         children: jsx("div", Object.assign({
           className: "table-header-box"
@@ -589,7 +722,8 @@ var TableHead$1 = function TableHead(props) {
 
       return jsx(ThElement, Object.assign({
         align: "center",
-        className: handCls()
+        className: handCls(),
+        draggable: false
       }, {
         children: jsx("div", {
           className: "table-header-box"
@@ -616,7 +750,8 @@ var TableHead$1 = function TableHead(props) {
 
       return jsx(ThElement, Object.assign({
         align: "center",
-        className: handCls()
+        className: handCls(),
+        draggable: false
       }, {
         children: jsx("div", {
           className: "table-header-box"
@@ -672,6 +807,22 @@ var TableHead$1 = function TableHead(props) {
         }))]
       }))]
     }));
+  }; // 表格列拖拽放下
+
+
+  var onDragDown = function onDragDown(headCell) {
+    return function (result) {
+      changeColumnWidth && changeColumnWidth(headCell, result);
+    };
+  }; // 获取宽度
+
+
+  var getWidth = function getWidth(item) {
+    var w = item.width || '';
+    var name = item.name || '';
+    var wDrag = headDataConfig[name] && headDataConfig[name].width;
+    if (wDrag) w = wDrag + 'px';
+    return w;
   }; // 内容列memo
 
 
@@ -706,7 +857,7 @@ var TableHead$1 = function TableHead(props) {
 
     var handStyle = function handStyle(item) {
       var json = {
-        width: item.width
+        width: getWidth(item)
       };
 
       if (fixedColumn && item.fixed && item.width) {
@@ -740,13 +891,25 @@ var TableHead$1 = function TableHead(props) {
           })
         }))
       }));
+    }; // 处理拖拽
+
+
+    var handDrag = function handDrag(item) {
+      if (item.name === 'table-serial-number') return false; // 序号不拖拽
+
+      if (dragColumn && item.drag !== false) return true;
+      return false;
     };
 
     return headData.map(function (headCell, index) {
       return jsx(ThElement, Object.assign({
         className: handCls(headCell),
         align: headCell.align || align,
-        style: handStyle(headCell)
+        style: handStyle(headCell),
+        draggable: handDrag(headCell),
+        headCell: headCell,
+        onDragDown: onDragDown(headCell),
+        lineWidth: lineWidth
       }, {
         children: jsxs("div", Object.assign({
           className: handCellClass(headCell)
@@ -779,7 +942,7 @@ var TableHead$1 = function TableHead(props) {
         }))
       }), headCell.name || index);
     });
-  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn]); // 操作栏memo
+  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig]); // 操作栏memo
 
   var TableOperateMemo = useMemo(function () {
     if (operate) {
@@ -813,7 +976,8 @@ var TableHead$1 = function TableHead(props) {
       return jsx(ThElement, Object.assign({
         align: operate.align || align,
         style: handStyle(),
-        className: handCls()
+        className: handCls(),
+        draggable: false
       }, {
         children: jsx("div", Object.assign({
           className: "table-header-box"
@@ -895,7 +1059,8 @@ var TableHead$1 = function TableHead(props) {
       children: jsx(ThElement, Object.assign({
         align: "center",
         className: handCls(),
-        onClick: clickShowColums
+        onClick: clickShowColums,
+        draggable: false
       }, {
         children: jsx("div", Object.assign({
           className: "table-header-box"
@@ -1637,7 +1802,7 @@ var TableElement = function TableElement(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  padding-right: 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  bottom: 0;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-table.paraui-v3-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  bottom: 0;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n  z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}";
 styleInject(css_248z);
 
 var Table = function Table(propsInit) {
@@ -1704,6 +1869,8 @@ var Table = function Table(propsInit) {
       fixedTable = _props$fixedTable === void 0 ? true : _props$fixedTable,
       _props$fixedColumn = props.fixedColumn,
       fixedColumn = _props$fixedColumn === void 0 ? true : _props$fixedColumn,
+      _props$dragColumn = props.dragColumn,
+      dragColumn = _props$dragColumn === void 0 ? true : _props$dragColumn,
       formatter = props.formatter,
       _props$lineHeight = props.lineHeight,
       lineHeight = _props$lineHeight === void 0 ? 56 : _props$lineHeight,
@@ -1728,7 +1895,7 @@ var Table = function Table(propsInit) {
       beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
       loading = props.loading;
   var intl = useFormatMessage('Table', localeJson);
-  var dayNum = props.expirationTime ? props.expirationTime : 7; // 过期天数
+  var dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
 
   var _useState = useState(props.page !== undefined ? props.page : 1),
       _useState2 = _slicedToArray(_useState, 2),
@@ -1861,14 +2028,22 @@ var Table = function Table(propsInit) {
   var _useState45 = useState({}),
       _useState46 = _slicedToArray(_useState45, 2),
       posFixed = _useState46[0],
-      setPosFixed = _useState46[1];
+      setPosFixed = _useState46[1]; // 固定位置
+
+
+  var _useState47 = useState({}),
+      _useState48 = _slicedToArray(_useState47, 2),
+      headDataConfig = _useState48[0],
+      setHeadDataConfig = _useState48[1]; // 表头配置
+
 
   var containerRef = useRef(); // 表格内容高度
 
   var tableRef = useRef(); // 表格
 
   var constData = useRef({
-    page: props.page !== undefined ? props.page : 1
+    page: props.page !== undefined ? props.page : 1,
+    headDataConfig: {}
   }); // 存储常量
 
   constData.current.loadMoreUrl = loadMore && url; // 用来判断加载更多请求是否放在表格里面
@@ -2128,33 +2303,8 @@ var Table = function Table(propsInit) {
       target: containerRef.current
     });
   });
-  /** 处理序号 */
-
-  var handSerial = function handSerial(arr) {
-    var defaultVal = {
-      label: intl({
-        id: 'serial'
-      }),
-      selected: true,
-      width: props.radio || props.check || props.expandable ? 45 : 55,
-      fixed: 'left',
-      className: 'table-serial-number',
-      render: function render(row, item, val, index, rowIndex) {
-        return Number(rowIndex) + 1;
-      }
-    };
-
-    if (props.serialNumber) {
-      if (typeof props.serialNumber === 'boolean') {
-        arr.unshift(defaultVal);
-      } else {
-        arr.unshift(Object.assign(Object.assign({}, defaultVal), props.serialNumber));
-      }
-    }
-  };
   /** 设置size */
 
-
   var handSize = function handSize(num) {
     constData.current.size = num;
     setSizeCom(num);
@@ -2189,26 +2339,39 @@ var Table = function Table(propsInit) {
     var json = getLocalStorageSelectHead(getTableHeadKey(), dayNum);
     return json;
   };
-  /** 设置本地表格列 */
+  /**
+   * 设置本地表格列
+   *
+   * */
 
 
-  var setLocalStorageHeadCom = function setLocalStorageHeadCom(headArr) {
+  var setLocalStorageHeadCom = function setLocalStorageHeadCom(obj) {
     if (props.rememberColumns === false) return;
-    var selectHeadJson = ArrayToObject('name', headArr);
+    var localStorageData = getLocalStorageHeadCom();
     var json = {
-      headName: {},
+      headName: localStorageData.headName || {},
+      headDataConfig: localStorageData.headDataConfig || {},
       storageTime: new Date().getTime(),
       validity: dayNum * (60 * 60 * 24)
-    };
+    }; // 设置固定列
 
-    for (var i = 0, l = showHeadList.length; i < l; i++) {
-      var item = showHeadList[i];
-      var name = item.name || '';
-      json.headName[name] = false;
+    if (obj.setFixed) {
+      var selectHeadJson = ArrayToObject('name', obj.headArr || []);
+
+      for (var i = 0, l = showHeadList.length; i < l; i++) {
+        var item = showHeadList[i];
+        var name = item.name || '';
+        json.headName[name] = false;
 
-      if (selectHeadJson[name]) {
-        json.headName[name] = true;
+        if (selectHeadJson[name]) {
+          json.headName[name] = true;
+        }
       }
+    } // 设置拖动列
+
+
+    if (obj.setDrag) {
+      json.headDataConfig = obj.headDataConfig || {};
     }
 
     setLocalStorageSelectHead(getTableHeadKey(), json);
@@ -2246,6 +2409,32 @@ var Table = function Table(propsInit) {
       }
     }
   };
+  /** 处理序号 */
+
+
+  var handSerial = function handSerial(arr) {
+    var defaultVal = {
+      label: intl({
+        id: 'serial'
+      }),
+      selected: true,
+      width: props.radio || props.check || props.expandable ? 45 : 55,
+      fixed: 'left',
+      className: 'table-serial-number',
+      name: 'table-serial-number',
+      render: function render(row, item, val, index, rowIndex) {
+        return Number(rowIndex) + 1;
+      }
+    };
+
+    if (props.serialNumber) {
+      if (typeof props.serialNumber === 'boolean') {
+        arr.unshift(defaultVal);
+      } else {
+        arr.unshift(Object.assign(Object.assign({}, defaultVal), props.serialNumber));
+      }
+    }
+  };
   /**
    * 初始化设置表头
    * @param arr {(HeadDataProps | HeadDataReqProps)[]} 表头数据
@@ -2260,14 +2449,16 @@ var Table = function Table(propsInit) {
 
     var json = {};
     var localHead = getLocalStorageHeadCom();
+    constData.current.headDataConfig = localHead.headDataConfig || {};
 
     for (var i = 0, l = arr.length; i < l; i++) {
       var item = arr[i];
-      if (typeof item.width === 'number') item.width += 'px';
+      var name = item.name || '';
+      if (typeof item.width === 'number') item.width = item.width + 'px';
       if (!bol) item.orderNum = i;
       handHeadShow(item, headShowArr, localHead);
       headArr.push(item);
-      json[item.name] = item;
+      json[name] = item;
     }
 
     if (bol) {
@@ -2283,8 +2474,11 @@ var Table = function Table(propsInit) {
 
     handHeadDataCom(headShowArr); // 处理显示列宽度
 
-    setHeadDataCom(headShowArr);
-    setShowHeadList(headArr);
+    setHeadDataCom(headShowArr); // 表格当前显示列 集合本地数据
+
+    setShowHeadList(headArr); // 显示列下拉值 所有头部的配置
+
+    setHeadDataConfig(Object.assign({}, constData.current.headDataConfig));
     constData.current.headDataJson = json;
   }; // 计算左边的差量
 
@@ -2340,6 +2534,15 @@ var Table = function Table(propsInit) {
     }
 
     return rightNum;
+  }; // 获取宽度
+
+
+  var getWidth = function getWidth(item) {
+    var w = item.width || '';
+    var name = item.name || '';
+    var wDrag = constData.current.headDataConfig[name] && constData.current.headDataConfig[name].width;
+    if (wDrag) w = wDrag;
+    return w;
   };
   /**
    * 处理显示列宽度
@@ -2367,19 +2570,22 @@ var Table = function Table(propsInit) {
     for (var i = 0, l = arr.length; i < l; i++) {
       var item = arr[i];
       var itemWidth = 0;
+      var handW = getWidth(item); // 获取宽度,有拖动过后宽度,就用拖动的
 
-      if (item.width) {
-        itemWidth = getStringInNumber(item.width);
+      if (handW) {
+        itemWidth = getStringInNumber(handW);
         tableMinWidth += itemWidth;
       } else {
         tableMinWidth += lineWidth;
       }
 
       if (item.fixed === 'left' && item.width) {
+        // 固定列必须具有宽度
         leftArr.push(item);
       }
 
       if (item.fixed === 'right' && item.width) {
+        // 固定列必须具有宽度
         rightArr.push(item);
       }
     }
@@ -2393,7 +2599,10 @@ var Table = function Table(propsInit) {
         var _item = leftArr[_i];
 
         if (_item.width) {
-          var _itemWidth = getStringInNumber(_item.width);
+          var _handW = getWidth(_item); // 获取宽度,有拖动过后宽度,就用拖动的
+
+
+          var _itemWidth = getStringInNumber(_handW);
 
           _item.paraui_left_width = leftOps;
           leftOps += _itemWidth; // 最后一个
@@ -2416,7 +2625,10 @@ var Table = function Table(propsInit) {
         var _item2 = rightArr[_i2];
 
         if (_item2.width) {
-          var _itemWidth2 = getStringInNumber(_item2.width);
+          var _handW2 = getWidth(_item2); // 获取宽度,有拖动过后宽度,就用拖动的
+
+
+          var _itemWidth2 = getStringInNumber(_handW2);
 
           _item2.paraui_right_width = rightOps;
           rightOps += _itemWidth2; // 最后一个
@@ -2430,8 +2642,9 @@ var Table = function Table(propsInit) {
       }
     }
 
-    setTableMinWidth(tableMinWidth);
-    setPosFixed(posJson);
+    setTableMinWidth(tableMinWidth); // 表格最小宽度
+
+    setPosFixed(posJson); // 定位信息
   };
   /**
    * 处理过滤请求数据
@@ -2773,13 +2986,20 @@ var Table = function Table(propsInit) {
       handCheckValue({});
     }
   };
-  /** 改变选择列 */
+  /**
+   * 改变选择列
+   * @param arr {HeadDataProps[]} 当前显示列
+   * */
 
 
   var changeSelectHead = function changeSelectHead(arr, item) {
     handHeadDataCom(arr);
-    setHeadDataCom(arr);
-    setLocalStorageHeadCom(arr);
+    setHeadDataCom(arr); // 本地记住选择列
+
+    setLocalStorageHeadCom({
+      setFixed: true,
+      headArr: arr
+    });
     onClickColumns && onClickColumns(arr, item);
   };
   /**
@@ -2792,6 +3012,9 @@ var Table = function Table(propsInit) {
 
   var changeShowList = function changeShowList(headShowArr, bol, item) {
     if (bol) {
+      constData.current.headDataConfig = {};
+      setHeadDataConfig({}); // 重置拖拽列
+
       var arr = [];
 
       var arrShow = _toConsumableArray(showHeadList);
@@ -2828,6 +3051,24 @@ var Table = function Table(propsInit) {
     constData.current.selectFilterCom = DeepClone(val);
     setSelectFilterCom(DeepClone(val));
     handPage(1);
+  };
+  /** 改变拖拽列width */
+
+
+  var changeColumnWidth = function changeColumnWidth(headCell, result) {
+    var name = headCell.name || '';
+    constData.current.headDataConfig[name] = {
+      width: result.width
+    };
+    setHeadDataConfig(Object.assign({}, constData.current.headDataConfig)); // 设置表格列配置,被拖动的width
+
+    handHeadDataCom(_toConsumableArray(headData)); // 重新计算表格的最小宽度
+    // 本地记住拖动列宽度
+
+    setLocalStorageHeadCom({
+      headDataConfig: constData.current.headDataConfig,
+      setDrag: true
+    });
   }; // 表格头部memo
 
 
@@ -2855,9 +3096,13 @@ var Table = function Table(propsInit) {
       fixedTable: fixedTable,
       fixedColumn: fixedColumn,
       posFixed: posFixed,
-      beyondText: beyondText
+      beyondText: beyondText,
+      lineWidth: lineWidth,
+      dragColumn: dragColumn,
+      headDataConfig: headDataConfig,
+      changeColumnWidth: changeColumnWidth
     });
-  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn]); // 表格内容memo
+  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig]); // 表格内容memo
 
   var TableBodyMemo = useMemo(function () {
     return jsx(TableBody, {
@@ -2950,6 +3195,7 @@ var Table = function Table(propsInit) {
     if (loadMore) str += " ".concat($prefixCls, "-table-load-more");
     if (fixedTable) str += " ".concat($prefixCls, "-table-fixed-table");
     if (fixedColumn) str += " ".concat($prefixCls, "-table-fixed-cloumn");
+    if (dragColumn) str += " ".concat($prefixCls, "-table-drag-column");
     if (check) str += " ".concat($prefixCls, "-table-check");
     if (radio) str += " ".concat($prefixCls, "-table-radio");
     if (expandable) str += " ".concat($prefixCls, "-table-expandable");

package/Table/interface.d.ts

@@ -28,6 +28,8 @@ export interface HeadDataProps {
     name?: string;
     /** 显示名 */
     label?: string;
+    /** 是否拖拽列 */
+    drag?: boolean;
     /** 是否排序 */
     sort?: boolean;
     /** 渲染函数 (跟表格tableCell参数互斥) */
@@ -70,7 +72,7 @@ export interface HeadDataReqProps {
     selectedFlag?: boolean;
     [name: string]: any;
 }
-/** 固定列位置信息 */
+/** 固定列/拖拽 位置信息 */
 export interface PosFixedProps {
     /** 是否存在左边定位 */
     leftBol?: boolean;
@@ -118,7 +120,7 @@ export interface TableProps extends TableHeadBodyPublicProps {
     style?: React.CSSProperties;
     /** 表格唯一id,用来存储数据做索引 */
     tableKey?: string;
-    /** 过期时间/ 单位天 默认7天 */
+    /** 过期时间/ 单位天 默认7天 0表示永久 */
     expirationTime?: number;
     /** 记住列,默认记住 */
     rememberColumns?: boolean;
@@ -172,6 +174,8 @@ export interface TableProps extends TableHeadBodyPublicProps {
     beyondText?: boolean;
     /** 是否显示序号 true显示 HeadDataProps配置详情,跟配置列一样 */
     serialNumber?: boolean | HeadDataProps;
+    /** 是否拖动列 */
+    dragColumn?: boolean;
     /** 是否过滤 */
     filter?: boolean;
     /** 排序 多个/单个 */
@@ -237,6 +241,8 @@ export interface HeadLocalStorageItem {
         /** true显示,false在下拉里面 */
         [name: string]: boolean;
     };
+    /** 拖拽记住的列信息 */
+    headDataConfig: HeadDataConfigProps;
     /** 存储时间 */
     storageTime: number;
     /** 过期时间 */
@@ -246,3 +252,16 @@ export interface HeadLocalStorageItem {
 export interface HeadLocalStorage {
     [name: string]: HeadLocalStorageItem;
 }
+/** 表格头部配置 */
+export interface HeadDataConfigProps {
+    [name: string]: {
+        width?: number;
+    };
+}
+/** 设置本地数据 */
+export interface SetLocalStorageProps {
+    headArr?: HeadDataProps[];
+    headDataConfig?: HeadDataConfigProps;
+    setFixed?: boolean;
+    setDrag?: boolean;
+}

package/Table/tableHeadInterface.d.ts

@@ -4,9 +4,14 @@
  * @description 表格头部参数
  */
 import React from 'react';
-import { TableHeadBodyPublicProps, SelectStatus } from './interface';
+import { TableHeadBodyPublicProps, SelectStatus, HeadDataProps } from './interface';
+import { DragResultProps } from "./thElement";
 /** 表格头部参数 */
 export interface TableHeadProps extends TableHeadBodyPublicProps {
+    /** 是否拖动列 */
+    dragColumn?: boolean;
+    /** 表格每列没设置宽度的默认宽度, 默认80 */
+    lineWidth?: number;
     /** 排序触发事件 property: 属性名 */
     onRequestSort?: (event: React.MouseEvent<unknown>, property: string) => void;
     /** 全选事件 */
@@ -21,6 +26,10 @@ export interface TableHeadProps extends TableHeadBodyPublicProps {
     changeShowList: (headShowArr: any, bol?: boolean, item?: any) => void;
     /** 过滤值 */
     selectFilter: any;
+    /** 表格列配置 */
+    headDataConfig: HeadDataProps;
     /** 改变过滤 */
     changeFilter?: (val: any) => void;
+    /** 改变拖拽列width */
+    changeColumnWidth?: (headCell: HeadDataProps, result: DragResultProps) => void;
 }

package/Table/thElement/index.d.ts

@@ -4,11 +4,24 @@
  * @description 表格th元素
  */
 import React, { FunctionComponent } from "react";
+import { HeadDataProps } from "../interface";
 import './index.scss';
+export interface DragResultProps {
+    width: number;
+    left: number;
+}
 export interface ThElementProps {
     className?: string;
     style?: React.CSSProperties;
     children?: any;
+    /** 是否拖动 */
+    draggable?: boolean;
+    /** 表格每列没设置宽度的默认宽度, 默认80 */
+    lineWidth?: number;
+    /** 表格列配置 */
+    headCell?: HeadDataProps;
+    /** 拖动放下事件 */
+    onDragDown?: (result: DragResultProps) => void;
     [name: string]: any;
 }
 export declare const ThElement: FunctionComponent<ThElementProps>;

package/Table/util.d.ts

@@ -26,3 +26,9 @@ export declare const getLocalStorageSelectHead: (key: string, num: number) => He
  * @param val {HeadLocalStorageItem} 保存值
  * */
 export declare const setLocalStorageSelectHead: (key: string, val: HeadLocalStorageItem) => void;
+/**
+ * 查找元素
+ * @param el 当前元素
+ * @param selector 查找元素class
+ */
+export declare const closest: (el: any, selector: any) => any;

package/Tooltip/index.js

@@ -209,7 +209,7 @@ function getAlignOffset(place) {
   return offsetMap[mPlace];
 }
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  line-height: 1.5715;\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  max-width: 250px;\n  visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n  position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n  display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n  display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-wrap: break-word;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  width: 22px;\n  height: 22px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  background-color: transparent;\n  content: \"\";\n  border-radius: 0 0 4px;\n  pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background: rgba(46, 55, 67, 0.7) -10px -10px no-repeat;\n  content: \"\";\n  -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  bottom: 0;\n  transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  left: 0;\n  transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  right: 0;\n  transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  top: 0;\n  transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n  animation-name: componentTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n  animation-name: componentTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentTooltipZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-tooltip {\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  line-height: 1.5715;\n  position: absolute;\n  z-index: 1500;\n  display: block;\n  width: max-content;\n  max-width: 250px;\n  visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n  position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n  display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n  display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n  min-width: 30px;\n  min-height: 32px;\n  padding: 5px 12px;\n  color: rgb(255, 255, 255);\n  text-align: left;\n  text-decoration: none;\n  word-wrap: break-word;\n  background-color: rgba(46, 55, 67, 0.7);\n  border-radius: 4px;\n  line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n  position: absolute;\n  z-index: 2;\n  display: block;\n  width: 22px;\n  height: 22px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  content: \"\";\n  border-radius: 0 0 2px;\n  pointer-events: none;\n  background: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background-repeat: no-repeat;\n  background-position: -10px -10px;\n  content: \"\";\n  clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  bottom: 0;\n  transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n  right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  left: 0;\n  transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  right: 0;\n  transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n  top: 50%;\n  transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n  top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n  bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  top: 0;\n  transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n  left: 50%;\n  transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n  left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n  right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-duration: 0.1s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n  animation-name: componentTooltipZoomBigIn;\n  animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n  animation-name: componentTooltipZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n  transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes componentTooltipZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-e0508c99.js';
-export { T as default } from '../_verture/index-e0508c99.js';
+import { T as Tree } from '../_verture/index-22d72b71.js';
+export { T as default } from '../_verture/index-22d72b71.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
 import '../_verture/defineProperty-0590dc61.js';

package/index.js

@@ -20,8 +20,8 @@ export { Drawer } from './Drawer/index.js';
 export { Dropdown } from './Dropdown/index.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-2a854dc1.js';
-export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-44a724b5.js';
+export { F as FormItem } from './_verture/index-f8c1bdf2.js';
+export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-ccfddd8f.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
 export { default as HelperText } from './HelperText/index.js';
@@ -66,7 +66,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-e0508c99.js';
+export { T as Tree } from './_verture/index-22d72b71.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-d7722f4b.js';
 import 'react/jsx-runtime';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.8",
+  "version": "3.0.9",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",