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

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:20:38 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.
 */
@@ -11400,6 +11400,10 @@ Please add \`${key}Action\` when creating your handler.`);
     const iconClass = open ? "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,
@@ -11407,17 +11411,24 @@ Please add \`${key}Action\` when creating your handler.`);
     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$17 = {
     ...ComponentDefaults,
@@ -11614,10 +11625,6 @@ Please add \`${key}Action\` when creating your handler.`);
     };
   }
   const requestAniFrame$1 = requestAniFrame();
-  function useForceUpdate() {
-    const [, updateState] = React.useState();
-    return React.useCallback(() => updateState({}), []);
-  }
   const defaultProps$13 = {
     ...ComponentDefaults,
     tabStyle: {},
@@ -14304,12 +14311,12 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       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) => {
       }
     });
@@ -14352,7 +14359,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     };
     const ranges = () => {
-      const curDate = currentDate;
+      const curDate = new Date(currentDate);
       if (!curDate)
         return [];
       const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", curDate);
@@ -14409,19 +14416,21 @@ Please add \`${key}Action\` when creating your handler.`);
       return result;
     };
     const updateChooseValueCustmer = (selectedOptions, selectedValue, index) => {
+      var _a2;
+      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()
           );
@@ -14433,9 +14442,9 @@ Please add \`${key}Action\` when creating your handler.`);
           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,
@@ -14443,10 +14452,10 @@ Please add \`${key}Action\` when creating your handler.`);
             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 isEqual2 = (currentDate == null ? void 0 : currentDate.getTime()) === (date2 == null ? void 0 : date2.getTime());
+        const isEqual2 = ((_a2 = new Date(currentDate)) == null ? void 0 : _a2.getTime()) === (date2 == null ? void 0 : date2.getTime());
         date2 && isDate(date2) && !isEqual2 && setCurrentDate(formatValue(date2));
       }
       props.onChange && props.onChange(selectedOptions, selectedValue, index);
@@ -14496,23 +14505,28 @@ Please add \`${key}Action\` when creating your handler.`);
       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) => {
@@ -14530,7 +14544,7 @@ Please add \`${key}Action\` when creating your handler.`);
       if (currentDate) {
         setOptions(columns());
       }
-    }, []);
+    }, [currentDate]);
     return /* @__PURE__ */ React.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, options2.length && /* @__PURE__ */ React.createElement(
       Picker$1,
       {
@@ -15619,7 +15633,7 @@ Please add \`${key}Action\` when creating your handler.`);
       __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];
           }
@@ -15777,9 +15791,10 @@ Please add \`${key}Action\` when creating your handler.`);
         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) {
@@ -16219,14 +16234,14 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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;
@@ -16257,7 +16272,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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);
@@ -16273,7 +16288,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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);
@@ -16299,7 +16314,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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));
@@ -16318,7 +16333,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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);
@@ -17573,7 +17588,7 @@ Please add \`${key}Action\` when creating your handler.`);
           disabled,
           readOnly,
           maxLength,
-          onKeyPress: onKeypress,
+          onKeyDown: onKeydown,
           onChange: (e) => change(e),
           onFocus: (e) => focus(e),
           onBlur: (e) => blur(e),
@@ -17622,7 +17637,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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) {
@@ -18362,6 +18377,7 @@ Please add \`${key}Action\` when creating your handler.`);
       try {
         uploadOption.sourceFile = fileItem.formData.get(name);
       } catch (error) {
+        console.warn(error);
       }
       uploadOption.onStart = (option) => {
         clearUploadQueue(index);
@@ -21368,7 +21384,7 @@ Please add \`${key}Action\` when creating your handler.`);
         (a2, b) => parseFloat(a2) - parseFloat(b)
       );
       const stopArr = [];
-      colorArr.map((item) => {
+      colorArr.forEach((item) => {
         const obj = {
           key: "",
           value: ""

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;