tdesign-react 0.36.4-alpha.2 → 0.36.5-alpha.2

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.3
+ * tdesign v0.36.5-alpha.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -10113,14 +10113,7 @@
 
     var btnRef = React.useRef();
     useRipple(ref || btnRef);
-    var hasChildren = typeof children !== "undefined";
-    var hasContent = typeof content !== "undefined";
-    var childrenNode = children;
-
-    if (!hasChildren && hasContent) {
-      childrenNode = content;
-    }
-
+    var renderChildren = content !== null && content !== void 0 ? content : children;
     var iconNode = icon;
     if (loading) iconNode = /* @__PURE__ */React__default["default"].createElement(Loading, {
       loading: loading,
@@ -10142,11 +10135,11 @@
       className: classNames$1(className, ["".concat(classPrefix, "-button"), "".concat(classPrefix, "-button--theme-").concat(renderTheme), "".concat(classPrefix, "-button--variant-").concat(variant)], (_classNames = {}, _defineProperty$3(_classNames, "".concat(classPrefix, "-button--shape-").concat(shape), shape !== "rectangle"), _defineProperty$3(_classNames, "".concat(classPrefix, "-button--ghost"), ghost), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-loading"), loading), _defineProperty$3(_classNames, "".concat(classPrefix, "-is-disabled"), disabled || loading), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty$3(_classNames, "".concat(classPrefix, "-size-full-width"), block), _classNames)),
       onClick: !disabled && !loading ? onClick : void 0,
       disabled: disabled || loading
-    }), iconNode ? /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, iconNode, (hasChildren || hasContent) && /* @__PURE__ */React__default["default"].createElement("span", {
+    }), iconNode ? /* @__PURE__ */React__default["default"].createElement(React__default["default"].Fragment, null, iconNode, renderChildren && /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-button__text")
-    }, childrenNode)) : /* @__PURE__ */React__default["default"].createElement("span", {
+    }, renderChildren)) : /* @__PURE__ */React__default["default"].createElement("span", {
       className: "".concat(classPrefix, "-button__text")
-    }, childrenNode));
+    }, renderChildren));
   });
   Button$1.displayName = "Button";
   Button$1.defaultProps = buttonDefaultProps;
@@ -10369,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,
@@ -10383,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);
@@ -13423,7 +13417,7 @@
 
     var _useState7 = React.useState(""),
         _useState8 = _slicedToArray(_useState7, 2),
-        composingRefValue = _useState8[0],
+        composingValue = _useState8[0],
         setComposingValue = _useState8[1];
 
     var isShowClearIcon = (clearable && value && !disabled || showClearIconOnEmpty) && isHover;
@@ -13465,7 +13459,7 @@
       placeholder: placeholder,
       type: renderType,
       className: "".concat(classPrefix, "-input__inner"),
-      value: composingRef.current ? composingRefValue : value !== null && value !== void 0 ? value : "",
+      value: composingRef.current ? composingValue : value !== null && value !== void 0 ? value : "",
       readOnly: readonly,
       disabled: disabled,
       autoComplete: autocomplete !== null && autocomplete !== void 0 ? autocomplete : local.autocomplete || void 0,
@@ -13572,7 +13566,6 @@
         handleChange(e);
       }
 
-      setComposingValue("");
       onCompositionend === null || onCompositionend === void 0 ? void 0 : onCompositionend(value2, {
         e: e
       });
@@ -17952,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;
@@ -17986,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 = "";
@@ -30790,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 {
@@ -30849,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;
@@ -32845,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, {
@@ -33146,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
@@ -40008,7 +40011,7 @@
             minRowIndex: firstNewChildrenIndex,
             rowKey: keys.rowKey,
             type: "add",
-            count: newChildrenData.length
+            count: Math.max(newChildrenData.length - 1, 0)
           });
         }
 
@@ -47407,7 +47410,7 @@
     return formMapRef.current.get(key);
   }
 
-  function travalMapFromObject(obj, formMapRef, callback) {
+  function travelMapFromObject(obj, formMapRef, callback) {
     var _iterator = _createForOfIteratorHelper$1(formMapRef.current.entries()),
         _step;
 
@@ -47542,9 +47545,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);
                 });
@@ -47579,9 +47582,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);
                 });
@@ -47603,11 +47606,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) {
@@ -47624,12 +47627,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) {
@@ -47643,15 +47650,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));
           }
         });
       }
@@ -47661,10 +47670,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);
       });
     }
 
@@ -47672,13 +47681,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
         });
@@ -47688,9 +47697,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,
@@ -47698,10 +47707,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);
         });
       }
     }
@@ -47709,26 +47718,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);
       });
     }
 
@@ -54178,10 +54187,11 @@
     EPickerCols2["hour"] = "hour";
     EPickerCols2["minute"] = "minute";
     EPickerCols2["second"] = "second";
+    EPickerCols2["milliSecond"] = "millisecond";
     EPickerCols2["meridiem"] = "meridiem";
     return EPickerCols2;
   }(EPickerCols || {});
-  var TIME_FORMAT$1 = /(a\s+|A\s+)?(h+|H+)?:?(m+)?:?(s+)?(\s+a|\s+A)?/;
+  var TIME_FORMAT$1 = /(a\s+|A\s+)?(h+|H+)?:?(m+)?:?(s+)?:?(S+)?(\s+a|\s+A)?/;
   var TWELVE_HOUR_FORMAT = /[h]{1}/;
 
   function validateInputValue(value, format) {
@@ -54197,7 +54207,7 @@
     })[0];
   }
 
-  var timeArr = [EPickerCols.hour, EPickerCols.minute, EPickerCols.second];
+  var timeArr = [EPickerCols.hour, EPickerCols.minute, EPickerCols.second, EPickerCols.milliSecond];
   dayjs.extend(customParseFormat);
 
   var SinglePanel$1 = function SinglePanel(props) {
@@ -54241,18 +54251,20 @@
     React.useEffect(function () {
       var match = format.match(TIME_FORMAT$1);
 
-      var _match = _slicedToArray(match, 6),
+      var _match = _slicedToArray(match, 7),
           startCol = _match[1],
           hourCol = _match[2],
           minuteCol = _match[3],
           secondCol = _match[4],
-          endCol = _match[5];
+          milliSecondCol = _match[5],
+          endCol = _match[6];
 
       var meridiem = EPickerCols.meridiem,
           hour = EPickerCols.hour,
           minute = EPickerCols.minute,
-          second = EPickerCols.second;
-      var renderCol = [startCol && meridiem, hourCol && hour, minuteCol && minute, secondCol && second, endCol && meridiem].filter(function (v) {
+          second = EPickerCols.second,
+          milliSecond = EPickerCols.milliSecond;
+      var renderCol = [startCol && meridiem, hourCol && hour, minuteCol && minute, secondCol && second, milliSecondCol && milliSecond, endCol && meridiem].filter(function (v) {
         return !!v;
       });
       setCols(renderCol);
@@ -54284,8 +54296,8 @@
 
       if (timeArr.includes(col)) {
         var colIdx = timeArr.indexOf(col);
-        var colStep = steps[colIdx];
-        if (col === EPickerCols.hour) count = TWELVE_HOUR_FORMAT.test(format) ? 11 : 23;else count = 59;
+        var colStep = steps[colIdx] || 1;
+        if (col === EPickerCols.hour) count = TWELVE_HOUR_FORMAT.test(format) ? 11 : 23;else if (col === EPickerCols.milliSecond) count = 999;else count = 59;
         var colList = range_1(0, count + 1, Number(colStep)).map(function (v) {
           return padStart_1(String(v), 2, "0");
         }) || [];
@@ -54322,14 +54334,10 @@
 
       if (timeArr.includes(col)) {
         var max = 59;
-
-        if (col === EPickerCols.hour) {
-          max = /[h]{1}/.test(format) ? 11 : 23;
-        }
-
+        if (col === EPickerCols.hour) max = /[h]{1}/.test(format) ? 11 : 23;else if (col === EPickerCols.milliSecond) max = 999;
         var colIdx = timeArr.indexOf(col);
-        var availableArr = range_1(0, max + 1, Number(steps[colIdx]));
-        val = closestLookup(availableArr, Number(getColList(col)[Math.min(colStep - 1, max + 1, availableArr.length - 1)]), Number(steps[colIdx]));
+        var availableArr = range_1(0, max + 1, Number(steps[colIdx]) || 1);
+        val = closestLookup(availableArr, Number(getColList(col)[Math.min(colStep - 1, max + 1, availableArr.length - 1)]), Number(steps[colIdx]) || 1);
         if (Number.isNaN(val)) val = availableArr[availableArr.length - 1];
 
         if (col === EPickerCols.hour && cols.includes(EPickerCols.meridiem) && dayjsValue.hour() >= 12) {
@@ -54341,6 +54349,8 @@
       if (!dayjs(dayjsValue).isValid()) return;
 
       if (distance !== scrollTop) {
+        var _scrollCtrl$scrollTo;
+
         if (timeArr.includes(col)) {
           var _dayjsValue$col;
 
@@ -54358,7 +54368,7 @@
         onChange(formattedVal);
         var scrollCtrl = colsRef.current[cols.indexOf(col)];
         if (!distance || !scrollCtrl || scrollCtrl.scrollTop === distance) return;
-        scrollCtrl.scrollTo({
+        (_scrollCtrl$scrollTo = scrollCtrl.scrollTo) === null || _scrollCtrl$scrollTo === void 0 ? void 0 : _scrollCtrl$scrollTo.call(scrollCtrl, {
           top: distance,
           behavior: "smooth"
         });
@@ -54366,11 +54376,13 @@
     };
 
     var scrollToTime = React.useCallback(function (col, time, idx) {
+      var _scrollCtrl$scrollTo2;
+
       var behavior = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "auto";
       var distance = getScrollDistance(col, time);
       var scrollCtrl = colsRef.current[idx];
       if (!distance || !scrollCtrl || scrollCtrl.scrollTop === distance || !timeItemCanUsed(col, time)) return;
-      scrollCtrl.scrollTo({
+      (_scrollCtrl$scrollTo2 = scrollCtrl.scrollTo) === null || _scrollCtrl$scrollTo2 === void 0 ? void 0 : _scrollCtrl$scrollTo2.call(scrollCtrl, {
         top: distance,
         behavior: behavior
       });
@@ -56343,8 +56355,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]);
@@ -56379,6 +56391,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;
@@ -56646,12 +56665,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);
@@ -56672,7 +56686,6 @@
           status = field.status;
 
       if (typeof status !== "undefined") {
-        shouldValidate.current = false;
         setErrorList([]);
         setSuccessList([]);
         setNeedResetField(false);
@@ -56680,7 +56693,7 @@
       }
 
       if (typeof value !== "undefined") {
-        setFormValue(value);
+        updateFormValue(value, typeof status === "undefined" ? true : false);
       }
     }
 
@@ -56698,11 +56711,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) {
@@ -56753,7 +56762,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,
@@ -56828,7 +56842,7 @@
 
           (_onChangeFromProps = onChangeFromProps).call.apply(_onChangeFromProps, [null, value].concat(args));
 
-          setFormValue(value);
+          updateFormValue(value);
         }), _defineProperty$3(_objectSpread2, "onBlur", function onBlur(value) {
           var _onBlurFromProps;
 
@@ -56998,14 +57012,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),
@@ -57013,18 +57026,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 = [];
@@ -57319,6 +57331,69 @@
     visible: false
   };
 
+  var useDrag$1 = function useDrag(placement, sizeDraggable) {
+    var _useState = React.useState(null),
+        _useState2 = _slicedToArray(_useState, 2),
+        dragSizeValue = _useState2[0],
+        changeDragSizeValue = _useState2[1];
+
+    var handleMousemove = function handleMousemove(e) {
+      var x = e.x,
+          y = e.y;
+
+      if (sizeDraggable) {
+        if (placement === "right") {
+          changeDragSizeValue("".concat(document.documentElement.clientWidth - x + 8, "px"));
+        }
+
+        if (placement === "left") {
+          changeDragSizeValue("".concat(x + 8, "px"));
+        }
+
+        if (placement === "top") {
+          changeDragSizeValue("".concat(y + 8, "px"));
+        }
+
+        if (placement === "bottom") {
+          changeDragSizeValue("".concat(document.documentElement.clientHeight - y + 8, "px"));
+        }
+      }
+    };
+
+    var handleMouseup = function handleMouseup() {
+      document.removeEventListener("mouseup", handleMouseup, true);
+      document.removeEventListener("mousemove", handleMousemove, true);
+    };
+
+    var draggableLineStyles = React.useMemo(function () {
+      var _ref;
+
+      var isHorizontal = ["right", "left"].includes(placement);
+      var oppositeMap = {
+        left: "right",
+        right: "left",
+        top: "bottom",
+        bottom: "top"
+      };
+      return _ref = {
+        zIndex: 1,
+        position: "absolute",
+        background: "transparent"
+      }, _defineProperty$3(_ref, oppositeMap[placement], 0), _defineProperty$3(_ref, "width", isHorizontal ? "16px" : "100%"), _defineProperty$3(_ref, "height", isHorizontal ? "100%" : "16px"), _defineProperty$3(_ref, "cursor", isHorizontal ? "col-resize" : "row-resize"), _ref;
+    }, [placement]);
+
+    var enableDrag = function enableDrag() {
+      document.addEventListener("mouseup", handleMouseup, true);
+      document.addEventListener("mousemove", handleMousemove, true);
+    };
+
+    return {
+      dragSizeValue: dragSizeValue,
+      enableDrag: enableDrag,
+      draggableLineStyles: draggableLineStyles
+    };
+  };
+
   function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -57328,16 +57403,6 @@
     CLICK_CANCEL_BTN: "cancel",
     KEYDOWN_ESC: "esc"
   };
-
-  var getSizeValue = function getSizeValue(size) {
-    var defaultSize = isNaN(Number(size)) ? size : "".concat(size, "px");
-    return {
-      small: "300px",
-      medium: "500px",
-      large: "760px"
-    }[size] || defaultSize;
-  };
-
   var Drawer$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _classnames;
 
@@ -57369,7 +57434,8 @@
         destroyOnClose = props.destroyOnClose,
         mode = props.mode,
         _props$preventScrollT = props.preventScrollThrough,
-        preventScrollThrough = _props$preventScrollT === void 0 ? true : _props$preventScrollT;
+        preventScrollThrough = _props$preventScrollT === void 0 ? true : _props$preventScrollT,
+        sizeDraggable = props.sizeDraggable;
 
     var _useLocaleReceiver = useLocaleReceiver("drawer"),
         _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
@@ -57391,6 +57457,11 @@
     var transform = visible ? "translate(0px)" : "";
     var closeIcon = /*#__PURE__*/React__default["default"].isValidElement(closeBtn) ? closeBtn : /* @__PURE__ */React__default["default"].createElement(CloseIcon, null);
 
+    var _useDrag = useDrag$1(placement, sizeDraggable),
+        dragSizeValue = _useDrag.dragSizeValue,
+        enableDrag = _useDrag.enableDrag,
+        draggableLineStyles = _useDrag.draggableLineStyles;
+
     var _useState = React.useState(false),
         _useState2 = _slicedToArray(_useState, 2),
         isDestroyOnClose = _useState2[0],
@@ -57412,6 +57483,15 @@
       if (!destroyOnClose || !visible) return;
       setIsDestroyOnClose(false);
     }, [visible, destroyOnClose]);
+    var getSizeValue = React.useCallback(function (size2) {
+      if (dragSizeValue) return dragSizeValue;
+      var defaultSize = isNaN(Number(size2)) ? size2 : "".concat(size2, "px");
+      return {
+        small: "300px",
+        medium: "500px",
+        large: "760px"
+      }[size2] || defaultSize;
+    }, [dragSizeValue]);
     React.useEffect(function () {
       var documentBodyCssText = "";
 
@@ -57446,7 +57526,7 @@
         containerRef.current.focus();
         contentWrapperRef.current.style.transform = transform;
       }
-    }, [attach, mode, transform, visible, placement, size]);
+    }, [attach, mode, transform, visible, placement, size, getSizeValue]);
 
     function onMaskClick(e) {
       onOverlayClick === null || onOverlayClick === void 0 ? void 0 : onOverlayClick({
@@ -57571,7 +57651,10 @@
       ref: contentWrapperRef,
       className: contentWrapperClass,
       style: contentWrapperStyle
-    }, renderCloseBtn, renderHeader, renderBody, renderFooter)));
+    }, renderCloseBtn, renderHeader, renderBody, renderFooter, sizeDraggable && /* @__PURE__ */React__default["default"].createElement("div", {
+      style: draggableLineStyles,
+      onMouseDown: enableDrag
+    }))));
   });
   Drawer$1.displayName = "Drawer";
   Drawer$1.defaultProps = drawerDefaultProps;
@@ -57916,7 +57999,8 @@
 
       return /* @__PURE__ */React__default["default"].createElement(Button, {
         size: "small",
-        variant: "outline",
+        theme: "default",
+        variant: "base",
         onClick: function onClick(e) {
           onClose({
             e: e,
@@ -59489,13 +59573,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);
@@ -60809,59 +60893,53 @@
 
   var Transfer = Transfer$1;
 
-  // refs, but then host hooks / components could not opt out of renders.
-  // This could've been exported to its own module, but the current build doesn't
-  // seem to work with module imports and I had no more time to spend on this...
+  // refs to such extent, but then composing hooks and components could not opt out of unnecessary renders.
 
   function useResolvedElement(subscriber, refOrElement) {
-    var callbackRefElement = React.useRef(null);
     var lastReportRef = React.useRef(null);
-    var cleanupRef = React.useRef();
-    var callSubscriber = React.useCallback(function () {
-      var element = null;
-
-      if (callbackRefElement.current) {
-        element = callbackRefElement.current;
-      } else if (refOrElement) {
-        if (refOrElement instanceof HTMLElement) {
-          element = refOrElement;
-        } else {
-          element = refOrElement.current;
-        }
-      }
+    var refOrElementRef = React.useRef(null);
+    refOrElementRef.current = refOrElement;
+    var cbElementRef = React.useRef(null); // Calling re-evaluation after each render without using a dep array,
+    // as the ref object's current value could've changed since the last render.
+
+    React.useEffect(function () {
+      evaluateSubscription();
+    });
+    var evaluateSubscription = React.useCallback(function () {
+      var cbElement = cbElementRef.current;
+      var refOrElement = refOrElementRef.current; // Ugly ternary. But smaller than an if-else block.
+
+      var element = cbElement ? cbElement : refOrElement ? refOrElement instanceof Element ? refOrElement : refOrElement.current : null;
 
-      if (lastReportRef.current && lastReportRef.current.element === element && lastReportRef.current.reporter === callSubscriber) {
+      if (lastReportRef.current && lastReportRef.current.element === element && lastReportRef.current.subscriber === subscriber) {
         return;
       }
 
-      if (cleanupRef.current) {
-        cleanupRef.current(); // Making sure the cleanup is not called accidentally multiple times.
-
-        cleanupRef.current = null;
+      if (lastReportRef.current && lastReportRef.current.cleanup) {
+        lastReportRef.current.cleanup();
       }
 
       lastReportRef.current = {
-        reporter: callSubscriber,
-        element: element
-      }; // Only calling the subscriber, if there's an actual element to report.
-
-      if (element) {
-        cleanupRef.current = subscriber(element);
-      }
-    }, [refOrElement, subscriber]); // On each render, we check whether a ref changed, or if we got a new raw
-    // element.
+        element: element,
+        subscriber: subscriber,
+        // Only calling the subscriber, if there's an actual element to report.
+        // Setting cleanup to undefined unless a subscriber returns one, as an existing cleanup function would've been just called.
+        cleanup: element ? subscriber(element) : undefined
+      };
+    }, [subscriber]); // making sure we call the cleanup function on unmount
 
     React.useEffect(function () {
-      // With this we're *technically* supporting cases where ref objects' current value changes, but only if there's a
-      // render accompanying that change as well.
-      // To guarantee we always have the right element, one must use the ref callback provided instead, but we support
-      // RefObjects to make the hook API more convenient in certain cases.
-      callSubscriber();
-    }, [callSubscriber]);
+      return function () {
+        if (lastReportRef.current && lastReportRef.current.cleanup) {
+          lastReportRef.current.cleanup();
+          lastReportRef.current = null;
+        }
+      };
+    }, []);
     return React.useCallback(function (element) {
-      callbackRefElement.current = element;
-      callSubscriber();
-    }, [callSubscriber]);
+      cbElementRef.current = element;
+      evaluateSubscription();
+    }, [evaluateSubscription]);
   } // We're only using the first element of the size sequences, until future versions of the spec solidify on how
   // exactly it'll be used for fragments in multi-column scenarios:
   // From the spec:
@@ -60889,7 +60967,7 @@
   // regardless of box option.
 
 
-  var extractSize = function extractSize(entry, boxProp, sizeType) {
+  function extractSize(entry, boxProp, sizeType) {
     if (!entry[boxProp]) {
       if (boxProp === "contentBoxSize") {
         // The dimensions in `contentBoxSize` and `contentRect` are equivalent according to the spec.
@@ -60908,7 +60986,7 @@
     // behaviour of returning objects instead of arrays for `borderBoxSize` and `contentBoxSize`.
     // @ts-ignore
     entry[boxProp][sizeType];
-  };
+  }
 
   function useResizeObserver(opts) {
     if (opts === void 0) {
@@ -60936,6 +61014,7 @@
 
     var didUnmount = React.useRef(false);
     React.useEffect(function () {
+      didUnmount.current = false;
       return function () {
         didUnmount.current = true;
       };
@@ -60998,7 +61077,7 @@
         width: size.width,
         height: size.height
       };
-    }, [refCallback, size ? size.width : null, size ? size.height : null]);
+    }, [refCallback, size.width, size.height]);
   }
 
   var AvatarContext = /*#__PURE__*/React__default["default"].createContext("default");
@@ -63485,11 +63564,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]);
 
@@ -63527,7 +63613,8 @@
         return;
       }
 
-      selectedId.current = value;
+      setSelectedId(value);
+      selectedRef.current = value;
       handleChange("selectedId", value);
     };
 
@@ -63541,7 +63628,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) {
@@ -63566,6 +63653,8 @@
         return;
       }
 
+      selectedRef.current = id;
+      setSelectedId(id);
       isMoved.current = false;
       isDragging.current = true;
       e.preventDefault();
@@ -63606,7 +63695,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;
 
@@ -63660,8 +63749,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", {
@@ -63682,14 +63772,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);
         }