@nutui/nutui-react-taro 2.7.6 → 2.7.8

package/dist/esm/{cascader.taro-BwRnRQXE.js → cascader.taro-DUJvcGw0.js}

@@ -4,7 +4,7 @@ import classNames from "classnames";
 import { Loading, Checklist } from "@nutui/icons-react-taro";
 import { ScrollView } from "@tarojs/components";
 import { P as Popup } from "./popup.taro-JynjcLCn.js";
-import { T as Tabs } from "./tabs.taro-CnXiMR_B.js";
+import { T as Tabs } from "./tabs.taro-sp_DNWis.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";

package/dist/esm/date-BmUWlDuN.js

@@ -0,0 +1,147 @@
+const isLeapYear = (y) => {
+  return y % 4 === 0 && y % 100 !== 0 || y % 400 === 0;
+};
+const getWhatDay = (year, month, day) => {
+  const date = new Date(year, month - 1, day);
+  const dayNames = [
+    "星期日",
+    "星期一",
+    "星期二",
+    "星期三",
+    "星期四",
+    "星期五",
+    "星期六"
+  ];
+  return dayNames[date.getDay()];
+};
+const getMonthPreDay = (year, month) => {
+  const day = new Date(year, month - 1, 1).getDay();
+  return day === 0 ? 7 : day;
+};
+const getMonthDays = (year, month) => {
+  if (/^0/.test(month)) {
+    month = month.split("")[1];
+  }
+  return [
+    0,
+    31,
+    isLeapYear(Number(year)) ? 29 : 28,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ][month];
+};
+const getNumTwoBit = (n) => {
+  return n > 9 ? `${n}` : `0${n}`;
+};
+const date2Str = (date, split = "-") => {
+  const y = date.getFullYear();
+  const m = getNumTwoBit(date.getMonth() + 1);
+  const d = getNumTwoBit(date.getDate());
+  return [y, m, d].join(split);
+};
+const getDateString = (offset = 0) => {
+  const date = /* @__PURE__ */ new Date();
+  date.setDate(date.getDate() + offset);
+  return date2Str(date, "-");
+};
+const compareDate = (date1, date2) => {
+  const startTime = new Date(date1.replace("-", "/").replace("-", "/"));
+  const endTime = new Date(date2.replace("-", "/").replace("-", "/"));
+  return startTime < endTime;
+};
+const isEqual = (date1, date2) => {
+  const startTime = new Date((date1 || "").replace(/-/g, "/")).getTime();
+  const endTime = new Date(date2.replace(/-/g, "/")).getTime();
+  return startTime === endTime;
+};
+const getWeekDate = (year, month, date, firstDayOfWeek = 0) => {
+  const dateNow = new Date(Number(year), parseInt(month) - 1, Number(date));
+  const nowTime = dateNow.getTime();
+  let day = dateNow.getDay();
+  if (firstDayOfWeek === 0) {
+    const oneDayTime2 = 24 * 60 * 60 * 1e3;
+    const SundayTime2 = nowTime - day * oneDayTime2;
+    const SaturdayTime = nowTime + (6 - day) * oneDayTime2;
+    const sunday2 = date2Str(new Date(SundayTime2));
+    const saturday = date2Str(new Date(SaturdayTime));
+    return [sunday2, saturday];
+  }
+  day = day === 0 ? 7 : day;
+  const oneDayTime = 24 * 60 * 60 * 1e3;
+  const MondayTime = nowTime - (day - 1) * oneDayTime;
+  const SundayTime = nowTime + (7 - day) * oneDayTime;
+  const monday = date2Str(new Date(MondayTime));
+  const sunday = date2Str(new Date(SundayTime));
+  return [monday, sunday];
+};
+const formatResultDate = (date) => {
+  const [year, month, day] = [...date.split("-")];
+  const formatterDay = getNumTwoBit(Number(day));
+  const formatterDate = `${year}-${month}-${day}`;
+  const dayOfWeek = getWhatDay(Number(year), Number(month), Number(day));
+  return [year, month, formatterDay, formatterDate, dayOfWeek];
+};
+const getCurrMonthData = (type, year, month) => {
+  {
+    month === 12 && (year += 1);
+    month = month === 12 ? 1 : ++month;
+  }
+  return [year, getNumTwoBit(month), getMonthDays(String(year), String(month))];
+};
+const getDaysStatus = (type, year, month) => {
+  let days = getMonthDays(`${year}`, `${month}`);
+  return Array.from(Array(days), (v, k) => {
+    return {
+      day: k + 1,
+      type,
+      year,
+      month
+    };
+  });
+};
+const getPreMonthDates = (type, year, month, firstDayOfWeek) => {
+  let preMonth = +month - 1;
+  let preYear = year;
+  if (preMonth <= 0) {
+    preMonth = 12;
+    preYear += 1;
+  }
+  let days = getMonthPreDay(+year, +month);
+  days -= firstDayOfWeek;
+  if (days >= 7) {
+    days -= 7;
+  }
+  const preDates = getMonthDays(`${preYear}`, `${preMonth}`);
+  const months = Array.from(Array(preDates), (v, k) => {
+    return {
+      day: k + 1,
+      type,
+      preYear,
+      preMonth
+    };
+  });
+  return months.slice(preDates - days);
+};
+export {
+  getNumTwoBit as a,
+  getPreMonthDates as b,
+  compareDate as c,
+  date2Str as d,
+  getDaysStatus as e,
+  getMonthDays as f,
+  getDateString as g,
+  getCurrMonthData as h,
+  isEqual as i,
+  getWeekDate as j,
+  getWhatDay as k,
+  formatResultDate as l,
+  getMonthPreDay as m
+};

package/dist/esm/{datepicker.taro-DicskhhH.js → datepicker.taro-Dwh8sKhJ.js}

@@ -155,6 +155,14 @@ const DatePicker = (props) => {
       const year = Number(formatDate[0]);
       const month = Number(formatDate[1]) - 1;
       const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
+      if (selectedOptions.length >= 2 && ["date", "datehour", "datetime", "month-day"].includes(rangeType)) {
+        const dayOption = formatOption("day", day);
+        if (rangeType === "month-day") {
+          selectedOptions[1] = dayOption;
+        } else {
+          selectedOptions[2] = dayOption;
+        }
+      }
       let date = null;
       if (rangeType === "date" || rangeType === "month-day" || rangeType === "year-month") {
         date = new Date(year, month, day);

package/dist/esm/{empty.taro-DhCHSdca.js → empty.taro-ChtnK90s.js}

@@ -25,7 +25,7 @@ const Empty = (props) => {
   const imageNode = typeof imageUrl === "string" ? React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
   useEffect(() => {
     setImgStyle(() => {
-      if (!imageSize) {
+      if (typeof imageSize !== "number" && typeof imageSize !== "string") {
         return {};
       }
       if (typeof imageSize === "number") {

package/dist/esm/{formitem.taro-CU6rrcJD.js → formitem.taro-Bee3MWwq.js}

@@ -1,29 +1,66 @@
-import React__default, { createContext, useRef } from "react";
+import React__default, { createContext, useRef, useState, useEffect } from "react";
 import { Text, View } from "@tarojs/components";
 import { C as Cell } from "./cell.taro-DWLhb5m6.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
 import Schema from "async-validator";
 const Context = createContext({});
-function merge(...objects) {
-  const result = Array.isArray(objects[0]) ? [] : {};
-  function mergeHelper(obj, path = []) {
-    for (const [key, value] of Object.entries(obj)) {
-      const newPath = [...path, key];
-      if (Array.isArray(value)) {
-        result[key] = [...value];
-      } else if (typeof value === "object" && value !== null) {
-        if (path.some((p) => p === value))
-          continue;
-        if (!result[key])
-          result[key] = {};
-        mergeHelper(value, newPath);
-      } else {
-        result[key] = value;
-      }
+function merge(...items) {
+  return _merge(items[0] === true, false, items);
+}
+function recursive(...items) {
+  return _merge(items[0] === true, true, items);
+}
+function clone(input) {
+  if (Array.isArray(input)) {
+    const output = [];
+    for (let index = 0; index < input.length; ++index)
+      output.push(clone(input[index]));
+    return output;
+  }
+  if (isPlainObject(input)) {
+    const output = {};
+    for (const index in input)
+      output[index] = clone(input[index]);
+    return output;
+  }
+  return input;
+}
+function isPlainObject(input) {
+  if (input === null || typeof input !== "object")
+    return false;
+  if (Object.getPrototypeOf(input) === null)
+    return true;
+  let ref = input;
+  while (Object.getPrototypeOf(ref) !== null)
+    ref = Object.getPrototypeOf(ref);
+  return Object.getPrototypeOf(input) === ref;
+}
+function _recursiveMerge(base, extend) {
+  if (!isPlainObject(base) || !isPlainObject(extend))
+    return extend;
+  for (const key in extend) {
+    if (key === "__proto__" || key === "constructor" || key === "prototype")
+      continue;
+    base[key] = isPlainObject(base[key]) && isPlainObject(extend[key]) ? _recursiveMerge(base[key], extend[key]) : extend[key];
+  }
+  return base;
+}
+function _merge(isClone, isRecursive, items) {
+  let result;
+  if (isClone || !isPlainObject(result = items.shift()))
+    result = {};
+  for (let index = 0; index < items.length; ++index) {
+    const item = items[index];
+    if (!isPlainObject(item))
+      continue;
+    for (const key in item) {
+      if (key === "__proto__" || key === "constructor" || key === "prototype")
+        continue;
+      const value = isClone ? clone(item[key]) : item[key];
+      result[key] = isRecursive ? _recursiveMerge(result[key], value) : value;
     }
   }
-  objects.filter((obj) => !!obj).forEach((obj) => mergeHelper(obj));
   return result;
 }
 const SECRET = "NUT_FORM_INTERNAL";
@@ -39,9 +76,6 @@ class FormStore {
       this.fieldEntities.push(field);
       return () => {
         this.fieldEntities = this.fieldEntities.filter((item) => item !== field);
-        if (this.store) {
-          delete this.store[field.props.name];
-        }
       };
     };
     this.getFieldValue = (name) => {
@@ -63,10 +97,11 @@ class FormStore {
       if (init) {
         const nextStore = merge(initialValues, this.store);
         this.updateStore(nextStore);
+        this.notifyWatch();
       }
     };
     this.setFieldsValue = (newStore) => {
-      const nextStore = merge(this.store, newStore);
+      const nextStore = recursive(true, this.store, newStore);
       this.updateStore(nextStore);
       this.fieldEntities.forEach((entity) => {
         const { name } = entity.props;
@@ -85,12 +120,14 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
+      this.notifyWatch();
     };
     this.setFieldValue = (name, value) => {
       const store = {
         [name]: value
       };
       this.setFieldsValue(store);
+      this.notifyWatch([name]);
     };
     this.setCallback = (callback) => {
       this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
@@ -130,7 +167,6 @@ class FormStore {
     });
     this.validateFields = (nameList) => __awaiter(this, void 0, void 0, function* () {
       let filterEntities = [];
-      this.errors.length = 0;
       if (!nameList || nameList.length === 0) {
         filterEntities = this.fieldEntities;
       } else {
@@ -151,13 +187,29 @@ class FormStore {
         (_d = (_c = this.callbacks).onFinishFailed) === null || _d === void 0 ? void 0 : _d.call(_c, this.store, errors);
       }
     });
-    this.resetFields = () => {
-      this.errors.length = 0;
-      const nextStore = merge({}, this.initialValues);
-      this.updateStore(nextStore);
-      this.fieldEntities.forEach((entity) => {
-        entity.onStoreChange("reset");
-      });
+    this.resetFields = (namePaths) => {
+      if (namePaths && namePaths.length) {
+        namePaths.forEach((path) => {
+          this.errors[path] = null;
+          this.fieldEntities.forEach((entity) => {
+            const name = entity.props.name;
+            if (name === path) {
+              if (path in this.initialValues) {
+                this.updateStore({ [path]: this.initialValues[path] });
+              } else {
+                delete this.store[path];
+              }
+              entity.onStoreChange("reset");
+            }
+          });
+        });
+      } else {
+        const nextStore = merge({}, this.initialValues);
+        this.updateStore(nextStore);
+        this.fieldEntities.forEach((entity) => {
+          entity.onStoreChange("reset");
+        });
+      }
     };
     this.registerUpdate = (field, shouldUpdate) => {
       this.updateList.push({
@@ -180,7 +232,8 @@ class FormStore {
           dispatch: this.dispatch,
           store: this.store,
           fieldEntities: this.fieldEntities,
-          registerUpdate: this.registerUpdate
+          registerUpdate: this.registerUpdate,
+          registerWatch: this.registerWatch
         };
       }
     };
@@ -197,6 +250,26 @@ class FormStore {
         getInternal: this.getInternal
       };
     };
+    this.watchList = [];
+    this.registerWatch = (callback) => {
+      this.watchList.push(callback);
+      return () => {
+        this.watchList = this.watchList.filter((fn) => fn !== callback);
+      };
+    };
+    this.notifyWatch = (namePath = []) => {
+      if (this.watchList.length) {
+        let allValues;
+        if (!namePath || namePath.length === 0) {
+          allValues = this.getFieldsValue(true);
+        } else {
+          allValues = this.getFieldsValue(namePath);
+        }
+        this.watchList.forEach((callback) => {
+          callback(allValues, namePath);
+        });
+      }
+    };
     this.callbacks = {
       onFinish: () => {
       },
@@ -220,6 +293,22 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
+const useWatch = (path, form) => {
+  const formInstance = form.getInternal(SECRET);
+  const [value, setValue] = useState();
+  useEffect(() => {
+    const unsubscribe = formInstance.registerWatch((data, namePath) => {
+      const value2 = data[path];
+      setValue(value2);
+    });
+    const initialValue = form.getFieldsValue(true);
+    if (value !== initialValue[path]) {
+      setValue(initialValue[path]);
+    }
+    return () => unsubscribe();
+  }, [form]);
+  return value;
+};
 function isForwardRefComponent(component) {
   return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
   React__default.forwardRef(
@@ -389,5 +478,6 @@ export {
   Context as C,
   FormItem as F,
   SECRET as S,
+  useWatch as a,
   useForm as u
 };

package/dist/esm/nutui-react.es.js

@@ -22,17 +22,17 @@ import { S as S5 } from "./sidenavbaritem.taro-BKpzXpzG.js";
 import { S as S6 } from "./subsidenavbar.taro-CSU3DhNq.js";
 import { T } from "./tabbar.taro-BiQDgZQF.js";
 import { T as T2 } from "./tabbaritem.taro-BiIVucQz.js";
-import { T as T3 } from "./tabpane.taro-BAe86j3t.js";
-import { T as T4 } from "./tabs.taro-CnXiMR_B.js";
-import { A } from "./address.taro-BCoDZM6h.js";
-import { C as C5 } from "./calendar.taro-CM4yWFlF.js";
-import { C as C6 } from "./calendaritem.taro-BGbbuJOS.js";
-import { C as C7 } from "./calendarcard.taro-CvWyBqnr.js";
-import { C as C8 } from "./cascader.taro-BwRnRQXE.js";
+import { T as T3 } from "./tabpane.taro-BAihO3w8.js";
+import { T as T4 } from "./tabs.taro-sp_DNWis.js";
+import { A } from "./address.taro-Ck0ZmxRg.js";
+import { C as C5 } from "./calendar.taro-CUDVpJBa.js";
+import { C as C6 } from "./calendaritem.taro-DveeC4_t.js";
+import { C as C7 } from "./calendarcard.taro-BiOnui_b.js";
+import { C as C8 } from "./cascader.taro-DUJvcGw0.js";
 import { C as C9, a as a2 } from "./checkbox.taro-CgqJyhrh.js";
-import { D as D2 } from "./datepicker.taro-DicskhhH.js";
+import { D as D2 } from "./datepicker.taro-Dwh8sKhJ.js";
 import { default as default2 } from "./Form.js";
-import { F as F2 } from "./formitem.taro-CU6rrcJD.js";
+import { F as F2 } from "./formitem.taro-Bee3MWwq.js";
 import { I as I2 } from "./input.taro-CA9ZpM9a.js";
 import { I as I3 } from "./inputnumber.taro-CZourWz-.js";
 import { M } from "./menu.taro-2APk--BX.js";
@@ -52,7 +52,7 @@ import { A as A2 } from "./actionsheet.taro-kMhbV73n.js";
 import { B as B3 } from "./badge.taro-B42_7q8v.js";
 import { B as B4 } from "./dialog.taro-yjDaaRHA.js";
 import { D as D3 } from "./drag.taro-r5Lmncrq.js";
-import { E as E2 } from "./empty.taro-DhCHSdca.js";
+import { E as E2 } from "./empty.taro-ChtnK90s.js";
 import { I as I4 } from "./infiniteloading.taro-DzIrZvc0.js";
 import { L as L2 } from "./loading.taro-n_qoNgCW.js";
 import { N as N3 } from "./noticebar.taro-B0qm66Cu.js";
@@ -63,7 +63,7 @@ import { P as P4 } from "./pulltorefresh.taro-BiSDwLpA.js";
 import { S as S11 } from "./skeleton.taro-D9Vkgsyx.js";
 import { S as S12 } from "./swipe.taro-CUZSZcIh.js";
 import { T as T6 } from "./toast.taro-Tx0IHbsl.js";
-import { A as A3 } from "./animate.taro-CQVEyDKL.js";
+import { A as A3 } from "./animate.taro-BHDZMzJF.js";
 import { default as default3 } from "./AnimatingNumbers.js";
 import { A as A4 } from "./audio.taro-DtIUjg89.js";
 import { A as A5 } from "./avatar.taro-9dU2KeWv.js";

package/dist/esm/{tabpane.taro-BAe86j3t.js → tabpane.taro-BAihO3w8.js}

@@ -1,5 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
+import { View } from "@tarojs/components";
 const defaultProps = {
   title: "",
   value: "",
@@ -11,7 +12,7 @@ const TabPane = (props) => {
   const classes = classNames(classPrefix, {
     active: !disabled && props.active
   }, autoHeightClassName, className);
-  return children ? React__default.createElement("div", { className: classes }, !disabled && children) : null;
+  return children && React__default.createElement(View, { className: classes }, !disabled && children);
 };
 export {
   TabPane as T

package/dist/esm/{tabs.taro-CnXiMR_B.js → tabs.taro-sp_DNWis.js}

@@ -5,7 +5,7 @@ import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
 import Taro, { nextTick, createSelectorQuery } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { T as TabPane } from "./tabpane.taro-BAe86j3t.js";
+import { T as TabPane } from "./tabpane.taro-BAihO3w8.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { u as useForceUpdate } from "./use-force-update-CudFjCsy.js";
 import { r as requestAniFrame } from "./raf-Di10dXPS.js";
@@ -20,16 +20,14 @@ const Tabs = (props) => {
   const [value, setValue] = usePropsValue({
     value: outerValue,
     defaultValue: outerDefaultValue,
-    finalValue: 0,
     onChange
   });
   const titleItemsRef = useRef([]);
-  const navRef = useRef(null);
   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,
@@ -60,13 +58,8 @@ 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 getRect = (selector) => {
     return new Promise((resolve) => {
       createSelectorQuery().select(selector).boundingClientRect().exec((rect = []) => {
@@ -82,22 +75,18 @@ const Tabs = (props) => {
     });
   };
   const scrollWithAnimation = useRef(false);
-  const navRectRef = useRef();
-  const titleRectRef = useRef([]);
   const [scrollLeft, setScrollLeft] = useState(0);
   const [scrollTop, setScrollTop] = useState(0);
   const scrollDirection = (to, direction2) => {
     let count = 0;
     const frames = 1;
     function animate() {
-      if (direction2 === "horizontal") {
+      if (direction2 === "horizontal")
         setScrollLeft(to);
-      } else {
+      else
         setScrollTop(to);
-      }
-      if (++count < frames) {
+      if (++count < frames)
         requestAniFrame(animate);
-      }
     }
     animate();
   };
@@ -107,18 +96,19 @@ const Tabs = (props) => {
         getRect(`#nut-tabs-titles-${name || uuid} .nut-tabs-list`),
         getAllRect(`#nut-tabs-titles-${name || uuid} .nut-tabs-titles-item`)
       ]).then(([navRect, titleRects]) => {
-        navRectRef.current = navRect;
-        titleRectRef.current = titleRects;
-        const titleRect = titleRectRef.current[index];
+        const titleRect = titleRects[index];
         if (!titleRect)
           return;
         let to = 0;
         if (direction === "vertical") {
           const top = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.height, 0);
-          to = top - (navRectRef.current.height - titleRect.height) / 2;
+          to = top - (navRect.height - titleRect.height) / 2;
         } else {
           const left = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
-          to = rtl ? -left : left;
+          to = left - (navRect.width - titleRect.width) / 2;
+          if (to < 0)
+            return;
+          to = rtl ? -to : to;
         }
         nextTick(() => {
           scrollWithAnimation.current = true;
@@ -131,7 +121,7 @@ const Tabs = (props) => {
     let index = titles.current.findIndex((t) => String(t.value) === String(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`
     };
   };
@@ -140,38 +130,35 @@ const Tabs = (props) => {
     index = index < 0 ? 0 : index;
     scrollIntoView(index);
   }, [value]);
-  const tabChange = (item, index) => {
+  const tabChange = (item) => {
     onClick && onClick(item.value);
-    if (item.disabled) {
-      return;
+    if (!item.disabled) {
+      setValue(item.value);
     }
-    setValue(item.value);
   };
   return React__default.createElement(
     View,
     Object.assign({ className: classes }, rest),
     React__default.createElement(
       ScrollView,
-      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, enhanced: true, showScrollbar: false, scrollWithAnimation: rtl && Taro.getEnv() !== "WEB" ? false : scrollWithAnimation.current, id: `nut-tabs-titles-${name || uuid}`, className: classesTitle, style: Object.assign({}, tabStyle) },
-      React__default.createElement(View, { className: "nut-tabs-list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
+      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, enhanced: true, showScrollbar: false, scrollWithAnimation: rtl && Taro.getEnv() !== "WEB" ? false : scrollWithAnimation.current, id: `nut-tabs-titles-${name || uuid}`, className: classesTitle, style: tabStyle },
+      React__default.createElement(View, { className: "nut-tabs-list" }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
         return React__default.createElement(
           View,
-          { ref: (ref) => titleItemsRef.current.push(ref), id: `scrollIntoView${index}`, onClick: (e) => {
-            tabChange(item);
-          }, className: classNames(`${classPrefix}-titles-item`, {
+          { key: item.value, ref: (ref) => titleItemsRef.current.push(ref), id: `scrollIntoView${index}`, 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
-          }), key: item.value },
-          activeType === "line" && React__default.createElement(View, { className: classNames(`${classPrefix}-titles-item-line`, {
-            [`${classPrefix}-titles-item-line-${direction}`]: true
-          }), style: tabsActiveStyle }),
+          }) },
+          activeType === "line" && React__default.createElement(View, { className: classNames(`${classPrefix}-titles-item-line`, `${classPrefix}-titles-item-line-${direction}`), style: { background: activeColor } }),
           activeType === "smile" && React__default.createElement(
             View,
-            { className: `${classPrefix}-titles-item-smile`, style: tabsActiveStyle },
+            { className: `${classPrefix}-titles-item-smile` },
             React__default.createElement(JoySmile, { color: activeColor })
           ),
-          React__default.createElement(View, { className: classNames(`${classPrefix}-ellipsis`, `${classPrefix}-titles-item-text`) }, item.title)
+          React__default.createElement(View, { className: classNames({
+            [`${classPrefix}-ellipsis`]: direction === "vertical"
+          }, `${classPrefix}-titles-item-text`), style: { color: activeColor } }, item.title)
         );
       }))
     ),
@@ -179,14 +166,9 @@ const Tabs = (props) => {
       View,
       { className: `${classPrefix}-content-wrap` },
       React__default.createElement(View, { 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-taro v2.7.6 Fri Jan 10 2025 10:44:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.8 Fri Feb 14 2025 16:18:31 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-taro v2.7.6 Fri Jan 10 2025 10:44:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.8 Fri Feb 14 2025 16:18:31 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-taro v2.7.6 Fri Jan 10 2025 10:44:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.8 Fri Feb 14 2025 16:18:31 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */