@nutui/nutui-react 2.0.5 → 2.0.7

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.5 Wed Jul 19 2023 14:14:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:54:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2467,32 +2467,29 @@ Check the top-level render call using <` + t + ">.");
           onClick(e);
         }
       };
-      return (
-        // eslint-disable-next-line react/button-has-type
-        /* @__PURE__ */ React.createElement(
-          "button",
-          {
-            ...rest,
-            ref,
-            type: nativeType,
-            className: classNames(
-              prefixCls,
-              className,
-              props.type ? `${prefixCls}--${type2}` : null,
-              props.fill ? `${prefixCls}--${fill}` : null,
-              {
-                [`${prefixCls}--${size}`]: size,
-                [`${prefixCls}--${shape}`]: shape,
-                [`${prefixCls}--block`]: block,
-                [`${prefixCls}--disabled`]: disabled,
-                [`${prefixCls}--loading`]: loading
-              }
-            ),
-            style: { ...getStyle(), ...style },
-            onClick: (e) => handleClick2(e)
-          },
-          /* @__PURE__ */ React.createElement("div", { className: "nut-button__warp" }, loading ? /* @__PURE__ */ React.createElement(k$3, { className: "nut-icon-loading" }) : null, !loading && icon ? icon : null, children && /* @__PURE__ */ React.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children))
-        )
+      return /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          ...rest,
+          ref,
+          type: nativeType,
+          className: classNames(
+            prefixCls,
+            className,
+            props.type ? `${prefixCls}--${type2}` : null,
+            props.fill ? `${prefixCls}--${fill}` : null,
+            {
+              [`${prefixCls}--${size}`]: size,
+              [`${prefixCls}--${shape}`]: shape,
+              [`${prefixCls}--block`]: block,
+              [`${prefixCls}--disabled`]: disabled,
+              [`${prefixCls}--loading`]: loading
+            }
+          ),
+          style: { ...getStyle(), ...style },
+          onClick: (e) => handleClick2(e)
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "nut-button__warp" }, loading ? /* @__PURE__ */ React.createElement(k$3, { className: "nut-icon-loading" }) : null, !loading && icon ? icon : null, children && /* @__PURE__ */ React.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children))
       );
     }
   );
@@ -13068,7 +13065,6 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const defaultProps$$ = {
     ...ComponentDefaults,
-    visible: false,
     defaultValue: [],
     type: "custom",
     options: [],
@@ -13082,10 +13078,11 @@ Please add \`${key}Action\` when creating your handler.`);
     closeIcon: null,
     backIcon: null
   };
-  const Address = (props) => {
+  const InternalAddress = (props, ref) => {
     const { locale } = useConfig();
     const {
       visible,
+      defaultVisible,
       defaultValue,
       children,
       type: type2,
@@ -13113,19 +13110,31 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const classPrefix2 = "nut-address";
     const [currentType, setCurrentType] = React.useState(type2);
-    const [showPopup, setShowPopup] = React.useState(visible);
-    const handClose = () => {
-      setShowPopup(false);
+    const [innerVisible, setInnerVisible] = usePropsValue({
+      value: visible,
+      defaultValue: defaultVisible,
+      finalValue: defaultVisible
+    });
+    React.useImperativeHandle(ref, () => {
+      return {
+        open() {
+          setInnerVisible(true);
+        },
+        close() {
+          setInnerVisible(false);
+        }
+      };
+    });
+    const handleClose = () => {
+      setInnerVisible(false);
+      onClose && onClose();
     };
-    React.useEffect(() => {
-      setShowPopup(visible);
-    }, [visible]);
     const renderLeftOnCustomSwitch = () => {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, custom && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React.createElement(y$6, { color: "#cccccc" })));
     };
     const selectedExistItem = (data) => {
       onExistSelect && onExistSelect(data);
-      handClose();
+      handleClose();
     };
     const onSwitchModule = () => {
       if (currentType === "exist") {
@@ -13138,7 +13147,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, currentType === "custom" || currentType === "custom2" ? /* @__PURE__ */ React.createElement(
       CustomRender,
       {
-        visible: showPopup,
+        visible: innerVisible,
         closeable: true,
         title: title || locale.address.selectRegion,
         left: renderLeftOnCustomSwitch(),
@@ -13148,7 +13157,7 @@ Please add \`${key}Action\` when creating your handler.`);
         optionKey,
         type: currentType,
         height,
-        onClose: handClose,
+        onClose: handleClose,
         onChange: (val, params) => {
           onChange == null ? void 0 : onChange(val, params);
         }
@@ -13156,12 +13165,13 @@ Please add \`${key}Action\` when creating your handler.`);
     ) : /* @__PURE__ */ React.createElement(
       Popup,
       {
-        visible: showPopup,
+        visible: innerVisible,
         position: "bottom",
         round: true,
         closeable: true,
         closeIcon,
-        title: title || locale.address.selectRegion
+        title: title || locale.address.selectRegion,
+        onClose: handleClose
       },
       /* @__PURE__ */ React.createElement(
         "div",
@@ -13185,6 +13195,7 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ));
   };
+  const Address = React.forwardRef(InternalAddress);
   Address.defaultProps = defaultProps$$;
   Address.displayName = "NutAddress";
   const Utils = {
@@ -18039,7 +18050,7 @@ Please add \`${key}Action\` when creating your handler.`);
       setEaxctValue(newValue);
       updateValue(newValue);
     };
-    const onTouchEnd = (event) => {
+    const onTouchEnd = () => {
       if (disabled) {
         return;
       }
@@ -18088,8 +18099,8 @@ Please add \`${key}Action\` when creating your handler.`);
             onTouchStart(e);
           },
           onTouchMove: (e) => onTouchMove(e),
-          onTouchEnd: (e) => onTouchEnd(),
-          onTouchCancel: (e) => onTouchEnd(),
+          onTouchEnd,
+          onTouchCancel: onTouchEnd,
           onClick: (e) => e.stopPropagation()
         },
         renderButton(index)
@@ -18100,8 +18111,8 @@ Please add \`${key}Action\` when creating your handler.`);
         className: "nut-range-button-wrapper",
         onTouchStart: (e) => onTouchStart(e),
         onTouchMove: (e) => onTouchMove(e),
-        onTouchEnd: (e) => onTouchEnd(),
-        onTouchCancel: (e) => onTouchEnd(),
+        onTouchEnd,
+        onTouchCancel: onTouchEnd,
         onClick: (e) => e.stopPropagation()
       },
       renderButton()
@@ -18994,6 +19005,7 @@ Please add \`${key}Action\` when creating your handler.`);
       __publicField(this, "path");
       __publicField(this, "percentage", 0);
       __publicField(this, "formData", new FormData());
+      __publicField(this, "responseText");
     }
   }
   const InternalUploader = (props, ref) => {
@@ -19124,6 +19136,7 @@ Please add \`${key}Action\` when creating your handler.`);
             if (item.uid === fileItem.uid) {
               item.status = "success";
               item.message = locale.uploader.success;
+              item.responseText = responseText;
             }
             return item;
           });
@@ -19141,6 +19154,7 @@ Please add \`${key}Action\` when creating your handler.`);
             if (item.uid === fileItem.uid) {
               item.status = "error";
               item.message = locale.uploader.error;
+              item.responseText = responseText;
             }
             return item;
           });
@@ -22009,7 +22023,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const onTimeupdate = (e) => {
-      const time = parseInt(e.target.currentTime);
+      const time = parseInt(String(e.target.currentTime));
       const formated = formatSeconds(`${time}`);
       statusRef.current.currentDuration = formated;
       setPercent(time / statusRef.current.second * 100);

package/dist/packages/button/button.scss

@@ -65,6 +65,7 @@
   &--solid {
     color: $button-primary-color;
     background: $button-primary-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
   }
 
@@ -82,6 +83,7 @@
   &--primary {
     color: $button-primary-color;
     background: $button-primary-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -98,6 +100,7 @@
   &--info {
     color: $button-info-color;
     background: $button-info-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -114,6 +117,7 @@
   &--success {
     color: $button-success-color;
     background: $button-success-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -130,6 +134,7 @@
   &--danger {
     color: $button-danger-color;
     background: $button-danger-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {
@@ -146,6 +151,7 @@
   &--warning {
     color: $button-warning-color;
     background: $button-warning-background-color;
+    background-origin: border-box;
     border: $button-border-width solid transparent;
 
     &.nut-button--outline {