uiw 4.13.10 → 4.14.0

package/dist/uiw.js

@@ -381,13 +381,14 @@ __webpack_require__.d(__webpack_exports__, {
   "Steps": () => (/* reexport */ react_steps_esm),
   "SubMenu": () => (/* reexport */ SubMenu),
   "Switch": () => (/* reexport */ react_switch_esm),
-  "Table": () => (/* reexport */ react_table_esm),
+  "Table": () => (/* reexport */ Table),
   "Tabs": () => (/* reexport */ Tabs),
   "Tag": () => (/* reexport */ react_tag_esm),
   "Textarea": () => (/* reexport */ react_textarea_esm),
   "TimePicker": () => (/* reexport */ TimePicker),
   "TimePickerTime": () => (/* reexport */ TimePickerTime),
   "Tooltip": () => (/* reexport */ react_tooltip_esm),
+  "Transfer": () => (/* reexport */ react_transfer_esm),
   "Tree": () => (/* reexport */ Tree),
   "TreeChecked": () => (/* reexport */ TreeChecked),
   "canUseDOM": () => (/* reexport */ canUseDOM),
@@ -3734,7 +3735,7 @@ function DatePicker(props) {
 
       setType(curType);
     } else {
-      var currentDate = new Date(selectDate || selectPanelDate);
+      var currentDate = new Date(selectPanelDate);
       var month = currentDate.getMonth();
 
       if (curType === 'prev') {
@@ -3752,7 +3753,7 @@ function DatePicker(props) {
       }
 
       setSelectPanelDate(curType === 'today' ? today : currentDate);
-      setSelectDate(curType === 'today' ? today : currentDate);
+      curType === 'today' && setSelectDate(today);
       setType('day');
     }
   }
@@ -8860,7 +8861,7 @@ var Thead_excluded = ["prefixCls", "className", "data", "onCellHead"],
 
 
 
-/* harmony default export */ const Thead = (function (props) {
+function TheadComponent(props) {
   if (props === void 0) {
     props = {};
   }
@@ -8902,7 +8903,7 @@ var Thead_excluded = ["prefixCls", "className", "data", "onCellHead"],
       })
     }, rowNum))
   }));
-});
+}
 
 ;// CONCATENATED MODULE: ../react-table/esm/util.js
 /**
@@ -8964,7 +8965,7 @@ function getRowspanNum(data, child) {
  * JSON Array => Array
  * @param {Array} date
  */
-var getLevelItems = (data, result) => {
+function getLevelItems(data, result) {
   if (!result) {
     result = {
       header: [],
@@ -9044,13 +9045,13 @@ var getLevelItems = (data, result) => {
   }
 
   return result;
-};
+}
 /**
  * Get all columns keys
  * @param {Array} data
  */
 
-var getAllColumnsKeys = function getAllColumnsKeys(data, keys) {
+function getAllColumnsKeys(data, keys) {
   if (keys === void 0) {
     keys = [];
   }
@@ -9064,21 +9065,54 @@ var getAllColumnsKeys = function getAllColumnsKeys(data, keys) {
   }
 
   return keys;
-};
+}
+
+;// CONCATENATED MODULE: ../react-table/esm/Expandable.js
+
+
+
+/**
+ * 可展开配置
+ */
+function ExpandableComponent(_ref) {
+  var {
+    defaultExpand,
+    onClick: _onClick,
+    expandIcon
+  } = _ref;
+  var [expand, setExpand] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(defaultExpand);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    onClick: () => {
+      setExpand(!expand);
+
+      _onClick(expand); // record: T, index: number, expanded: boolean
+
+    },
+    children: expandIcon(expand)
+  });
+}
 
 ;// CONCATENATED MODULE: ../react-table/esm/index.js
 
 
-var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children"];
+var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "title", "footer", "bordered", "onCell", "onCellHead", "empty", "children", "expandable", "rowKey"];
+
+
 
 
 
 
+ // 展开配置
 
 
 
 
-/* harmony default export */ const react_table_esm = (function (props) {
+function Table(props) {
   if (props === void 0) {
     props = {};
   }
@@ -9093,17 +9127,117 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
     bordered,
     onCell = noop,
     onCellHead = noop,
-    empty
+    empty,
+    expandable,
+    rowKey
   } = props,
       other = _objectWithoutPropertiesLoose(props, react_table_esm_excluded);
 
+  var [expandIndex, setExpandIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (expandable) {
+      if (expandable.defaultExpandAllRows) {
+        setExpandIndex(data.map((it, index) => rowKey ? it[rowKey] : index));
+        return;
+      }
+
+      if (expandable.defaultExpandedRowKeys) {
+        setExpandIndex(expandable.defaultExpandedRowKeys);
+        return;
+      }
+    }
+  }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (expandable) {
+      if (expandable.expandedRowKeys && JSON.stringify(expandable.expandedRowKeys) !== JSON.stringify(expandIndex)) {
+        setExpandIndex(expandable.expandedRowKeys);
+      }
+    }
+  }, [expandable == null ? void 0 : expandable.expandedRowKeys]);
+  var isExpandedDom = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return (record, index) => {
+      if (!expandable) {
+        return false;
+      }
+
+      if (!expandable.expandedRowRender) {
+        return false;
+      }
+
+      var flag = true;
+
+      if (expandable.rowExpandable) {
+        flag = expandable.rowExpandable(record);
+      }
+
+      return flag && /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+        style: expandIndex.includes(rowKey ? record[rowKey] : index) ? {} : {
+          display: 'none'
+        },
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+          style: {
+            paddingLeft: 16
+          },
+          colSpan: columns.length + 1,
+          children: expandable.expandedRowRender(record, index, true)
+        })
+      });
+    };
+  }, [expandable, expandIndex]);
+  var keys = getAllColumnsKeys(columns);
+  var selfColumns = [];
+
+  if (expandable != null && expandable.expandedRowRender) {
+    keys = ['uiw-expanded', ...keys];
+    selfColumns = [{
+      title: '',
+      key: 'uiw-expanded',
+      width: 50,
+      align: 'center',
+      render: (text, key, record, index) => {
+        var _expandable$defaultEx;
+
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(ExpandableComponent, {
+          defaultExpand: expandable.defaultExpandAllRows === undefined ? !!((_expandable$defaultEx = expandable.defaultExpandedRowKeys) != null && _expandable$defaultEx.includes(rowKey ? record[rowKey] : index)) : !!expandable.defaultExpandAllRows,
+          onClick: expand => {
+            expandable.onExpand == null ? void 0 : expandable.onExpand(expand, record, index);
+
+            if (expand) {
+              var result = expandIndex.filter(it => rowKey ? it !== record[rowKey] : it !== index);
+              expandable.onExpandedRowsChange ? expandable.onExpandedRowsChange(result) : setExpandIndex(result);
+            } else {
+              var _result = [...expandIndex, rowKey ? record[rowKey] : index];
+              expandable.onExpandedRowsChange ? expandable.onExpandedRowsChange(_result) : setExpandIndex(_result);
+            }
+          },
+          expandIcon: expand => {
+            if (expandable.rowExpandable && !(expandable.rowExpandable != null && expandable.rowExpandable(record))) {
+              return null;
+            }
+
+            if (expandable.expandIcon) {
+              return expandable.expandIcon(expand, record, index);
+            }
+
+            return expand ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              type: "minus-square-o"
+            }) : /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+              type: "plus-square-o"
+            });
+          }
+        });
+      }
+    }, ...columns];
+  } else {
+    selfColumns = [...columns];
+  }
+
   var cls = [prefixCls, className, bordered ? prefixCls + "-bordered" : null].filter(Boolean).join(' ').trim();
   var {
     header,
     render,
     ellipsis
-  } = getLevelItems(columns);
-  var keys = getAllColumnsKeys(columns);
+  } = getLevelItems(selfColumns);
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
       style: {
@@ -9117,49 +9251,53 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
         } : {},
         children: [title && /*#__PURE__*/(0,jsx_runtime.jsx)("caption", {
           children: title
-        }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(Thead, {
+        }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(TheadComponent, {
           onCellHead: onCellHead,
           data: header
         }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
-          children: data.map((trData, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
-            children: keys.map((keyName, colNum) => {
-              var objs = {
-                children: trData[keyName]
-              };
-
-              if (render[keyName]) {
-                var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
-
-                if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
-                  objs.children = child;
-                } else {
-                  if (child.props) {
-                    objs = _extends({}, child.props, {
-                      children: objs.children
-                    });
-                    if (child.props.rowSpan === 0 || child.props.colSpan === 0) return null;
+          children: data.map((trData, rowNum) => {
+            return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
+              children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+                children: keys.map((keyName, colNum) => {
+                  var objs = {
+                    children: trData[keyName]
+                  };
+
+                  if (render[keyName]) {
+                    var child = render[keyName](trData[keyName], keyName, trData, rowNum, colNum);
+
+                    if ( /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(child)) {
+                      objs.children = child;
+                    } else {
+                      if (child.props) {
+                        objs = _extends({}, child.props, {
+                          children: objs.children
+                        });
+                        if (child.props.rowSpan === 0 || child.props.colSpan === 0) return null;
+                      }
+
+                      if (child.children) {
+                        objs.children = child.children;
+                      }
+                    }
                   }
 
-                  if (child.children) {
-                    objs.children = child.children;
+                  if (ellipsis && ellipsis[keyName]) {
+                    objs.className = prefixCls + "-ellipsis";
                   }
-                }
-              }
-
-              if (ellipsis && ellipsis[keyName]) {
-                objs.className = prefixCls + "-ellipsis";
-              }
-
-              return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
-                key: colNum,
-                onClick: evn => onCell(trData, {
-                  rowNum,
-                  colNum,
-                  keyName
-                }, evn)
-              }));
-            })
-          }, rowNum))
+
+                  return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
+                    key: colNum,
+                    onClick: evn => onCell(trData, {
+                      rowNum,
+                      colNum,
+                      keyName
+                    }, evn)
+                  }));
+                })
+              }, rowKey ? trData[rowKey] + '' : rowNum), isExpandedDom(trData, rowNum)]
+            }, rowNum);
+          })
         }), data && data.length === 0 && empty && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
             children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
@@ -9178,7 +9316,7 @@ var react_table_esm_excluded = ["prefixCls", "className", "columns", "data", "ti
       children: footer
     })]
   });
-});
+}
 
 ;// CONCATENATED MODULE: ../react-tabs/esm/Pane.js
 
@@ -9308,7 +9446,7 @@ function Tabs(props) {
     if (activeItem.current && type === 'line') {
       setSlideStyle({
         width: activeItem.current.clientWidth,
-        left: activeItem.current.offsetLeft
+        left: activeItem.current.offsetLeft + 15
       });
     }
   }
@@ -10268,6 +10406,217 @@ function SearchTree(props) {
 
 /* harmony default export */ const react_search_tree_esm = (SearchTree);
 
+;// CONCATENATED MODULE: ../react-transfer/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const react_transfer_esm_style = ({});
+;// CONCATENATED MODULE: ../react-transfer/esm/index.js
+
+
+
+
+
+
+
+
+
+
+function Transfer(props) {
+  var {
+    placeholder,
+    options,
+    value,
+    showSearch = false,
+    bodyStyle,
+    style,
+    className,
+    prefixCls = 'w-transfer'
+  } = props;
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var [searchValueLeft, searchValueLeftSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
+  var [searchValueRight, searchValueRightSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)('');
+  var [selectedOptions, selectedOptionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(options || []);
+  var [selectOption, selectOptionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Map());
+  var [leftSelectedKeys, leftSelectedKeySet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var [rightSelectedKeys, rightSelectedKeySet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var [rightOpions, rightOpionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    leftSelectedKeySet([]);
+    rightSelectedKeySet([]);
+    rightOpionSet(value || []);
+    value == null ? void 0 : value.forEach(selectd => selectOption.set(selectd.key, selectd.label));
+    hiddenNode(child => !!(value != null && value.find(selectd => child.key === selectd.key)));
+  }, [JSON.stringify(value)]);
+
+  var hiddenNode = callBackfn => {
+    var hiddenNodeForSeach = childrens => {
+      childrens.forEach(child => {
+        var _child$children;
+
+        var isHide = callBackfn(child); // && parentIsHide;
+
+        if (!!((_child$children = child.children) != null && _child$children.length)) {
+          hiddenNodeForSeach(child.children);
+          var find = child.children.find(item => !item.hideNode);
+          child.hideNode = isHide && !find;
+        } else {
+          child.hideNode = isHide;
+        }
+      });
+    };
+
+    hiddenNodeForSeach(selectedOptions);
+    selectedOptionSet([...selectedOptions]);
+  };
+
+  var leftTreeOnSelected = (selectedKeys, _1, isChecked, evn) => {
+    leftSelectedKeySet(selectedKeys);
+    var selectOptionTemp = getOptionsRecursion([evn], selectOption, isChecked);
+    selectOptionSet(selectOptionTemp);
+  };
+
+  var rightTreeOnSelected = (selectedKeys, _1, _2, evn) => {
+    rightSelectedKeySet(selectedKeys);
+    selectedKeys.forEach(key => {
+      selectOption.delete(key);
+    });
+    selectOptionSet(selectOption);
+  };
+
+  var getOptionsRecursion = (childrens, selectOption, isAdd) => {
+    var addOrDel = (key, label, isAdd) => {
+      if (isAdd) {
+        selectOption.set(key, label);
+      } else {
+        selectOption.delete(key);
+      }
+    };
+
+    var iteratorParent = child => {
+      // 向上迭代
+      if (child.parent) {
+        var selectCount = child.parent.children.filter(child => !selectOption.get(child.key)).length;
+        addOrDel(child.parent.key, child.parent.label, selectCount === 0);
+        iteratorParent(child.parent);
+      }
+    };
+
+    childrens.forEach(child => {
+      var _child$children2, _child$label;
+
+      if (!!((_child$children2 = child.children) != null && _child$children2.length)) {
+        selectOption = getOptionsRecursion(child.children, selectOption, isAdd);
+      }
+
+      addOrDel(child.key, (_child$label = child.label) == null ? void 0 : _child$label.toString(), isAdd);
+      iteratorParent(child);
+    });
+    return selectOption;
+  };
+
+  var transferClick = transferType => {
+    var option = [];
+    selectOption.forEach((label, key) => option.push({
+      key,
+      label
+    }));
+    props.onChange == null ? void 0 : props.onChange(transferType, option);
+  };
+
+  var searchValueLeftChange = searchValue => {
+    hiddenNode(child => {
+      var searchIsMatch = !child.label.includes(searchValue.trim());
+
+      if (!searchIsMatch) {
+        var isSekected = rightOpions.find(selected => selected.key === child.key);
+        searchIsMatch = !!isSekected;
+      }
+
+      return searchIsMatch;
+    });
+    searchValueLeftSet(searchValue);
+    props.onSearch == null ? void 0 : props.onSearch('left', searchValue);
+  };
+
+  var searchValueRightChange = searchValue => {
+    searchValueRightSet(searchValue);
+    rightOpions.forEach(option => {
+      var isHide = !option.label.includes(searchValue.trim());
+      option.hideNode = isHide;
+    });
+    console.log('rightOpions', rightOpions);
+    rightOpionSet(rightOpions);
+    props.onSearch == null ? void 0 : props.onSearch('right', searchValue);
+  };
+
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+    className: cls,
+    style: _extends({
+      width: 400
+    }, style),
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
+      bodyStyle: {
+        padding: 5
+      },
+      title: leftSelectedKeys.length + "/" + selectedOptions.length,
+      className: prefixCls + "-card",
+      children: [showSearch && /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+        placeholder: placeholder,
+        value: searchValueLeft,
+        onChange: e => searchValueLeftChange(e.target.value)
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: prefixCls + "-cheked-content",
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(TreeChecked, {
+          defaultExpandAll: true,
+          placeholder: placeholder || '搜索选项',
+          data: selectedOptions,
+          selectedKeys: leftSelectedKeys,
+          onSelected: leftTreeOnSelected
+        })
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: prefixCls + "-arrow-content",
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        onClick: () => transferClick('left'),
+        type: "down-square-o",
+        className: prefixCls + "-arrow-left",
+        style: {
+          transform: 'rotate(-90deg)',
+          fontSize: 20
+        }
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        onClick: () => transferClick('right'),
+        type: "down-square-o",
+        className: prefixCls + "-arrow-right",
+        style: {
+          transform: 'rotate(90deg)',
+          fontSize: 20
+        }
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime.jsxs)(react_card_esm, {
+      bodyStyle: {
+        padding: 5
+      },
+      className: prefixCls + "-card",
+      title: rightSelectedKeys.length + "/" + rightOpions.length,
+      children: [showSearch && /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+        placeholder: placeholder,
+        value: searchValueRight,
+        onChange: e => searchValueRightChange(e.target.value)
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: prefixCls + "-cheked-content",
+        style: bodyStyle,
+        children: /*#__PURE__*/(0,jsx_runtime.jsx)(TreeChecked, {
+          data: rightOpions,
+          selectedKeys: rightSelectedKeys,
+          onSelected: rightTreeOnSelected
+        })
+      })]
+    })]
+  });
+}
+
+/* harmony default export */ const react_transfer_esm = (Transfer);
+
 ;// CONCATENATED MODULE: ./src/index.ts
 
 })();