@nutui/nutui-react-taro 1.4.11 → 1.4.12-beta.0

package/dist/nutui.react.mjs

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v1.4.11 Wed Mar 15 2023 15:46:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.12-beta.0 Wed Mar 22 2023 15:56:29 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -324,7 +324,7 @@ const Button = (props) => {
         ...rest,
         onClick: (e) => handleClick(e)
       },
-      /* @__PURE__ */ React__default.createElement("div", { className: "nut-button__warp", style: getStyle() }, loading && /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React__default.createElement("div", { className: "nut-button__warp" }, loading && /* @__PURE__ */ React__default.createElement(
         Icon$1,
         {
           classPrefix: iconClassPrefix,
@@ -780,6 +780,7 @@ const zhCN = {
     weekdays: ["日", "一", "二", "三", "四", "五", "六"],
     end: "结束",
     start: "开始",
+    confirm: "确认",
     title: "日历选择",
     monthTitle: (year, month) => `${year}年${month}月`,
     today: "今天",
@@ -5017,7 +5018,7 @@ const Utils = {
    * @return {String}
    */
   getWhatDay(year, month, day) {
-    const date = new Date(`${year}/${month}/${day}`);
+    const date = /* @__PURE__ */ new Date(`${year}/${month}/${day}`);
     const index = date.getDay();
     const dayNames = [
       "星期日",
@@ -5035,7 +5036,7 @@ const Utils = {
    * @return {Number}
    */
   getMonthPreDay(year, month) {
-    const date = new Date(`${year}/${month}/01`);
+    const date = /* @__PURE__ */ new Date(`${year}/${month}/01`);
     let day = date.getDay();
     if (day == 0) {
       day = 7;
@@ -5092,7 +5093,7 @@ const Utils = {
    */
   getDay(i) {
     i = i || 0;
-    let date = new Date();
+    let date = /* @__PURE__ */ new Date();
     const diff = i * (1e3 * 60 * 60 * 24);
     date = new Date(date.getTime() + diff);
     return this.date2Str(date);
@@ -5284,7 +5285,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   const isCurrDay = (month, day) => {
     const date = `${month.curData[0]}-${month.curData[1]}-${day}`;
-    return Utils.isEqual(date, Utils.date2Str(new Date()));
+    return Utils.isEqual(date, Utils.date2Str(/* @__PURE__ */ new Date()));
   };
   const confirm = () => {
     const { type: type2 } = props;
@@ -5619,6 +5620,15 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
           }
         }
       });
+    } else {
+      const currentYear2 = (/* @__PURE__ */ new Date()).getFullYear();
+      const currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
+      const currentYearMonthIndex = state.monthsData.findIndex((item) => {
+        return +item.curData[0] === currentYear2 && +item.curData[1] === currentMonth;
+      });
+      if (currentYearMonthIndex > -1) {
+        current = currentYearMonthIndex;
+      }
     }
     setDefaultRange(monthsNum, current);
     state.currentIndex = current;
@@ -5773,14 +5783,14 @@ const defaultProps$13 = {
   isAutoBackFill: false,
   poppable: true,
   visible: false,
-  title: "日历选择",
+  title: "",
   defaultValue: "",
   startDate: Utils.getDay(0),
   endDate: Utils.getDay(365),
   showToday: true,
-  startText: "开始",
-  endText: "结束",
-  confirmText: "确认",
+  startText: "",
+  endText: "",
+  confirmText: "",
   showTitle: true,
   showSubTitle: true,
   toDateAnimation: true,
@@ -5857,14 +5867,14 @@ const Calendar = React__default.forwardRef((props, ref) => {
         type,
         isAutoBackFill,
         poppable,
-        title: locale.calendaritem.title || title,
+        title: title || locale.calendaritem.title,
         defaultValue,
         startDate,
         endDate,
         showToday,
-        startText,
-        endText,
-        confirmText,
+        startText: startText || locale.calendaritem.start,
+        endText: endText || locale.calendaritem.end,
+        confirmText: confirmText || locale.calendaritem.confirm,
         showTitle,
         showSubTitle,
         toDateAnimation,
@@ -7126,22 +7136,32 @@ const InternalPicker = (props, ref) => {
         closeActionSheet();
       }
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: `${b2()} ${className || ""}`, style, ...rest }, renderToolbar(), /* @__PURE__ */ React__default.createElement("div", { className: b2("panel"), ref: pickerRef }, columnsList == null ? void 0 : columnsList.map((item, index) => {
-      return /* @__PURE__ */ React__default.createElement(
-        PickerSlot$1,
-        {
-          ref: setRefs(index),
-          defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
-          listData: item,
-          threeDimensional,
-          chooseItem: (value, index2) => chooseItem(value, index2),
-          swipeDuration,
-          key: index,
-          keyIndex: index,
-          itemShow: isVisible
-        }
-      );
-    })))
+    /* @__PURE__ */ React__default.createElement(
+      View,
+      {
+        className: `${b2()} ${className || ""}`,
+        style,
+        ...rest,
+        catchMove: true
+      },
+      renderToolbar(),
+      /* @__PURE__ */ React__default.createElement("div", { className: b2("panel"), ref: pickerRef }, columnsList == null ? void 0 : columnsList.map((item, index) => {
+        return /* @__PURE__ */ React__default.createElement(
+          PickerSlot$1,
+          {
+            ref: setRefs(index),
+            defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
+            listData: item,
+            threeDimensional,
+            chooseItem: (value, index2) => chooseItem(value, index2),
+            swipeDuration,
+            key: index,
+            keyIndex: index,
+            itemShow: isVisible
+          }
+        );
+      }))
+    )
   );
 };
 const Picker = React__default.forwardRef(InternalPicker);
@@ -7158,7 +7178,7 @@ const ConfigContext = createContext(null);
 const useConfig = () => {
   return useContext(ConfigContext) ?? getDefaultConfig();
 };
-const currentYear = new Date().getFullYear();
+const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
 const defaultProps$_ = {
   modelValue: null,
   visible: false,
@@ -10247,7 +10267,7 @@ class FileItem {
   constructor() {
     __publicField(this, "status", "ready");
     __publicField(this, "message", "准备中..");
-    __publicField(this, "uid", new Date().getTime().toString());
+    __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
     __publicField(this, "name");
     __publicField(this, "url");
     __publicField(this, "type");
@@ -17540,7 +17560,7 @@ const Ellipsis = (props) => {
   const root2 = useRef(null);
   const rootContain = useRef(null);
   const symbolContain = useRef(null);
-  const contantCopy = useRef(content);
+  const [contentCopy, setContentCopy] = useState(content);
   let lineH = 0;
   let originHeight = 0;
   const refRandomId = Math.random().toString(36).slice(-8);
@@ -17551,12 +17571,17 @@ const Ellipsis = (props) => {
   const digitReg = /^[0-9]+$/;
   const letterUpperReg = /^[A-Z]+$/;
   const letterLowerReg = /^[a-z]+$/;
-  useReady(() => {
+  const init = () => {
+    setExceeded(false);
+    setExpanded(false);
+    setContentCopy(content);
     nextTick(() => {
       getSymbolInfo();
       getReference();
     });
-  });
+  };
+  useReady(() => init());
+  useEffect(() => init(), [content]);
   const getSymbolInfo = async () => {
     const refe = await getRectByTaro(symbolContain == null ? void 0 : symbolContain.current);
     symbolTextWidth = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase[0] * 0.7921);
@@ -17582,6 +17607,8 @@ const Ellipsis = (props) => {
         ]
       },
       (res) => {
+        if (!res)
+          return;
         lineH = pxToNumber(
           res.lineHeight === "normal" ? lineHeight : res.lineHeight
         );
@@ -17656,7 +17683,8 @@ const Ellipsis = (props) => {
   };
   const assignContent = () => {
     var _a2, _b2, _c2, _d2;
-    contantCopy.current = `${((_a2 = ellipsis.current) == null ? void 0 : _a2.leading) || ""}${((_b2 = ellipsis.current) == null ? void 0 : _b2.leading) ? symbol : ""}${expandText || ""}${((_c2 = ellipsis.current) == null ? void 0 : _c2.tailing) ? symbol : ""}${((_d2 = ellipsis.current) == null ? void 0 : _d2.tailing) || ""}`;
+    const newContent = `${((_a2 = ellipsis.current) == null ? void 0 : _a2.leading) || ""}${((_b2 = ellipsis.current) == null ? void 0 : _b2.leading) ? symbol : ""}${expandText || ""}${((_c2 = ellipsis.current) == null ? void 0 : _c2.tailing) ? symbol : ""}${((_d2 = ellipsis.current) == null ? void 0 : _d2.tailing) || ""}`;
+    setContentCopy(newContent);
   };
   const tailorContent = (left, right, type = "") => {
     const threeDotWidth = symbolTextWidth;
@@ -17752,7 +17780,7 @@ const Ellipsis = (props) => {
       id: `rootContain${refRandomId}`,
       style: { width: `${widthRef}` }
     },
-    /* @__PURE__ */ React__default.createElement("div", null, contantCopy.current)
+    /* @__PURE__ */ React__default.createElement("div", null, contentCopy)
   ), /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -18331,7 +18359,7 @@ const ImagePreview = (props) => {
     const touches = event.touches;
     const events = touches[0];
     const events2 = touches[1];
-    const curTouchTime = new Date().getTime();
+    const curTouchTime = (/* @__PURE__ */ new Date()).getTime();
     if (curTouchTime - lastTouchEndTime < 300) {
       const store12 = store;
       if (store12.scale > 1) {
@@ -18385,7 +18413,7 @@ const ImagePreview = (props) => {
     }
   };
   const onTouchEnd = () => {
-    setLastTouchEndTime(new Date().getTime());
+    setLastTouchEndTime((/* @__PURE__ */ new Date()).getTime());
     const store1 = store;
     store1.moveable = false;
     if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
@@ -19623,7 +19651,8 @@ const Tag = (props) => {
     iconSize,
     prefixCls,
     onClick,
-    onClose
+    onClose,
+    className
   ]);
   const classes = () => {
     const prefixCls2 = "nut-tag";
@@ -20819,7 +20848,7 @@ const InternalBarrage = (props, ref) => {
   const barrageListSet = useRef(barrageList);
   const barrageBody = useRef(null);
   const barrageContainer = useRef(null);
-  const timeId = useRef(new Date().getTime());
+  const timeId = useRef((/* @__PURE__ */ new Date()).getTime());
   const timer = useRef(0);
   useRef(0);
   const b2 = cn("barrage");

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v1.4.11 Wed Mar 15 2023 15:46:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.12-beta.0 Wed Mar 22 2023 15:56:29 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -340,7 +340,7 @@ var __publicField = (obj, key, value) => {
           ...rest,
           onClick: (e) => handleClick(e)
         },
-        /* @__PURE__ */ React.createElement("div", { className: "nut-button__warp", style: getStyle() }, loading && /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement("div", { className: "nut-button__warp" }, loading && /* @__PURE__ */ React.createElement(
           Icon$1,
           {
             classPrefix: iconClassPrefix,
@@ -796,6 +796,7 @@ var __publicField = (obj, key, value) => {
       weekdays: ["日", "一", "二", "三", "四", "五", "六"],
       end: "结束",
       start: "开始",
+      confirm: "确认",
       title: "日历选择",
       monthTitle: (year, month) => `${year}年${month}月`,
       today: "今天",
@@ -5033,7 +5034,7 @@ var __publicField = (obj, key, value) => {
      * @return {String}
      */
     getWhatDay(year, month, day) {
-      const date = new Date(`${year}/${month}/${day}`);
+      const date = /* @__PURE__ */ new Date(`${year}/${month}/${day}`);
       const index = date.getDay();
       const dayNames = [
         "星期日",
@@ -5051,7 +5052,7 @@ var __publicField = (obj, key, value) => {
      * @return {Number}
      */
     getMonthPreDay(year, month) {
-      const date = new Date(`${year}/${month}/01`);
+      const date = /* @__PURE__ */ new Date(`${year}/${month}/01`);
       let day = date.getDay();
       if (day == 0) {
         day = 7;
@@ -5108,7 +5109,7 @@ var __publicField = (obj, key, value) => {
      */
     getDay(i) {
       i = i || 0;
-      let date = new Date();
+      let date = /* @__PURE__ */ new Date();
       const diff = i * (1e3 * 60 * 60 * 24);
       date = new Date(date.getTime() + diff);
       return this.date2Str(date);
@@ -5300,7 +5301,7 @@ var __publicField = (obj, key, value) => {
     };
     const isCurrDay = (month, day) => {
       const date = `${month.curData[0]}-${month.curData[1]}-${day}`;
-      return Utils.isEqual(date, Utils.date2Str(new Date()));
+      return Utils.isEqual(date, Utils.date2Str(/* @__PURE__ */ new Date()));
     };
     const confirm = () => {
       const { type: type2 } = props;
@@ -5635,6 +5636,15 @@ var __publicField = (obj, key, value) => {
             }
           }
         });
+      } else {
+        const currentYear2 = (/* @__PURE__ */ new Date()).getFullYear();
+        const currentMonth = (/* @__PURE__ */ new Date()).getMonth() + 1;
+        const currentYearMonthIndex = state.monthsData.findIndex((item) => {
+          return +item.curData[0] === currentYear2 && +item.curData[1] === currentMonth;
+        });
+        if (currentYearMonthIndex > -1) {
+          current = currentYearMonthIndex;
+        }
       }
       setDefaultRange(monthsNum, current);
       state.currentIndex = current;
@@ -5789,14 +5799,14 @@ var __publicField = (obj, key, value) => {
     isAutoBackFill: false,
     poppable: true,
     visible: false,
-    title: "日历选择",
+    title: "",
     defaultValue: "",
     startDate: Utils.getDay(0),
     endDate: Utils.getDay(365),
     showToday: true,
-    startText: "开始",
-    endText: "结束",
-    confirmText: "确认",
+    startText: "",
+    endText: "",
+    confirmText: "",
     showTitle: true,
     showSubTitle: true,
     toDateAnimation: true,
@@ -5873,14 +5883,14 @@ var __publicField = (obj, key, value) => {
           type,
           isAutoBackFill,
           poppable,
-          title: locale.calendaritem.title || title,
+          title: title || locale.calendaritem.title,
           defaultValue,
           startDate,
           endDate,
           showToday,
-          startText,
-          endText,
-          confirmText,
+          startText: startText || locale.calendaritem.start,
+          endText: endText || locale.calendaritem.end,
+          confirmText: confirmText || locale.calendaritem.confirm,
           showTitle,
           showSubTitle,
           toDateAnimation,
@@ -7142,22 +7152,32 @@ var __publicField = (obj, key, value) => {
           closeActionSheet();
         }
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className || ""}`, style, ...rest }, renderToolbar(), /* @__PURE__ */ React.createElement("div", { className: b2("panel"), ref: pickerRef }, columnsList == null ? void 0 : columnsList.map((item, index) => {
-        return /* @__PURE__ */ React.createElement(
-          PickerSlot$1,
-          {
-            ref: setRefs(index),
-            defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
-            listData: item,
-            threeDimensional,
-            chooseItem: (value, index2) => chooseItem(value, index2),
-            swipeDuration,
-            key: index,
-            keyIndex: index,
-            itemShow: isVisible
-          }
-        );
-      })))
+      /* @__PURE__ */ React.createElement(
+        components.View,
+        {
+          className: `${b2()} ${className || ""}`,
+          style,
+          ...rest,
+          catchMove: true
+        },
+        renderToolbar(),
+        /* @__PURE__ */ React.createElement("div", { className: b2("panel"), ref: pickerRef }, columnsList == null ? void 0 : columnsList.map((item, index) => {
+          return /* @__PURE__ */ React.createElement(
+            PickerSlot$1,
+            {
+              ref: setRefs(index),
+              defaultValue: chooseValueData == null ? void 0 : chooseValueData[index],
+              listData: item,
+              threeDimensional,
+              chooseItem: (value, index2) => chooseItem(value, index2),
+              swipeDuration,
+              key: index,
+              keyIndex: index,
+              itemShow: isVisible
+            }
+          );
+        }))
+      )
     );
   };
   const Picker = React.forwardRef(InternalPicker);
@@ -7174,7 +7194,7 @@ var __publicField = (obj, key, value) => {
   const useConfig = () => {
     return React.useContext(ConfigContext) ?? getDefaultConfig();
   };
-  const currentYear = new Date().getFullYear();
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const defaultProps$_ = {
     modelValue: null,
     visible: false,
@@ -10263,7 +10283,7 @@ var __publicField = (obj, key, value) => {
     constructor() {
       __publicField(this, "status", "ready");
       __publicField(this, "message", "准备中..");
-      __publicField(this, "uid", new Date().getTime().toString());
+      __publicField(this, "uid", (/* @__PURE__ */ new Date()).getTime().toString());
       __publicField(this, "name");
       __publicField(this, "url");
       __publicField(this, "type");
@@ -17556,7 +17576,7 @@ This message will only show in development mode. It won't appear in production.
     const root2 = React.useRef(null);
     const rootContain = React.useRef(null);
     const symbolContain = React.useRef(null);
-    const contantCopy = React.useRef(content);
+    const [contentCopy, setContentCopy] = React.useState(content);
     let lineH = 0;
     let originHeight = 0;
     const refRandomId = Math.random().toString(36).slice(-8);
@@ -17567,12 +17587,17 @@ This message will only show in development mode. It won't appear in production.
     const digitReg = /^[0-9]+$/;
     const letterUpperReg = /^[A-Z]+$/;
     const letterLowerReg = /^[a-z]+$/;
-    Taro.useReady(() => {
+    const init = () => {
+      setExceeded(false);
+      setExpanded(false);
+      setContentCopy(content);
       Taro.nextTick(() => {
         getSymbolInfo();
         getReference();
       });
-    });
+    };
+    Taro.useReady(() => init());
+    React.useEffect(() => init(), [content]);
     const getSymbolInfo = async () => {
       const refe = await getRectByTaro(symbolContain == null ? void 0 : symbolContain.current);
       symbolTextWidth = refe.width ? Math.ceil(refe.width) : Math.ceil(widthBase[0] * 0.7921);
@@ -17598,6 +17623,8 @@ This message will only show in development mode. It won't appear in production.
           ]
         },
         (res) => {
+          if (!res)
+            return;
           lineH = pxToNumber(
             res.lineHeight === "normal" ? lineHeight : res.lineHeight
           );
@@ -17672,7 +17699,8 @@ This message will only show in development mode. It won't appear in production.
     };
     const assignContent = () => {
       var _a2, _b2, _c2, _d2;
-      contantCopy.current = `${((_a2 = ellipsis.current) == null ? void 0 : _a2.leading) || ""}${((_b2 = ellipsis.current) == null ? void 0 : _b2.leading) ? symbol : ""}${expandText || ""}${((_c2 = ellipsis.current) == null ? void 0 : _c2.tailing) ? symbol : ""}${((_d2 = ellipsis.current) == null ? void 0 : _d2.tailing) || ""}`;
+      const newContent = `${((_a2 = ellipsis.current) == null ? void 0 : _a2.leading) || ""}${((_b2 = ellipsis.current) == null ? void 0 : _b2.leading) ? symbol : ""}${expandText || ""}${((_c2 = ellipsis.current) == null ? void 0 : _c2.tailing) ? symbol : ""}${((_d2 = ellipsis.current) == null ? void 0 : _d2.tailing) || ""}`;
+      setContentCopy(newContent);
     };
     const tailorContent = (left, right, type = "") => {
       const threeDotWidth = symbolTextWidth;
@@ -17768,7 +17796,7 @@ This message will only show in development mode. It won't appear in production.
         id: `rootContain${refRandomId}`,
         style: { width: `${widthRef}` }
       },
-      /* @__PURE__ */ React.createElement("div", null, contantCopy.current)
+      /* @__PURE__ */ React.createElement("div", null, contentCopy)
     ), /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -18347,7 +18375,7 @@ This message will only show in development mode. It won't appear in production.
       const touches = event.touches;
       const events = touches[0];
       const events2 = touches[1];
-      const curTouchTime = new Date().getTime();
+      const curTouchTime = (/* @__PURE__ */ new Date()).getTime();
       if (curTouchTime - lastTouchEndTime < 300) {
         const store12 = store;
         if (store12.scale > 1) {
@@ -18401,7 +18429,7 @@ This message will only show in development mode. It won't appear in production.
       }
     };
     const onTouchEnd = () => {
-      setLastTouchEndTime(new Date().getTime());
+      setLastTouchEndTime((/* @__PURE__ */ new Date()).getTime());
       const store1 = store;
       store1.moveable = false;
       if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
@@ -19639,7 +19667,8 @@ This message will only show in development mode. It won't appear in production.
       iconSize,
       prefixCls,
       onClick,
-      onClose
+      onClose,
+      className
     ]);
     const classes = () => {
       const prefixCls2 = "nut-tag";
@@ -20835,7 +20864,7 @@ This message will only show in development mode. It won't appear in production.
     const barrageListSet = React.useRef(barrageList);
     const barrageBody = React.useRef(null);
     const barrageContainer = React.useRef(null);
-    const timeId = React.useRef(new Date().getTime());
+    const timeId = React.useRef((/* @__PURE__ */ new Date()).getTime());
     const timer = React.useRef(0);
     React.useRef(0);
     const b2 = cn("barrage");

package/dist/packages/button/button.scss

@@ -107,6 +107,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
+    background: initial;
   }
 
   &--loading,

package/dist/packages/cell/cell.scss

@@ -92,8 +92,11 @@
   &__value {
     display: inline-block;
     text-align: right;
+    flex: 1;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
+    word-wrap: break-word;
+    overflow: hidden;
     &--alone {
       color: $cell-color;
     }