@nutui/nutui-react 2.7.6 → 2.7.8

package/dist/esm/tabs2.js

@@ -15,32 +15,29 @@ const Tabs = (props) => {
   const [value, setValue] = usePropsValue({
     value: outerValue,
     defaultValue: outerDefaultValue,
-    finalValue: 0,
     onChange
   });
   const titleItemsRef = useRef([]);
   const navRef = useRef(null);
-  const scrollDirection = (nav, to, duration2, direction2) => {
-    let count = 0;
-    const from = direction2 === "horizontal" ? nav.scrollLeft : nav.scrollTop;
+  const scrollDirection = (nav, to, duration2) => {
+    const from = direction === "horizontal" ? nav.scrollLeft : nav.scrollTop;
     const frames = Math.round(duration2 * 1e3 / 16);
-    function animate() {
-      if (direction2 === "horizontal") {
+    let count = 0;
+    const animate = () => {
+      if (direction === "horizontal")
         nav.scrollLeft += (to - from) / frames;
-      } else {
+      else
         nav.scrollTop += (to - from) / frames;
-      }
-      if (++count < frames) {
+      if (++count < frames)
         requestAniFrame(animate);
-      }
-    }
+    };
     animate();
   };
   const scrollIntoView = (index, immediate) => {
     const nav = navRef.current;
     const titleItem = titleItemsRef.current;
     const titlesLength = titles.current.length;
-    const itemLength = titleItemsRef.current.length;
+    const itemLength = titleItem.length;
     if (!nav || !titleItem || !titleItem[itemLength - titlesLength + index]) {
       return;
     }
@@ -52,13 +49,13 @@ const Tabs = (props) => {
     } else {
       to = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
     }
-    scrollDirection(nav, to, 0.3, direction);
+    scrollDirection(nav, to, 0.3);
   };
   const getTitles = () => {
     const titles2 = [];
     React__default.Children.forEach(children, (child, idx) => {
       if (React__default.isValidElement(child)) {
-        const props2 = child === null || child === void 0 ? void 0 : child.props;
+        const { props: props2 } = child;
         if ((props2 === null || props2 === void 0 ? void 0 : props2.title) || (props2 === null || props2 === void 0 ? void 0 : props2.value)) {
           titles2.push({
             title: props2.title,
@@ -89,23 +86,18 @@ const Tabs = (props) => {
   const classes = classNames(classPrefix, `${classPrefix}-${direction}`, className);
   const classesTitle = classNames(`${classPrefix}-titles`, {
     [`${classPrefix}-titles-${activeType}`]: activeType,
-    [`${classPrefix}-titles-scrollable`]: true,
     [`${classPrefix}-titles-${align}`]: align
   });
-  const tabsActiveStyle = {
-    color: activeType === "smile" ? activeColor : "",
-    background: activeType === "line" ? activeColor : ""
-  };
   const getContentStyle = () => {
-    let index = titles.current.findIndex((t) => t.value == value);
+    let index = titles.current.findIndex((t) => t.value === value);
     index = index < 0 ? 0 : index;
     return {
-      transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
+      transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0, -${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
     };
   };
   useEffect(() => {
-    let index = titles.current.findIndex((t) => t.value == value);
+    let index = titles.current.findIndex((t) => t.value === value);
     index = index < 0 ? 0 : index;
     setTimeout(() => {
       scrollIntoView(index);
@@ -113,47 +105,39 @@ const Tabs = (props) => {
   }, [value]);
   const tabChange = (item) => {
     onClick && onClick(item.value);
-    if (item.disabled) {
-      return;
+    if (!item.disabled) {
+      setValue(item.value);
     }
-    setValue(item.value);
   };
   return React__default.createElement(
     "div",
     Object.assign({ className: classes }, rest),
-    React__default.createElement("div", { className: classesTitle, style: Object.assign({}, tabStyle), ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item) => {
+    React__default.createElement("div", { className: classesTitle, style: tabStyle, ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item) => {
       return React__default.createElement(
         "div",
-        { onClick: () => {
-          tabChange(item);
-        }, className: classNames(`${classPrefix}-titles-item`, {
+        { key: item.value, ref: (ref) => titleItemsRef.current.push(ref), onClick: () => tabChange(item), className: classNames(`${classPrefix}-titles-item`, {
           [`nut-tabs-titles-item-active`]: !item.disabled && String(item.value) === String(value),
           [`nut-tabs-titles-item-disabled`]: item.disabled,
           [`nut-tabs-titles-item-${align}`]: align
-        }), ref: (ref) => titleItemsRef.current.push(ref), key: item.value },
-        activeType === "line" && React__default.createElement("div", { className: classNames(`${classPrefix}-titles-item-line`, {
-          [`${classPrefix}-titles-item-line-${direction}`]: true
-        }), style: tabsActiveStyle }),
+        }) },
+        activeType === "line" && React__default.createElement("div", { className: classNames(`${classPrefix}-titles-item-line`, `${classPrefix}-titles-item-line-${direction}`), style: { background: activeColor } }),
         activeType === "smile" && React__default.createElement(
           "div",
-          { className: `${classPrefix}-titles-item-smile`, style: tabsActiveStyle },
+          { className: `${classPrefix}-titles-item-smile` },
           React__default.createElement(JoySmile, { color: activeColor, width: 40, height: 20 })
         ),
-        React__default.createElement("div", { className: classNames(`${classPrefix}-ellipsis`, `${classPrefix}-titles-item-text`) }, item.title)
+        React__default.createElement("div", { className: classNames({
+          [`${classPrefix}-ellipsis`]: direction === "vertical"
+        }, `${classPrefix}-titles-item-text`), style: { color: activeColor } }, item.title)
       );
     })),
     React__default.createElement(
       "div",
       { className: `${classPrefix}-content-wrap` },
       React__default.createElement("div", { className: `${classPrefix}-content`, style: getContentStyle() }, React__default.Children.map(children, (child, idx) => {
-        if (!React__default.isValidElement(child)) {
+        if (!React__default.isValidElement(child))
           return null;
-        }
-        let childProps = Object.assign(Object.assign({}, child.props), { active: value === child.props.value });
-        if (String(value) !== String(child.props.value || idx) && autoHeight) {
-          childProps = Object.assign(Object.assign({}, childProps), { autoHeightClassName: "inactive" });
-        }
-        return React__default.cloneElement(child, childProps);
+        return React__default.cloneElement(child, Object.assign(Object.assign({}, child.props), { active: value === child.props.value, autoHeightClassName: autoHeight && String(value) !== String(child.props.value || idx) ? "inactive" : void 0 }));
       }))
     )
   );

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.7.6 Fri Jan 10 2025 10:41:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.8 Fri Feb 14 2025 16:19:53 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */