@para-ui/core 3.0.35 → 3.0.37

package/Table/index.js

@@ -556,6 +556,15 @@ var TableHead$1 = function TableHead(props) {
       }
     };
   };
+  /**
+   * 自定义过滤确定
+   * @param val {[name: string]: any[]}
+   * */
+  var filterCustomConfirm = function filterCustomConfirm() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    changeFilter && changeFilter(Object.assign({}, val));
+    setFilterHead({});
+  };
   /**
    * 处理TableCell
    * @param item 当前列信息
@@ -666,6 +675,18 @@ var TableHead$1 = function TableHead(props) {
   }, [expandable, posFixed, fixedColumn]);
   // 过滤弹窗内容
   var filterPopoverContent = function filterPopoverContent() {
+    var name = filterHead.name;
+    if (!name) return;
+    var filterValue = selectFilterCom[name] || [];
+    if (filterHead.filterRender) {
+      // 自定义渲染过滤
+      return filterHead.filterRender({
+        filterValue: filterValue,
+        selectFilterCom: selectFilterCom,
+        filterHead: filterHead,
+        setFilter: filterCustomConfirm
+      });
+    }
     return jsxs("div", Object.assign({
       className: "filter-select"
     }, {
@@ -674,8 +695,6 @@ var TableHead$1 = function TableHead(props) {
       }, {
         children: function () {
           var arr = filterHead.enums || [];
-          var name = filterHead.name;
-          var filterValue = selectFilterCom[name] || [];
           return arr.map(function (item, index) {
             var checked = filterValue.indexOf(item.value) !== -1;
             return jsxs("div", Object.assign({
@@ -766,25 +785,6 @@ var TableHead$1 = function TableHead(props) {
       }
       return Object.assign(Object.assign({}, json), item.style);
     };
-    // 处理过滤
-    var handFilterPopover = function handFilterPopover(item) {
-      return jsx(Popover, Object.assign({
-        placement: "bottom-end",
-        visible: filterHead.name === item.name,
-        content: filterPopoverContent(),
-        onVisibleChange: clickHideFilter,
-        overlayClassName: "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small")
-      }, {
-        children: jsx("div", Object.assign({
-          className: handFilterClass(item),
-          onClick: clickShowFilter(item)
-        }, {
-          children: jsx("span", {
-            children: jsx(Screen, {})
-          })
-        }))
-      }));
-    };
     // 处理拖拽
     var handDrag = function handDrag(item) {
       if (item.name === 'table-serial-number') return false; // 序号不拖拽
@@ -792,6 +792,8 @@ var TableHead$1 = function TableHead(props) {
       return false;
     };
     return headData.map(function (headCell, index) {
+      var str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
+      if (!headCell.filterRender) str += " ".concat($prefixCls, "-filter-popover-default");
       return jsx(ThElement, Object.assign({
         className: handCls(headCell),
         align: headCell.align || align,
@@ -801,34 +803,49 @@ var TableHead$1 = function TableHead(props) {
         onDragDown: onDragDown(headCell),
         lineWidth: lineWidth
       }, {
-        children: jsxs("div", Object.assign({
-          className: handCellClass(headCell)
+        children: jsx(Popover, Object.assign({
+          placement: "bottom-start",
+          visible: filterHead.name === headCell.name,
+          content: filterPopoverContent(),
+          onVisibleChange: clickHideFilter,
+          overlayClassName: str
         }, {
-          children: [jsx("div", Object.assign({
-            className: "table-header-title"
+          children: jsxs("div", Object.assign({
+            className: handCellClass(headCell)
           }, {
-            children: jsx("span", Object.assign({
-              className: "table-header-title-label"
+            children: [jsx("div", Object.assign({
+              className: "table-header-title"
             }, {
-              children: jsx(AutoTips, Object.assign({
-                beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText
+              children: jsx("span", Object.assign({
+                className: "table-header-title-label"
               }, {
-                children: headCell.label
+                children: jsx(AutoTips, Object.assign({
+                  beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText
+                }, {
+                  children: headCell.label
+                }))
               }))
-            }))
-          })), filter && headCell.name && headCell.filter && handFilterPopover(headCell), sortTable && headCell.name && headCell.sort !== false && jsx("div", Object.assign({
-            className: "table-sort-svg"
-          }, {
-            children: jsxs("span", Object.assign({
-              onClick: createSortHandler(headCell.name, headCell)
+            })), filter && headCell.name && headCell.filter && jsx("div", Object.assign({
+              className: handFilterClass(headCell),
+              onClick: clickShowFilter(headCell)
             }, {
-              children: [jsx(SolidArrowUp, {
-                className: "up-svg"
-              }), jsx(SolidArrowDown, {
-                className: "down-svg"
-              })]
-            }))
-          }))]
+              children: jsx("span", {
+                children: jsx(Screen, {})
+              })
+            })), sortTable && headCell.name && headCell.sort !== false && jsx("div", Object.assign({
+              className: "table-sort-svg"
+            }, {
+              children: jsxs("span", Object.assign({
+                onClick: createSortHandler(headCell.name, headCell)
+              }, {
+                children: [jsx(SolidArrowUp, {
+                  className: "up-svg"
+                }), jsx(SolidArrowDown, {
+                  className: "down-svg"
+                })]
+              }))
+            }))]
+          }))
         }))
       }), headCell.name || index);
     });
@@ -1421,14 +1438,14 @@ var TableBody = function TableBody(props) {
     });
   }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn]);
   // 操作栏useCallback
-  var TableOperateUseCallback = useCallback(function (row) {
+  var TableOperateUseCallback = useCallback(function (row, rowIndex) {
     if (operate) {
       var colSpan = 1;
       if (showColumns === "inside") colSpan = 2;
       var handOperate = function handOperate() {
         if (operate.render) return operate.render(row);
         if (operate.operateBtnRender) {
-          var operateConfig = operate.operateBtnRender(row);
+          var operateConfig = operate.operateBtnRender(row, rowIndex);
           return jsx(OperateBtn, Object.assign({}, operateConfig));
         }
       };
@@ -1512,7 +1529,7 @@ var TableBody = function TableBody(props) {
               onClickRow && onClickRow(row, e);
             }
           }, {
-            children: [TableCheckCallback(row), TableRadioCallback(row), TableExpandableMemo(row), TableContentUseCallback(row, index), TableOperateUseCallback(row)]
+            children: [TableCheckCallback(row), TableRadioCallback(row), TableExpandableMemo(row), TableContentUseCallback(row, index), TableOperateUseCallback(row, index)]
           }), row[rowKey]), TableExpandableContentUseCallback(row)]
         }, index);
       })
@@ -1621,7 +1638,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.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  position: relative;\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-no-data > .table-container > table .paraui-v3-empty {\n  overflow: hidden;\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  z-index: 100;\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 tr.more-table-row td:first-child {\n  padding-left: 8px;\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}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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  position: relative;\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-no-data > .table-container > table .paraui-v3-empty {\n  overflow: hidden;\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  z-index: 100;\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 tr.more-table-row td:first-child {\n  padding-left: 8px;\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 .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}\n.paraui-v3-filter-popover.paraui-v3-filter-popover-default > .component-popover-content {\n  width: 200px;\n}";
 styleInject(css_248z);
 
 var Table = function Table(propsInit) {

package/Table/interface.d.ts

@@ -34,15 +34,32 @@ export interface HeadDataProps {
     /** 是否排序 */
     sort?: boolean;
     /** 渲染函数 (跟表格tableCell参数互斥) */
-    render?: (row: any, item?: any, val?: any, index?: number, rowIndex?: number) => ReactNode;
+    render?: (row: any, head?: any, val?: any, index?: number, rowIndex?: number) => ReactNode;
     /** 渲染操作列按钮 */
-    operateBtnRender?: (item: any) => OperateBtnProps;
+    operateBtnRender?: (row: any, rowIndex: number) => OperateBtnProps;
     /** 对齐方式 */
     align?: any;
     /** 是否过滤 */
     filter?: boolean;
     /** 过滤单选,还是多选 */
     filterRadio?: boolean;
+    /** 过滤自定义渲染
+     *     filterValue: 当前过滤值
+     *     selectFilter: 所有项过滤值
+     *     headData: 当前头部配置
+     *     setFilter: 设置过滤值
+     * */
+    filterRender?: (item: {
+        filterValue: any[];
+        selectFilter: {
+            [name: string]: any[];
+        };
+        headData: HeadDataProps;
+        /** 组装 selectFilter 值 */
+        setFilter: (selectFilter: {
+            [name: string]: any[];
+        }) => void;
+    }) => ReactNode;
     /** 枚举 */
     enums?: any[];
     /** 是否显示字段 */

package/Transfer/index.js

@@ -3419,7 +3419,7 @@ var Transfer = function Transfer(props) {
       setRightData(function (pre) {
         // setFluctuationPosition(undefined)
         // setFluctuationOrther(undefined)
-        rightCount.forEach(function (item) {
+        rightCount.reverse().forEach(function (item) {
           pre.splice.apply(pre, [item + 1, 0].concat(_toConsumableArray(pre.splice(item, 1))));
         });
         setAnimationLock(false);

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-c50e7727.js';
-export { T as default } from '../_verture/index-c50e7727.js';
+import { T as Tree } from '../_verture/index-257f53f9.js';
+export { T as default } from '../_verture/index-257f53f9.js';
 import '../_verture/toConsumableArray-87c7d895.js';
 import '../_verture/slicedToArray-77980792.js';
 import '../_verture/defineProperty-62acccfc.js';

package/_verture/{index-c50e7727.js → index-257f53f9.js}

@@ -702,6 +702,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       className: "".concat($prefixCls, "-tree-title-wrapper"),
       onMouseEnter: handleTreeNodeMEnter,
       onMouseLeave: handleTreeNodeMLeave,
+      onClick: handleTreeNodeClick,
       title: blockNode ? '' : undefined
     }, {
       children: [jsx(AutoTips, {
@@ -740,6 +741,20 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       showMoreActionIcon(cParentEl, false);
     }
   };
+  // Tree node Click
+  var handleTreeNodeClick = function handleTreeNodeClick() {
+    var _a;
+    if (!showActions) return;
+    // 点击tree node 的时候 rc 内部会把node节点的样式重写，导致之前逻辑添加的样式不存在，需要点击的时候加上样式
+    if (((_a = nodesRef.current) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      // 需要滞后到下次事件循环
+      setTimeout(function () {
+        nodesRef.current.forEach(function (el) {
+          showMoreActionIcon(el, true);
+        });
+      });
+    }
+  };
   //节点显示更多图标
   var showMoreActionIcon = function showMoreActionIcon(cParentEl, isShow) {
     if (!cParentEl) return;

package/index.d.ts

@@ -118,8 +118,6 @@ export { default as Tabs } from './Tabs';
 export * from './Tabs';
 export { default as Tag } from './Tag';
 export * from './Tag';
-export { default as Test } from './Test';
-export * from './Test';
 export { default as TextEditor } from './TextEditor';
 export * from './TextEditor';
 export { default as TextField } from './TextField';

package/index.js

@@ -20,7 +20,7 @@ export { Drawer } from './Drawer/index.js';
 export { D as Dropdown } from './_verture/index-be4faaee.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-291a16a8.js';
+export { F as FormItem } from './_verture/index-c62ad493.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-c749e1c6.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -59,7 +59,6 @@ export { Switch } from './Switch/index.js';
 export { default as Table } from './Table/index.js';
 export { Tabs } from './Tabs/index.js';
 export { Tag, TagGroup } from './Tag/index.js';
-export { Test } from './Test/index.js';
 export { default as TextEditor } from './TextEditor/index.js';
 export { TextField } from './TextField/index.js';
 export { default as TimePicker } from './TimePicker/index.js';
@@ -68,7 +67,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-c50e7727.js';
+export { T as Tree } from './_verture/index-257f53f9.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-77980792.js';
 import 'react/jsx-runtime';

package/package.json

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

package/umd/CollapseLayout.js

@@ -26,4 +26,4 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function(t,e){var a={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(a[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(a[o[r]]=t[o[r]])}return a}(t,["path","className","color","size","dataName","style"]);return(0,a.jsx)("svg",Object.assign({className:(o="paraui-icon",o+=" svg-icon",n&&(o+=" "+n),"primary"!==i&&"secondary"!==i&&"thirdary"!==i||(o+=" paraui-icon-"+i),u&&(o+=" paraui-icon-"+u),o),viewBox:"0 0 1024 1024","data-name":p,style:(e=Object.assign({},d),i&&"primary"!==i&&"secondary"!==i&&"thirdary"!==i&&(e.color=i),e)},f,{children:r}))},l=function(t){return(0,a.jsx)(n,Object.assign({dataName:"DoubleLeft",path:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("path",{d:"M547.242667 813.696a42.666667 42.666667 0 0 0-12.501334-30.165333l-271.530666-271.573334 271.530666-271.488a42.666667 42.666667 0 0 0-60.330666-60.330666l-301.696 301.653333a42.666667 42.666667 0 0 0 0 60.330667l301.696 301.738666a42.666667 42.666667 0 0 0 72.832-30.165333z"}),(0,a.jsx)("path",{d:"M863.744 813.696a42.666667 42.666667 0 0 0-12.501333-30.165333l-271.530667-271.573334 271.530667-271.488a42.666667 42.666667 0 0 0-60.330667-60.330666l-301.696 301.653333a42.666667 42.666667 0 0 0 0 60.330667l301.696 301.738666a42.666667 42.666667 0 0 0 72.832-30.165333z"})]})},t))},i=function(t){return(0,a.jsx)(n,Object.assign({dataName:"DoubleRight",path:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("path",{d:"M476.757333 813.696a42.666667 42.666667 0 0 1 12.501334-30.165333l271.530666-271.573334-271.530666-271.488a42.666667 42.666667 0 0 1 60.330666-60.330666l301.696 301.653333a42.666667 42.666667 0 0 1 0 60.373333l-301.696 301.696a42.666667 42.666667 0 0 1-72.832-30.165333z"}),(0,a.jsx)("path",{d:"M160.256 813.696a42.666667 42.666667 0 0 1 12.501333-30.165333l271.530667-271.573334-271.530667-271.488a42.666667 42.666667 0 0 1 60.330667-60.330666l301.696 301.653333a42.666667 42.666667 0 0 1 0 60.373333l-301.696 301.696a42.666667 42.666667 0 0 1-72.832-30.165333z"})]})},t))},c="paraui-v3";function u(t){var e,a,o="";if("string"==typeof t||"number"==typeof t)o+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(a=u(t[e]))&&(o&&(o+=" "),o+=a);else for(e in t)t[e]&&(o&&(o+=" "),o+=e);return o}function s(){for(var t,e,a=0,o="";a<arguments.length;)(t=arguments[a++])&&(e=u(t))&&(o&&(o+=" "),o+=e);return o}o(14944);function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,o=new Array(e);a<e;a++)o[a]=t[a];return o}function d(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var o,r,n=[],l=!0,i=!1;try{for(a=a.call(t);!(l=(o=a.next()).done)&&(n.push(o.value),!e||n.length!==e);l=!0);}catch(t){i=!0,r=t}finally{try{l||null==a.return||a.return()}finally{if(i)throw r}}return n}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var y=function(a){var o,r,n,u=a.type,p=void 0===u?"left":u,y=a.showLabel,v=a.open,m=void 0!==v&&v,h=a.hideLabel,b=a.spacing,g=void 0===b?20:b,x=a.zoomLength,j=void 0===x?0:x,w=a.unit,O=void 0===w?"px":w,S=a.style,k=a.className,N=void 0===k?"":k,E=(0,t.useRef)(null),C=(o=E.current)?function(t){if(!t)return 0;var e=t/36;return Math.round(10*(4+15*Math.pow(e,.25)+e/5))}(o.getBoundingClientRect().width):0,z=f((0,t.useState)(),2),_=z[0],M=z[1],P={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},T=function(t){return t.slice(0,1).toUpperCase()+t.slice(1)},A=function(){var t="width";return"top"!==p&&"bottom"!==p||(t="height"),t},I=function(){var t={},e="margin".concat(T(p));return t[A()]=j+O,t[e]=(_?0:j)+O,t.transitionDuration=C+"ms",t},R=function(){var t={},e=A(),a=_?j:0;return t[e]="calc(100% - ".concat(a+g).concat(O),t["margin".concat(T(p))]=g+O,t.transitionDuration=C+"ms",t};return(0,t.useEffect)((function(){M(m)}),[m]),e().createElement("div",{className:s("".concat(c,"-collapse-layout"),"".concat(c,"-collapse-layout-").concat(_),"".concat(c,"-collapse-layout-").concat(p),"".concat(c,"-collapse-layout-").concat(p,"-").concat(_),N),style:S},(n=_?y:h,e().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!n),style:(r={},d(r,p,"".concat(_?j:0).concat(O)),d(r,"transitionDuration",C+"ms"),r),onClick:function(){return M(!_)}},n&&e().createElement("span",null,n),_?e().createElement(l,{className:"collapse-layout-icon-transform-".concat(p)}):e().createElement(i,{className:"collapse-layout-icon-transform-".concat(p)}))),P.layout[p].map((function(t,o){return"display"===t?e().createElement("div",{key:o,className:"collapse-layout-display",style:(r={},n=(_?j:0)+O,r[A()]=n,r.transitionDuration=C+"ms",r)},e().createElement("div",{className:"collapse-layout-display-shadow",style:I(),ref:E},a.displayContent)):e().createElement("div",{key:o,className:"collapse-layout-default",style:R()},a.defaultContent);var r,n})))}}(),r}()}));
+function(t,e){var a={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(a[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(a[o[r]]=t[o[r]])}return a}(t,["path","className","color","size","dataName","style"]);return(0,a.jsx)("svg",Object.assign({className:(o="paraui-icon",o+=" svg-icon",n&&(o+=" "+n),"primary"!==i&&"secondary"!==i&&"thirdary"!==i||(o+=" paraui-icon-"+i),u&&(o+=" paraui-icon-"+u),o),viewBox:"0 0 1024 1024","data-name":p,style:(e=Object.assign({},d),i&&"primary"!==i&&"secondary"!==i&&"thirdary"!==i&&(e.color=i),e)},f,{children:r}))},l=function(t){return(0,a.jsx)(n,Object.assign({dataName:"DoubleLeft",path:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("path",{d:"M547.242667 813.696a42.666667 42.666667 0 0 0-12.501334-30.165333l-271.530666-271.573334 271.530666-271.488a42.666667 42.666667 0 0 0-60.330666-60.330666l-301.696 301.653333a42.666667 42.666667 0 0 0 0 60.330667l301.696 301.738666a42.666667 42.666667 0 0 0 72.832-30.165333z"}),(0,a.jsx)("path",{d:"M863.744 813.696a42.666667 42.666667 0 0 0-12.501333-30.165333l-271.530667-271.573334 271.530667-271.488a42.666667 42.666667 0 0 0-60.330667-60.330666l-301.696 301.653333a42.666667 42.666667 0 0 0 0 60.330667l301.696 301.738666a42.666667 42.666667 0 0 0 72.832-30.165333z"})]})},t))},i=function(t){return(0,a.jsx)(n,Object.assign({dataName:"DoubleRight",path:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("path",{d:"M476.757333 813.696a42.666667 42.666667 0 0 1 12.501334-30.165333l271.530666-271.573334-271.530666-271.488a42.666667 42.666667 0 0 1 60.330666-60.330666l301.696 301.653333a42.666667 42.666667 0 0 1 0 60.373333l-301.696 301.696a42.666667 42.666667 0 0 1-72.832-30.165333z"}),(0,a.jsx)("path",{d:"M160.256 813.696a42.666667 42.666667 0 0 1 12.501333-30.165333l271.530667-271.573334-271.530667-271.488a42.666667 42.666667 0 0 1 60.330667-60.330666l301.696 301.653333a42.666667 42.666667 0 0 1 0 60.373333l-301.696 301.696a42.666667 42.666667 0 0 1-72.832-30.165333z"})]})},t))},c="paraui-v3";function u(t){var e,a,o="";if("string"==typeof t||"number"==typeof t)o+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(a=u(t[e]))&&(o&&(o+=" "),o+=a);else for(e in t)t[e]&&(o&&(o+=" "),o+=e);return o}function s(){for(var t,e,a=0,o="";a<arguments.length;)(t=arguments[a++])&&(e=u(t))&&(o&&(o+=" "),o+=e);return o}o(14944);function p(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,o=new Array(e);a<e;a++)o[a]=t[a];return o}function d(t,e,a){return e in t?Object.defineProperty(t,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[e]=a,t}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var o,r,n=[],l=!0,i=!1;try{for(a=a.call(t);!(l=(o=a.next()).done)&&(n.push(o.value),!e||n.length!==e);l=!0);}catch(t){i=!0,r=t}finally{try{l||null==a.return||a.return()}finally{if(i)throw r}}return n}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(a);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var y=function(a){var o,r,n,u=a.type,p=void 0===u?"left":u,y=a.showLabel,v=a.open,m=void 0!==v&&v,h=a.hideLabel,b=a.spacing,g=void 0===b?20:b,x=a.zoomLength,j=void 0===x?0:x,w=a.unit,O=void 0===w?"px":w,k=a.style,S=a.className,N=void 0===S?"":S,C=a.onClickBtn,E=(0,t.useRef)(null),z=(o=E.current)?function(t){if(!t)return 0;var e=t/36;return Math.round(10*(4+15*Math.pow(e,.25)+e/5))}(o.getBoundingClientRect().width):0,_=f((0,t.useState)(),2),M=_[0],P=_[1],T={layout:{left:["display","default"],right:["default","display"],top:["display","default"],bottom:["default","display"]}},A=function(t){return t.slice(0,1).toUpperCase()+t.slice(1)},I=function(){var t="width";return"top"!==p&&"bottom"!==p||(t="height"),t},R=function(){var t={},e="margin".concat(A(p));return t[I()]=j+O,t[e]=(M?0:j)+O,t.transitionDuration=z+"ms",t},L=function(){var t={},e=I(),a=M?j:0;return t[e]="calc(100% - ".concat(a+g).concat(O),t["margin".concat(A(p))]=g+O,t.transitionDuration=z+"ms",t},U=function(){P(!M),C&&C(!M)};return(0,t.useEffect)((function(){P(m)}),[m]),e().createElement("div",{className:s("".concat(c,"-collapse-layout"),"".concat(c,"-collapse-layout-").concat(M),"".concat(c,"-collapse-layout-").concat(p),"".concat(c,"-collapse-layout-").concat(p,"-").concat(M),N),style:k},(n=M?y:h,e().createElement("div",{className:"collapse-layout-click collapse-layout-click-label-".concat(!!n),style:(r={},d(r,p,"".concat(M?j:0).concat(O)),d(r,"transitionDuration",z+"ms"),r),onClick:U},n&&e().createElement("span",null,n),M?e().createElement(l,{className:"collapse-layout-icon-transform-".concat(p)}):e().createElement(i,{className:"collapse-layout-icon-transform-".concat(p)}))),T.layout[p].map((function(t,o){return"display"===t?e().createElement("div",{key:o,className:"collapse-layout-display",style:(r={},n=(M?j:0)+O,r[I()]=n,r.transitionDuration=z+"ms",r)},e().createElement("div",{className:"collapse-layout-display-shadow",style:R(),ref:E},a.displayContent)):e().createElement("div",{key:o,className:"collapse-layout-default",style:L()},a.defaultContent);var r,n})))}}(),r}()}));