@nutui/nutui-react-taro 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/esm/form.taro-423b0f0a.js

@@ -1,179 +0,0 @@
-import React, { useRef } from 'react';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-import { C as CellGroup } from './cellgroup.taro-e05ea802.js';
-import { a as FormItemContext, F as FormItem } from './formitem.taro-b550d29c.js';
-
-/**
- * 用于存储表单的数据
- */
-class FormStore {
-    store = {}; // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
-    fieldEntities = []; // 所有的组件实例
-    // 成功和失败的回调
-    callbacks = {};
-    errList = [];
-    constructor() {
-        this.callbacks = {
-            onFinish: (value) => { },
-            onFinishFailed: () => { },
-        };
-    }
-    /**
-     * 注册组件实例
-     * @param field
-     */
-    registerField = (field) => {
-        this.fieldEntities.push(field);
-        return () => {
-            this.fieldEntities = this.fieldEntities.filter((item) => item != field);
-            delete this.store[field.props.name];
-        };
-    };
-    getFieldValue = (name) => {
-        return this.store[name];
-    };
-    /**
-     * 存储组件数据
-     * @param newStore { [name]: newValue }
-     */
-    setFieldsValue = (newStore) => {
-        this.store = {
-            ...this.store,
-            ...newStore,
-        };
-        this.fieldEntities.forEach((enetity) => {
-            const { name } = enetity.props;
-            Object.keys(newStore).forEach((key) => {
-                if (key === name) {
-                    enetity.onStoreChange();
-                }
-            });
-        });
-    };
-    /**
-     * 表单校验
-     * rules: { required: true, message: '' }
-     * descriptor: {
-     *    username: {
-     *      type: 'string',
-     *      required: true,
-     *      validator: (rule, value) => {
-     *        return /^[a-zA-Z0-9]+$/.test(value)
-     *      },
-     *    },
-     *  }
-     */
-    validate = () => {
-        const err = [];
-        this.errList.length = 0;
-        this.fieldEntities.forEach((entity) => {
-            const { name, rules = [] } = entity.props;
-            const descriptor = {};
-            if (rules.length) {
-                // 多条校验规则
-                if (rules.length > 1) {
-                    descriptor[name] = [];
-                    rules.map((v) => {
-                        descriptor[name].push(v);
-                    });
-                }
-                else {
-                    descriptor[name] = rules[0];
-                }
-            }
-            // const validator = new Schema(descriptor)
-            // validator.validate({ [name]: this.store[name] }, (errors) => {
-            //   if (errors) {
-            //     err.push(...errors)
-            //     this.errList.push(...errors)
-            //     // 表单项更新
-            //   }
-            //   entity.onStoreChange()
-            // })
-        });
-        return err;
-    };
-    setCallback = (callback) => {
-        this.callbacks = {
-            ...this.callbacks,
-            ...callback,
-        };
-    };
-    submit = () => {
-        const err = this.validate();
-        if (err.length === 0) {
-            this.callbacks.onFinish?.(this.store);
-        }
-        else if (err.length > 0) {
-            this.callbacks.onFinishFailed?.(err);
-        }
-    };
-    resetFields = () => { };
-    getForm = () => {
-        return {
-            setCallback: this.setCallback,
-            registerField: this.registerField,
-            getFieldValue: this.getFieldValue,
-            setFieldsValue: this.setFieldsValue,
-            submit: this.submit,
-            store: this.store,
-            errList: this.errList,
-            fieldEntities: this.fieldEntities,
-        };
-    };
-}
-const useForm = (form) => {
-    const formRef = useRef();
-    if (!formRef.current) {
-        if (form) {
-            formRef.current = form;
-        }
-        else {
-            const formStore = new FormStore();
-            formRef.current = formStore.getForm();
-        }
-    }
-    return [formRef.current];
-};
-
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    style: undefined,
-    form: {},
-    labelPosition: 'Right',
-    formGroupTitle: '',
-    onFinish: (obj) => { },
-    onFinishFailed: (value) => { },
-    starPositon: 'Left',
-};
-const PositionInfo = {
-    Top: 'form-layout-top',
-    Left: 'form-layout-left',
-    Right: 'form-layout-right',
-};
-const Form = (props) => {
-    const { children, onFinish, onFinishFailed, labelPosition, starPositon, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    console.log('46 dddd');
-    const [formInstance] = useForm();
-    formInstance.starPositon = starPositon;
-    const { setCallback, submit } = formInstance;
-    setCallback({
-        onFinish,
-        onFinishFailed,
-    });
-    return (React.createElement("form", { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
-            e.preventDefault();
-            submit();
-        } },
-        React.createElement(CellGroup, null,
-            React.createElement(FormItemContext.Provider, { value: formInstance }, children))));
-};
-Form.defaultProps = defaultProps;
-Form.displayName = 'NutForm';
-Form.Item = FormItem;
-
-export { Form as F };

package/dist/esm/formitem.taro-b550d29c.js

@@ -1,89 +0,0 @@
-import React, { createContext } from 'react';
-import { C as Cell } from './cell.taro-ea725a95.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const FormItemContext = createContext({});
-
-const defaultProps = {
-    ...ComponentDefaults,
-    name: '',
-    label: '',
-    className: '',
-    rules: [{ required: false, message: '' }],
-    disabled: false,
-    labelWidth: 90,
-    errorMessageAlign: 'left',
-    showErrorLine: true,
-    showErrorMessage: true,
-};
-class FormItem extends React.Component {
-    static defaultProps = defaultProps;
-    static contextType = FormItemContext;
-    cancelRegister;
-    componentDidMount() {
-        // 注册组件实例到FormStore
-        this.cancelRegister = this.context.registerField(this);
-    }
-    componentWillUnmount() {
-        if (this.cancelRegister) {
-            this.cancelRegister();
-        }
-    }
-    // children添加value属性和onChange事件
-    getControlled = (children) => {
-        const { getFieldValue, setFieldsValue } = this.context;
-        const { name } = this.props;
-        const type = children.type.NAME;
-        return {
-            value: getFieldValue(name),
-            onChange: (event) => {
-                let newValue = event;
-                switch (type) {
-                    case 'checkbox':
-                        newValue = event.target
-                            .value;
-                        break;
-                }
-                setFieldsValue({ [name]: newValue });
-            },
-        };
-    };
-    onStoreChange = () => {
-        this.forceUpdate();
-    };
-    renderLayout = (childNode) => {
-        const { label, name, rules = [{ required: false, message: '' }], className, labelWidth, errorMessageAlign, showErrorLine, showErrorMessage, } = {
-            ...defaultProps,
-            ...this.props,
-        };
-        const item = this.context.errList?.length > 0 &&
-            this.context.errList?.filter((item) => {
-                return item.field === name;
-            });
-        const { starPositon } = this.context;
-        const renderStar = rules.length > 0 && rules[0].required && (React.createElement("i", { className: "required" }));
-        const renderLabel = starPositon === 'Right' ? (React.createElement(React.Fragment, null,
-            label,
-            renderStar)) : (React.createElement(React.Fragment, null,
-            renderStar,
-            label));
-        return (React.createElement(Cell, { className: `nut-form-item ${className}` },
-            label ? (React.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
-                    width: this.pxCheck(labelWidth),
-                } }, renderLabel)) : null,
-            React.createElement("div", { className: "nut-cell__value nut-form-item__body" },
-                React.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
-                item.length > 0 && (React.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)))));
-    };
-    pxCheck = (value) => {
-        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-    };
-    render() {
-        const { children } = this.props;
-        const c = Array.isArray(children) ? children[0] : children;
-        const returnChildNode = React.cloneElement(c, this.getControlled(c));
-        return this.renderLayout(returnChildNode);
-    }
-}
-
-export { FormItem as F, FormItemContext as a };

package/dist/esm/get-scroll-parent-b4a07e65.js

@@ -1,25 +0,0 @@
-import { c as canUseDom } from './can-use-dom-3eeb5af4.js';
-
-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;
-}
-
-export { getScrollParent as g };

package/dist/esm/grid.taro-883a9c35.js

@@ -1,49 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { a as GridContext, G as GridItem, p as pxCheck } from './griditem.taro-16c7055b.js';
-
-const defaultProps = {
-    columns: 4,
-    gap: 0,
-    center: true,
-    square: false,
-    reverse: false,
-    direction: 'vertical',
-};
-const Grid = (props) => {
-    const { children, columns, gap, center, square, reverse, direction, style, className, onClick, ...rest } = { ...defaultProps, ...props };
-    const childrenDom = React.Children.toArray(children);
-    const classPrefix = 'nut-grid';
-    const rootClass = () => {
-        return classNames(className, classPrefix, {
-            [`${classPrefix}__border`]: !gap,
-        });
-    };
-    const rootStyle = () => {
-        let styleSelf = {};
-        if (style) {
-            styleSelf = style;
-        }
-        if (gap) {
-            styleSelf.paddingLeft = pxCheck(gap);
-        }
-        return styleSelf;
-    };
-    return (React.createElement("div", { className: rootClass(), style: rootStyle(), ...rest },
-        React.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
-            return React.cloneElement(item, {
-                index: idex,
-                columns,
-                center,
-                gap,
-                square,
-                reverse,
-                direction,
-            });
-        }))));
-};
-Grid.defaultProps = defaultProps;
-Grid.displayName = 'NutGrid';
-Grid.Item = GridItem;
-
-export { Grid as G };

package/dist/esm/griditem.taro-16c7055b.js

@@ -1,80 +0,0 @@
-import React, { useContext } from 'react';
-import classNames from 'classnames';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-
-const gridContext = {
-    onClick: (item, index) => { },
-};
-var GridContext = React.createContext(gridContext);
-
-const pxCheck = (value) => {
-    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-};
-
-const defaultProps = {
-    text: '',
-    columns: 4,
-    gap: 0,
-    center: true,
-    square: false,
-    reverse: false,
-    direction: 'vertical',
-};
-const GridItem = (props) => {
-    useConfig();
-    const { children, style, columns, index, gap, square, text, center, reverse, direction, className, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-grid-item';
-    const classes = classNames(classPrefix, className);
-    const context = useContext(GridContext);
-    const rootStyle = () => {
-        const styles = {
-            flexBasis: `${100 / +columns}%`,
-            ...style,
-        };
-        if (square) {
-            styles.paddingTop = `${100 / +columns}%`;
-        }
-        else if (gap) {
-            styles.paddingRight = pxCheck(gap);
-            if (index >= Number(columns)) {
-                styles.marginTop = pxCheck(gap);
-            }
-        }
-        return styles;
-    };
-    const contentClass = () => {
-        return classNames(`${classPrefix}__content`, {
-            [`${classPrefix}__content--border`]: true,
-            [`${classPrefix}__content--surround`]: gap,
-            [`${classPrefix}__content--center`]: center,
-            [`${classPrefix}__content--square`]: square,
-            [`${classPrefix}__content--reverse`]: reverse,
-            [`${classPrefix}__content--${direction}`]: !!direction,
-        });
-    };
-    const handleClick = (e) => {
-        onClick && onClick(e);
-        context.onClick &&
-            context.onClick({
-                text,
-                index,
-                columns,
-                gap,
-                center,
-                square,
-                reverse,
-                direction,
-            }, index);
-    };
-    return (React.createElement("div", { className: classes, style: rootStyle(), ...rest, onClick: handleClick },
-        React.createElement("div", { className: contentClass() },
-            children && React.createElement(React.Fragment, null, children),
-            text && React.createElement("div", { className: `${classPrefix}__text` }, text))));
-};
-GridItem.defaultProps = defaultProps;
-GridItem.displayName = 'NutGridItem';
-
-export { GridItem as G, GridContext as a, pxCheck as p };

package/dist/esm/image.taro-3025e659.js

@@ -1,64 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Image as Image$1, ImageError } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-
-const defaultProps = {
-    fit: 'fill',
-    position: 'center',
-    alt: '',
-    width: 'center',
-    height: '',
-    round: false,
-    showError: true,
-    showLoading: true,
-};
-const Image = (props) => {
-    useConfig();
-    const { children, className, style, src, fit, position, alt, width, height, round, radius, showError, showLoading, slotError, slotLoding, onClick, onLoad, onError, } = { ...defaultProps, ...props };
-    const [loading, setLoading] = useState(true);
-    const [isError, setIsError] = useState(false);
-    useEffect(() => {
-        if (src) {
-            setIsError(false);
-            setLoading(true);
-        }
-    }, [src]);
-    // 图片加载
-    const load = () => {
-        setLoading(false);
-        onLoad && onLoad();
-    };
-    // 图片加载失败
-    const error = () => {
-        setIsError(true);
-        setLoading(false);
-        onError && onError();
-    };
-    const pxCheck = (value) => {
-        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-    };
-    const stylebox = {
-        height: height ? pxCheck(height) : '',
-        width: width ? pxCheck(width) : '',
-        overflow: radius !== undefined && radius !== null ? 'hidden' : '',
-        borderRadius: radius !== undefined && radius !== null ? pxCheck(radius) : '',
-    };
-    const styles = {
-        objectFit: fit,
-        objectPosition: position,
-        ...style,
-    };
-    const imageClick = (event) => {
-        onClick && onClick(event);
-    };
-    return (React.createElement("div", { className: `nut-image ${round ? 'nut-image-round' : ''}`, style: stylebox, onClick: (e) => {
-            imageClick(e);
-        } },
-        React.createElement("img", { className: "nut-img", style: styles, src: src, alt: alt, onLoad: load, onError: error }),
-        showLoading && loading ? (React.createElement("div", { className: "nut-img-loading" }, slotLoding || children || React.createElement(Image$1, null))) : null,
-        showError && isError && !loading ? (React.createElement("div", { className: "nut-img-error" }, slotError || children || React.createElement(ImageError, null))) : null));
-};
-Image.defaultProps = defaultProps;
-Image.displayName = 'NutImage';
-
-export { Image as I };

package/dist/esm/imagepreview.taro-d511342c.js

@@ -1,167 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-89cc342a.js';
-import { S as Swiper } from './swiper.taro-c0e9a56b.js';
-import { S as SwiperItem } from './swiperitem-abab7606.js';
-
-const defaultProps = {
-    images: [],
-    videos: [],
-    show: false,
-    autoplay: 3000,
-    initNo: 1,
-    contentClose: false,
-    paginationVisible: false,
-    paginationColor: '#fff',
-    onClose: () => { },
-};
-const ImagePreview = (props) => {
-    const { images, videos, show, initNo, paginationColor, paginationVisible, autoplay, contentClose, onClose, } = props;
-    const nutImagePreview = useRef(null);
-    const [showPop, setShowPop] = useState(false);
-    const [active, setActive] = useState(1);
-    const [maxNo, setMaxNo] = useState(1);
-    const [store, setStore] = useState({
-        scale: 1,
-        moveable: false,
-    });
-    const [lastTouchEndTime, setLastTouchEndTime] = useState(0); // 用来辅助监听双击
-    const onTouchStart = (event) => {
-        const touches = event.touches;
-        const events = touches[0];
-        const events2 = touches[1];
-        // 如果已经放大，双击应变回原尺寸；如果是原尺寸，双击应放大
-        const curTouchTime = new Date().getTime();
-        if (curTouchTime - lastTouchEndTime < 300) {
-            const store1 = store;
-            if (store1.scale > 1) {
-                store1.scale = 1;
-            }
-            else if (store1.scale === 1) {
-                store1.scale = 2;
-            }
-            scaleNow();
-        }
-        const store1 = store;
-        store1.moveable = true;
-        if (events2) {
-            // 如果开始两指操作，记录初始时刻两指间的距离
-            store1.oriDistance = getDistance({
-                x: events.pageX,
-                y: events.pageY,
-            }, {
-                x: events2.pageX,
-                y: events2.pageY,
-            });
-        }
-        // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
-        store1.originScale = store1.scale || 1;
-    };
-    const onTouchMove = (event) => {
-        const touches = event.touches;
-        const events = touches[0];
-        const events2 = touches[1];
-        if (!store.moveable) {
-            return;
-        }
-        const store1 = store;
-        // 双指移动
-        if (events2) {
-            // 获得当前两点间的距离
-            const curDistance = getDistance({
-                x: events.pageX,
-                y: events.pageY,
-            }, {
-                x: events2.pageX,
-                y: events2.pageY,
-            });
-            /** 此处计算倍数，距离放大（缩小） k 倍则 scale 也 扩大（缩小） k 倍。距离放大（缩小）倍数 = 结束时两点距离 除以 开始时两点距离
-             * 注意此处的 scale 变化是基于 store.scale 的。
-             * store.scale 是一个暂存值，比如第一次放大 2 倍，则 store.scale 为 2。
-             * 再次两指触碰的时候，store.originScale 就为 store.scale 的值，基于此时的 store.scale 继续放大缩小。 * */
-            const curScale = curDistance / store1.oriDistance;
-            store1.scale = store1.originScale * curScale;
-            // 最大放大 3 倍，缩小后松手要弹回原比例
-            if (store1.scale > 3) {
-                store1.scale = 3;
-            }
-            scaleNow();
-        }
-    };
-    const onTouchEnd = () => {
-        setLastTouchEndTime(new Date().getTime());
-        const store1 = store;
-        store1.moveable = false;
-        if ((store1.scale < 1.1 && store1.scale > 1) || store1.scale < 1) {
-            store1.scale = 1;
-            scaleNow();
-        }
-    };
-    const init = () => {
-        document.addEventListener('touchmove', onTouchMove);
-        document.addEventListener('touchend', onTouchEnd);
-        document.addEventListener('touchcancel', onTouchEnd);
-    };
-    useEffect(() => {
-        if (show !== undefined) {
-            setShowPop(show);
-            init();
-        }
-    }, [show]);
-    useEffect(() => {
-        if (initNo !== undefined) {
-            setActive(initNo);
-        }
-        if (show !== undefined) {
-            setShowPop(show);
-        }
-        if (images && videos) {
-            setMaxNo(images.length + videos.length);
-        }
-    }, []);
-    const scaleNow = () => {
-        if (nutImagePreview.current) {
-            nutImagePreview.current.style.transform = `scale(${store.scale})`;
-        }
-    };
-    const onCloseInner = () => {
-        setShowPop(false);
-        setActive(1);
-        scaleNow();
-        onClose && onClose();
-        setStore({
-            ...store,
-            scale: 1,
-        });
-    };
-    // 计算两个点的距离
-    const getDistance = (first, second) => {
-        // 计算两个点起始时刻的距离和终止时刻的距离，终止时刻距离变大了则放大，变小了则缩小
-        // 放大 k 倍则 scale 也 扩大 k 倍
-        return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
-    };
-    const slideChangeEnd = (page) => {
-        setActive(page + 1);
-    };
-    const closeOnImg = () => {
-        // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
-        if (contentClose) {
-            onCloseInner();
-        }
-    };
-    return (React.createElement(Popup, { visible: showPop, className: "custom-pop", style: { width: '100%' }, onClick: onCloseInner },
-        React.createElement("div", { className: "nut-imagepreview", ref: nutImagePreview, onClick: closeOnImg, onTouchStart: onTouchStart },
-            React.createElement(Swiper, { autoPlay: autoplay, className: "nut-imagepreview-swiper", loop: true, isPreventDefault: false, style: { display: showPop ? 'block' : 'none' }, direction: "horizontal", onChange: slideChangeEnd, initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), paginationColor: paginationColor, paginationVisible: paginationVisible }, images && images.length > 0
-                ? images.map((item, index) => {
-                    return (React.createElement(SwiperItem, { key: index },
-                        React.createElement("img", { src: item.src, alt: "", className: "nut-imagepreview-img" })));
-                })
-                : [])),
-        React.createElement("div", { className: "nut-imagepreview-index" },
-            active,
-            "/",
-            (images ? images.length : 0) + (videos ? videos.length : 0))));
-};
-ImagePreview.defaultProps = defaultProps;
-ImagePreview.displayName = 'NutImagePreview';
-
-export { ImagePreview as I };

package/dist/esm/index-5bcb0ff8.js

@@ -1,7 +0,0 @@
-const isObject = (val) => val !== null && typeof val === 'object';
-const isFunction = (val) => typeof val === 'function';
-const isPromise = (val) => {
-    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-
-export { isObject as a, isPromise as i };

package/dist/esm/indicator.taro-bfb21d45.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-
-const defaultProps = {
-    total: 3,
-    current: 1,
-    direction: 'horizontal',
-};
-const classPrefix = `nut-indicator`;
-const Indicator = (props) => {
-    const { total, current, children, className, direction, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classes = classNames({
-        [`${classPrefix}__vertical`]: direction === 'vertical',
-    });
-    const renderElement = () => {
-        const childs = [];
-        for (let item = 1; item <= total; item++) {
-            childs.push(item === current ? (React.createElement(React.Fragment, null, children || (React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })))) : (React.createElement("div", { key: item, className: `${classPrefix}__dot` })));
-        }
-        return childs;
-    };
-    return (React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement()));
-};
-Indicator.defaultProps = defaultProps;
-Indicator.displayName = 'NutIndicator';
-
-export { Indicator as I };