tdesign-react 0.34.5-alpha.3 → 0.34.5-alpha.4

package/dist/tdesign.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.34.5-alpha.3
+ * tdesign v0.34.4
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -40430,10 +40430,8 @@
 
     var tabsClassPrefix = "".concat(classPrefix, "-tabs");
 
-    var computeStyle = function computeStyle(_ref) {
-      var tabPosition2 = _ref.tabPosition,
-          activeId2 = _ref.activeId;
-      var isHorizontal = ["bottom", "top"].includes(tabPosition2);
+    var computeStyle = function computeStyle() {
+      var isHorizontal = ["bottom", "top"].includes(tabPosition);
       var transformPosition = isHorizontal ? "translateX" : "translateY";
       var itemProp = isHorizontal ? "width" : "height";
       var barBorderProp = isHorizontal ? "width" : "height";
@@ -40442,13 +40440,13 @@
       if (containerRef.current) {
         var itemsRef = containerRef.current.querySelectorAll(".t-tabs__nav-item");
 
-        if (itemsRef.length - 1 >= activeId2) {
+        if (itemsRef.length - 1 >= activeId) {
           itemsRef.forEach(function (item, itemIndex) {
-            if (itemIndex < activeId2) {
+            if (itemIndex < activeId) {
               offset += Number(getComputedStyle(item)[itemProp].replace("px", ""));
             }
           });
-          var computedItem = itemsRef[activeId2];
+          var computedItem = itemsRef[activeId];
 
           if (!computedItem) {
             setBarStyle(_defineProperty$3({
@@ -40466,11 +40464,12 @@
     };
 
     React.useEffect(function () {
-      computeStyle({
-        tabPosition: tabPosition,
-        activeId: activeId
-      });
-    }, [tabPosition, activeId]);
+      if (containerRef.current) {
+        setTimeout(function () {
+          return computeStyle();
+        });
+      }
+    }, [tabPosition, activeId, containerRef.current]);
     return /* @__PURE__ */React__default["default"].createElement("div", {
       className: classnames$1((_classNames = {}, _defineProperty$3(_classNames, "".concat(tabsClassPrefix, "__bar"), true), _defineProperty$3(_classNames, "t-is-".concat(tabPosition), true), _classNames)),
       style: barStyle
@@ -41813,7 +41812,7 @@
 
     var handleClick = function handleClick(e) {
       e.stopPropagation();
-      if (disabled || active === value) return;
+      if (disabled) return;
       onClick && onClick({
         e: e
       });
@@ -57941,6 +57940,7 @@
   }
 
   var textareaDefaultProps = {
+    allowInputOverMax: false,
     autofocus: false,
     autosize: false,
     disabled: false,
@@ -57948,7 +57948,7 @@
     readonly: false
   };
 
-  var _excluded$7 = ["disabled", "maxlength", "maxcharacter", "className", "readonly", "autofocus", "style", "onKeydown", "onKeypress", "onKeyup", "autosize", "status", "tips"];
+  var _excluded$7 = ["disabled", "maxlength", "maxcharacter", "className", "readonly", "autofocus", "style", "onKeydown", "onKeypress", "onKeyup", "autosize", "status", "tips", "allowInputOverMax"];
 
   function ownKeys$q(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; }
 
@@ -57972,6 +57972,7 @@
         autosize = props.autosize,
         status = props.status,
         tips = props.tips,
+        allowInputOverMax = props.allowInputOverMax,
         otherProps = _objectWithoutProperties$2(props, _excluded$7);
 
     var _useControlled = useControlled(props, "value", props.onChange),
@@ -57985,10 +57986,15 @@
         isFocused = _useState2[0],
         setIsFocused = _useState2[1];
 
-    var _useState3 = React.useState({}),
+    var _useState3 = React.useState(false),
         _useState4 = _slicedToArray(_useState3, 2),
-        textareaStyle = _useState4[0],
-        setTextareaStyle = _useState4[1];
+        isOvermax = _useState4[0],
+        setIsOvermax = _useState4[1];
+
+    var _useState5 = React.useState({}),
+        _useState6 = _slicedToArray(_useState5, 2),
+        textareaStyle = _useState6[0],
+        setTextareaStyle = _useState6[1];
 
     var hasMaxcharacter = typeof maxcharacter !== "undefined";
     var textareaRef = React.useRef();
@@ -57997,10 +58003,10 @@
       return value ? String(value).length : 0;
     }, [value]);
     var characterLength = React.useMemo(function () {
-      var characterInfo = getCharacterLength(String(value), maxcharacter);
+      var characterInfo = getCharacterLength(String(value), allowInputOverMax ? Infinity : maxcharacter);
       if (_typeof$1(characterInfo) === "object") return characterInfo.length;
       return characterInfo;
-    }, [value, maxcharacter]);
+    }, [value, allowInputOverMax, maxcharacter]);
 
     var _useConfig = useConfig$1(),
         classPrefix = _useConfig.classPrefix;
@@ -58038,7 +58044,7 @@
       var target = e.target;
       var val = target.value;
 
-      if (maxcharacter && maxcharacter >= 0) {
+      if (!allowInputOverMax && maxcharacter && maxcharacter >= 0) {
         var stringInfo = getCharacterLength(val, maxcharacter);
         val = _typeof$1(stringInfo) === "object" && stringInfo.characters;
       }
@@ -58048,6 +58054,14 @@
       });
     }
 
+    var renderLimitText = function renderLimitText(current, max) {
+      return /* @__PURE__ */React__default["default"].createElement("span", {
+        className: "".concat(classPrefix, "-textarea__limit")
+      }, isOvermax ? /* @__PURE__ */React__default["default"].createElement("span", {
+        className: "".concat(classPrefix, "-textarea__tips--warning")
+      }, " ", current) : "".concat(current), "/".concat(max));
+    };
+
     React.useEffect(function () {
       if (autosize === false) {
         setTextareaStyle({
@@ -58059,6 +58073,11 @@
     React.useEffect(function () {
       adjustTextareaHeight();
     }, [adjustTextareaHeight, value]);
+    React.useEffect(function () {
+      if (allowInputOverMax) {
+        setIsOvermax(!!(maxlength && currentLength > maxlength) || !!(maxcharacter && characterLength > maxcharacter));
+      }
+    }, [characterLength]);
     React.useImperativeHandle(ref, function () {
       return {
         currentElement: wrapperRef.current,
@@ -58076,7 +58095,7 @@
       readOnly: readonly,
       autoFocus: autofocus,
       disabled: disabled,
-      maxLength: maxlength,
+      maxLength: allowInputOverMax ? Infinity : maxlength,
       onChange: inputValueChangeHandle,
       onKeyDown: function onKeyDown(e) {
         return onKeydown(e.currentTarget.value, {
@@ -58094,11 +58113,7 @@
         });
       },
       ref: textareaRef
-    })), hasMaxcharacter ? /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-textarea__limit")
-    }, "".concat(characterLength, "/").concat(maxcharacter)) : null, !hasMaxcharacter && maxlength ? /* @__PURE__ */React__default["default"].createElement("span", {
-      className: "".concat(classPrefix, "-textarea__limit")
-    }, "".concat(currentLength, "/").concat(maxlength)) : null, tips ? /* @__PURE__ */React__default["default"].createElement("div", {
+    })), hasMaxcharacter && renderLimitText(characterLength, maxcharacter), !hasMaxcharacter && maxlength && renderLimitText(currentLength, maxlength), tips ? /* @__PURE__ */React__default["default"].createElement("div", {
       className: classnames$1("".concat(classPrefix, "-textarea__tips"), (_classNames2 = {}, _defineProperty$3(_classNames2, "".concat(classPrefix, "-textarea__tips--normal"), !status), _defineProperty$3(_classNames2, "".concat(classPrefix, "-textarea__tips--").concat(status), status), _classNames2))
     }, tips) : null);
   });