tdesign-react 0.36.4 → 0.36.5-alpha.1

package/dist/tdesign.js

@@ -10362,7 +10362,7 @@
     }));
   }
 
-  var IconBase = function IconBase(props) {
+  var IconBase = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var icon = props.icon,
         id = props.id,
         className = props.className,
@@ -10376,10 +10376,11 @@
 
     var cls = classNames("t-icon", "t-icon-".concat(id), className, sizeClassName);
     return render(icon, "".concat(id), _objectSpread$2C({
+      ref: ref,
       className: cls,
       style: _objectSpread$2C(_objectSpread$2C({}, style), sizeStyle)
     }, restProps));
-  };
+  });
 
   function ownKeys$2C(object, enumerableOnly) {
     var keys = Object.keys(object);
@@ -17944,9 +17945,9 @@
       var tableBoundRect = (_tableContentRef$curr = tableContentRef.current) === null || _tableContentRef$curr === void 0 ? void 0 : _tableContentRef$curr.getBoundingClientRect();
       var resizeLinePos = targetBoundRect.right - tableBoundRect.left;
       var colLeft = targetBoundRect.left - tableBoundRect.left;
-      var minColLen = ((_col$resize3 = col.resize) === null || _col$resize3 === void 0 ? void 0 : _col$resize3.minWidth) || DEFAULT_MIN_WIDTH;
+      var minColWidth = ((_col$resize3 = col.resize) === null || _col$resize3 === void 0 ? void 0 : _col$resize3.minWidth) || DEFAULT_MIN_WIDTH;
       var maxColWidth = ((_col$resize4 = col.resize) === null || _col$resize4 === void 0 ? void 0 : _col$resize4.maxWidth) || DEFAULT_MAX_WIDTH;
-      var minResizeLineLeft = colLeft + minColLen;
+      var minResizeLineLeft = colLeft + minColWidth;
       var maxResizeLineLeft = colLeft + maxColWidth;
       resizeLineParams.isDragging = true;
       resizeLineParams.draggingStart = e.pageX || 0;
@@ -17978,8 +17979,15 @@
 
       var onDragEnd = function onDragEnd() {
         if (resizeLineParams.isDragging) {
-          var width = parseInt(resizeLineLeft, 10) - colLeft;
-          col.width = "".concat(Math.floor(width), "px");
+          var width = Math.ceil(parseInt(resizeLineLeft, 10) - colLeft) || 0;
+
+          if (width <= minColWidth) {
+            width = minColWidth;
+          } else if (width >= maxColWidth) {
+            width = maxColWidth;
+          }
+
+          col.width = "".concat(width, "px");
           resizeLineParams.isDragging = false;
           resizeLineParams.draggingCol = null;
           target.style.cursor = "";
@@ -30782,13 +30790,15 @@
     var prevJumper = showPreviousAndNextBtn && /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-prev"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === 1)),
       onClick: function onClick() {
-        return changeCurrent(current - 1);
+        if (disabled || current === 1) return;
+        changeCurrent(current - 1);
       }
     }, /* @__PURE__ */React__default["default"].createElement(ChevronLeftIcon, null));
     var nextJumper = showPreviousAndNextBtn && /* @__PURE__ */React__default["default"].createElement("div", {
       className: classNames$1("".concat(name, "__btn"), "".concat(name, "__btn-next"), _defineProperty$3({}, "".concat(classPrefix, "-is-disabled"), disabled || current === pageCount)),
       onClick: function onClick() {
-        return changeCurrent(current + 1);
+        if (disabled || current === pageCount) return;
+        changeCurrent(current + 1);
       }
     }, /* @__PURE__ */React__default["default"].createElement(ChevronRightIcon, null));
     return {
@@ -32837,8 +32847,9 @@
       if (checked) {
         var _props$onColumnChange2;
 
-        var newData = (columns === null || columns === void 0 ? void 0 : columns.map(function (t) {
-          return t.colKey;
+        var checkboxOptions = getCheckboxOptions(columns);
+        var newData = (checkboxOptions === null || checkboxOptions === void 0 ? void 0 : checkboxOptions.map(function (t) {
+          return t.value;
         })) || [];
         columnCheckboxKeys.current = newData;
         (_props$onColumnChange2 = props.onColumnChange) === null || _props$onColumnChange2 === void 0 ? void 0 : _props$onColumnChange2.call(props, {
@@ -33138,9 +33149,10 @@
 
     function getSelectedHeader() {
       var isIndeterminate = intersectionKeys.length > 0 && intersectionKeys.length < canSelectedRows.length;
+      var isChecked = intersectionKeys.length !== 0 && canSelectedRows.length !== 0 && intersectionKeys.length === canSelectedRows.length;
       return function () {
         return /* @__PURE__ */React__default["default"].createElement(Checkbox, {
-          checked: intersectionKeys.length === canSelectedRows.length,
+          checked: isChecked,
           indeterminate: isIndeterminate,
           disabled: !canSelectedRows.length,
           onChange: handleSelectAll
@@ -52015,31 +52027,31 @@
         firstInputElement: inputRefs.firstInputRef.current,
         secondInputElement: inputRefs.secondInputRef.current,
         focus: function focus(options) {
-          var _inputRefs$current;
+          var _inputRefs$$current;
 
           var _ref3 = options || {},
               _ref3$position = _ref3.position,
               position = _ref3$position === void 0 ? "first" : _ref3$position;
 
-          (_inputRefs$current = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current === void 0 ? void 0 : _inputRefs$current.focus();
+          (_inputRefs$$current = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current === void 0 ? void 0 : _inputRefs$$current.focus();
         },
         blur: function blur(options) {
-          var _inputRefs$current2;
+          var _inputRefs$$current2;
 
           var _ref4 = options || {},
               _ref4$position = _ref4.position,
               position = _ref4$position === void 0 ? "first" : _ref4$position;
 
-          (_inputRefs$current2 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current2 === void 0 ? void 0 : _inputRefs$current2.blur();
+          (_inputRefs$$current2 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current2 === void 0 ? void 0 : _inputRefs$$current2.blur();
         },
         select: function select(options) {
-          var _inputRefs$current3;
+          var _inputRefs$$current3;
 
           var _ref5 = options || {},
               _ref5$position = _ref5.position,
               position = _ref5$position === void 0 ? "first" : _ref5$position;
 
-          (_inputRefs$current3 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$current3 === void 0 ? void 0 : _inputRefs$current3.select();
+          (_inputRefs$$current3 = inputRefs["".concat(position, "InputRef")].current) === null || _inputRefs$$current3 === void 0 ? void 0 : _inputRefs$$current3.select();
         }
       };
     });
@@ -56338,8 +56350,7 @@
 
     var currentFormItemRef = React.useRef();
     var innerFormItemsRef = React.useRef([]);
-    var shouldValidate = React.useRef(null);
-    var isMounted = React.useRef(false);
+    var shouldValidate = React.useRef(false);
     var errorMessages = React.useMemo(function () {
       return errorMessage !== null && errorMessage !== void 0 ? errorMessage : globalFormConfig.errorMessage;
     }, [errorMessage, globalFormConfig]);
@@ -56641,11 +56652,7 @@
       if (typeof name === "undefined") return;
       var resetType = type || resetTypeFromContext;
       var resetValue = getResetValue(resetType);
-
-      if (resetValue !== formValue) {
-        shouldValidate.current = false;
-      }
-
+      shouldValidate.current = false;
       setFormValue(resetValue);
 
       if (resetValidating) {
@@ -56667,7 +56674,6 @@
           status = field.status;
 
       if (typeof status !== "undefined") {
-        shouldValidate.current = false;
         setErrorList([]);
         setSuccessList([]);
         setNeedResetField(false);
@@ -56675,6 +56681,7 @@
       }
 
       if (typeof value !== "undefined") {
+        shouldValidate.current = typeof status === "undefined" ? true : false;
         setFormValue(value);
       }
     }
@@ -56693,11 +56700,7 @@
     }
 
     React.useEffect(function () {
-      if (!shouldValidate.current || !isMounted.current) {
-        isMounted.current = true;
-        shouldValidate.current = true;
-        return;
-      }
+      if (!shouldValidate.current) return;
 
       if (typeof name !== "undefined") {
         if (formListName) {
@@ -56823,6 +56826,7 @@
 
           (_onChangeFromProps = onChangeFromProps).call.apply(_onChangeFromProps, [null, value].concat(args));
 
+          shouldValidate.current = true;
           setFormValue(value);
         }), _defineProperty$3(_objectSpread2, "onBlur", function onBlur(value) {
           var _onBlurFromProps;
@@ -57982,7 +57986,8 @@
 
       return /* @__PURE__ */React__default["default"].createElement(Button, {
         size: "small",
-        variant: "outline",
+        theme: "default",
+        variant: "base",
         onClick: function onClick(e) {
           onClose({
             e: e,
@@ -59555,13 +59560,13 @@
         format = _useFormat.format;
 
     React.useEffect(function () {
-      if (!enableTimePicker) return;
-
       if (popupVisible) {
+        setYear(dayjs(value || new Date()).year());
+        setMonth(dayjs(value || new Date()).month());
         setCacheValue(formatDate(value || new Date()));
         setTime(formatTime(value || new Date()));
       }
-    }, [value, popupVisible, enableTimePicker]);
+    }, [value, popupVisible]);
 
     function onCellMouseEnter(date) {
       setIsHoverCell(true);
@@ -63546,11 +63551,18 @@
     var isDragging = React.useRef(false);
     var isMoved = React.useRef(false);
     var degree = React.useRef(props.color.gradientDegree);
-    var selectedId = React.useRef(props.color.gradientSelectedId);
+
+    var _useState = React.useState(props.color.gradientSelectedId),
+        _useState2 = _slicedToArray(_useState, 2),
+        selectedId = _useState2[0],
+        setSelectedId = _useState2[1];
+
+    var selectedRef = React.useRef(props.color.gradientSelectedId);
     var colors = React.useRef(cloneDeep_1(color.gradientColors));
     React.useEffect(function () {
       degree.current = color === null || color === void 0 ? void 0 : color.gradientDegree;
-      selectedId.current = color.gradientSelectedId;
+      setSelectedId(color.gradientSelectedId);
+      selectedRef.current = color.gradientSelectedId;
       colors.current = cloneDeep_1(color.gradientColors);
     }, [color]);
 
@@ -63588,7 +63600,8 @@
         return;
       }
 
-      selectedId.current = value;
+      setSelectedId(value);
+      selectedRef.current = value;
       handleChange("selectedId", value);
     };
 
@@ -63602,7 +63615,7 @@
     }, [props.disabled, handleChange]);
     var updateActiveThumbLeft = React.useCallback(function (left) {
       var index = colors.current.findIndex(function (c) {
-        return c.id === selectedId.current;
+        return c.id === selectedRef.current;
       });
 
       if (index === -1) {
@@ -63627,6 +63640,8 @@
         return;
       }
 
+      selectedRef.current = id;
+      setSelectedId(id);
       isMoved.current = false;
       isDragging.current = true;
       e.preventDefault();
@@ -63667,7 +63682,7 @@
       var points = _toConsumableArray(colors.current);
 
       var pos = points.findIndex(function (c) {
-        return c.id === selectedId.current;
+        return c.id === selectedRef.current;
       });
       var length = points.length;
 
@@ -63721,8 +63736,9 @@
       degree: 90
     });
 
-    var handleClickThumb = function handleClickThumb(e) {
-      return e.stopPropagation();
+    var handleClickThumb = function handleClickThumb(e, t) {
+      handleSelectedIdChange(t.id);
+      e.stopPropagation();
     };
 
     return /* @__PURE__ */React__default["default"].createElement("div", {
@@ -63743,14 +63759,16 @@
     }, colors.current.map(function (t) {
       var left = "".concat(Math.round(t.left * 100) / 100, "%");
       return /* @__PURE__ */React__default["default"].createElement("li", {
-        className: classNames$1(["".concat(baseClassName, "__thumb"), "gradient-thumbs__item", selectedId.current === t.id ? statusClassNames.active : ""]),
+        className: classNames$1(["".concat(baseClassName, "__thumb"), "gradient-thumbs__item", selectedId === t.id ? statusClassNames.active : ""]),
         key: t.id,
         title: "".concat(t.color, " ").concat(left),
         style: {
           color: t.color,
           left: left
         },
-        onClick: handleClickThumb,
+        onClick: function onClick(e) {
+          return handleClickThumb(e, t);
+        },
         onMouseDown: function onMouseDown(e) {
           return handleStart(t.id, e);
         }