tdesign-react 0.36.4 → 0.36.5-alpha.3

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -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 {
@@ -30841,7 +30851,6 @@
           var foldedEnd = isMidEllipsis ? pageCount - 1 : pageCount;
           start = isPrevMoreShow ? pageCount - foldedMaxPageBtn + 1 : foldedStart;
           end = isPrevMoreShow ? foldedEnd : foldedMaxPageBtn;
-          console.log(end);
         }
       } else {
         start = 1;
@@ -32837,8 +32846,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 +33148,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
@@ -39997,10 +40008,10 @@
             childrenKey: keys.childrenKey
           });
           updateRowIndex(this.treeDataMap, dataSource, {
-            minRowIndex: firstNewChildrenIndex,
+            minRowIndex: firstNewChildrenIndex + newChildrenData.length - 1,
             rowKey: keys.rowKey,
             type: "add",
-            count: newChildrenData.length
+            count: 1
           });
         }
 
@@ -40009,26 +40020,32 @@
     }, {
       key: "appendToRoot",
       value: function appendToRoot(newData, dataSource, keys) {
-        var rowValue = get_1(newData, keys.rowKey);
+        var newDataSource = dataSource.concat(newData);
+        var tmpNewData = newData instanceof Array ? newData : [newData];
+        var dataSourceLen = dataSource.length;
 
-        if (!rowValue) {
-          log.error("Table", "`rowKey` could be wrong, can not get rowValue from `data` by `rowKey`.");
-          return;
+        for (var i = 0, len = tmpNewData.length; i < len; i++) {
+          var rowValue = get_1(tmpNewData[i], keys.rowKey);
+
+          if (!rowValue) {
+            log.error("Table", "`rowKey` could be wrong, can not get rowValue from `data` by `rowKey`.");
+            continue;
+          }
+
+          var state = {
+            id: rowValue,
+            row: tmpNewData[i],
+            rowIndex: dataSourceLen + i,
+            level: 0,
+            expanded: false,
+            expandChildrenLength: 0,
+            disabled: false
+          };
+          state.path = [state];
+          this.treeDataMap.set(rowValue, state);
         }
 
-        dataSource.push(newData);
-        var state = {
-          id: rowValue,
-          row: newData,
-          rowIndex: dataSource.length - 1,
-          level: 0,
-          expanded: false,
-          expandChildrenLength: 0,
-          disabled: false
-        };
-        state.path = [state];
-        this.treeDataMap.set(rowValue, state);
-        return dataSource;
+        return newDataSource;
       }
     }, {
       key: "insertAfter",
@@ -47399,7 +47416,7 @@
     return formMapRef.current.get(key);
   }
 
-  function travalMapFromObject(obj, formMapRef, callback) {
+  function travelMapFromObject(obj, formMapRef, callback) {
     var _iterator = _createForOfIteratorHelper$1(formMapRef.current.entries()),
         _step;
 
@@ -47534,9 +47551,9 @@
               case 0:
                 _ref4 = param || {}, fields = _ref4.fields, _ref4$trigger = _ref4.trigger, trigger = _ref4$trigger === void 0 ? "all" : _ref4$trigger, showErrorMessage = _ref4.showErrorMessage;
                 list = _toConsumableArray(formMapRef.current.values()).filter(function (formItemRef) {
-                  var _formItemRef$current12, _formItemRef$current13;
+                  var _formItemRef$current15, _formItemRef$current16;
 
-                  return isFunction_1((_formItemRef$current12 = formItemRef.current) === null || _formItemRef$current12 === void 0 ? void 0 : _formItemRef$current12.validate) && needValidate((_formItemRef$current13 = formItemRef.current) === null || _formItemRef$current13 === void 0 ? void 0 : _formItemRef$current13.name, fields);
+                  return isFunction_1((_formItemRef$current15 = formItemRef.current) === null || _formItemRef$current15 === void 0 ? void 0 : _formItemRef$current15.validate) && needValidate((_formItemRef$current16 = formItemRef.current) === null || _formItemRef$current16 === void 0 ? void 0 : _formItemRef$current16.name, fields);
                 }).map(function (formItemRef) {
                   return formItemRef.current.validate(trigger, showErrorMessage);
                 });
@@ -47571,9 +47588,9 @@
               case 0:
                 _ref5 = param || {}, fields = _ref5.fields, _ref5$trigger = _ref5.trigger, trigger = _ref5$trigger === void 0 ? "all" : _ref5$trigger;
                 list = _toConsumableArray(formMapRef.current.values()).filter(function (formItemRef) {
-                  var _formItemRef$current14, _formItemRef$current15;
+                  var _formItemRef$current17, _formItemRef$current18;
 
-                  return isFunction_1((_formItemRef$current14 = formItemRef.current) === null || _formItemRef$current14 === void 0 ? void 0 : _formItemRef$current14.validate) && needValidate((_formItemRef$current15 = formItemRef.current) === null || _formItemRef$current15 === void 0 ? void 0 : _formItemRef$current15.name, fields);
+                  return isFunction_1((_formItemRef$current17 = formItemRef.current) === null || _formItemRef$current17 === void 0 ? void 0 : _formItemRef$current17.validate) && needValidate((_formItemRef$current18 = formItemRef.current) === null || _formItemRef$current18 === void 0 ? void 0 : _formItemRef$current18.name, fields);
                 }).map(function (formItemRef) {
                   return formItemRef.current.validateOnly(trigger);
                 });
@@ -47595,11 +47612,11 @@
     }
 
     function getFieldValue(name) {
-      var _formItemRef$current;
+      var _formItemRef$current$, _formItemRef$current;
 
       if (!name) return null;
       var formItemRef = getMapValue(name, formMapRef);
-      return formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current = formItemRef.current) === null || _formItemRef$current === void 0 ? void 0 : _formItemRef$current.value;
+      return (_formItemRef$current$ = (_formItemRef$current = formItemRef.current).getValue) === null || _formItemRef$current$ === void 0 ? void 0 : _formItemRef$current$.call(_formItemRef$current);
     }
 
     function getFieldsValue(nameList) {
@@ -47616,12 +47633,16 @@
                 formItemRef = _step2$value[1];
 
             if (Array.isArray(name)) {
+              var _formItemRef$current$2, _formItemRef$current2;
+
               var fieldValue = name.reduceRight(function (prev, curr) {
                 return _defineProperty$3({}, curr, prev);
-              }, formItemRef.current.value);
+              }, (_formItemRef$current$2 = (_formItemRef$current2 = formItemRef.current).getValue) === null || _formItemRef$current$2 === void 0 ? void 0 : _formItemRef$current$2.call(_formItemRef$current2));
               merge_1(fieldsValue, fieldValue);
             } else {
-              fieldsValue[name] = formItemRef.current.value;
+              var _formItemRef$current$3, _formItemRef$current3;
+
+              fieldsValue[name] = (_formItemRef$current$3 = (_formItemRef$current3 = formItemRef.current).getValue) === null || _formItemRef$current$3 === void 0 ? void 0 : _formItemRef$current$3.call(_formItemRef$current3);
             }
           }
         } catch (err) {
@@ -47635,15 +47656,17 @@
           var formItemRef = getMapValue(name, formMapRef);
 
           if (Array.isArray(name)) {
+            var _formItemRef$current$4, _formItemRef$current4;
+
             var _fieldValue = name.reduceRight(function (prev, curr) {
               return _defineProperty$3({}, curr, prev);
-            }, formItemRef.current.value);
+            }, (_formItemRef$current$4 = (_formItemRef$current4 = formItemRef.current).getValue) === null || _formItemRef$current$4 === void 0 ? void 0 : _formItemRef$current$4.call(_formItemRef$current4));
 
             merge_1(fieldsValue, _fieldValue);
           } else {
-            var _formItemRef$current2;
+            var _formItemRef$current$5, _formItemRef$current5;
 
-            formItemRef && (fieldsValue[name] = formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current2 = formItemRef.current) === null || _formItemRef$current2 === void 0 ? void 0 : _formItemRef$current2.value);
+            formItemRef && (fieldsValue[name] = (_formItemRef$current$5 = (_formItemRef$current5 = formItemRef.current).getValue) === null || _formItemRef$current$5 === void 0 ? void 0 : _formItemRef$current$5.call(_formItemRef$current5));
           }
         });
       }
@@ -47653,10 +47676,10 @@
 
     function setFieldsValue() {
       var fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      travalMapFromObject(fields, formMapRef, function (formItemRef, fieldValue) {
-        var _formItemRef$current3, _formItemRef$current4;
+      travelMapFromObject(fields, formMapRef, function (formItemRef, fieldValue) {
+        var _formItemRef$current6, _formItemRef$current7;
 
-        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current3 = formItemRef.current) === null || _formItemRef$current3 === void 0 ? void 0 : (_formItemRef$current4 = _formItemRef$current3.setValue) === null || _formItemRef$current4 === void 0 ? void 0 : _formItemRef$current4.call(_formItemRef$current3, fieldValue);
+        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current6 = formItemRef.current) === null || _formItemRef$current6 === void 0 ? void 0 : (_formItemRef$current7 = _formItemRef$current6.setValue) === null || _formItemRef$current7 === void 0 ? void 0 : _formItemRef$current7.call(_formItemRef$current6, fieldValue);
       });
     }
 
@@ -47664,13 +47687,13 @@
       var fields = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       if (!Array.isArray(fields)) throw new Error("setFields \u53C2\u6570\u9700\u8981 Array \u7C7B\u578B");
       fields.forEach(function (field) {
-        var _formItemRef$current5;
+        var _formItemRef$current8;
 
         var name = field.name,
             value = field.value,
             status = field.status;
         var formItemRef = getMapValue(name, formMapRef);
-        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current5 = formItemRef.current) === null || _formItemRef$current5 === void 0 ? void 0 : _formItemRef$current5.setField({
+        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current8 = formItemRef.current) === null || _formItemRef$current8 === void 0 ? void 0 : _formItemRef$current8.setField({
           value: value,
           status: status
         });
@@ -47680,9 +47703,9 @@
     function reset(params) {
       if (typeof params === "undefined") {
         _toConsumableArray(formMapRef.current.values()).forEach(function (formItemRef) {
-          var _formItemRef$current6;
+          var _formItemRef$current9;
 
-          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current6 = formItemRef.current) === null || _formItemRef$current6 === void 0 ? void 0 : _formItemRef$current6.resetField();
+          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current9 = formItemRef.current) === null || _formItemRef$current9 === void 0 ? void 0 : _formItemRef$current9.resetField();
         });
       } else {
         var _params$type = params.type,
@@ -47690,10 +47713,10 @@
             _params$fields = params.fields,
             fields = _params$fields === void 0 ? [] : _params$fields;
         fields.forEach(function (name) {
-          var _formItemRef$current7;
+          var _formItemRef$current10;
 
           var formItemRef = getMapValue(name, formMapRef);
-          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current7 = formItemRef.current) === null || _formItemRef$current7 === void 0 ? void 0 : _formItemRef$current7.resetField(type);
+          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current10 = formItemRef.current) === null || _formItemRef$current10 === void 0 ? void 0 : _formItemRef$current10.resetField(type);
         });
       }
     }
@@ -47701,26 +47724,26 @@
     function clearValidate(fields) {
       if (typeof fields === "undefined") {
         _toConsumableArray(formMapRef.current.values()).forEach(function (formItemRef) {
-          var _formItemRef$current8;
+          var _formItemRef$current11;
 
-          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current8 = formItemRef.current) === null || _formItemRef$current8 === void 0 ? void 0 : _formItemRef$current8.resetValidate();
+          formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current11 = formItemRef.current) === null || _formItemRef$current11 === void 0 ? void 0 : _formItemRef$current11.resetValidate();
         });
       } else {
         if (!Array.isArray(fields)) throw new Error("clearValidate \u53C2\u6570\u9700\u8981 Array \u7C7B\u578B");
         fields.forEach(function (name) {
-          var _formItemRef$current9;
+          var _formItemRef$current12;
 
           var formItemRef = getMapValue(name, formMapRef);
-          (_formItemRef$current9 = formItemRef.current) === null || _formItemRef$current9 === void 0 ? void 0 : _formItemRef$current9.resetValidate();
+          (_formItemRef$current12 = formItemRef.current) === null || _formItemRef$current12 === void 0 ? void 0 : _formItemRef$current12.resetValidate();
         });
       }
     }
 
     function setValidateMessage(message) {
-      travalMapFromObject(message, formMapRef, function (formItemRef, fieldValue) {
-        var _formItemRef$current10, _formItemRef$current11;
+      travelMapFromObject(message, formMapRef, function (formItemRef, fieldValue) {
+        var _formItemRef$current13, _formItemRef$current14;
 
-        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current10 = formItemRef.current) === null || _formItemRef$current10 === void 0 ? void 0 : (_formItemRef$current11 = _formItemRef$current10.setValidateMessage) === null || _formItemRef$current11 === void 0 ? void 0 : _formItemRef$current11.call(_formItemRef$current10, fieldValue);
+        formItemRef === null || formItemRef === void 0 ? void 0 : (_formItemRef$current13 = formItemRef.current) === null || _formItemRef$current13 === void 0 ? void 0 : (_formItemRef$current14 = _formItemRef$current13.setValidateMessage) === null || _formItemRef$current14 === void 0 ? void 0 : _formItemRef$current14.call(_formItemRef$current13, fieldValue);
       });
     }
 
@@ -52015,31 +52038,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 +56361,8 @@
 
     var currentFormItemRef = React.useRef();
     var innerFormItemsRef = React.useRef([]);
-    var shouldValidate = React.useRef(null);
-    var isMounted = React.useRef(false);
+    var shouldValidate = React.useRef(false);
+    var valueRef = React.useRef(formValue);
     var errorMessages = React.useMemo(function () {
       return errorMessage !== null && errorMessage !== void 0 ? errorMessage : globalFormConfig.errorMessage;
     }, [errorMessage, globalFormConfig]);
@@ -56374,6 +56397,13 @@
         helpNode = _useFormItemStyle.helpNode,
         extraNode = _useFormItemStyle.extraNode;
 
+    var updateFormValue = function updateFormValue(newVal) {
+      var validate2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      shouldValidate.current = validate2;
+      valueRef.current = newVal;
+      setFormValue(newVal);
+    };
+
     function getInnerRules(name2, formRules, formListName2, formListRules2) {
       if (Array.isArray(name2)) {
         var _formRules$formListNa;
@@ -56641,12 +56671,7 @@
       if (typeof name === "undefined") return;
       var resetType = type || resetTypeFromContext;
       var resetValue = getResetValue(resetType);
-
-      if (resetValue !== formValue) {
-        shouldValidate.current = false;
-      }
-
-      setFormValue(resetValue);
+      updateFormValue(resetValue, false);
 
       if (resetValidating) {
         setNeedResetField(true);
@@ -56667,7 +56692,6 @@
           status = field.status;
 
       if (typeof status !== "undefined") {
-        shouldValidate.current = false;
         setErrorList([]);
         setSuccessList([]);
         setNeedResetField(false);
@@ -56675,7 +56699,7 @@
       }
 
       if (typeof value !== "undefined") {
-        setFormValue(value);
+        updateFormValue(value, typeof status === "undefined" ? true : false);
       }
     }
 
@@ -56693,11 +56717,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) {
@@ -56748,7 +56768,12 @@
     var instance = {
       name: name,
       value: formValue,
-      setValue: setFormValue,
+      getValue: function getValue() {
+        return valueRef.current;
+      },
+      setValue: function setValue(newVal) {
+        return updateFormValue(newVal);
+      },
       setField: setField,
       validate: validate$1,
       validateOnly: validateOnly,
@@ -56823,7 +56848,7 @@
 
           (_onChangeFromProps = onChangeFromProps).call.apply(_onChangeFromProps, [null, value].concat(args));
 
-          setFormValue(value);
+          updateFormValue(value);
         }), _defineProperty$3(_objectSpread2, "onBlur", function onBlur(value) {
           var _onBlurFromProps;
 
@@ -56993,14 +57018,13 @@
     React.useImperativeHandle(formListRef, function () {
       return {
         name: name,
-
-        get value() {
+        getValue: function getValue() {
           var formListValue = [];
 
           _toConsumableArray(formListMapRef.current.values()).forEach(function (formItemRef) {
             var _formItemRef$current2 = formItemRef.current,
                 name2 = _formItemRef$current2.name,
-                value = _formItemRef$current2.value;
+                getValue = _formItemRef$current2.getValue;
 
             if (Array.isArray(name2)) {
               var _name3 = _slicedToArray(name2, 2),
@@ -57008,18 +57032,17 @@
                   itemKey = _name3[1];
 
               if (!formListValue[index]) {
-                formListValue[index] = _defineProperty$3({}, itemKey, value);
+                formListValue[index] = _defineProperty$3({}, itemKey, getValue());
               } else {
-                formListValue[index][itemKey] = value;
+                formListValue[index][itemKey] = getValue();
               }
             } else {
-              formListValue[name2] = value;
+              formListValue[name2] = getValue();
             }
           });
 
           return formListValue;
         },
-
         validate: function validate() {
           var trigger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "all";
           var resultList = [];
@@ -57982,7 +58005,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 +59579,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 +63570,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 +63619,8 @@
         return;
       }
 
-      selectedId.current = value;
+      setSelectedId(value);
+      selectedRef.current = value;
       handleChange("selectedId", value);
     };
 
@@ -63602,7 +63634,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 +63659,8 @@
         return;
       }
 
+      selectedRef.current = id;
+      setSelectedId(id);
       isMoved.current = false;
       isDragging.current = true;
       e.preventDefault();
@@ -63667,7 +63701,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 +63755,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 +63778,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);
         }