@nutui/nutui-react 2.0.0 → 2.0.1-beta.0

package/dist/esm/types/src/packages/uploader/uploader.taro.d.ts

@@ -47,10 +47,10 @@ export interface UploaderProps extends BasicComponent {
     autoUpload: boolean;
     multiple: boolean;
     timeout: number;
-    data: object;
+    data: any;
     method: string;
     xhrState: number | string;
-    headers: object;
+    headers: any;
     preview: boolean;
     deletable: boolean;
     className: string;

package/dist/esm/use-props-value.js

@@ -1,18 +1,31 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState } from "react";
+import React__default, { useRef, useCallback } from "react";
+function useForceUpdate() {
+  var _React__default$useSt = React__default.useState(), _React__default$useSt2 = _slicedToArray(_React__default$useSt, 2), updateState = _React__default$useSt2[1];
+  return React__default.useCallback(function() {
+    return updateState({});
+  }, []);
+}
 function usePropsValue(_ref) {
   var value = _ref.value, defaultValue = _ref.defaultValue, finalValue = _ref.finalValue, _ref$onChange = _ref.onChange, onChange = _ref$onChange === void 0 ? function(value2) {
   } : _ref$onChange;
-  var _useState = useState(defaultValue !== void 0 ? defaultValue : finalValue), _useState2 = _slicedToArray(_useState, 2), uncontrolled = _useState2[0], setUncontrolled = _useState2[1];
-  var handleUncontrolledChange = function handleUncontrolledChange2(val) {
-    setUncontrolled(val);
-    onChange === null || onChange === void 0 ? void 0 : onChange(val);
-  };
+  var forceUpdate = useForceUpdate();
+  var dfValue = defaultValue !== void 0 ? defaultValue : finalValue;
+  var stateRef = useRef(value !== void 0 ? value : dfValue);
   if (value !== void 0) {
-    return [value, onChange];
+    stateRef.current = value;
   }
-  return [uncontrolled, handleUncontrolledChange];
+  var setState = useCallback(function(v) {
+    var prevState = stateRef.current;
+    stateRef.current = v;
+    if (prevState !== stateRef.current) {
+      forceUpdate();
+    }
+    onChange === null || onChange === void 0 ? void 0 : onChange(v);
+  }, [value, onChange]);
+  return [stateRef.current, setState];
 }
 export {
+  useForceUpdate as a,
   usePropsValue as u
 };

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 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.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 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.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 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.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 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.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 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.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 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.0.0 Fri Jun 30 2023 14:28:35 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:15:29 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.0 Fri Jun 30 2023 14:27:42 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.1 Wed Jul 05 2023 14:14:34 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11382,6 +11382,10 @@ const SubSideNavBar = (props) => {
   const iconClass = open ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
   return /* @__PURE__ */ React__default.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__title ${classPrefix2}-border-bt` }, title, " ", /* @__PURE__ */ React__default.createElement("i", { className: iconClass })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}__content` }, children));
 };
+function useForceUpdate() {
+  const [, updateState] = React__default.useState();
+  return React__default.useCallback(() => updateState({}), []);
+}
 function usePropsValue({
   value,
   defaultValue,
@@ -11389,17 +11393,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$17 = {
   ...ComponentDefaults,
@@ -11596,10 +11607,6 @@ function requestAniFrame() {
   };
 }
 const requestAniFrame$1 = requestAniFrame();
-function useForceUpdate() {
-  const [, updateState] = React__default.useState();
-  return React__default.useCallback(() => updateState({}), []);
-}
 const defaultProps$13 = {
   ...ComponentDefaults,
   tabStyle: {},
@@ -14286,12 +14293,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) => {
     }
   });
@@ -14334,7 +14341,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);
@@ -14391,19 +14398,21 @@ const DatePicker = (props) => {
     return result;
   };
   const updateChooseValueCustmer = (selectedOptions, selectedValue, index) => {
+    var _a2;
+    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()
         );
@@ -14415,9 +14424,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,
@@ -14425,10 +14434,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 isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date4 == null ? void 0 : date4.getTime());
+      const isEqual2 = ((_a2 = new Date(currentDate)) == null ? void 0 : _a2.getTime()) === (date4 == null ? void 0 : date4.getTime());
       date4 && isDate(date4) && !isEqual2 && setCurrentDate(formatValue(date4));
     }
     props.onChange && props.onChange(selectedOptions, selectedValue, index);
@@ -14478,23 +14487,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) => {
@@ -14512,7 +14526,7 @@ const DatePicker = (props) => {
     if (currentDate) {
       setOptions(columns());
     }
-  }, []);
+  }, [currentDate]);
   return /* @__PURE__ */ React__default.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, options2.length && /* @__PURE__ */ React__default.createElement(
     Picker$1,
     {
@@ -15601,7 +15615,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];
         }
@@ -15759,9 +15773,10 @@ class FormItem extends React__default.Component {
       if ((_a2 = children == null ? void 0 : children.props) == null ? void 0 : _a2.defaultValue) {
         console.warn("通过 initialValue 设置初始值");
       }
+      const fieldValue = getFieldValue(name);
       const controlled = {
         ...children.props,
-        [this.props.valuePropName || "value"]: getFieldValue(name) || this.props.initialValue,
+        [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue,
         [this.props.trigger || "onChange"]: (...args) => {
           const originOnChange = children.props[this.props.trigger || "onChange"];
           if (originOnChange) {
@@ -16201,14 +16216,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;
@@ -16239,7 +16254,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);
@@ -16255,7 +16270,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);
@@ -16281,7 +16296,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));
@@ -16300,7 +16315,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);
@@ -17555,7 +17570,7 @@ const SearchBar = (props) => {
         disabled,
         readOnly,
         maxLength,
-        onKeyPress: onKeypress,
+        onKeyDown: onKeydown,
         onChange: (e) => change(e),
         onFocus: (e) => focus(e),
         onBlur: (e) => blur(e),
@@ -17604,7 +17619,7 @@ const SearchBar = (props) => {
     onClear && onClear(event);
     forceFocus();
   };
-  const onKeypress = (e) => {
+  const onKeydown = (e) => {
     if (e.key === "Enter") {
       const event = e.nativeEvent;
       if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -18344,6 +18359,7 @@ const InternalUploader = (props, ref) => {
     try {
       uploadOption.sourceFile = fileItem.formData.get(name);
     } catch (error) {
+      console.warn(error);
     }
     uploadOption.onStart = (option) => {
       clearUploadQueue(index);
@@ -21350,7 +21366,7 @@ const CircleProgress = (props) => {
       (a2, b) => parseFloat(a2) - parseFloat(b)
     );
     const stopArr = [];
-    colorArr.map((item) => {
+    colorArr.forEach((item) => {
       const obj = {
         key: "",
         value: ""