uiw 4.15.0 → 4.15.1

package/dist/uiw.js

@@ -3093,6 +3093,10 @@ class Popover extends (external_root_React_commonjs2_react_commonjs_react_amd_re
         })]
       }),
       children: typeof this.props.children === 'object' && this.props.children.type.name !== 'Icon' ? this.props.children : /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        style: {
+          display: 'block',
+          writingMode: 'vertical-rl'
+        },
         children: this.props.children
       })
     }));
@@ -4031,34 +4035,43 @@ var react_card_esm_excluded = ["prefixCls", "className", "title", "extra", "foot
 
 
 
+
 function Carousel(props, ref) {
   var {
     position = 0,
+    direction = 'horizontal',
     width = 400,
     height = 200,
     palyTime = 2000,
     scrollTime = 200,
     autoPlay = true,
+    afterChange,
+    beforeChange,
     prefixCls = 'w-carousel',
     className,
     style
   } = props;
   var cls = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => [prefixCls, className].filter(Boolean).join(' ').trim(), [prefixCls, className]);
   var [currentPosition, currentPositionSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(position);
+  var [transitionInner, transitionInnerSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(scrollTime * 0.001 + "s ease-in-out");
   var positionRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(currentPosition);
-  var childCount = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.count(props.children);
+  var childCount = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.count(props.children) + 1;
 
-  var _stopPlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(() => {});
+  var _stopPlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
+    stop: () => {},
+    after: afterChange,
+    before: beforeChange
+  });
 
   external_root_React_commonjs2_react_commonjs_react_amd_react_default().useImperativeHandle(ref, () => ({
     gotoSlide,
     prevSlide: () => gotoSlide(positionRef.current - 1),
     nextSlide: () => gotoSlide(positionRef.current + 1),
-    stopPlay: () => _stopPlay.current()
+    stopPlay: () => _stopPlay.current.stop()
   }), [ref]);
 
   var gotoSlide = slidNumber => {
-    _stopPlay.current();
+    _stopPlay.current.stop();
 
     var maxSlid = childCount - 1;
     var slidNumberTemp = slidNumber > maxSlid ? maxSlid : slidNumber;
@@ -4075,6 +4088,7 @@ function Carousel(props, ref) {
 
     if (autoPlay) {
       var time = setInterval(() => {
+        _stopPlay.current.after == null ? void 0 : _stopPlay.current.after(positionRef.current);
         positionRef.current++;
 
         if (positionRef.current >= childCount) {
@@ -4082,9 +4096,10 @@ function Carousel(props, ref) {
         }
 
         currentPositionSet(positionRef.current);
+        _stopPlay.current.before == null ? void 0 : _stopPlay.current.before(positionRef.current);
       }, ms);
 
-      _stopPlay.current = () => {
+      _stopPlay.current.stop = () => {
         clearInterval(time);
       };
     }
@@ -4093,31 +4108,79 @@ function Carousel(props, ref) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     play();
     return () => {
-      _stopPlay.current();
+      _stopPlay.current.stop();
     };
   }, [autoPlay]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    var time;
+
+    if (childCount === currentPosition + 1) {
+      time = setTimeout(() => {
+        _stopPlay.current.before = () => {
+          transitionInnerSet(scrollTime * 0.001 + "s ease-in-out");
+          _stopPlay.current.before = props.beforeChange;
+        };
+
+        transitionInnerSet('none');
+        gotoSlide(0);
+      }, scrollTime);
+    }
+
+    return () => {
+      clearTimeout(time);
+    };
+  }, [currentPosition]);
+  var childrens = external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(props.children, child => {
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      style: _extends({
+        width,
+        height
+      }, style),
+      children: child
+    });
+  });
+  var innerStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var style = {
+      transform: '',
+      display: ''
+    };
+
+    switch (direction) {
+      case 'horizontal':
+        style.transform = "translate3d(" + -(currentPosition * width) + "px, 0px, 0px)";
+        style.display = 'flex';
+        break;
+
+      case 'vertical':
+        style.transform = "translate3d(0px, " + -(currentPosition * height) + "px, 0px)";
+        style.display = 'block';
+        break;
+
+      default:
+        break;
+    }
+
+    return style;
+  }, [direction, currentPosition, width, height]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: cls,
     style: {
       width,
       height
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+    children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
       className: cls + "-content",
-      style: {
+      style: _extends({
         width: width * childCount,
-        transform: "translate3d(" + -(currentPosition * width) + "px, 0px, 0px)",
-        transition: scrollTime * 0.001 + "s ease-in-out"
-      },
-      children: external_root_React_commonjs2_react_commonjs_react_amd_react_default().Children.map(props.children, child => {
-        return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          style: _extends({
-            width,
-            height
-          }, style),
-          children: child
-        });
-      })
+        transition: transitionInner
+      }, innerStyle),
+      children: [childrens, /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        style: _extends({
+          width,
+          height
+        }, style),
+        children: childrens == null ? void 0 : childrens[0]
+      })]
     })
   });
 }
@@ -7889,7 +7952,7 @@ var react_tag_esm_excluded = ["prefixCls", "className", "style", "title", "child
     className: cls,
     style: styl
   }, other, {
-    children: [title || children, closable ? /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
+    children: [title || children, !disabled && closable ? /*#__PURE__*/(0,jsx_runtime.jsx)("svg", {
       onClick: onClose,
       className: prefixCls + "-close",
       width: "15",
@@ -7968,6 +8031,11 @@ function SearchSelect(props) {
       selectedValueChange(defaultValue);
     }
   }, []);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    if (disabled) {
+      setInnerIsOpen(false);
+    }
+  }, [disabled]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     if (valueVerify(value)) {
       selectedValueChange(value);
@@ -8103,7 +8171,7 @@ function SearchSelect(props) {
     overlayStyl: {
       width: 100
     },
-    disabled: option && option.length > 0 ? false : true
+    disabled: disabled
   }, others, {
     onVisibleChange: onVisibleChange,
     isOpen: innerIsOpen,
@@ -8164,6 +8232,7 @@ function SearchSelect(props) {
               color: "#393E48"
             }, tagProps, {
               closable: true,
+              disabled: disabled,
               onClose: e => {
                 e.stopPropagation();
                 handleItemsClick(index, item);
@@ -8193,7 +8262,7 @@ function SearchSelect(props) {
             value: selectedLabel,
             placeholder: selectedValue.length ? '' : placeholder
           })]
-        }), (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        }), !disabled && (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
           type: selectIconType,
           spin: loading && selectIconType === 'loading',
           onClick: resetSelectedValue
@@ -8206,7 +8275,7 @@ function SearchSelect(props) {
         onChange: e => handleInputChange(e.target.value),
         value: selectedLabel,
         placeholder: placeholder,
-        addonAfter: (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
+        addonAfter: !disabled && (selectIconType === 'close' || selectIconType === 'loading' && loading) && /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
           type: selectIconType,
           spin: loading && selectIconType === 'loading',
           onClick: resetSelectedValue
@@ -8959,59 +9028,6 @@ var react_switch_esm_excluded = ["prefixCls"];
 ;// CONCATENATED MODULE: ../react-table/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_table_esm_style = ({});
-;// CONCATENATED MODULE: ../react-table/esm/Thead.js
-
-
-var Thead_excluded = ["prefixCls", "className", "data", "onCellHead"],
-    Thead_excluded2 = ["title", "key", "render", "children", "ellipsis"];
-
-
-
-
-function TheadComponent(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  var {
-    prefixCls = 'w-table',
-    className,
-    data = [],
-    onCellHead = noop
-  } = props,
-      other = _objectWithoutPropertiesLoose(props, Thead_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("thead", _extends({
-    className: [prefixCls, className].filter(Boolean).join(' ').trim()
-  }, other, {
-    children: data && data.length > 0 && data.map((tds, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
-      children: (tds || []).map((item, colNum) => {
-        var {
-          title,
-          ellipsis
-        } = item,
-            thProps = _objectWithoutPropertiesLoose(item, Thead_excluded2);
-
-        var titleNode = typeof title === 'function' ? title(item, colNum, rowNum) : title;
-
-        if (thProps.colSpan === 0) {
-          return null;
-        }
-
-        if (ellipsis) {
-          thProps.className = (thProps.className || '') + " " + prefixCls + "-ellipsis";
-        }
-
-        return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({}, thProps, {
-          className: prefixCls + "-tr-children-" + ((item == null ? void 0 : item.align) || 'left') + " " + (className || ''),
-          onClick: evn => onCellHead(item, colNum, rowNum, evn),
-          children: titleNode
-        }), colNum);
-      })
-    }, rowNum))
-  }));
-}
-
 ;// CONCATENATED MODULE: ../react-table/esm/util.js
 /**
  * Get colspan number
@@ -9173,6 +9189,130 @@ function getAllColumnsKeys(data, keys) {
 
   return keys;
 }
+function locationFixed(fixed, location, index) {
+  var _location$index, _location$index2;
+
+  if (!fixed) return {};
+  if (fixed === 'right') return {
+    right: (_location$index = location[index]) == null ? void 0 : _location$index.right
+  };
+  return {
+    left: (_location$index2 = location[index]) == null ? void 0 : _location$index2.left
+  };
+}
+
+;// CONCATENATED MODULE: ../react-table/esm/ThComponent.js
+
+
+var ThComponent_excluded = ["title", "key", "render", "children", "ellipsis", "fixed"];
+
+
+
+
+class ThComponent extends external_root_React_commonjs2_react_commonjs_react_amd_react_.Component {
+  componentDidMount() {
+    var rect = external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(this);
+    this.props.updateLocation({
+      width: rect.getBoundingClientRect().width
+    }, this.props.colNum);
+  }
+
+  render() {
+    var {
+      colNum,
+      prefixCls,
+      item,
+      titleNode,
+      onCellHead,
+      rowNum,
+      locationWidth
+    } = this.props;
+
+    var {
+      fixed = false
+    } = item,
+        thProps = _objectWithoutPropertiesLoose(item, ThComponent_excluded);
+
+    var cls = '';
+
+    if (fixed) {
+      if (fixed === 'right') {
+        cls = prefixCls + '-fixed-right';
+      } else {
+        cls = prefixCls + '-fixed-true';
+      }
+    }
+
+    return /*#__PURE__*/(0,jsx_runtime.jsx)("th", _extends({}, thProps, {
+      style: _extends({}, thProps.style, locationFixed(fixed, locationWidth, colNum)),
+      className: prefixCls + "-tr-children-" + ((item == null ? void 0 : item.align) || 'left') + " " + (item.className || '') + " " + cls,
+      onClick: evn => onCellHead == null ? void 0 : onCellHead(item, colNum, rowNum, evn),
+      children: titleNode
+    }), colNum);
+  }
+
+}
+
+;// CONCATENATED MODULE: ../react-table/esm/Thead.js
+
+
+var Thead_excluded = ["prefixCls", "className", "data", "onCellHead", "locationWidth", "updateLocation"],
+    Thead_excluded2 = ["title", "key", "render", "children", "ellipsis", "fixed"];
+
+
+
+
+
+function TheadComponent(props) {
+  if (props === void 0) {
+    props = {};
+  }
+
+  var {
+    prefixCls = 'w-table',
+    className,
+    data = [],
+    onCellHead = noop,
+    locationWidth,
+    updateLocation
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, Thead_excluded);
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("thead", _extends({
+    className: [prefixCls, className].filter(Boolean).join(' ').trim()
+  }, other, {
+    children: data && data.length > 0 && data.map((tds, rowNum) => /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+      children: (tds || []).map((item, colNum) => {
+        var {
+          title,
+          ellipsis,
+          fixed = false
+        } = item,
+            thProps = _objectWithoutPropertiesLoose(item, Thead_excluded2);
+
+        var titleNode = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+          className: ellipsis ? (thProps.className || '') + " " + prefixCls + "-ellipsis" : undefined,
+          children: typeof title === 'function' ? title(item, colNum, rowNum) : title
+        });
+
+        if (thProps.colSpan === 0) {
+          return null;
+        }
+
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(ThComponent, {
+          colNum: colNum,
+          item: item,
+          prefixCls: prefixCls,
+          onCellHead: onCellHead,
+          rowNum: rowNum,
+          titleNode: titleNode,
+          locationWidth: locationWidth,
+          updateLocation: updateLocation
+        }, colNum);
+      })
+    }, rowNum))
+  }));
+}
 
 ;// CONCATENATED MODULE: ../react-table/esm/Expandable.js
 
@@ -9214,6 +9354,7 @@ function ExpandableComponent(_ref) {
 
 
 
+
 function TableTr(props) {
   var {
     rowKey,
@@ -9226,12 +9367,15 @@ function TableTr(props) {
     isExpandedDom,
     hierarchy,
     indentSize,
-    childrenColumnName
+    childrenColumnName,
+    locationWidth
   } = props;
   var [isOpacity, setIsOpacity] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
+  var [childrenIndex, setChildrenIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0);
   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)(() => {
     setIsOpacity(!!(data != null && data.find(it => it[childrenColumnName])));
+    setChildrenIndex((keys == null ? void 0 : keys.findIndex(it => it.key === 'uiw-expanded')) === -1 ? 0 : 1);
   }, [data]);
   var IconDom = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
     return (key, isOpacity) => {
@@ -9285,13 +9429,9 @@ function TableTr(props) {
               }
             }
 
-            if (ellipsis && ellipsis[keyName.key]) {
-              objs.className = prefixCls + "-ellipsis";
-            }
-
             var isHasChildren = Array.isArray(trData[childrenColumnName]);
 
-            if (colNum === 0 && (isOpacity || hierarchy || isHasChildren)) {
+            if (colNum === childrenIndex && (isOpacity || hierarchy || isHasChildren)) {
               objs.children = /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
                 children: [IconDom(key, isHasChildren), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
                   style: {
@@ -9301,10 +9441,22 @@ function TableTr(props) {
               });
             }
 
+            if (keyName.fixed) {
+              if (keyName.fixed === 'right') {
+                objs.className = objs.className + " " + prefixCls + "-fixed-right";
+              } else {
+                objs.className = objs.className + " " + prefixCls + "-fixed-true";
+              }
+            }
+
             return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)("td", _extends({}, objs, {
-              key: colNum // style={keyName?.style}
-              ,
-              className: (objs.className || '') + " " + prefixCls + "-tr-children-" + (keyName.align || 'left') + "  " + (keyName.className || ''),
+              style: _extends({}, locationFixed(keyName.fixed, locationWidth, colNum)),
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                className: ellipsis && ellipsis[keyName.key] ? prefixCls + "-ellipsis" : undefined,
+                children: objs.children
+              }),
+              key: colNum,
+              className: prefixCls + "-tr-children-" + (keyName.align || 'left') + "  " + (keyName.className || '') + " " + (objs.className || ''),
               onClick: evn => onCell(trData, {
                 rowNum,
                 colNum,
@@ -9312,10 +9464,10 @@ function TableTr(props) {
               }, evn)
             }));
           })
-        }, key), expandIndex.includes(key) && /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, _extends({}, props, {
+        }, key), isExpandedDom(trData, rowNum), expandIndex.includes(key) && /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, _extends({}, props, {
           data: trData[childrenColumnName],
           hierarchy: hierarchy + 1
-        })), isExpandedDom(trData, rowNum)]
+        }))]
       }, rowNum);
     })
   });
@@ -9359,10 +9511,58 @@ function Table(props) {
       other = _objectWithoutPropertiesLoose(props, react_table_esm_excluded);
 
   var [expandIndex, setExpandIndex] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
+  var [locationWidth, setLocationWidth] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)({});
+  var finalLocationWidth = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({});
+
+  var updateLocation = (params, index) => {
+    finalLocationWidth.current = _extends({}, finalLocationWidth.current, {
+      [index]: _extends({}, finalLocationWidth.current[index], params)
+    });
+
+    if (index === columns.length - 1) {
+      setLocationWidth(computed());
+    }
+  };
+
+  var computed = () => {
+    var left = 0,
+        right = 0;
+
+    for (var _index = 0; _index < columns.length; _index++) {
+      if (finalLocationWidth.current[_index]) {
+        finalLocationWidth.current[_index].left = left;
+        left = finalLocationWidth.current[_index].width + left;
+      }
+    }
+
+    for (var _index2 = columns.length - 1; _index2 > -1; _index2--) {
+      if (finalLocationWidth.current[_index2]) {
+        finalLocationWidth.current[_index2].right = right;
+        right = finalLocationWidth.current[_index2].width + right;
+      }
+    }
+
+    return finalLocationWidth.current;
+  };
+
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
+    var childKey = (expandable == null ? void 0 : expandable.childrenColumnName) || 'children';
+
+    var deep = params => {
+      var arr1 = [];
+      var arr = params.map((it, index) => {
+        if (Array.isArray(it[childKey])) {
+          arr1.push(...deep(it[childKey]));
+        }
+
+        return rowKey ? it[rowKey] : index;
+      });
+      return [...arr1, ...arr];
+    };
+
     if (expandable) {
       if (expandable.defaultExpandAllRows) {
-        setExpandIndex(data.map((it, index) => rowKey ? it[rowKey] : index));
+        setExpandIndex(deep(data));
         return;
       }
 
@@ -9507,10 +9707,13 @@ function Table(props) {
           children: title
         }), columns && columns.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(TheadComponent, {
           onCellHead: onCellHead,
-          data: header
+          data: header,
+          locationWidth: locationWidth,
+          updateLocation: updateLocation
         }), data && data.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)(TableTr, {
             rowKey: rowKey,
+            locationWidth: locationWidth,
             data: data,
             keys: self.keys,
             render: render,
@@ -10367,6 +10570,7 @@ function SearchTagInput(props) {
       setInnerIsOpen(isOpen);
       if (!isOpen) searchValueChange('');
     },
+    disabled: disabled,
     isOpen: innerIsOpen,
     menu: /*#__PURE__*/(0,jsx_runtime.jsx)(react_card_esm, {
       bodyStyle: emptyOption === true ? {
@@ -10404,6 +10608,7 @@ function SearchTagInput(props) {
               },
               className: prefixCls + "-tag",
               closable: true,
+              disabled: disabled,
               color: "#393E48",
               onClose: e => {
                 e.stopPropagation();
@@ -10413,10 +10618,7 @@ function SearchTagInput(props) {
             }, index);
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             ref: inputRef,
-            style: {
-              flex: 1,
-              minWidth: 30
-            },
+            style: {},
             className: prefixCls + "-input-contents",
             size: size,
             disabled: disabled,
@@ -10425,7 +10627,7 @@ function SearchTagInput(props) {
             value: searchValue,
             placeholder: selectedOption.length ? '' : placeholder
           })]
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        }), !disabled && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           style: {
             height: 25,
             width: 14