@nutui/nutui-react-taro 1.4.5 → 1.4.6-beta.0

package/dist/esm/{popup.taro-cb777e09.js → popup.taro-89809b25.js}

@@ -2,8 +2,8 @@ import React__default, { useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
-import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-98367bc1.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-1e74a71d.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
@@ -22,7 +22,6 @@ const defaultProps = {
     round: false,
     onOpen: () => { },
     onClose: () => { },
-    onClick: (e) => { },
     onOpened: (e) => { },
     onClosed: (e) => { },
     onClickOverlay: (e) => { },
@@ -51,13 +50,13 @@ const Popup = (props) => {
     };
     const classes = classNames({
         round,
-        [`popup-${position}`]: true,
+        [`nut-popup-${position}`]: true,
         [`${popClass}`]: true,
         [`${className}`]: true,
     }, b(''));
     const closeClasses = classNames({
-        'nutui-popup__close-icon': true,
-        [`nutui-popup__close-icon--${closeIconPosition}`]: true,
+        'nut-popup__close-icon': true,
+        [`nut-popup__close-icon--${closeIconPosition}`]: true,
     });
     const open = () => {
         if (!innerVisible) {
@@ -127,7 +126,7 @@ const Popup = (props) => {
         !visible && close();
     }, [visible]);
     useEffect(() => {
-        setTransitionName(transition || `popup-slide-${position}`);
+        setTransitionName(transition || `nut-popup-slide-${position}`);
     }, [position]);
     return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };

package/dist/esm/{progress.taro-623bc807.js → progress.taro-18e015e4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon-2242973e.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 

package/dist/esm/{pulltorefresh.taro-cab7b51c.js → pulltorefresh.taro-2b50fdf3.js}

@@ -2,33 +2,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { useSpring, animated } from '@react-spring/web';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
-
-const canUseDom = !!(typeof window !== 'undefined' &&
-    typeof document !== 'undefined' &&
-    window.document &&
-    window.document.createElement);
-
-const defaultRoot = canUseDom ? window : undefined;
-const overflowStylePatterns = ['scroll', 'auto', 'overlay'];
-function isElement(node) {
-    const ELEMENT_NODE_TYPE = 1;
-    return node.nodeType === ELEMENT_NODE_TYPE;
-}
-function getScrollParent(el, root = defaultRoot) {
-    let node = el;
-    while (node && node !== root && isElement(node)) {
-        if (node === document.body) {
-            return root;
-        }
-        const { overflowY } = window.getComputedStyle(node);
-        if (overflowStylePatterns.includes(overflowY) &&
-            node.scrollHeight > node.clientHeight) {
-            return node;
-        }
-        node = node.parentNode;
-    }
-    return root;
-}
+import { c as canUseDom, g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
 
 function bound(position, min, max) {
     let ret = position;

package/dist/esm/{range.taro-5d6ff217.js → range.taro-b628f1ed.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
-import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
-import { T as Toast } from './toast.taro-0804b6b4.js';
+import { g as getRectByTaro } from './useClientRect-4506e52f.js';
+import { T as Toast } from './toast.taro-0f972a92.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 
 const defaultProps = {

package/dist/esm/{rate.taro-10197384.js → rate.taro-17b84a51.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon-2242973e.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 const defaultProps = {

package/dist/esm/{searchbar.taro-839dd622.js → searchbar.taro-141827e2.js}

@@ -1,8 +1,8 @@
 import React__default, { useRef, useState, useEffect } from 'react';
-import Taro from '@tarojs/taro';
+import { getEnv } from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 const defaultProps = {
@@ -53,7 +53,7 @@ const SearchBar = (props) => {
         }
     }, [autoFocus]);
     const renderField = () => {
-        return (React__default.createElement("input", { className: `${searchbarBem('input')}  ${searchbarBem(alignClass)} ${shape === 'round' ? searchbarBem('round') : ''} ${clearable ? searchbarBem('input-clear') : ''}`, ref: searchRef, style: { ...props.style, background: props.inputBackground }, value: value || '', placeholder: placeholder || locale.placeholder, disabled: disabled, readOnly: readOnly, maxLength: maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) }));
+        return (React__default.createElement("input", { className: `${searchbarBem('input')}  ${searchbarBem(alignClass)} ${shape === 'round' ? searchbarBem('round') : ''} ${clearable ? searchbarBem('input-clear') : ''}`, ref: searchRef, style: { ...props.style }, value: value || '', placeholder: placeholder || locale.placeholder, disabled: disabled, readOnly: readOnly, maxLength: maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) }));
     };
     const clickInput = (e) => {
         onClickInput && onClickInput(e);
@@ -129,12 +129,12 @@ const SearchBar = (props) => {
         return null;
     };
     const envClass = () => {
-        return Taro.getEnv() === 'WEB' ? 'nut-searchbar-taro' : '';
+        return getEnv() === 'WEB' ? 'nut-searchbar-taro' : '';
     };
     return (React__default.createElement("div", { className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem('disabled') : ''}  ${className || ''}`, style: { ...props.style, background: props.background } },
         renderLeftoutIcon(),
         renderLabel(),
-        React__default.createElement("div", { className: `${searchbarBem('content')}` },
+        React__default.createElement("div", { className: `${searchbarBem('content')}`, style: { background: props.inputBackground } },
             renderLeftinIcon(),
             React__default.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
             renderRightinIcon(),

package/dist/esm/{shortpassword.taro-182d46f7.js → shortpassword.taro-e1f53ee7.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { P as Popup } from './popup.taro-cb777e09.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { P as Popup } from './popup.taro-89809b25.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 

package/dist/esm/{sidenavbar.taro-006cf38b.js → sidenavbar.taro-f44d12ac.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
-import { P as Popup } from './popup.taro-cb777e09.js';
+import { P as Popup } from './popup.taro-89809b25.js';
 import { O as OffsetContext } from './offsetContext-bfb02c25.js';
 
 const defaultProps = {

package/dist/esm/{signature.taro-33632585.js → signature.taro-d3416fcd.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import Taro from '@tarojs/taro';
-import { B as Button } from './button.taro-4ce133b9.js';
+import { B as Button } from './button.taro-b7c5f5a7.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 

package/dist/esm/{skeleton.taro-853ce460.js → skeleton.taro-6821b2c6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import classNames from 'classnames';
-import { A as Avatar } from './avatar.taro-85ced995.js';
+import { A as Avatar } from './avatar.taro-1d2bf09a.js';
 import { c as cn } from './bem-893ad28d.js';
 
 const defaultProps = {

package/dist/esm/{step.taro-1c94e067.js → step.taro-891c020b.js}

@@ -2,7 +2,7 @@ import React__default, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-68f62e66.js';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 const defaultProps = {

package/dist/esm/sticky.taro-2d9b2804.js

@@ -0,0 +1,133 @@
+import React__default, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
+import { g as getRectByTaro } from './useClientRect-4506e52f.js';
+import { getEnv, usePageScroll, getSystemInfoSync } from '@tarojs/taro';
+import { g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
+
+function useWatch(dep, callback, config = { immediate: false }) {
+    const { immediate } = config;
+    const prev = useRef();
+    const inited = useRef(false);
+    const stop = useRef(false);
+    useEffect(() => {
+        const execute = () => callback(prev.current);
+        if (!stop.current) {
+            if (!inited.current) {
+                inited.current = true;
+                if (immediate) {
+                    execute();
+                }
+            }
+            else {
+                execute();
+            }
+            prev.current = dep;
+        }
+    }, [dep]);
+    return () => {
+        stop.current = true;
+    };
+}
+
+const defaultProps = {
+    position: 'top',
+    top: 0,
+    bottom: 0,
+    zIndex: 2000,
+};
+const Sticky = (props) => {
+    const { position = 'top', top = 0, bottom = 0, zIndex = 2000, children, container, className, onChange, ...rest } = props;
+    const stickyRef = useRef(null);
+    const rootRef = useRef(null);
+    const offset = position === 'top' ? top : bottom;
+    const [rootRect, setRootRect] = useState({});
+    const [fixed, setFixed] = useState(false);
+    const [transform, setTransform] = useState(0); //相对容器偏移距离
+    useWatch(fixed, () => {
+        onChange && onChange(fixed);
+    });
+    const rootStyle = useMemo(() => {
+        if (!fixed) {
+            return {
+                height: '',
+                width: '',
+            };
+        }
+        const style = {};
+        if (rootRect.height) {
+            style.height = rootRect.height;
+        }
+        if (rootRect.width) {
+            style.width = rootRect.width;
+        }
+        return style;
+    }, [fixed, rootRect.height, rootRect.width]);
+    const stickyStyle = useMemo(() => {
+        if (!fixed) {
+            return {
+                height: '',
+                width: '',
+                [position]: '',
+            };
+        }
+        let style = {};
+        if (rootRect.height)
+            style.height = rootRect.height;
+        if (rootRect.width)
+            style.width = rootRect.width;
+        style.transform = `translate3d(0, ${transform}px, 0)`;
+        style[position] = offset;
+        style.zIndex = zIndex;
+        return style;
+    }, [fixed, rootRect.height, rootRect.width, transform, position]);
+    const handleScroll = async (scrollTop) => {
+        const curRootRect = await getRectByTaro(rootRef.current);
+        const stickyRect = await getRectByTaro(stickyRef.current);
+        if (curRootRect && stickyRect) {
+            setRootRect(curRootRect);
+            if (position === 'top') {
+                if (container) {
+                    const containerRect = await getRectByTaro(container.current);
+                    const difference = containerRect.bottom - top - curRootRect.height;
+                    const curTransform = difference < 0 ? difference : 0;
+                    setTransform(curTransform);
+                    const curFixed = top > curRootRect.top && containerRect.bottom > 0;
+                    setFixed(curFixed);
+                }
+                else {
+                    setFixed(top > curRootRect.top);
+                }
+            }
+            else {
+                const windowHeight = getSystemInfoSync().windowHeight;
+                setFixed(windowHeight - offset < curRootRect.bottom);
+            }
+        }
+        else {
+            console.log('getRectByTaro获取失败', { stickyRect, curRootRect });
+        }
+    };
+    const getElement = useCallback(() => {
+        return getScrollParent(rootRef.current);
+    }, []);
+    useEffect(() => {
+        if (getEnv() === 'WEB' && getElement() !== window) {
+            window.addEventListener('touchmove', handleScroll, true);
+            window.addEventListener('scroll', handleScroll, true);
+            return () => {
+                window.removeEventListener('touchmove', handleScroll);
+                window.removeEventListener('scroll', handleScroll);
+            };
+        }
+    }, []);
+    usePageScroll((res) => {
+        if (getEnv() === 'WEAPP') {
+            handleScroll(res.scrollTop);
+        }
+    });
+    return (React__default.createElement("div", { ref: rootRef, style: rootStyle, className: `nut-sticky ${className}`, ...rest },
+        React__default.createElement("div", { className: `nut-sticky-box ${fixed ? 'nut-sticky-fixed' : ''}`, ref: stickyRef, style: stickyStyle }, children)));
+};
+Sticky.defaultProps = defaultProps;
+Sticky.displayName = 'NutSticky';
+
+export { Sticky as S };

package/dist/esm/{swipe.taro-83bc248f.js → swipe.taro-e6c2b808.js}

@@ -1,7 +1,7 @@
 import React__default, { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
-import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
+import { g as getRectByTaro } from './useClientRect-4506e52f.js';
 
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {

package/dist/esm/{tabbaritem.taro-8dfb8055.js → tabbaritem.taro-f4a91070.js}

@@ -1,7 +1,7 @@
 import React__default, { useEffect } from 'react';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 const defaultProps = {

package/dist/esm/{table.taro-cb4dd2c3.js → table.taro-d9b2794b.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 

package/dist/esm/{tabs.taro-e71875fa.js → tabs.taro-5030ce68.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 class Title {

package/dist/esm/{tag.taro-00fe554d.js → tag.taro-213ec444.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import classNames from 'classnames';
 

package/dist/esm/{timeselect.taro-3ecce65d.js → timeselect.taro-b04b1538.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-cb777e09.js';
+import { P as Popup } from './popup.taro-89809b25.js';
 import { T as TimePannel } from './timepannel.taro-29f9dd86.js';
 import { T as TimeDetail } from './timedetail.taro-c5f564fd.js';
 import { c as cn } from './bem-893ad28d.js';

package/dist/esm/{toast.taro-0804b6b4.js → toast.taro-0f972a92.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { I as Icon } from './icon-2242973e.js';
 
 const defaultProps = {
     id: '',

package/dist/esm/{trendarrow.taro-5a7153e4.js → trendarrow.taro-d79fc8e2.js}

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { I as Icon } from './icon.taro-c9254a81.js';
 
 const defaultProps = {
     rate: 0,

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

@@ -1,5 +1,5 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
-import Taro from '@tarojs/taro';
+import { InnerAudioContext } from '@tarojs/taro';
 import { BasicComponent } from '@/utils/typings';
 export interface AudioProps extends BasicComponent {
     className?: string;
@@ -8,11 +8,11 @@ export interface AudioProps extends BasicComponent {
     autoplay?: boolean;
     loop?: boolean;
     type: string;
-    onFastBack?: (ctx: Taro.InnerAudioContext) => void;
-    onForward?: (ctx: Taro.InnerAudioContext) => void;
+    onFastBack?: (ctx: InnerAudioContext) => void;
+    onForward?: (ctx: InnerAudioContext) => void;
     onPause?: any;
     onPlay?: any;
-    onPlayEnd?: (ctx: Taro.InnerAudioContext) => void;
-    onCanPlay?: (ctx: Taro.InnerAudioContext) => void;
+    onPlayEnd?: (ctx: InnerAudioContext) => void;
+    onCanPlay?: (ctx: InnerAudioContext) => void;
 }
-export declare const Audio: FunctionComponent<Partial<AudioProps> & (React.HTMLAttributes<HTMLDivElement> | Taro.InnerAudioContext)>;
+export declare const Audio: FunctionComponent<Partial<AudioProps> & (React.HTMLAttributes<HTMLDivElement> | InnerAudioContext)>;

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

@@ -14,6 +14,9 @@ export interface ImageProps {
     showLoading: boolean;
     slotLoding: React.ReactNode;
     slotError: React.ReactNode | string;
+    isLazy?: boolean;
+    loadingImg?: string;
+    errorImg?: string;
     onClick?: (e: MouseEvent) => void;
     onLoad?: () => void;
     onError?: () => void;

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

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import { ITouchEvent } from '@tarojs/components';
 export interface OverlayProps {
     zIndex: number;
     duration: number;
@@ -7,6 +8,7 @@ export interface OverlayProps {
     closeOnClickOverlay: boolean;
     visible: boolean;
     lockScroll: boolean;
+    onClick: (event: ITouchEvent) => void;
 }
 export declare const defaultOverlayProps: OverlayProps;
-export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Overlay: FunctionComponent<Partial<OverlayProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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

@@ -1,5 +1,6 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import { ITouchEvent } from '@tarojs/components';
 export type PopoverTheme = 'light' | 'dark';
 export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 export interface List {
@@ -16,7 +17,7 @@ export interface PopoverProps extends BasicComponent {
     className: string;
     style?: CSSProperties;
     children?: React.ReactNode;
-    onClick: (e: React.MouseEvent) => void;
+    onClick: (e: React.MouseEvent | ITouchEvent) => void;
     onChoose: (item: List, index: number) => void;
 }
 export declare const Popover: FunctionComponent<Partial<PopoverProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,5 @@
 import React, { FunctionComponent, MouseEvent } from 'react';
+import { ITouchEvent } from '@tarojs/components';
 import { OverlayProps } from '@/packages/overlay/overlay.taro';
 import { BasicComponent } from '@/utils/typings';
 type Teleport = HTMLElement | (() => HTMLElement) | null;
@@ -16,11 +17,10 @@ export interface PopupProps extends OverlayProps, BasicComponent {
     round: boolean;
     onOpen: () => void;
     onClose: () => void;
-    onClick: (e: MouseEvent) => void;
     onOpened: (e: HTMLElement) => void;
     onClosed: (e: HTMLElement) => void;
-    onClickOverlay: (e: MouseEvent) => void;
+    onClickOverlay: (e: ITouchEvent) => void;
     onClickCloseIcon: (e: MouseEvent) => void;
 }
-export declare const Popup: FunctionComponent<Partial<PopupProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Popup: FunctionComponent<Partial<PopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 export {};

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

@@ -1,4 +1,13 @@
 import React, { FunctionComponent } from 'react';
-export interface StickyProps {
+import { BasicComponent } from '@/utils/typings';
+export interface StickyProps extends BasicComponent {
+    container?: React.RefObject<HTMLElement>;
+    position?: 'top' | 'bottom';
+    className?: string;
+    top?: number;
+    bottom?: number;
+    zIndex?: number;
+    children: React.ReactNode;
+    onChange?: (val: boolean) => void;
 }
-export declare const Sticky: FunctionComponent<Partial<StickyProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Sticky: FunctionComponent<StickyProps>;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import Taro from '@tarojs/taro';
 import { UploadOptions } from './upload';
+import { BasicComponent } from '@/utils/typings';
 export type FileType<T> = {
     [key: string]: T;
 };
@@ -23,7 +24,6 @@ interface sourceType {
     /** 使用后置摄像头(仅H5纯浏览器) */
     environment: string;
 }
-import { BasicComponent } from '@/utils/typings';
 export interface UploaderProps extends BasicComponent {
     url: string;
     maximum: string | number;

package/dist/esm/{uploader.taro-f80d76d9.js → uploader.taro-1d745f4a.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { B as Button } from './button.taro-4ce133b9.js';
-import { P as Progress } from './progress.taro-623bc807.js';
-import Taro from '@tarojs/taro';
+import { uploadFile, getEnv, chooseImage } from '@tarojs/taro';
+import { I as Icon } from './icon.taro-c9254a81.js';
+import { B as Button } from './button.taro-b7c5f5a7.js';
+import { P as Progress } from './progress.taro-18e015e4.js';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-26882dd2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -161,7 +161,7 @@ const InternalUploader = (props, ref) => {
     useImperativeHandle(ref, () => ({
         submit: () => {
             Promise.all(uploadQueue).then((res) => {
-                res.forEach((i) => i.uploadTaro(Taro.uploadFile, Taro.getEnv()));
+                res.forEach((i) => i.uploadTaro(uploadFile, getEnv()));
             });
         },
     }));
@@ -174,16 +174,16 @@ const InternalUploader = (props, ref) => {
             setUploadQueue([]);
         }
     };
-    const chooseImage = () => {
+    const _chooseImage = () => {
         if (disabled) {
             return;
         }
-        Taro.chooseImage({
+        chooseImage({
             // 选择数量
             count: maximum * 1 - fileList.length,
             // 可以指定是原图还是压缩图，默认二者都有
-            sizeType: sizeType,
-            sourceType: sourceType,
+            sizeType,
+            sourceType,
             success: onChangeFn,
         });
     };
@@ -260,7 +260,7 @@ const InternalUploader = (props, ref) => {
         };
         const task = new Upload(uploadOption);
         if (props.autoUpload) {
-            task.uploadTaro(Taro.uploadFile, Taro.getEnv());
+            task.uploadTaro(uploadFile, getEnv());
         }
         else {
             uploadQueue.push(new Promise((resolve, reject) => {
@@ -283,7 +283,7 @@ const InternalUploader = (props, ref) => {
             fileItem.status = 'ready';
             fileItem.message = locale.uploader.readyUpload;
             fileItem.type = fileType;
-            if (Taro.getEnv() == 'WEB') {
+            if (getEnv() === 'WEB') {
                 const formData = new FormData();
                 for (const [key, value] of Object.entries(data)) {
                     formData.append(key, value);
@@ -318,7 +318,7 @@ const InternalUploader = (props, ref) => {
         if (oversizes.length) {
             onOversize && onOversize(files);
         }
-        let currentFileLength = filterFile.length + fileList.length;
+        const currentFileLength = filterFile.length + fileList.length;
         if (currentFileLength > maximum) {
             filterFile.splice(filterFile.length - (currentFileLength - maximum));
         }
@@ -357,17 +357,17 @@ const InternalUploader = (props, ref) => {
         children && (React__default.createElement("div", { className: "nut-uploader__slot" },
             React__default.createElement(React__default.Fragment, null,
                 children,
-                maximum > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: chooseImage }))))),
+                maximum > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
         fileList.length !== 0 &&
             fileList.map((item, index) => {
                 return (React__default.createElement("div", { className: `nut-uploader__preview ${listType}`, key: item.uid },
-                    listType == 'picture' && !children && (React__default.createElement("div", { className: "nut-uploader__preview-img" },
+                    listType === 'picture' && !children && (React__default.createElement("div", { className: "nut-uploader__preview-img" },
                         item.status === 'ready' ? (React__default.createElement("div", { className: "nut-uploader__preview__progress" },
                             React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message))) : (item.status !== 'success' && (React__default.createElement("div", { className: "nut-uploader__preview__progress" },
-                            React__default.createElement(Icon, { classPrefix: props.iconClassPrefix, fontClassName: props.iconFontClassName, color: "#fff", name: `${item.status == 'error' ? 'failure' : 'loading'}` }),
+                            React__default.createElement(Icon, { classPrefix: props.iconClassPrefix, fontClassName: props.iconFontClassName, color: "#fff", name: `${item.status === 'error' ? 'failure' : 'loading'}` }),
                             React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)))),
                         isDeletable && (React__default.createElement(Icon, { classPrefix: props.iconClassPrefix, fontClassName: props.iconFontClassName, color: "rgba(0,0,0,0.6)", className: "close", name: "failure", onClick: () => onDelete(item, index) })),
-                        item.type.includes('image') ? (React__default.createElement(React__default.Fragment, null, item.url && (React__default.createElement("img", { className: "nut-uploader__preview-img__c", src: item.url, onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, defaultImg ? (React__default.createElement("img", { className: "nut-uploader__preview-img__c", src: defaultImg, onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
+                        item.type.includes('image') ? (React__default.createElement(React__default.Fragment, null, item.url && (React__default.createElement("img", { className: "nut-uploader__preview-img__c", src: item.url, alt: "", onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, defaultImg ? (React__default.createElement("img", { className: "nut-uploader__preview-img__c", src: defaultImg, alt: "", onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
                             React__default.createElement("div", { onClick: () => handleItemClick(item), className: "nut-uploader__preview-img__file__name" },
                                 React__default.createElement(Icon, { classPrefix: props.iconClassPrefix, fontClassName: props.iconFontClassName, color: "#808080", name: "link" }),
                                 "\u00A0",
@@ -383,7 +383,7 @@ const InternalUploader = (props, ref) => {
             }),
         maximum > fileList.length && listType === 'picture' && !children && (React__default.createElement("div", { className: `nut-uploader__upload ${listType}` },
             React__default.createElement(Icon, { classPrefix: props.iconClassPrefix, fontClassName: props.iconFontClassName, size: uploadIconSize, color: "#808080", name: uploadIcon }),
-            React__default.createElement(Button, { className: "nut-uploader__input", onClick: chooseImage })))));
+            React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })))));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps;