@nutui/nutui-react-taro 2.0.0-alpha.0 → 2.0.0-alpha.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.10",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@bem-react/classname": "^1.6.0",
-    "@nutui/icons-react-taro": "0.0.1-beta.7",
+    "@nutui/icons-react-taro": "0.0.1-beta.8",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",

package/dist/esm/AvatarContext-c96afdcc.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const AvatarContext = createContext({});
-
-export { AvatarContext as A };

package/dist/esm/Icon.js

@@ -1,64 +0,0 @@
-import React__default from 'react';
-import { c as cn } from './bem-350c1702.js';
-import '@bem-react/classname';
-
-const defaultProps = {
-    name: '',
-    size: '',
-    classPrefix: 'nut-icon',
-    fontClassName: 'nutui-iconfont',
-    color: '',
-    tag: 'i',
-    onClick: (e) => { },
-    className: '',
-};
-function pxCheck(value) {
-    if (value === '') {
-        return value;
-    }
-    if (Number.isNaN(Number(value))) {
-        return String(value);
-    }
-    return `${value}px`;
-}
-function Icon(props) {
-    const { name, size, classPrefix, color, tag, children, className, fontClassName, style, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const isImage = name ? name.indexOf('/') !== -1 : false;
-    const type = isImage ? 'img' : tag;
-    const b = cn('icon');
-    const handleClick = (e) => {
-        if (onClick) {
-            onClick(e);
-        }
-    };
-    const hasSrc = () => {
-        if (isImage)
-            return { src: name };
-        return {};
-    };
-    const styles = {};
-    const checkedSize = pxCheck(size);
-    if (checkedSize) {
-        styles.width = styles.height = styles.fontSize = checkedSize;
-    }
-    return React__default.createElement(type, {
-        className: isImage
-            ? `${b('img')} ${className || ''} `
-            : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ''}`,
-        style: {
-            color,
-            ...styles,
-            ...style,
-        },
-        ...rest,
-        onClick: handleClick,
-        ...hasSrc(),
-    }, children);
-}
-Icon.defaultProps = defaultProps;
-Icon.displayName = 'NutIcon';
-
-export { Icon as default };

package/dist/esm/UserContext-0aac9a82.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataContext = createContext({});
-
-export { DataContext as D };

package/dist/esm/UserContext-e402e1a6.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataContext = createContext({});
-
-export { DataContext as D };

package/dist/esm/UserContext-e8176108.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataContext = createContext({});
-
-export { DataContext as D };

package/dist/esm/actionsheet.taro-b76a342e.js

@@ -1,53 +0,0 @@
-import React__default from 'react';
-import { P as Popup } from './popup.taro-124b9bab.js';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    cancelText: '',
-    optionTag: 'name',
-    optionSubTag: 'subname',
-    chooseTagValue: '',
-    title: '',
-    color: '#ee0a24',
-    description: '',
-    menuItems: [],
-    onCancel: () => { },
-    onChoose: () => { },
-    visible: false,
-    className: '',
-    style: {},
-};
-const ActionSheet = (props) => {
-    const { children, cancelText, optionTag, optionSubTag, chooseTagValue, title, color, description, menuItems, onCancel, onChoose, visible, className, style, ...rest } = { ...defaultProps, ...props };
-    const b = cn('actionsheet');
-    const isHighlight = (item) => {
-        return props.chooseTagValue &&
-            props.chooseTagValue === item[props.optionTag || 'name']
-            ? props.color
-            : '#1a1a1a';
-    };
-    const cancelActionSheet = () => {
-        onCancel && onCancel();
-    };
-    const chooseItem = (item, index) => {
-        if (!item.disable) {
-            onChoose && onChoose(item, index);
-        }
-    };
-    return (React__default.createElement(Popup, { round: true, visible: visible, position: "bottom", onClose: () => {
-            onCancel && onCancel();
-        } },
-        React__default.createElement("div", { className: `${b()} ${className}`, style: style, ...rest },
-            title && React__default.createElement("div", { className: b('title') }, title),
-            description && (React__default.createElement("div", { className: `${b('item')} description` }, description)),
-            menuItems.length ? (React__default.createElement("div", { className: b('menu') }, menuItems.map((item, index) => {
-                return (React__default.createElement("div", { className: `${b('item')} ${item.disable ? b('item-disabled') : ''}`, style: { color: isHighlight(item) }, key: index, onClick: () => chooseItem(item, index) },
-                    item[optionTag],
-                    React__default.createElement("div", { className: "subdesc" }, item[optionSubTag])));
-            }))) : (children),
-            cancelText && (React__default.createElement("div", { className: b('cancel'), onClick: () => cancelActionSheet() }, cancelText)))));
-};
-ActionSheet.defaultProps = defaultProps;
-ActionSheet.displayName = 'NutActionSheet';
-
-export { ActionSheet as A };

package/dist/esm/address.taro-1812caeb.js

@@ -1,461 +0,0 @@
-import React__default, { useEffect, useState, useRef } from 'react';
-import { Check, Location2, Left, CircleClose } from '@nutui/icons-react-taro';
-import { P as Popup } from './popup.taro-124b9bab.js';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider-9960f0fb.js';
-import { createSelectorQuery } from '@tarojs/taro';
-import { E as Elevator } from './elevator.taro-81a11ecc.js';
-import { u as useConfig$1 } from './configprovider.taro-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps$2 = {
-    type: 'custom',
-    existAddress: [],
-    defaultIcon: null,
-    selectedIcon: null,
-    isShowCustomAddress: true,
-    customAndExistTitle: '',
-};
-const ExistRender = (props) => {
-    const { locale } = useConfig();
-    const { children, type, existAddress, selectedIcon, defaultIcon, isShowCustomAddress, customAndExistTitle, onSelected, onClose, onSwitchModule, ...rest } = { ...defaultProps$2, ...props };
-    const b = cn('address');
-    // 选择现有地址
-    const selectedExist = (item) => {
-        const copyExistAdd = existAddress;
-        let prevExistAdd = {
-            provinceName: '',
-            cityName: '',
-            countyName: '',
-            townName: '',
-            addressDetail: '',
-            selectedAddress: false,
-        };
-        copyExistAdd.forEach((list, index) => {
-            if (list && list.selectedAddress) {
-                prevExistAdd = list;
-            }
-            list.selectedAddress = false;
-        });
-        item.selectedAddress = true;
-        onSelected && onSelected(prevExistAdd, item, copyExistAdd);
-    };
-    // 选择其他地址
-    const onSwitch = () => {
-        onSwitchModule &&
-            onSwitchModule({ type: type === 'exist' ? 'custom' : 'exist' });
-    };
-    useEffect(() => { }, [existAddress]);
-    return (React__default.createElement("div", { className: b('exist') },
-        React__default.createElement("div", { className: b('exist-group') },
-            React__default.createElement("ul", { className: b('exist-ul') }, existAddress.map((item, index) => {
-                return (React__default.createElement("li", { className: b('exist-item'), key: index },
-                    React__default.createElement("div", { onClick: () => selectedExist(item) },
-                        item.selectedAddress ? selectedIcon : defaultIcon,
-                        React__default.createElement("div", { className: b('exist-item-info') },
-                            item.name && item.phone && (React__default.createElement("div", { className: "exist-item-info-top" },
-                                React__default.createElement("div", { className: "exist-item-info-name" }, item.name),
-                                React__default.createElement("div", { className: "exist-item-info-phone" }, item.phone))),
-                            React__default.createElement("div", { className: "exist-item-info-bottom" },
-                                React__default.createElement("div", null, item.provinceName +
-                                    item.cityName +
-                                    item.countyName +
-                                    item.townName +
-                                    item.addressDetail))))));
-            }))),
-        isShowCustomAddress && (React__default.createElement("div", { className: b('choose-other'), onClick: onSwitch },
-            React__default.createElement("div", { className: b('choose-other-btn') }, customAndExistTitle || locale.address.chooseAnotherAddress)))));
-};
-
-const defaultProps$1 = {
-    modelValue: [],
-    type: 'custom',
-    province: [],
-    city: [],
-    country: [],
-    town: [],
-    height: '200px',
-};
-const CustomRender = (props) => {
-    const { locale } = useConfig$1();
-    const { children, type, modelValue, height, province, city, country, town, onNextArea, onTabClick, onClose, ...rest } = {
-        ...defaultProps$1,
-        ...props,
-    };
-    const b = cn('address');
-    const [privateType] = useState(type);
-    const [tabIndex, setTabIndex] = useState(0);
-    const [tabName] = useState(['province', 'city', 'country', 'town']);
-    useRef(null);
-    useRef(null);
-    useRef(null);
-    useRef(null);
-    const regionLine = useRef(null);
-    const isCustom2 = () => {
-        return type === 'custom2';
-    };
-    const transformData = (data) => {
-        if (!Array.isArray(data))
-            throw new TypeError('params muse be array.');
-        if (!data.length)
-            return [];
-        data.forEach((item) => {
-            if (!item.title) {
-                console.error('[NutUI] <Address> 请检查数组选项的 title 值是否有设置 ,title 为必填项 .');
-            }
-        });
-        const newData = [];
-        data = data.sort((a, b) => {
-            return a.title.localeCompare(b.title);
-        });
-        data.forEach((item) => {
-            const index = newData.findIndex((value) => value.title === item.title);
-            if (index <= -1) {
-                newData.push({
-                    title: item.title,
-                    list: [].concat(item),
-                });
-            }
-            else {
-                newData[index] = {
-                    title: item.title,
-                    list: newData[index].list.concat(item),
-                };
-            }
-        });
-        return newData;
-    };
-    const [regionList, setRegionList] = useState({
-        province: isCustom2() ? transformData(province) : province,
-        city: isCustom2() ? transformData(city) : city,
-        country: isCustom2() ? transformData(country) : country,
-        town: isCustom2() ? transformData(town) : town,
-    });
-    // 已选择的 省、市、县、镇
-    const [selectedRegion, setSelectedRegion] = useState({
-        province: { name: '' },
-        city: { name: '' },
-        country: { name: '' },
-        town: { name: '' },
-    });
-    const [lineDistance, setLineDistance] = useState(20);
-    // 获取已选地区列表名称
-    const getTabName = (item, index) => {
-        if (tabIndex > index) {
-            return item.name;
-        }
-        return locale.select;
-    };
-    // 移动下面的红线
-    const lineAnimation = (index) => {
-        setTimeout(() => {
-            const name = tabName[index];
-            createSelectorQuery()
-                .selectAll(`.${name}`)
-                .boundingClientRect((rects) => {
-                rects &&
-                    rects.length > 0 &&
-                    rects.forEach((rect) => {
-                        if (rect.width > 0)
-                            setLineDistance(rect.left || 20);
-                    });
-            })
-                .exec();
-        }, 100);
-    };
-    // 切换下一级列表
-    const nextAreaList = (item) => {
-        // onchange 接收的参数
-        const calBack = {
-            next: '',
-            value: '',
-            custom: tabName[tabIndex],
-        };
-        const bbselectedRegion = selectedRegion ? { ...selectedRegion } : null;
-        if (bbselectedRegion) {
-            setSelectedRegion({
-                ...bbselectedRegion,
-                [tabName[tabIndex]]: item,
-            });
-            calBack.selectedRegion = {
-                ...bbselectedRegion,
-                [tabName[tabIndex]]: item,
-            };
-            for (let i = tabIndex; i < tabIndex - 1; i++) {
-                setSelectedRegion({
-                    ...bbselectedRegion,
-                    [tabName[i + 1]]: null,
-                });
-                calBack.selectedRegion = {
-                    ...bbselectedRegion,
-                    [tabName[i + 1]]: {},
-                };
-            }
-        }
-        if (tabIndex < 4) {
-            // 切换下一个
-            if (tabIndex === 3) {
-                calBack.next = '';
-            }
-            else {
-                setTabIndex(() => tabIndex + 1);
-                lineAnimation(tabIndex + 1);
-                calBack.next = tabName[tabIndex + 1];
-            }
-            calBack.value = item;
-            onNextArea && onNextArea(calBack);
-        }
-        else {
-            onClose && onClose();
-        }
-    };
-    // 切换地区Tab
-    const changeRegionTab = (item, index, key) => {
-        if (getTabName(item, index)) {
-            setTabIndex(index);
-            lineAnimation(index);
-        }
-        onTabClick && onTabClick(key);
-    };
-    // 默认选中项
-    const initCustomSelected = () => {
-        if (modelValue.length > 0) {
-            let tagIndex = 0;
-            const selectedRegionC = selectedRegion && Object.assign(selectedRegion);
-            for (let index = 0; index < modelValue.length; index++) {
-                if (regionList[tabName[index]].length === 0) {
-                    tagIndex = index - 1;
-                    setTabIndex(index - 1);
-                    break;
-                }
-                else {
-                    const val = modelValue[index];
-                    const arr = regionList[tabName[index]];
-                    if (privateType === 'custom') {
-                        selectedRegionC[[tabName[index]]] = arr.filter((item) => item.id === val)[0];
-                    }
-                    else if (privateType === 'custom2') {
-                        const sumArr = [];
-                        arr.forEach((item) => {
-                            sumArr.push(...item.list);
-                        });
-                        selectedRegionC[[tabName[index]]] = sumArr.filter((item) => item.id === val)[0];
-                    }
-                    tagIndex = index;
-                    setSelectedRegion(selectedRegionC);
-                }
-            }
-            setTabIndex(tagIndex);
-            lineAnimation(tagIndex);
-        }
-    };
-    const handleElevatorItem = (key, item) => {
-        nextAreaList(item);
-    };
-    useEffect(() => {
-        const { province } = { ...defaultProps$1, ...props };
-        setRegionList({
-            ...regionList,
-            province: isCustom2() ? transformData(province) : province,
-        });
-    }, [province]);
-    useEffect(() => {
-        const { city } = { ...defaultProps$1, ...props };
-        setRegionList({
-            ...regionList,
-            city: isCustom2() ? transformData(city) : city,
-        });
-    }, [city]);
-    useEffect(() => {
-        const { country } = { ...defaultProps$1, ...props };
-        setRegionList({
-            ...regionList,
-            country: isCustom2() ? transformData(country) : country,
-        });
-    }, [country]);
-    useEffect(() => {
-        const { town } = { ...defaultProps$1, ...props };
-        setRegionList({
-            ...regionList,
-            town: isCustom2() ? transformData(town) : town,
-        });
-    }, [town]);
-    useEffect(() => {
-        initCustomSelected();
-    }, [modelValue]);
-    return (React__default.createElement("div", { className: b('custom') },
-        React__default.createElement("div", { className: b('region-tab') },
-            selectedRegion &&
-                Object.keys(selectedRegion).map((key, index) => {
-                    return (React__default.createElement("div", { className: `${b('tab-item')} ${index === tabIndex ? 'active' : ''} ${tabName[index]}`, key: index, onClick: () => changeRegionTab(selectedRegion[key], index, key) }, index <= tabIndex && (React__default.createElement("div", null, getTabName(selectedRegion[key], index)))));
-                }),
-            React__default.createElement("div", { className: b('tab-line'), ref: regionLine, style: { left: `${lineDistance}px` } })),
-        privateType === 'custom' && (React__default.createElement("div", { className: b('region-con') },
-            React__default.createElement("ul", { className: b('region-group') }, regionList[tabName[tabIndex]].map((item, index) => {
-                return (React__default.createElement("li", { key: index, className: b('region-item') },
-                    React__default.createElement("div", { onClick: () => {
-                            nextAreaList(item);
-                        } },
-                        selectedRegion &&
-                            selectedRegion[tabName[tabIndex]]
-                                .id === item.id && (React__default.createElement(Check, { className: b('region-item--icon'), color: "#FA2C19", size: "13px" })),
-                        item.name)));
-            })))),
-        privateType === 'custom2' && (React__default.createElement("div", { className: b('elevator-group') },
-            React__default.createElement(Elevator, { height: height, indexList: regionList[tabName[tabIndex]], onClickItem: handleElevatorItem })))));
-};
-
-const defaultProps = {
-    ...ComponentDefaults,
-    modelValue: false,
-    modelSelect: [],
-    type: 'custom',
-    customAddressTitle: '',
-    province: [],
-    city: [],
-    country: [],
-    town: [],
-    isShowCustomAddress: true,
-    existAddress: [],
-    existAddressTitle: '',
-    customAndExistTitle: '',
-    height: '200px',
-    defaultIcon: null,
-    selectedIcon: null,
-    closeBtnIcon: null,
-    backBtnIcon: null,
-};
-const Address = (props) => {
-    const { locale } = useConfig$1();
-    const { modelValue, modelSelect, children, type, height, customAddressTitle, existAddress, existAddressTitle, province, city, country, town, isShowCustomAddress, customAndExistTitle, selectedIcon, defaultIcon, closeBtnIcon, backBtnIcon, onChange, onSelected, onClose, onCancel, onSwitch, onTabChecked, style, className, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('address');
-    const [privateType, setPrivateType] = useState(type);
-    const [tabName] = useState(['province', 'city', 'country', 'town']);
-    const [showPopup, setShowPopup] = useState(modelValue);
-    const [selectedRegion, setSelectedRegion] = useState({
-        province: { name: '' },
-        city: { name: '' },
-        country: { name: '' },
-        town: { name: '' },
-    }); // 已选择的 省、市、县、镇
-    const [selectedExistAddress, setSelectedExistAddress] = useState({}); // 当前选择的地址
-    // 手动关闭 点击叉号(cross)，或者蒙层(mask)
-    const handClose = () => {
-        setShowPopup(false);
-    };
-    // 点击遮罩层关闭
-    const clickOverlay = () => {
-        onCancel && onCancel({ closeWay: 'mask' });
-    };
-    // 切换下一级列表
-    const nextAreaList = (item) => {
-        // onchange 接收的参数
-        const callbackParams = {
-            next: item.next,
-            value: item.value,
-            custom: item.custom,
-        };
-        setSelectedRegion({
-            ...item.selectedRegion,
-        });
-        onChange && onChange(callbackParams);
-    };
-    // 选择现有地址
-    const selectedExist = (prevExistAdd, item, copyExistAdd) => {
-        setSelectedExistAddress(item);
-        onSelected && onSelected(prevExistAdd, item, copyExistAdd);
-        handClose();
-    };
-    // 初始化
-    const initAddress = () => {
-        for (let i = 0; i < tabName.length; i++) {
-            setSelectedRegion({
-                ...selectedRegion,
-                [tabName[i]]: {},
-            });
-        }
-    };
-    // 关闭
-    const closeFun = () => {
-        const resCopy = {
-            addressIdStr: '',
-            addressStr: '',
-            ...selectedRegion,
-        };
-        const res = {
-            data: {
-                addressIdStr: '',
-                addressStr: '',
-                ...selectedRegion,
-            },
-            type: privateType,
-        };
-        if (privateType === 'custom' || privateType === 'custom2') {
-            const { province, city, country, town } = resCopy;
-            resCopy.addressIdStr = [
-                province.id || 0,
-                city.id || 0,
-                country.id || 0,
-                town.id || 0,
-            ].join('_');
-            resCopy.addressStr = [
-                province.name,
-                city.name,
-                country.name,
-                town.name,
-            ].join('');
-            res.data = resCopy;
-        }
-        else {
-            res.data = selectedExistAddress;
-        }
-        initAddress();
-        onClose && onClose(res);
-    };
-    // 选择其他地址
-    const onSwitchModule = () => {
-        if (privateType === 'exist') {
-            setPrivateType('custom');
-        }
-        else {
-            setPrivateType('exist');
-        }
-        initAddress();
-        onSwitch && onSwitch({ type: privateType });
-    };
-    const headerRender = () => {
-        return (React__default.createElement("div", { className: b('header') },
-            React__default.createElement("div", { className: "arrow-back", onClick: onSwitchModule }, privateType === 'custom' &&
-                (React__default.isValidElement(backBtnIcon) ? (backBtnIcon) : (React__default.createElement(Left, { color: "#cccccc" })))),
-            React__default.createElement("div", { className: b('header__title') }, privateType === 'custom'
-                ? customAddressTitle || locale.address.selectRegion
-                : existAddressTitle || locale.address.deliveryTo),
-            React__default.createElement("div", { onClick: () => handClose() }, React__default.isValidElement(closeBtnIcon) ? (closeBtnIcon) : (React__default.createElement(CircleClose, { size: 18, color: "#ccc" })))));
-    };
-    useEffect(() => {
-        setShowPopup(modelValue);
-    }, [modelValue]);
-    useEffect(() => {
-        if (!showPopup) {
-            closeFun();
-        }
-    }, [showPopup]);
-    return (React__default.createElement(React__default.Fragment, null, showPopup && (React__default.createElement(Popup, { visible: showPopup, position: "bottom", onClickOverlay: clickOverlay, onClose: () => {
-            closeFun();
-        } },
-        React__default.createElement("div", { className: `${b()} ${className || ''}`, style: { ...style }, ...rest },
-            headerRender(),
-            (privateType === 'custom' || privateType === 'custom2') && (React__default.createElement(CustomRender, { modelValue: modelSelect, type: privateType, province: province, city: city, country: country, town: town, height: height, onNextArea: (cal) => {
-                    nextAreaList && nextAreaList(cal);
-                }, onTabClick: (type) => {
-                    onTabChecked && onTabChecked(type);
-                }, onClose: handClose })),
-            privateType === 'exist' && (React__default.createElement(ExistRender, { type: privateType, existAddress: existAddress, selectedIcon: React__default.isValidElement(selectedIcon) ? (selectedIcon) : (React__default.createElement(Check, { color: "#FA2C19" })), defaultIcon: React__default.isValidElement(defaultIcon) ? (defaultIcon) : (React__default.createElement(Location2, null)), isShowCustomAddress: isShowCustomAddress, customAndExistTitle: customAndExistTitle || locale.address.chooseAnotherAddress, onSelected: selectedExist, onSwitchModule: onSwitchModule })))))));
-};
-Address.defaultProps = defaultProps;
-Address.displayName = 'NutAddress';
-
-export { Address as A };

package/dist/esm/animate.taro-fb7986d6.js

@@ -1,40 +0,0 @@
-import React__default, { useState } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    type: 'shake',
-    action: 'initial',
-    loop: false,
-    onClick: (event) => { },
-};
-const Animate = (props) => {
-    const { className, type, action, loop, onClick, children, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [clicked, setClicked] = useState(false);
-    const b = cn('animate');
-    const classes = classNames({
-        'nut-ani-container': true,
-        [`${b('')}-${type}`]: action === 'initial' || clicked ? type : false,
-        loop: loop,
-    });
-    const cls = classNames(classes, className);
-    const handleClick = (event) => {
-        setClicked(true);
-        //如果不是无限循环，清除类名
-        if (!loop) {
-            setTimeout(() => {
-                setClicked(false);
-            }, 1000);
-        }
-        onClick && onClick(event);
-    };
-    return (React__default.createElement("div", { className: "nut-animate" },
-        React__default.createElement("div", { className: cls, onClick: handleClick, ...rest }, children)));
-};
-Animate.defaultProps = defaultProps;
-Animate.displayName = 'NutAnimate';
-
-export { Animate as A };