@para-ui/core 4.0.0-rc → 4.0.0-rc.2

package/Switch/index.js

@@ -7,6 +7,7 @@ import clsx from 'clsx';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
 import Label from '../Label/index.js';
 import { Tooltip } from '../Tooltip/index.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-adeedc13.js';
 import '../Help/index.js';
@@ -17,12 +18,28 @@ import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
+import '@para-ui/core/GlobalContext';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-switch {\n  position: relative;\n  display: inline-block;\n  width: 32px;\n  height: 16px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-v4-switch .component-switch {\n  border: none;\n  cursor: pointer;\n}\n.paraui-v4-switch:before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  border-radius: 8px;\n  background-color: rgb(212, 218, 227);\n  content: \"\";\n  transition: all 0.2s;\n}\na .paraui-v4-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-v4-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:before {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-loading *, .paraui-v4-switch.component-switch-disabled * {\n  box-shadow: none;\n}\n.paraui-v4-switch-loading .component-switch-inner::before, .paraui-v4-switch.component-switch-disabled .component-switch-inner::before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  background-color: rgba(255, 255, 255, 0.5);\n  content: \"\";\n  z-index: 100;\n}\n.paraui-v4-switch .component-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-v4-switch .component-switch-handle {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-v4-switch .component-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgb(255, 255, 255);\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle {\n  left: calc(100% - 14px);\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle::before {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-v4-switch .component-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(46, 101, 230);\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-loading-icon {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-v4-switch-small .component-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-v4-switch-small .component-switch-handle {\n  width: 12px;\n  height: 12px;\n  top: 3px;\n  left: 2px;\n}\n.paraui-v4-switch-small .component-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.component-label-box {\n  display: flex;\n  align-items: center;\n}\n.component-label-box .sup-text {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-left: 10px;\n  line-height: 16px;\n}\n.component-label-box .sup-text > a {\n  text-decoration: none;\n  cursor: pointer;\n  color: rgb(46, 101, 230);\n}\n.component-label-box .sup-text > a:hover {\n  color: rgb(87, 131, 235);\n}\n\n.paraui-v4-switch-label {\n  display: inline-flex;\n  align-items: flex-end;\n}\n.paraui-v4-switch-label .component-disabled-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-switch-label .component-desc-text {\n  margin-bottom: 0;\n  margin-right: 10px;\n  line-height: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help {\n  line-height: 1;\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg {\n  top: 0;\n}\n.paraui-v4-switch-label .paraui-v4-label-text-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-switch-desc-end {\n  flex-direction: row-reverse;\n}\n.paraui-v4-switch-desc-end .component-desc-text {\n  margin-right: 0;\n}";
+var en = {
+  ing: 'In Progress'
+};
+
+var zh = {
+  ing: '正在进行中'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-switch {\n  position: relative;\n  display: inline-block;\n  width: 32px;\n  height: 16px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-v4-switch .component-switch {\n  border: none;\n  cursor: pointer;\n}\n.paraui-v4-switch:before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  border-radius: 8px;\n  background-color: rgb(212, 218, 227);\n  content: \"\";\n  transition: all 0.2s;\n}\na .paraui-v4-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-v4-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-v4-switch.component-switch-checked:before {\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-loading *, .paraui-v4-switch.component-switch-disabled * {\n  box-shadow: none;\n}\n.paraui-v4-switch-loading .component-switch-inner::before, .paraui-v4-switch.component-switch-disabled .component-switch-inner::before {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  width: 100%;\n  height: 16px;\n  background-color: rgba(255, 255, 255, 0.5);\n  content: \"\";\n  z-index: 100;\n}\n.paraui-v4-switch .component-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-v4-switch .component-switch-handle {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-v4-switch .component-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgb(255, 255, 255);\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle {\n  left: calc(100% - 14px);\n}\n.paraui-v4-switch.component-switch-checked .component-switch-handle::before {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active .component-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-v4-switch:not(.paraui-v4-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-v4-switch .component-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(46, 101, 230);\n  font-size: 10px;\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v4-switch.component-switch-checked .component-switch-loading-icon {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-v4-switch-small .component-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-v4-switch-small .component-switch-handle {\n  width: 12px;\n  height: 12px;\n  top: 3px;\n  left: 2px;\n}\n.paraui-v4-switch-small .component-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-v4-switch-small.component-switch-checked .component-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.paraui-v4-switch-disabled::before {\n  background-color: rgb(225, 229, 236);\n}\n.paraui-v4-switch-disabled.component-switch-checked::before {\n  background-color: rgb(151, 178, 242);\n}\n\n.component-label-box {\n  display: flex;\n  align-items: center;\n}\n.component-label-box .sup-text {\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n  margin-left: 10px;\n  line-height: 16px;\n}\n.component-label-box .sup-text > a {\n  text-decoration: none;\n  cursor: pointer;\n  color: rgb(46, 101, 230);\n}\n.component-label-box .sup-text > a:hover {\n  color: rgb(87, 131, 235);\n}\n\n.paraui-v4-switch-label {\n  display: inline-flex;\n  align-items: flex-end;\n}\n.paraui-v4-switch-label .component-disabled-text {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-switch-label .component-desc-text {\n  margin-bottom: 0;\n  margin-right: 10px;\n  line-height: 16px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help {\n  line-height: 1;\n}\n.paraui-v4-switch-label .component-desc-text .paraui-v4-help svg {\n  top: 0;\n}\n.paraui-v4-switch-label .paraui-v4-label-text-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.paraui-v4-switch-desc-end {\n  flex-direction: row-reverse;\n}\n.paraui-v4-switch-desc-end .component-desc-text {\n  margin-right: 0;\n}\n\n.component-switch-disabled > div:nth-child(1)::before {\n  transition: all 2s ease-in-out;\n}";
 styleInject(css_248z);
 
 //Switch 开关
 var Switch = function Switch(props) {
+  var _clsx;
+  var intl = useFormatMessage('Switch', localeJson);
   props.size;
     var loading = props.loading,
     disabled = props.disabled,
@@ -35,15 +52,17 @@ var Switch = function Switch(props) {
     descTooltip = props.descTooltip,
     disabledTooltip = props.disabledTooltip,
     _props$loadingTitle = props.loadingTitle,
-    loadingTitle = _props$loadingTitle === void 0 ? "正在执行中" : _props$loadingTitle,
+    loadingTitle = _props$loadingTitle === void 0 ? intl({
+      id: 'ing'
+    }) : _props$loadingTitle,
     _props$labelPlacement = props.labelPlacement,
-    labelPlacement = _props$labelPlacement === void 0 ? "top" : _props$labelPlacement,
+    labelPlacement = _props$labelPlacement === void 0 ? 'top' : _props$labelPlacement,
     _props$descPlacement = props.descPlacement,
-    descPlacement = _props$descPlacement === void 0 ? "start" : _props$descPlacement,
+    descPlacement = _props$descPlacement === void 0 ? 'start' : _props$descPlacement,
     supText = props.supText,
     restProps = __rest(props, ["size", "loading", "disabled", "className", "label", "required", "desc", "labelTooltip", "descTooltip", "disabledTooltip", "loadingTitle", "labelPlacement", "descPlacement", "supText"]);
   //cls
-  var classes = clsx("".concat($prefixCls, "-switch"), _defineProperty({}, "".concat($prefixCls, "-switch-loading"), loading), className);
+  var classes = clsx("".concat($prefixCls, "-switch"), (_clsx = {}, _defineProperty(_clsx, "".concat($prefixCls, "-switch-loading"), loading), _defineProperty(_clsx, "".concat($prefixCls, "-switch-disabled"), disabled), _clsx), className);
   //label cls
   var labelClasses = clsx("".concat($prefixCls, "-switch-label"), "".concat($prefixCls, "-switch-label-").concat(labelPlacement), "".concat($prefixCls, "-switch-desc-").concat(descPlacement));
   //loading circle
@@ -59,22 +78,20 @@ var Switch = function Switch(props) {
     return disabled && disabledTooltip ? jsx(Tooltip, Object.assign({
       disabled: true
     }, disabledTooltip, {
-      children: jsx("span", Object.assign({
-        className: classes
+      children: jsxs("div", Object.assign({
+        className: "".concat($rcPrefixCls, "-label-box")
       }, {
-        children: jsxs("div", Object.assign({
-          className: "".concat($rcPrefixCls, "-label-box")
+        children: [jsx(RcSwitch, Object.assign({
+          className: classes
+        }, restProps, {
+          prefixCls: "".concat($rcPrefixCls, "-switch"),
+          disabled: disabled || loading,
+          loadingIcon: loadingIcon
+        })), jsx("span", Object.assign({
+          className: "sup-text"
         }, {
-          children: [jsx(RcSwitch, Object.assign({}, restProps, {
-            prefixCls: "".concat($rcPrefixCls, "-switch"),
-            disabled: disabled || loading,
-            loadingIcon: loadingIcon
-          })), jsx("span", Object.assign({
-            className: "sup-text"
-          }, {
-            children: supText && supText
-          }))]
-        }))
+          children: supText && supText
+        }))]
       }))
     })) : jsx(Fragment, {
       children: loadingTitle && loading ? jsx(Tooltip, Object.assign({
@@ -119,7 +136,7 @@ var Switch = function Switch(props) {
         label: desc,
         required: required
       }, descTooltip, {
-        className: "".concat($rcPrefixCls, "-desc-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : "")
+        className: "".concat($rcPrefixCls, "-desc-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : '')
       })), jsxs("span", Object.assign({
         className: "".concat($prefixCls, "-label-text-container")
       }, {
@@ -127,7 +144,7 @@ var Switch = function Switch(props) {
           label: label,
           required: required
         }, labelTooltip, {
-          className: "".concat($rcPrefixCls, "-switch-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : "")
+          className: "".concat($rcPrefixCls, "-switch-text ").concat(disabled ? "".concat($rcPrefixCls, "-disabled-text") : '')
         })), renderSwitch()]
       }))]
     }));

package/Switch/lang/en_US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    ing: string;
+};
+export default _default;

package/Switch/lang/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zh: {
+        ing: string;
+    };
+    en: {
+        ing: string;
+    };
+};
+export default _default;

package/Switch/lang/zh_CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    ing: string;
+};
+export default _default;

package/Table/index.js

@@ -100,14 +100,14 @@ var handGetReqParams = function handGetReqParams(obj) {
     } else {
       val = encodeURIComponent(val);
     }
-    paramsArr.push(key + '=' + val);
+    paramsArr.push("".concat(key, "=").concat(val));
   }
   var paramsStr = paramsArr.join('&');
   var pos = str.indexOf('?');
   if (pos !== -1) {
     str += (pos === str.length - 1 ? '' : '&') + paramsStr;
   } else {
-    str += '?' + paramsStr;
+    str += "?".concat(paramsStr);
   }
   return str;
 };
@@ -116,7 +116,7 @@ var handGetReqParams = function handGetReqParams(obj) {
  * */
 var getStringInNumber = function getStringInNumber(str) {
   if (typeof str === 'number') return str;
-  var strHand = str.replace(/[^0-9$]/ig, '');
+  var strHand = str.replace(/[^0-9$]/gi, '');
   return Number(strHand);
 };
 /**
@@ -185,7 +185,7 @@ var TableHeadElement = function TableHeadElement(props) {
     otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'table-head-element';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("thead", Object.assign({
@@ -206,7 +206,7 @@ var TrElement = function TrElement(props) {
     otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'tr-element';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("tr", Object.assign({
@@ -266,14 +266,14 @@ var ThElement = function ThElement(props) {
   // 鼠标移动事件
   var mousemove = function mousemove(e) {
     var result = handMinWidth(e);
-    constData.current.lineDom.style.left = result.left + 'px';
+    constData.current.lineDom.style.left = "".concat(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';
+    dom.style.width = "".concat(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);
@@ -301,9 +301,9 @@ var ThElement = function ThElement(props) {
     var div = document.createElement('div');
     div.setAttribute('class', 'table-pos-line');
     // 定位线高度
-    div.style.height = (tableDomHeight > tableContainerHeight ? tableContainerHeight : tableDomHeight) + 'px';
+    div.style.height = "".concat(tableDomHeight > tableContainerHeight ? tableContainerHeight : tableDomHeight, "px");
     // 定位线的居左距离
-    div.style.left = constData.current.th.offsetLeft + constData.current.th.offsetWidth + 'px';
+    div.style.left = "".concat(constData.current.th.offsetLeft + constData.current.th.offsetWidth, "px");
     constData.current.lineDom = div;
     constData.current.tableContainer.appendChild(div);
   };
@@ -319,7 +319,7 @@ var ThElement = function ThElement(props) {
   var handClass = function handClass() {
     var str = 'th-element';
     if (draggable) str += ' th-element-draggable';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("th", Object.assign({
@@ -765,7 +765,7 @@ var TableHead$1 = function TableHead(props) {
     var w = item.width || '';
     var name = item.name || '';
     var wDrag = headDataConfig[name] && headDataConfig[name].width;
-    if (wDrag) w = wDrag + 'px';
+    if (wDrag) w = "".concat(wDrag, "px");
     return w;
   };
   // 内容列memo
@@ -781,7 +781,7 @@ var TableHead$1 = function TableHead(props) {
       var str = '';
       if (item.className) str += item.className;
       if (fixedColumn && item.fixed) {
-        str += ' table-fixed-dom-' + item.fixed;
+        str += " table-fixed-dom-".concat(item.fixed);
         // 固定左边,判断是否是最后一个
         if (item.fixed === 'left' && item.paraui_fixed_left_last) {
           str += ' table-fixed-dom-left-last';
@@ -799,10 +799,10 @@ var TableHead$1 = function TableHead(props) {
       };
       if (fixedColumn && item.fixed && item.width) {
         if (item.fixed === 'left') {
-          json.left = item.paraui_left_width + 'px';
+          json.left = "".concat(item.paraui_left_width, "px");
         }
         if (item.fixed === 'right') {
-          json.right = item.paraui_right_width + 'px';
+          json.right = "".concat(item.paraui_right_width, "px");
         }
       }
       return Object.assign(Object.assign({}, json), item.style);
@@ -896,7 +896,7 @@ var TableHead$1 = function TableHead(props) {
           width: operate.width
         };
         if (fixedColumn) {
-          json.right = showColumns === "inside" ? '53px' : '0px';
+          json.right = showColumns === 'inside' ? '53px' : '0px';
         }
         return Object.assign(Object.assign({}, json), operate.style);
       };
@@ -1032,7 +1032,7 @@ var TableBodyElement = function TableBodyElement(props) {
     otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'table-body-element';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("tbody", Object.assign({
@@ -1053,7 +1053,7 @@ var TdElement = function TdElement(props) {
     otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'td-element';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("td", Object.assign({
@@ -1260,7 +1260,7 @@ var TableBody = function TableBody(props) {
     // 处理className
     var handClassNoData = function handClassNoData() {
       var str = 'table-no-data';
-      if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += ' table-no-data-' + (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
+      if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += " table-no-data-".concat(emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
       return str;
     };
     return jsx(TrElement, Object.assign({
@@ -1412,7 +1412,7 @@ var TableBody = function TableBody(props) {
     };
     var handContentClass = function handContentClass(item) {
       var str = 'table-content-columms';
-      if (item.className) str += ' ' + item.className;
+      if (item.className) str += " ".concat(item.className);
       // 排序
       if (sortTable && item.name && item.sort !== false) {
         var index = orderFieldArr.indexOf(item.name);
@@ -1428,7 +1428,7 @@ var TableBody = function TableBody(props) {
         }
       }
       if (item.fixed && fixedColumn) {
-        str += ' table-fixed-dom-' + item.fixed;
+        str += " table-fixed-dom-".concat(item.fixed);
         // 固定左边,判断是否是最后一个
         if (item.fixed === 'left' && item.paraui_fixed_left_last) {
           str += ' table-fixed-dom-left-last';
@@ -1444,10 +1444,10 @@ var TableBody = function TableBody(props) {
       var json = {};
       if (fixedColumn && item.fixed && item.width) {
         if (item.fixed === 'left') {
-          json.left = item.paraui_left_width + 'px';
+          json.left = "".concat(item.paraui_left_width, "px");
         }
         if (item.fixed === 'right') {
-          json.right = item.paraui_right_width + 'px';
+          json.right = "".concat(item.paraui_right_width, "px");
         }
       }
       return json;
@@ -1480,7 +1480,7 @@ var TableBody = function TableBody(props) {
   var TableOperateUseCallback = useCallback(function (row, rowIndex) {
     if (operate) {
       var colSpan = 1;
-      if (showColumns === "inside") colSpan = 2;
+      if (showColumns === 'inside') colSpan = 2;
       var handOperate = function handOperate() {
         if (operate.render) return operate.render(row);
         if (operate.operateBtnRender) {
@@ -1539,7 +1539,7 @@ var TableBody = function TableBody(props) {
     return jsx(TrElement, Object.assign({
       className: "more-table-row",
       style: {
-        height: lineHeight + 'px'
+        height: "".concat(lineHeight, "px")
       },
       onClick: clickMore
     }, {
@@ -1562,13 +1562,13 @@ var TableBody = function TableBody(props) {
       children: rowData.map(function (row, index) {
         var str = 'table-body-row';
         if (rowClassMapping && rowClassMapping[row[rowKey]]) {
-          str += ' ' + rowClassMapping[row[rowKey]];
+          str += " ".concat(rowClassMapping[row[rowKey]]);
         }
         return jsxs(Fragment$1, {
           children: [jsxs(TrElement, Object.assign({
             className: str,
             style: {
-              height: lineHeight + 'px'
+              height: "".concat(lineHeight, "px")
             },
             onClick: function onClick(e) {
               onClickRow && onClickRow(row, e);
@@ -1730,7 +1730,7 @@ var TableContainer = function TableContainer(props) {
     otherProps = __rest(props, ["cRef", "className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'table-container';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("div", Object.assign({
@@ -1754,7 +1754,7 @@ var TableElement = function TableElement(props) {
   var handClass = function handClass() {
     var str = 'table-element';
     if (fixedColumn) str += ' table-element-fixed-column';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx("table", Object.assign({
@@ -1765,7 +1765,7 @@ var TableElement = function TableElement(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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  position: relative;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n  overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n  height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n  height: 47px;\n  line-height: 47px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgb(92, 101, 115);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v4-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-v4-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-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v4-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-v4-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-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-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(244, 66, 66);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v4-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-v4-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-v4-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-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n  width: 53px;\n  cursor: pointer;\n  border-left: 1px solid rgb(234, 236, 241);\n  right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(87, 131, 235);\n  z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgb(92, 101, 115);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n  margin-left: 16px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n  width: 290px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v4-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-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-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(87, 131, 235);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n  cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v4-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-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n  text-align: center;\n  padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n  width: 290px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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  position: relative;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n  overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n  height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n  height: 47px;\n  line-height: 47px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgb(92, 101, 115);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v4-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-v4-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-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n  transform: scale(0.8);\n}\n.paraui-v4-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-v4-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-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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(244, 66, 66);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v4-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-v4-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-v4-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-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n  width: 53px;\n  cursor: pointer;\n  border-left: 1px solid rgb(234, 236, 241);\n  right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n  padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n  transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(46, 101, 230);\n  z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgb(29, 33, 38);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n  margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n  min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-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(46, 101, 230);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n  cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n  text-align: center;\n  padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n  min-width: 200px;\n}";
 styleInject(css_248z);
 
 var Table = function Table(propsInit) {
@@ -2278,7 +2278,7 @@ var Table = function Table(propsInit) {
   /** 处理本地搜索, 返回true满足搜索条件 */
   var handLocalSearch = function handLocalSearch(item) {
     var searchKey;
-    if (constData.current.search && typeof constData.current.search !== "string" && constData.current.search.searchKey) {
+    if (constData.current.search && typeof constData.current.search !== 'string' && constData.current.search.searchKey) {
       searchKey = constData.current.search.searchKey;
     }
     if (searchKey !== undefined && constData.current.searchKeyName && constData.current.searchKeyName.length > 0) {
@@ -2307,7 +2307,7 @@ var Table = function Table(propsInit) {
     }
     // url
     if (props.url) {
-      return props.url + '_' + (props.method || 'Get');
+      return "".concat(props.url, "_").concat(props.method || 'Get');
     }
     return '';
   };
@@ -2417,7 +2417,7 @@ var Table = function Table(propsInit) {
     for (var i = 0, l = arr.length; i < l; i++) {
       var item = arr[i];
       var name = item.name || '';
-      if (typeof item.width === 'number') item.width = item.width + 'px';
+      if (typeof item.width === 'number') item.width = "".concat(item.width, "px");
       if (!bol) item.orderNum = i;
       handHeadShow(item, headShowArr, localHead);
       headArr.push(item);
@@ -3083,7 +3083,7 @@ var Table = function Table(propsInit) {
   };
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-table';
+    var str = "".concat($prefixCls, "-table");
     if (showColumns === 'inside') str += " ".concat($prefixCls, "-table-columns-inside");
     if (pagination) str += " ".concat($prefixCls, "-table-pagination");
     if (loadMore) str += " ".concat($prefixCls, "-table-load-more");
@@ -3095,7 +3095,7 @@ var Table = function Table(propsInit) {
     if (expandable) str += " ".concat($prefixCls, "-table-expandable");
     if (rowData.length === 0) str += " ".concat($prefixCls, "-table-no-data");
     if (loadState) str += " ".concat($prefixCls, "-table-load");
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   // 改变屏幕大小
@@ -3117,7 +3117,7 @@ var Table = function Table(propsInit) {
       children: jsxs(TableElement, Object.assign({
         fixedColumn: fixedColumn,
         style: {
-          minWidth: tableMinWidth + 'px'
+          minWidth: "".concat(tableMinWidth, "px")
         }
       }, {
         children: [TableHeadMemo, TableBodyMemo]

package/Table/interface.d.ts

@@ -4,9 +4,9 @@
  * @description 表格
  */
 import React, { ReactNode } from 'react';
-import { EmptyProps } from "../Empty";
-import { OperateBtnProps } from "../OperateBtn";
-import { PaginationFlippingArrow, PaginationLayout } from "../Pagination";
+import { EmptyProps } from '../Empty';
+import { OperateBtnProps } from '../OperateBtn';
+import { PaginationFlippingArrow, PaginationLayout } from '../Pagination';
 /** 任意类型 */
 export interface Anyjson {
     [name: string]: any;
@@ -290,7 +290,7 @@ export interface TableProps extends TableHeadBodyPublicProps {
      * 返回true,走组件内部错误处理
      * 不返回或者返回false，走外部逻辑
      * */
-    onError?: (err: any) => (Promise<boolean | void> | (boolean | void));
+    onError?: (err: any) => Promise<boolean | void> | (boolean | void);
     [key: string]: any;
 }
 export interface ExpandableRowItem {

package/Table/tableBodyElement/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/26 11:00 AM
  * @description 表格body元素
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 export interface TableBodyElementProps {
     className?: string;

package/Table/tableBodyInterface.d.ts

@@ -3,9 +3,9 @@
  * @date 2021/8/6 11:06
  * @description 表格内容参数
  */
-import React, { ReactNode } from "react";
+import React, { ReactNode } from 'react';
 import { TableHeadBodyPublicProps, Anyjson, ExpandableStatus } from './interface';
-import { EmptyProps } from "../Empty";
+import { EmptyProps } from '../Empty';
 /** 表格头部参数 */
 export interface TableBodyProps extends TableHeadBodyPublicProps {
     /** 请求地址 */

package/Table/tableContainer/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/26 11:00 AM
  * @description 表格容器
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 export interface TableContainerProps {
     cRef?: any;

package/Table/tableElement/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/26 11:00 AM
  * @description 表格元素
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 export interface TableElementProps {
     className?: string;

package/Table/tableHeadElement/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/26 11:00 AM
  * @description 表格表头元素
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 export interface TableHeadElementProps {
     className?: string;

package/Table/tableHeadInterface.d.ts

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { TableHeadBodyPublicProps, SelectStatus, HeadDataProps } from './interface';
-import { DragResultProps } from "./thElement";
+import { DragResultProps } from './thElement';
 /** 表格头部参数 */
 export interface TableHeadProps extends TableHeadBodyPublicProps {
     /** 是否拖动列 */

package/Table/tablePaginationInterface.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 /**
-* @author linhd
-* @date 2021/8/6 11:07
-* @description 表格分页参数
-*/
-import { PaginationFlippingArrow, PaginationLayout } from "../Pagination";
-import { SelectStatus } from "./interface";
+ * @author linhd
+ * @date 2021/8/6 11:07
+ * @description 表格分页参数
+ */
+import { PaginationFlippingArrow, PaginationLayout } from '../Pagination';
+import { SelectStatus } from './interface';
 /** 表格分页参数 */
 export interface TablePaginationProps {
     /** 内置刷新 */

package/Table/tdElement/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/4/26 11:00 AM
  * @description 表格td元素
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 export interface TdElementProps {
     className?: string;