tdesign-react 0.42.0-alpha.1 → 0.42.1-alpha.1

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.41.1
+ * tdesign v0.42.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -15021,7 +15021,7 @@
       className: labelClassName,
       title: props.title,
       style: style
-    }, omit$1(htmlProps, ["checkAll"])), input, /* @__PURE__ */React__default["default"].createElement("span", {
+    }, omit$1(htmlProps, ["checkAll", "stopLabelTrigger"])), input, /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-").concat(type, "__input")
     }), showLabel && /* @__PURE__ */React__default["default"].createElement("span", {
       key: "label",
@@ -21410,7 +21410,6 @@
 
   var selectDefaultProps = {
     autoWidth: false,
-    bordered: true,
     borderless: false,
     clearable: false,
     creatable: false,
@@ -22134,9 +22133,9 @@
       style: maxWidth ? _objectSpread$1Q({
         maxWidth: typeof maxWidth === "number" ? "".concat(maxWidth, "px") : maxWidth
       }, style) : style
-    }, otherTagProps), icon, maxWidth ? /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(tagClassPrefix, "--text")
-    }, children || content) : children || content, closable && deleteIcon);
+    }, otherTagProps), icon, /* @__PURE__ */React__default["default"].createElement("span", {
+      className: maxWidth ? "".concat(tagClassPrefix, "--text") : void 0
+    }, children || content), closable && deleteIcon);
     return tag;
   }, {
     CheckTag: CheckTag
@@ -22454,6 +22453,8 @@
     };
 
     var onClearClick = function onClearClick(e) {
+      var _props$onClear;
+
       clearAll({
         e: e
       });
@@ -22461,6 +22462,9 @@
         e: e,
         trigger: "clear"
       });
+      (_props$onClear = props.onClear) === null || _props$onClear === void 0 ? void 0 : _props$onClear.call(props, {
+        e: e
+      });
     };
 
     var suffixIconNode = showClearIcon ? /* @__PURE__ */React__default["default"].createElement(CloseCircleFilledIcon$1, {
@@ -22758,11 +22762,11 @@
       placement: "bottom-left",
       content: props.panel,
       hideEmptyPopup: true,
-      onVisibleChange: onInnerPopupVisibleChange
+      onVisibleChange: onInnerPopupVisibleChange,
+      updateScrollTop: props.updateScrollTop
     }, visibleProps), popupProps), {}, {
       disabled: disabled,
-      overlayInnerStyle: tOverlayInnerStyle,
-      updateScrollTop: props.updateScrollTop
+      overlayInnerStyle: tOverlayInnerStyle
     }), multiple ? renderSelectMultiple({
       commonInputProps: commonInputProps,
       onInnerClear: onInnerClear,
@@ -22938,7 +22942,6 @@
 
     var emptyText = t(local.loadingText);
     var readonly = props.readonly,
-        bordered = props.bordered,
         borderless = props.borderless,
         autoWidth = props.autoWidth,
         creatable = props.creatable,
@@ -22974,7 +22977,6 @@
         minCollapsedNum = props.minCollapsedNum,
         valueDisplay = props.valueDisplay,
         onEnter = props.onEnter,
-        onVisibleChange = props.onVisibleChange,
         showArrow = props.showArrow,
         inputProps = props.inputProps,
         panelBottomContent = props.panelBottomContent,
@@ -22982,7 +22984,6 @@
         selectInputProps = props.selectInputProps,
         tagInputProps = props.tagInputProps,
         tagProps = props.tagProps;
-    var selectPopupRef = React.useRef();
 
     var _useControlled = useControlled(props, "value", props.onChange),
         _useControlled2 = _slicedToArray(_useControlled, 2),
@@ -23092,7 +23093,6 @@
     var handleShowPopup = function handleShowPopup(visible, ctx) {
       if (disabled) return;
       setShowPopup(visible, ctx);
-      onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
       visible && onInputChange("");
     };
 
@@ -23282,9 +23282,7 @@
         panelBottomContent: panelBottomContent,
         panelTopContent: panelTopContent
       };
-      return /* @__PURE__ */React__default["default"].createElement(PopupContent, _objectSpread$1J(_objectSpread$1J({}, popupContentProps), {}, {
-        ref: selectPopupRef
-      }), children);
+      return /* @__PURE__ */React__default["default"].createElement(PopupContent, _objectSpread$1J({}, popupContentProps), children);
     };
 
     var renderValueDisplay = function renderValueDisplay() {
@@ -23353,11 +23351,7 @@
       } : null;
     }, [selectedLabel, collapsedItems, minCollapsedNum]);
     var updateScrollTop = React.useCallback(function (content) {
-      if (!(selectPopupRef !== null && selectPopupRef !== void 0 && selectPopupRef.current)) {
-        return;
-      }
-
-      var firstSelectedNode = (selectPopupRef === null || selectPopupRef === void 0 ? void 0 : selectPopupRef.current).querySelector(".".concat(classPrefix, "-is-selected"));
+      var firstSelectedNode = content.querySelector(".".concat(classPrefix, "-is-selected"));
 
       if (firstSelectedNode && content) {
         var _getComputedStyle = getComputedStyle(firstSelectedNode),
@@ -23391,7 +23385,7 @@
       disabled: disabled,
       status: props.status,
       tips: props.tips,
-      borderless: borderless || !bordered,
+      borderless: borderless,
       label: prefixIcon,
       suffixIcon: renderSuffixIcon(),
       panel: renderContent(),
@@ -23404,6 +23398,7 @@
       }, inputProps),
       minCollapsedNum: minCollapsedNum,
       collapsedItems: renderCollapsedItems,
+      updateScrollTop: updateScrollTop,
       popupProps: _objectSpread$1J({
         overlayClassName: ["".concat(name, "__dropdown"), overlayClassName]
       }, restPopupProps),
@@ -23416,8 +23411,7 @@
       onBlur: onBlur,
       onClear: function onClear(context) {
         onClearValue(context);
-      },
-      updateScrollTop: updateScrollTop
+      }
     }, selectInputProps)));
   }, {
     Option: Option$1,
@@ -34914,10 +34908,10 @@
       var horizontalOffset = calOffset(horizontal);
       var verticalOffset = calOffset(vertical);
       var style = {
-        marginTop: verticalOffset,
-        marginBottom: verticalOffset,
-        marginLeft: horizontalOffset,
-        marginRight: horizontalOffset
+        top: verticalOffset,
+        left: horizontalOffset,
+        marginBottom: 16,
+        position: "relative"
       };
       var ref2 = /*#__PURE__*/React__default["default"].createRef();
       setList(function (oldList) {
@@ -41918,7 +41912,7 @@
         indeterminate: node2.indeterminate,
         disabled: node2.isDisabled() || value && value.length >= max && max !== 0,
         name: String(node2.value),
-        stopLabelTrigger: true,
+        stopLabelTrigger: !!node2.children,
         title: inputVal ? getFullPathLabel(node2) : node2.label,
         onChange: function onChange() {
           _onChange(node2);
@@ -47220,6 +47214,7 @@
         preDecade = _useDatePickerLocalCo.preDecade,
         nextDecade = _useDatePickerLocalCo.nextDecade;
 
+    var scrollAnchorRef = React.useRef("default");
     var monthOptions = months.map(function (item, index) {
       return {
         label: item,
@@ -47363,8 +47358,32 @@
 
       if (e.target.scrollTop === 0) {
         handlePanelTopClick();
+        scrollAnchorRef.current = "top";
       } else if (e.target.scrollTop === e.target.scrollHeight - e.target.clientHeight) {
         handlePanelBottomClick();
+        scrollAnchorRef.current = "bottom";
+      }
+    }
+
+    function handleUpdateScrollTop(content) {
+      if (scrollAnchorRef.current === "top") {
+        content.scrollTop = 30 * 10;
+      } else if (scrollAnchorRef.current === "bottom") {
+        content.scrollTop = content.scrollHeight - 30 * 10;
+      } else {
+        var firstSelectedNode = content.querySelector(".".concat(classPrefix, "-is-selected"));
+
+        if (firstSelectedNode) {
+          var _getComputedStyle = getComputedStyle(firstSelectedNode),
+              paddingBottom = _getComputedStyle.paddingBottom;
+
+          var _getComputedStyle2 = getComputedStyle(content),
+              marginBottom = _getComputedStyle2.marginBottom;
+
+          var elementBottomHeight = parseInt(paddingBottom, 10) + parseInt(marginBottom, 10);
+          var updateValue = firstSelectedNode.offsetTop - content.offsetTop - (content.clientHeight - firstSelectedNode.clientHeight) + elementBottomHeight;
+          content.scrollTop = updateValue;
+        }
       }
     }
 
@@ -47392,8 +47411,12 @@
       onChange: function onChange(val) {
         return onYearChange(val);
       },
+      onPopupVisibleChange: function onPopupVisibleChange(visible) {
+        if (!visible) scrollAnchorRef.current = "default";
+      },
       popupProps: {
         onScroll: handleScroll,
+        updateScrollTop: handleUpdateScrollTop,
         attach: function attach(triggerElement) {
           return triggerElement.parentNode;
         },
@@ -50844,7 +50867,7 @@
           }).month);
         } else if (value.length === 2 && !enableTimePicker) {
           var nextMonth = value.map(function (v) {
-            return parseToDayjs(v || new Date(), format).month();
+            return parseToDayjs(v, format).month();
           });
 
           if (year[0] === year[1] && nextMonth[0] === nextMonth[1]) {
@@ -50854,10 +50877,10 @@
           setMonth(nextMonth);
         } else {
           setYear(value.map(function (v) {
-            return parseToDayjs(v || new Date(), format).year();
+            return parseToDayjs(v, format).year();
           }));
           setMonth(value.map(function (v) {
-            return parseToDayjs(v || new Date(), format).month();
+            return parseToDayjs(v, format).month();
           }));
         }
       } else {
@@ -50919,14 +50942,20 @@
       });
 
       if (notValidIndex === -1 && nextValue.length === 2) {
-        onChange(formatDate(nextValue, {
-          format: format
-        }), {
-          dayjsValue: nextValue.map(function (v) {
-            return parseToDayjs(v, format);
-          }),
-          trigger: "pick"
-        });
+        if (!isFirstValueSelected && parseToDayjs(nextValue[0], format).isAfter(parseToDayjs(nextValue[1], format))) {
+          nextValue[activeIndex ? 0 : 1] = "";
+          setCacheValue(nextValue);
+          setInputValue(nextValue);
+        } else {
+          onChange(formatDate(nextValue, {
+            format: format
+          }), {
+            dayjsValue: nextValue.map(function (v) {
+              return parseToDayjs(v, format);
+            }),
+            trigger: "pick"
+          });
+        }
       }
 
       if (!isFirstValueSelected) {
@@ -51029,20 +51058,20 @@
       });
 
       if (notValidIndex === -1 && nextValue.length === 2) {
-        onChange(formatDate(nextValue, {
-          format: format
-        }), {
-          dayjsValue: nextValue.map(function (v) {
-            return parseToDayjs(v, format);
-          }),
-          trigger: "confirm"
-        });
-        setYear(nextValue.map(function (v) {
-          return dayjs(v, format).year();
-        }));
-        setMonth(nextValue.map(function (v) {
-          return dayjs(v, format).month();
-        }));
+        if (!isFirstValueSelected && parseToDayjs(nextValue[0], format).isAfter(parseToDayjs(nextValue[1], format))) {
+          nextValue[activeIndex ? 0 : 1] = "";
+          setCacheValue(nextValue);
+          setInputValue(nextValue);
+        } else {
+          onChange(formatDate(nextValue, {
+            format: format
+          }), {
+            dayjsValue: nextValue.map(function (v) {
+              return parseToDayjs(v, format);
+            }),
+            trigger: "confirm"
+          });
+        }
       }
 
       if (!isFirstValueSelected) {
@@ -51496,6 +51525,8 @@
             allowSetValue,
             status2,
             _innerErrorList$,
+            result,
+            validateResult,
             _args2 = arguments;
 
         return regenerator.wrap(function _callee2$(_context2) {
@@ -51550,9 +51581,20 @@
                 }
 
                 setResetValidating(false);
-                return _context2.abrupt("return", _defineProperty$3({}, String(name), innerErrorList.length === 0 ? true : resultList));
+                result = {};
+                validateResult = innerErrorList.length === 0 ? true : resultList;
+
+                if (Array.isArray(name)) {
+                  Object.assign(result, name.reduceRight(function (prev, curr) {
+                    return _defineProperty$3({}, curr, prev);
+                  }, validateResult));
+                } else {
+                  result[name] = validateResult;
+                }
+
+                return _context2.abrupt("return", result);
 
-              case 19:
+              case 22:
               case "end":
                 return _context2.stop();
             }
@@ -51572,6 +51614,8 @@
             _yield$analysisValida2,
             innerErrorList,
             resultList,
+            result,
+            validateResult,
             _args3 = arguments;
 
         return regenerator.wrap(function _callee3$(_context3) {
@@ -51586,9 +51630,20 @@
                 _yield$analysisValida2 = _context3.sent;
                 innerErrorList = _yield$analysisValida2.errorList;
                 resultList = _yield$analysisValida2.resultList;
-                return _context3.abrupt("return", _defineProperty$3({}, String(name), innerErrorList.length === 0 ? true : resultList));
+                result = {};
+                validateResult = innerErrorList.length === 0 ? true : resultList;
 
-              case 7:
+                if (Array.isArray(name)) {
+                  Object.assign(result, name.reduceRight(function (prev, curr) {
+                    return _defineProperty$3({}, curr, prev);
+                  }, validateResult));
+                } else {
+                  result[name] = validateResult;
+                }
+
+                return _context3.abrupt("return", result);
+
+              case 10:
               case "end":
                 return _context3.stop();
             }
@@ -51697,12 +51752,23 @@
             formListValue[name] = formValue;
           }
 
-          onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_defineProperty$3({}, formListName, formListValue), name);
+          var fieldValue = {};
+
+          if (Array.isArray(formListName)) {
+            Object.assign(fieldValue, formListName.reduceRight(function (prev, curr) {
+              return _defineProperty$3({}, curr, prev);
+            }, formListValue));
+          } else {
+            fieldValue = _defineProperty$3({}, formListName, formListValue);
+          }
+
+          onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_objectSpread$E({}, fieldValue), name);
         } else if (Array.isArray(name)) {
-          var fieldValue = name.reduceRight(function (prev, curr) {
+          var _fieldValue2 = name.reduceRight(function (prev, curr) {
             return _defineProperty$3({}, curr, prev);
           }, formValue);
-          onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_objectSpread$E({}, fieldValue), name);
+
+          onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_objectSpread$E({}, _fieldValue2), name);
         } else {
           onFormItemValueChange === null || onFormItemValueChange === void 0 ? void 0 : onFormItemValueChange(_defineProperty$3({}, name, formValue), name);
         }
@@ -52000,9 +52066,9 @@
 
           return new Promise(function (resolve) {
             Promise.all(validates).then(function (validateResult) {
-              validateResult.forEach(function (result) {
-                var errorKey = Object.keys(result)[0];
-                var errorValue = Object.values(result)[0];
+              validateResult.forEach(function (result2) {
+                var errorKey = Object.keys(result2)[0];
+                var errorValue = Object.values(result2)[0];
 
                 var _errorKey$split = errorKey.split(","),
                     _errorKey$split2 = _slicedToArray(_errorKey$split, 2),
@@ -52018,12 +52084,18 @@
               var errorItems = validateResult.filter(function (item) {
                 return Object.values(item)[0] !== true;
               });
+              var result = {};
+              var validateValue = errorItems.length ? resultList : true;
 
-              if (errorItems.length) {
-                resolve(_defineProperty$3({}, name, resultList));
+              if (Array.isArray(name)) {
+                Object.assign(result, name.reduceRight(function (prev, curr) {
+                  return _defineProperty$3({}, curr, prev);
+                }, validateValue));
               } else {
-                resolve(_defineProperty$3({}, name, true));
+                result[name] = validateValue;
               }
+
+              resolve(result);
             });
           });
         },