@nutui/nutui-react-taro 2.0.0 → 2.0.1

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0 Fri Jun 30 2023 14:40:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.1 Wed Jul 05 2023 14:33:13 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5653,6 +5653,10 @@ var __publicField = (obj, key, value) => {
     const iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
     return /* @__PURE__ */ React.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__title ${classPrefix2}-border-bt` }, title, " ", /* @__PURE__ */ React.createElement("i", { className: iconClass })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__content` }, children));
   };
+  function useForceUpdate() {
+    const [, updateState] = React.useState();
+    return React.useCallback(() => updateState({}), []);
+  }
   function usePropsValue({
     value,
     defaultValue,
@@ -5660,17 +5664,24 @@ var __publicField = (obj, key, value) => {
     onChange = (value2) => {
     }
   }) {
-    const [uncontrolled, setUncontrolled] = React.useState(
-      defaultValue !== void 0 ? defaultValue : finalValue
-    );
-    const handleUncontrolledChange = (val) => {
-      setUncontrolled(val);
-      onChange == null ? void 0 : onChange(val);
-    };
+    const forceUpdate = useForceUpdate();
+    const dfValue = defaultValue !== void 0 ? defaultValue : finalValue;
+    const stateRef = React.useRef(value !== void 0 ? value : dfValue);
     if (value !== void 0) {
-      return [value, onChange];
+      stateRef.current = value;
     }
-    return [uncontrolled, handleUncontrolledChange];
+    const setState = React.useCallback(
+      (v) => {
+        const prevState = stateRef.current;
+        stateRef.current = v;
+        if (prevState !== stateRef.current) {
+          forceUpdate();
+        }
+        onChange == null ? void 0 : onChange(v);
+      },
+      [value, onChange]
+    );
+    return [stateRef.current, setState];
   }
   const defaultProps$19 = {
     ...ComponentDefaults,
@@ -5855,10 +5866,6 @@ var __publicField = (obj, key, value) => {
     );
     return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
   };
-  function useForceUpdate() {
-    const [, updateState] = React.useState();
-    return React.useCallback(() => updateState({}), []);
-  }
   const defaultProps$15 = {
     ...ComponentDefaults,
     tabStyle: {},
@@ -8657,12 +8664,12 @@ var __publicField = (obj, key, value) => {
       }
       let timestmp = Math.max(cvalue.getTime(), startDate.getTime());
       timestmp = Math.min(timestmp, endDate.getTime());
-      return new Date(timestmp);
+      return timestmp;
     };
     const [currentDate, setCurrentDate] = usePropsValue({
       value: props.value && formatValue(props.value),
       defaultValue: formatValue(props.defaultValue || null),
-      finalValue: null,
+      finalValue: 0,
       onChange: (val) => {
       }
     });
@@ -8705,7 +8712,7 @@ var __publicField = (obj, key, value) => {
       };
     };
     const ranges = () => {
-      const curDate = currentDate;
+      const curDate = new Date(currentDate);
       if (!curDate)
         return [];
       const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
@@ -8762,19 +8769,21 @@ var __publicField = (obj, key, value) => {
       return result;
     };
     const updateChooseValueCustmer = (selectedOptions, selectedValue, index) => {
+      var _a;
+      const rangeType = type2.toLocaleLowerCase();
       if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
-        type2.toLocaleLowerCase()
+        rangeType
       )) {
         const formatDate = [];
         selectedValue.forEach((item) => {
           formatDate.push(item);
         });
-        if (type2.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
+        if (rangeType === "month-day" && formatDate.length < 3) {
           formatDate.unshift(
             new Date(defaultValue || startDate || endDate).getFullYear()
           );
         }
-        if (type2.toLocaleLowerCase() === "year-month" && formatDate.length < 3) {
+        if (rangeType === "year-month" && formatDate.length < 3) {
           formatDate.push(
             new Date(defaultValue || startDate || endDate).getDate()
           );
@@ -8786,9 +8795,9 @@ var __publicField = (obj, key, value) => {
           getMonthEndDay(Number(formatDate[0]), Number(formatDate[1]))
         );
         let date2 = null;
-        if (type2.toLocaleLowerCase() === "date" || type2.toLocaleLowerCase() === "month-day" || type2.toLocaleLowerCase() === "year-month") {
+        if (rangeType === "date" || rangeType === "month-day" || rangeType === "year-month") {
           date2 = new Date(year, month, day);
-        } else if (type2.toLocaleLowerCase() === "datetime") {
+        } else if (rangeType === "datetime") {
           date2 = new Date(
             year,
             month,
@@ -8796,10 +8805,10 @@ var __publicField = (obj, key, value) => {
             Number(formatDate[3]),
             Number(formatDate[4])
           );
-        } else if (type2.toLocaleLowerCase() === "datehour") {
+        } else if (rangeType === "datehour") {
           date2 = new Date(year, month, day, Number(formatDate[3]));
         }
-        const isEqual = (currentDate == null ? void 0 : currentDate.getTime()) === (date2 == null ? void 0 : date2.getTime());
+        const isEqual = ((_a = new Date(currentDate)) == null ? void 0 : _a.getTime()) === (date2 == null ? void 0 : date2.getTime());
         date2 && isDate(date2) && !isEqual && setCurrentDate(formatValue(date2));
       }
       props.onChange && props.onChange(selectedOptions, selectedValue, index);
@@ -8849,23 +8858,28 @@ var __publicField = (obj, key, value) => {
       return arr;
     };
     const getDateIndex = (type22) => {
+      const date2 = new Date(currentDate);
       if (!currentDate)
         return 0;
-      let d = 0;
       if (type22 === "year") {
-        d = currentDate.getFullYear();
-      } else if (type22 === "month") {
-        d = currentDate.getMonth() + 1;
-      } else if (type22 === "day") {
-        d = currentDate.getDate();
-      } else if (type22 === "hour") {
-        d = currentDate.getHours();
-      } else if (type22 === "minute") {
-        d = currentDate.getMinutes();
-      } else if (type22 === "seconds") {
-        d = currentDate.getSeconds();
-      }
-      return d;
+        return date2.getFullYear();
+      }
+      if (type22 === "month") {
+        return date2.getMonth() + 1;
+      }
+      if (type22 === "day") {
+        return date2.getDate();
+      }
+      if (type22 === "hour") {
+        return date2.getHours();
+      }
+      if (type22 === "minute") {
+        return date2.getMinutes();
+      }
+      if (type22 === "seconds") {
+        return date2.getSeconds();
+      }
+      return 0;
     };
     const columns = () => {
       const val = ranges().map((res, columnIndex) => {
@@ -8883,7 +8897,7 @@ var __publicField = (obj, key, value) => {
       if (currentDate) {
         setOptions(columns());
       }
-    }, []);
+    }, [currentDate]);
     return /* @__PURE__ */ React.createElement(
       components.View,
       {
@@ -9981,7 +9995,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "registerField", (field) => {
         this.fieldEntities.push(field);
         return () => {
-          this.fieldEntities = this.fieldEntities.filter((item) => item != field);
+          this.fieldEntities = this.fieldEntities.filter((item) => item !== field);
           if (this.store) {
             delete this.store[field.props.name];
           }
@@ -10588,14 +10602,14 @@ var __publicField = (obj, key, value) => {
     };
     const addAllow = (value2 = _checked) => {
       if (formatter) {
-        const numValue = String(value2).replace(/[^0-9|\.]/gi, "");
+        const numValue = String(value2).replace(/[^0-9|.]/gi, "");
         return Number(numValue) < Number(max) && !disabled;
       }
       return Number(value2) < Number(max) && !disabled;
     };
     const reduceAllow = (value2 = _checked) => {
       if (formatter) {
-        const numValue = String(value2).replace(/[^0-9|\.]/gi, "");
+        const numValue = String(value2).replace(/[^0-9|.]/gi, "");
         return Number(numValue) > Number(min) && !disabled;
       }
       return Number(value2) > Number(min) && !disabled;
@@ -10626,7 +10640,7 @@ var __publicField = (obj, key, value) => {
       onMinus && onMinus(e);
       if (reduceAllow()) {
         if (formatter) {
-          const numValue = String(_checked).replace(/[^0-9|\.]/gi, "");
+          const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
           const outputValue = Number(numValue) - Number(step);
           inputRef.current = formatter(outputValue);
           emitChange(outputValue, e);
@@ -10642,7 +10656,7 @@ var __publicField = (obj, key, value) => {
       onPlus && onPlus(e);
       if (addAllow()) {
         if (formatter) {
-          const numValue = String(_checked).replace(/[^0-9|\.]/gi, "");
+          const numValue = String(_checked).replace(/[^0-9|.]/gi, "");
           const outputValue = Number(numValue) + Number(step);
           inputRef.current = formatter(outputValue);
           emitChange(outputValue, e);
@@ -10664,7 +10678,7 @@ var __publicField = (obj, key, value) => {
     const changeFormatValue = (e) => {
       const input = e.target.value;
       const numReg = new RegExp("^[0-9]*$");
-      const numValue = input.replace(/[^0-9|\.]/gi, "");
+      const numValue = input.replace(/[^0-9|.]/gi, "");
       if (formatter) {
         if (!numReg.test(input[0]) && numValue) {
           setChecked(formatter(numValue));
@@ -10683,7 +10697,7 @@ var __publicField = (obj, key, value) => {
     const burFormatValue = (e) => {
       const input = e.target.value;
       const numReg = new RegExp("^[0-9]*$");
-      const numValue = input.replace(/[^0-9|\.]/gi, "");
+      const numValue = input.replace(/[^0-9|.]/gi, "");
       if (formatter) {
         if (formatter(numValue) === input) {
           emitChange(numValue, e);
@@ -11967,7 +11981,7 @@ var __publicField = (obj, key, value) => {
       forceFocus();
     };
     const onKeypress = (e) => {
-      if (e.keyCode === 13) {
+      if (e.key === "Enter" || e.keyCode === 13) {
         if (typeof e.cancelable !== "boolean" || e.cancelable) {
           e.preventDefault();
         }
@@ -12553,42 +12567,40 @@ var __publicField = (obj, key, value) => {
       const options = this.options;
       if (env === "WEB") {
         this.upload();
+      } else if (options.beforeXhrUpload) {
+        options.beforeXhrUpload(uploadFile, options);
       } else {
-        if (options.beforeXhrUpload) {
-          options.beforeXhrUpload(uploadFile, options);
-        } else {
-          const uploadTask = uploadFile({
-            url: options.url,
-            filePath: options.taroFilePath,
-            fileType: options.fileType,
-            header: {
-              "Content-Type": "multipart/form-data",
-              ...options.headers
-            },
-            //
-            formData: options.formData,
-            name: options.name,
-            success(response) {
-              var _a2, _b;
-              if (options.xhrState == response.statusCode) {
-                (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
-              } else {
-                (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
-              }
-            },
-            fail(e) {
-              var _a2;
-              (_a2 = options.onFailure) == null ? void 0 : _a2.call(options, e, options);
-            }
-          });
-          (_a = options.onStart) == null ? void 0 : _a.call(options, options);
-          uploadTask.progress(
-            (res) => {
-              var _a2;
-              (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, res, options);
+        const uploadTask = uploadFile({
+          url: options.url,
+          filePath: options.taroFilePath,
+          fileType: options.fileType,
+          header: {
+            "Content-Type": "multipart/form-data",
+            ...options.headers
+          },
+          //
+          formData: options.formData,
+          name: options.name,
+          success(response) {
+            var _a2, _b;
+            if (options.xhrState === response.statusCode) {
+              (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
+            } else {
+              (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
             }
-          );
-        }
+          },
+          fail(e) {
+            var _a2;
+            (_a2 = options.onFailure) == null ? void 0 : _a2.call(options, e, options);
+          }
+        });
+        (_a = options.onStart) == null ? void 0 : _a.call(options, options);
+        uploadTask.progress(
+          (res) => {
+            var _a2;
+            (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, res, options);
+          }
+        );
       }
     }
   }
@@ -12809,7 +12821,7 @@ var __publicField = (obj, key, value) => {
       uploadOption.onStart = (option) => {
         clearUploadQueue(index);
         setFileList((fileList2) => {
-          fileList2.map((item) => {
+          fileList2.forEach((item) => {
             if (item.uid === fileItem.uid) {
               item.status = "ready";
               item.message = locale.uploader.readyUpload;
@@ -12821,7 +12833,7 @@ var __publicField = (obj, key, value) => {
       };
       uploadOption.onProgress = (e, option) => {
         setFileList((fileList2) => {
-          fileList2.map((item) => {
+          fileList2.forEach((item) => {
             if (item.uid === fileItem.uid) {
               item.status = "uploading";
               item.message = locale.uploader.uploading;
@@ -12835,7 +12847,7 @@ var __publicField = (obj, key, value) => {
       uploadOption.onSuccess = (responseText, option) => {
         setFileList((fileList2) => {
           onUpdate && onUpdate(fileList2);
-          fileList2.map((item) => {
+          fileList2.forEach((item) => {
             if (item.uid === fileItem.uid) {
               item.status = "success";
               item.message = locale.uploader.success;
@@ -12851,7 +12863,7 @@ var __publicField = (obj, key, value) => {
       };
       uploadOption.onFailure = (responseText, option) => {
         setFileList((fileList2) => {
-          fileList2.map((item) => {
+          fileList2.forEach((item) => {
             if (item.uid === fileItem.uid) {
               item.status = "error";
               item.message = locale.uploader.error;
@@ -12913,7 +12925,7 @@ var __publicField = (obj, key, value) => {
           fileItem.formData = data;
         }
         if (preview) {
-          fileItem.url = fileType == "video" ? file.thumbTempFilePath : filepath;
+          fileItem.url = fileType === "video" ? file.thumbTempFilePath : filepath;
         }
         fileList.push(fileItem);
         setFileList([...fileList]);
@@ -13547,14 +13559,14 @@ var __publicField = (obj, key, value) => {
       onScroll && onScroll(e.detail.scrollTop);
     };
     const lower = () => {
-      if (direction.current == "up" || !hasMore || isInfiniting) {
+      if (direction.current === "up" || !hasMore || isInfiniting) {
         return false;
       }
       setIsInfiniting(true);
       onLoadMore && onLoadMore(infiniteDone);
     };
     const touchStart = (event) => {
-      if (scrollTop.current == 0 && !isTouching.current && pullRefresh) {
+      if (scrollTop.current === 0 && !isTouching.current && pullRefresh) {
         y2.current = event.touches[0].pageY;
         isTouching.current = true;
       }
@@ -15396,7 +15408,7 @@ var __publicField = (obj, key, value) => {
         (a2, b) => parseFloat(a2) - parseFloat(b)
       );
       const stopArr = [];
-      colorArr.map((item) => {
+      colorArr.forEach((item) => {
         const obj = {
           key: "",
           value: ""
@@ -15415,7 +15427,7 @@ var __publicField = (obj, key, value) => {
       const stopArr = stop();
       const stopDom = [];
       if (stopArr) {
-        stopArr.map((item) => {
+        stopArr.forEach((item) => {
           let obj = "";
           obj = `%3Cstop offset='${item.key}' stop-color='${transColor(
             item.value
@@ -17487,21 +17499,21 @@ var __publicField = (obj, key, value) => {
       const query = Taro.createSelectorQuery();
       setTimeout(() => {
         let width = 100;
-        query.select(`.${classPrefix}__body` + timeId.current).boundingClientRect((rec) => {
+        query.select(`.${classPrefix}__body${timeId.current}`).boundingClientRect((rec) => {
           width = rec.width || 300;
         });
-        query.select(`.${classPrefix}__item` + index).boundingClientRect((recs) => {
-          let height = recs.height;
-          let nodeTop = index % rows * (height + gapY) + 20 + "px";
+        query.select(`.${classPrefix}__item${index}`).boundingClientRect((recs) => {
+          const height = recs.height;
+          const nodeTop = `${index % rows * (height + gapY) + 20}px`;
           styleInfo(index, nodeTop, width);
         }).exec();
       }, 500);
     };
     const styleInfo = (index, nodeTop, width) => {
-      let timeIndex = index - rows > 0 ? index - rows : 0;
-      let list2 = styleList;
-      let time = list2[timeIndex] ? Number(list2[timeIndex]["--time"]) : 0;
-      let obj = {
+      const timeIndex = index - rows > 0 ? index - rows : 0;
+      const list2 = styleList;
+      const time = list2[timeIndex] ? Number(list2[timeIndex]["--time"]) : 0;
+      const obj = {
         top: nodeTop,
         "--time": `${interval * index + time}`,
         animationDuration: `${duration}ms`,
@@ -17517,9 +17529,10 @@ var __publicField = (obj, key, value) => {
         "div",
         {
           className: `barrage-item ${classPrefix}__item${index} move`,
-          style: styleList[index]
+          style: styleList[index],
+          key: index
         },
-        item.length > 8 ? item.substr(0, 8) + "..." : item
+        item.length > 8 ? `${item.substr(0, 8)}...` : item
       );
     })));
   };

package/dist/packages/searchbar/searchbar.scss

@@ -21,6 +21,8 @@
 
   &__icon {
     padding: 0 5px 0 10px;
+    display: flex;
+    justify-content: center;
   }
 
   &__rightin {

package/dist/packages/tag/tag.scss

@@ -32,6 +32,11 @@
     @include plain;
   }
 
+  &--info {
+    background: $tag-info-background-color;
+    @include plain;
+  }
+
   &--success {
     background: $tag-success-background-color;
     @include plain;