@nutui/nutui-react 2.0.5 → 2.0.7

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

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import type { MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export type RowEventType = 'row' | 'col';
 export interface RowProps extends BasicComponent {
@@ -7,6 +8,6 @@ export interface RowProps extends BasicComponent {
     align: string;
     wrap: string;
     gutter: string | number;
-    onClick: (e: any, type: RowEventType) => void;
+    onClick: (e: MouseEvent<HTMLDivElement>, type: RowEventType) => void;
 }
 export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

package/dist/esm/types/src/packages/searchbar/searchbar.d.ts

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export interface SearchBarProps extends BasicComponent {
     /** 文本值	 */
@@ -24,14 +25,14 @@ export interface SearchBarProps extends BasicComponent {
     /**  确定搜索时触发	 */
     onSearch?: (val: string) => void;
     /** 输入框内容变化时触发	 */
-    onChange?: (value: string, event: Event) => void;
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     /** 输入框获得焦点时触发	 */
-    onFocus?: (value: string, event: Event) => void;
+    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
     /** 输入框失去焦点时触发	 */
-    onBlur?: (value: string, event: Event) => void;
+    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
     /** 点击清除按钮后触发	 */
-    onClear?: (event: Event) => void;
+    onClear?: (event: MouseEvent<HTMLDivElement>) => void;
     /** 点击输入区域时触发	 */
-    onInputClick?: (event: Event) => void;
+    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
 }
 export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;

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

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export interface SearchBarProps extends BasicComponent {
     /** 文本值	 */
@@ -24,14 +25,14 @@ export interface SearchBarProps extends BasicComponent {
     /**  确定搜索时触发	 */
     onSearch?: (val: string) => void;
     /** 输入框内容变化时触发	 */
-    onChange?: (value: string, event: Event) => void;
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     /** 输入框获得焦点时触发	 */
-    onFocus?: (value: string, event: Event) => void;
+    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
     /** 输入框失去焦点时触发	 */
-    onBlur?: (value: string, event: Event) => void;
+    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
     /** 点击清除按钮后触发	 */
-    onClear?: (event: Event) => void;
+    onClear?: (event: MouseEvent<HTMLDivElement>) => void;
     /** 点击输入区域时触发	 */
-    onInputClick?: (event: Event) => void;
+    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
 }
 export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;

package/dist/esm/types/src/packages/swipe/swipe.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { TouchEvent, MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export type SwipeSide = 'left' | 'right';
 export interface SwipeInstance {
@@ -27,9 +28,9 @@ export interface SwipeProps extends BasicComponent {
         position: SwipeSide;
     }) => void;
     /** 点击时触发 */
-    onActionClick?: (event: Event, position: SwipeSide) => void;
-    onTouchStart?: (event: Event) => void;
-    onTouchEnd?: (event: Event) => void;
-    onTouchMove?: (event: Event) => void;
+    onActionClick?: (event: MouseEvent<HTMLDivElement>, position: SwipeSide) => void;
+    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
+    onTouchEnd?: (event: TouchEvent<HTMLDivElement>) => void;
+    onTouchMove?: (event: TouchEvent<HTMLDivElement>) => void;
 }
 export declare const Swipe: React.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeInstance>>;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { TouchEvent, MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export type SwipeSide = 'left' | 'right';
 export interface SwipeInstance {
@@ -27,9 +28,9 @@ export interface SwipeProps extends BasicComponent {
         position: SwipeSide;
     }) => void;
     /** 点击时触发 */
-    onActionClick?: (event: Event, position: SwipeSide) => void;
-    onTouchStart?: (event: Event) => void;
-    onTouchEnd?: (event: Event) => void;
-    onTouchMove?: (event: Event) => void;
+    onActionClick?: (event: MouseEvent<HTMLDivElement>, position: SwipeSide) => void;
+    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
+    onTouchEnd?: (event: TouchEvent<HTMLDivElement>) => void;
+    onTouchMove?: (event: TouchEvent<HTMLDivElement>) => void;
 }
 export declare const Swipe: React.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeInstance>>;

package/dist/esm/types/src/packages/tag/tag.d.ts

@@ -1,4 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export type TagType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export interface TagProps extends BasicComponent {
@@ -10,7 +11,7 @@ export interface TagProps extends BasicComponent {
     mark: boolean;
     closeable: boolean;
     closeIcon: ReactNode;
-    onClick: (e: MouseEvent) => void;
+    onClick: (e: MouseEvent<HTMLDivElement>) => void;
     onClose: (e?: any) => void;
 }
 export declare const Tag: FunctionComponent<Partial<TagProps>>;

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

@@ -1,4 +1,5 @@
 import { FunctionComponent, ReactNode } from 'react';
+import type { MouseEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export type TagType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
 export interface TagProps extends BasicComponent {
@@ -10,7 +11,7 @@ export interface TagProps extends BasicComponent {
     mark: boolean;
     closeable: boolean;
     closeIcon: ReactNode;
-    onClick: (e: MouseEvent) => void;
+    onClick: (e: MouseEvent<HTMLDivElement>) => void;
     onClose: (e?: any) => void;
 }
 export declare const Tag: FunctionComponent<Partial<TagProps>>;

package/dist/esm/types/src/packages/textarea/textarea.d.ts

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import type { FocusEvent } from 'react';
 import { BasicComponent } from '@/utils/typings';
 export interface TextAreaProps extends BasicComponent {
     value: string;
@@ -11,7 +12,7 @@ export interface TextAreaProps extends BasicComponent {
     disabled: boolean;
     autoSize: boolean;
     onChange: (value: string) => void;
-    onBlur: (event: Event) => void;
-    onFocus: (event: Event) => void;
+    onBlur: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus: (event: FocusEvent<HTMLTextAreaElement>) => void;
 }
 export declare const TextArea: FunctionComponent<Partial<TextAreaProps> & Omit<React.HTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onBlur' | 'onFocus'>>;

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

@@ -71,6 +71,7 @@ export declare class FileItem {
     path?: string;
     percentage: string | number;
     formData: FormData;
+    responseText?: string;
 }
 export declare const Uploader: React.ForwardRefExoticComponent<Partial<UploaderProps> & {
     children?: React.ReactNode;

package/dist/esm/types/src/utils/use-touch.d.ts

@@ -1,7 +1,7 @@
 type Direction = '' | 'vertical' | 'horizontal';
 export declare function useTouch(): {
-    move: EventListener;
-    start: EventListener;
+    move: (event: React.TouchEvent<HTMLElement>) => void;
+    start: (event: React.TouchEvent<HTMLElement>) => void;
     reset: () => void;
     startX: number;
     startY: number;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.5 Wed Jul 19 2023 14:15:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.7 Wed Jul 26 2023 13:55:26 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.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.
 */
@@ -2449,32 +2449,29 @@ const Button = React__default.forwardRef(
         onClick(e);
       }
     };
-    return (
-      // eslint-disable-next-line react/button-has-type
-      /* @__PURE__ */ React__default.createElement(
-        "button",
-        {
-          ...rest,
-          ref,
-          type: nativeType,
-          className: classNames(
-            prefixCls,
-            className,
-            props.type ? `${prefixCls}--${type4}` : 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__default.createElement("div", { className: "nut-button__warp" }, loading ? /* @__PURE__ */ React__default.createElement(k$3, { className: "nut-icon-loading" }) : null, !loading && icon ? icon : null, children && /* @__PURE__ */ React__default.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children))
-      )
+    return /* @__PURE__ */ React__default.createElement(
+      "button",
+      {
+        ...rest,
+        ref,
+        type: nativeType,
+        className: classNames(
+          prefixCls,
+          className,
+          props.type ? `${prefixCls}--${type4}` : 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__default.createElement("div", { className: "nut-button__warp" }, loading ? /* @__PURE__ */ React__default.createElement(k$3, { className: "nut-icon-loading" }) : null, !loading && icon ? icon : null, children && /* @__PURE__ */ React__default.createElement("div", { className: icon || loading ? "nut-button-text" : "" }, children))
     );
   }
 );
@@ -13050,7 +13047,6 @@ const ExistRender = (props) => {
 };
 const defaultProps$$ = {
   ...ComponentDefaults,
-  visible: false,
   defaultValue: [],
   type: "custom",
   options: [],
@@ -13064,10 +13060,11 @@ const defaultProps$$ = {
   closeIcon: null,
   backIcon: null
 };
-const Address = (props) => {
+const InternalAddress = (props, ref) => {
   const { locale } = useConfig();
   const {
     visible,
+    defaultVisible,
     defaultValue,
     children,
     type: type4,
@@ -13095,19 +13092,31 @@ const Address = (props) => {
   };
   const classPrefix2 = "nut-address";
   const [currentType, setCurrentType] = useState(type4);
-  const [showPopup, setShowPopup] = useState(visible);
-  const handClose = () => {
-    setShowPopup(false);
+  const [innerVisible, setInnerVisible] = usePropsValue({
+    value: visible,
+    defaultValue: defaultVisible,
+    finalValue: defaultVisible
+  });
+  useImperativeHandle(ref, () => {
+    return {
+      open() {
+        setInnerVisible(true);
+      },
+      close() {
+        setInnerVisible(false);
+      }
+    };
+  });
+  const handleClose = () => {
+    setInnerVisible(false);
+    onClose && onClose();
   };
-  useEffect(() => {
-    setShowPopup(visible);
-  }, [visible]);
   const renderLeftOnCustomSwitch = () => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, custom && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left-icon`, onClick: onSwitchModule }, React__default.isValidElement(backIcon) ? backIcon : /* @__PURE__ */ React__default.createElement(y$6, { color: "#cccccc" })));
   };
   const selectedExistItem = (data) => {
     onExistSelect && onExistSelect(data);
-    handClose();
+    handleClose();
   };
   const onSwitchModule = () => {
     if (currentType === "exist") {
@@ -13120,7 +13129,7 @@ const Address = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, currentType === "custom" || currentType === "custom2" ? /* @__PURE__ */ React__default.createElement(
     CustomRender,
     {
-      visible: showPopup,
+      visible: innerVisible,
       closeable: true,
       title: title || locale.address.selectRegion,
       left: renderLeftOnCustomSwitch(),
@@ -13130,7 +13139,7 @@ const Address = (props) => {
       optionKey,
       type: currentType,
       height,
-      onClose: handClose,
+      onClose: handleClose,
       onChange: (val, params) => {
         onChange == null ? void 0 : onChange(val, params);
       }
@@ -13138,12 +13147,13 @@ const Address = (props) => {
   ) : /* @__PURE__ */ React__default.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__default.createElement(
       "div",
@@ -13167,6 +13177,7 @@ const Address = (props) => {
     )
   ));
 };
+const Address = forwardRef(InternalAddress);
 Address.defaultProps = defaultProps$$;
 Address.displayName = "NutAddress";
 const Utils = {
@@ -18021,7 +18032,7 @@ const Range = (props) => {
     setEaxctValue(newValue);
     updateValue(newValue);
   };
-  const onTouchEnd = (event) => {
+  const onTouchEnd = () => {
     if (disabled) {
       return;
     }
@@ -18070,8 +18081,8 @@ const Range = (props) => {
           onTouchStart(e);
         },
         onTouchMove: (e) => onTouchMove(e),
-        onTouchEnd: (e) => onTouchEnd(),
-        onTouchCancel: (e) => onTouchEnd(),
+        onTouchEnd,
+        onTouchCancel: onTouchEnd,
         onClick: (e) => e.stopPropagation()
       },
       renderButton(index)
@@ -18082,8 +18093,8 @@ const Range = (props) => {
       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()
@@ -18976,6 +18987,7 @@ class FileItem {
     __publicField(this, "path");
     __publicField(this, "percentage", 0);
     __publicField(this, "formData", new FormData());
+    __publicField(this, "responseText");
   }
 }
 const InternalUploader = (props, ref) => {
@@ -19106,6 +19118,7 @@ const InternalUploader = (props, ref) => {
           if (item.uid === fileItem.uid) {
             item.status = "success";
             item.message = locale.uploader.success;
+            item.responseText = responseText;
           }
           return item;
         });
@@ -19123,6 +19136,7 @@ const InternalUploader = (props, ref) => {
           if (item.uid === fileItem.uid) {
             item.status = "error";
             item.message = locale.uploader.error;
+            item.responseText = responseText;
           }
           return item;
         });
@@ -21991,7 +22005,7 @@ const Audio = (props) => {
     }
   };
   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);