@nutui/nutui-react-taro 2.0.0 → 2.0.1

package/dist/nutui.react.es.js

@@ -5,7 +5,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 @@ const SubSideNavBar = (props) => {
   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 @@ function usePropsValue({
   onChange = (value2) => {
   }
 }) {
-  const [uncontrolled, setUncontrolled] = 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 = useRef(value !== void 0 ? value : dfValue);
   if (value !== void 0) {
-    return [value, onChange];
+    stateRef.current = value;
   }
-  return [uncontrolled, handleUncontrolledChange];
+  const setState = 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 @@ const TabPane = (props) => {
   );
   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 @@ const DatePicker = (props) => {
     }
     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 @@ const DatePicker = (props) => {
     };
   };
   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 @@ const DatePicker = (props) => {
     return result;
   };
   const updateChooseValueCustmer = (selectedOptions, selectedValue, index) => {
+    var _a;
+    const rangeType = type4.toLocaleLowerCase();
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(
-      type4.toLocaleLowerCase()
+      rangeType
     )) {
       const formatDate = [];
       selectedValue.forEach((item) => {
         formatDate.push(item);
       });
-      if (type4.toLocaleLowerCase() === "month-day" && formatDate.length < 3) {
+      if (rangeType === "month-day" && formatDate.length < 3) {
         formatDate.unshift(
           new Date(defaultValue || startDate || endDate).getFullYear()
         );
       }
-      if (type4.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 @@ const DatePicker = (props) => {
         getMonthEndDay(Number(formatDate[0]), Number(formatDate[1]))
       );
       let date4 = null;
-      if (type4.toLocaleLowerCase() === "date" || type4.toLocaleLowerCase() === "month-day" || type4.toLocaleLowerCase() === "year-month") {
+      if (rangeType === "date" || rangeType === "month-day" || rangeType === "year-month") {
         date4 = new Date(year, month, day);
-      } else if (type4.toLocaleLowerCase() === "datetime") {
+      } else if (rangeType === "datetime") {
         date4 = new Date(
           year,
           month,
@@ -8796,10 +8805,10 @@ const DatePicker = (props) => {
           Number(formatDate[3]),
           Number(formatDate[4])
         );
-      } else if (type4.toLocaleLowerCase() === "datehour") {
+      } else if (rangeType === "datehour") {
         date4 = new Date(year, month, day, Number(formatDate[3]));
       }
-      const isEqual = (currentDate == null ? void 0 : currentDate.getTime()) === (date4 == null ? void 0 : date4.getTime());
+      const isEqual = ((_a = new Date(currentDate)) == null ? void 0 : _a.getTime()) === (date4 == null ? void 0 : date4.getTime());
       date4 && isDate(date4) && !isEqual && setCurrentDate(formatValue(date4));
     }
     props.onChange && props.onChange(selectedOptions, selectedValue, index);
@@ -8849,23 +8858,28 @@ const DatePicker = (props) => {
     return arr;
   };
   const getDateIndex = (type22) => {
+    const date4 = 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 date4.getFullYear();
+    }
+    if (type22 === "month") {
+      return date4.getMonth() + 1;
+    }
+    if (type22 === "day") {
+      return date4.getDate();
+    }
+    if (type22 === "hour") {
+      return date4.getHours();
+    }
+    if (type22 === "minute") {
+      return date4.getMinutes();
+    }
+    if (type22 === "seconds") {
+      return date4.getSeconds();
+    }
+    return 0;
   };
   const columns = () => {
     const val = ranges().map((res, columnIndex) => {
@@ -8883,7 +8897,7 @@ const DatePicker = (props) => {
     if (currentDate) {
       setOptions(columns());
     }
-  }, []);
+  }, [currentDate]);
   return /* @__PURE__ */ React.createElement(
     View,
     {
@@ -9981,7 +9995,7 @@ class FormStore {
     __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 @@ const InputNumber = (props) => {
   };
   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 @@ const InputNumber = (props) => {
     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 @@ const InputNumber = (props) => {
     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 @@ const InputNumber = (props) => {
   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 @@ const InputNumber = (props) => {
   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 @@ const SearchBar = (props) => {
     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 @@ class UploaderTaro extends Upload {
     const options = this.options;
     if (env === "WEB") {
       this.upload();
+    } else if (options.beforeXhrUpload) {
+      options.beforeXhrUpload(uploadFile2, options);
     } else {
-      if (options.beforeXhrUpload) {
-        options.beforeXhrUpload(uploadFile2, options);
-      } else {
-        const uploadTask = uploadFile2({
-          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 = uploadFile2({
+        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 @@ const InternalUploader = (props, ref) => {
     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 @@ const InternalUploader = (props, ref) => {
     };
     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 @@ const InternalUploader = (props, ref) => {
     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 @@ const InternalUploader = (props, ref) => {
     };
     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 @@ const InternalUploader = (props, ref) => {
         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 @@ const InfiniteLoading = (props) => {
     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 @@ const CircleProgress = (props) => {
       (a2, b) => parseFloat(a2) - parseFloat(b)
     );
     const stopArr = [];
-    colorArr.map((item) => {
+    colorArr.forEach((item) => {
       const obj = {
         key: "",
         value: ""
@@ -15415,7 +15427,7 @@ const CircleProgress = (props) => {
     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 @@ const InternalBarrage = (props, ref) => {
     const query = 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 @@ const InternalBarrage = (props, ref) => {
       "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
     );
   })));
 };