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

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

@@ -1,30 +0,0 @@
-import React__default 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__default.createElement(React__default.Fragment, null, children || (React__default.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })))) : (React__default.createElement("div", { key: item, className: `${classPrefix}__dot` })));
-        }
-        return childs;
-    };
-    return (React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderElement()));
-};
-Indicator.defaultProps = defaultProps;
-Indicator.displayName = 'NutIndicator';
-
-export { Indicator as I };

package/dist/esm/infiniteloading.taro-73c9b8ca.js

@@ -1,141 +0,0 @@
-import React__default, { useState, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { ScrollView } from '@tarojs/components';
-import { createSelectorQuery } from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    hasMore: true,
-    upperThreshold: 40,
-    containerId: '',
-    isOpenRefresh: false,
-    pullIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
-    pullText: '松开刷新',
-    loadIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
-    loadingText: '加载中···',
-    loadMoreText: '哎呀，这里是底部了啦',
-};
-const Infiniteloading = (props) => {
-    const { locale } = useConfig();
-    const { children, hasMore, upperThreshold, containerId, isOpenRefresh, pullIcon, pullText, loadIcon, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScrollChange, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [isInfiniting, setIsInfiniting] = useState(false);
-    const [topDisScoll, setTopDisScoll] = useState(0);
-    const refreshTop = useRef(null);
-    const scrollHeight = useRef(0);
-    const scrollTop = useRef(0);
-    const direction = useRef('down');
-    const isTouching = useRef(false);
-    const y = useRef(0);
-    const refreshMaxH = useRef(0);
-    const distance = useRef(0);
-    const b = cn('infiniteloading');
-    const classes = classNames(className, b());
-    useEffect(() => {
-        refreshMaxH.current = upperThreshold;
-        setTimeout(() => {
-            getScrollHeight();
-        }, 200);
-    }, [hasMore, isInfiniting]);
-    /** 获取需要滚动的距离 */
-    const getScrollHeight = () => {
-        const parentElement = getParentElement('scroller');
-        parentElement
-            .boundingClientRect((rect) => {
-            scrollHeight.current = rect.height;
-        })
-            .exec();
-    };
-    const getStyle = () => {
-        return {
-            height: topDisScoll < 0 ? `0px` : `${topDisScoll}px`,
-            transition: `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`,
-        };
-    };
-    const getParentElement = (el) => {
-        return createSelectorQuery().select(containerId ? `#${containerId} #${el}` : `#${el}`);
-    };
-    const infiniteDone = () => {
-        setIsInfiniting(false);
-    };
-    const refreshDone = () => {
-        distance.current = 0;
-        setTopDisScoll(0);
-        isTouching.current = false;
-    };
-    const scrollAction = (e) => {
-        if (e.detail.scrollTop <= 0) {
-            // 滚动到最顶部
-            e.detail.scrollTop = 0;
-        }
-        else if (e.detail.scrollTop >= scrollHeight.current) {
-            // 滚动到最底部
-            e.detail.scrollTop = scrollHeight.current;
-        }
-        if (e.detail.scrollTop > scrollTop.current ||
-            e.detail.scrollTop >= scrollHeight.current) {
-            direction.current = 'down';
-        }
-        else {
-            direction.current = 'up';
-        }
-        scrollTop.current = e.detail.scrollTop;
-        onScrollChange && onScrollChange(e.detail.scrollTop);
-    };
-    const lower = () => {
-        if (direction.current == 'up' || !hasMore || isInfiniting) {
-            return false;
-        }
-        setIsInfiniting(true);
-        onLoadMore && onLoadMore(infiniteDone);
-    };
-    const touchStart = (event) => {
-        if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
-            y.current = event.touches[0].pageY;
-            isTouching.current = true;
-        }
-    };
-    const touchMove = (event) => {
-        distance.current = event.touches[0].pageY - y.current;
-        if (distance.current > 0 && isTouching.current) {
-            event.preventDefault();
-            setTopDisScoll(distance.current);
-            if (distance.current >= refreshMaxH.current) {
-                distance.current = refreshMaxH.current;
-                setTopDisScoll(refreshMaxH.current);
-            }
-        }
-        else {
-            distance.current = 0;
-            setTopDisScoll(0);
-            isTouching.current = false;
-        }
-    };
-    const touchEnd = () => {
-        if (distance.current < refreshMaxH.current) {
-            distance.current = 0;
-            setTopDisScoll(0);
-        }
-        else {
-            onRefresh && onRefresh(refreshDone);
-        }
-    };
-    return (React__default.createElement(ScrollView, { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: '100%' }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
-        React__default.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
-            React__default.createElement("div", { className: "top-box" },
-                pullIcon && React__default.createElement(React__default.Fragment, null, pullIcon),
-                React__default.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText))),
-        React__default.createElement("div", { className: "nut-infinite-container" }, children),
-        React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? (React__default.createElement("div", { className: "bottom-box" },
-            loadIcon && React__default.createElement(React__default.Fragment, null, loadIcon),
-            React__default.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText))) : (!hasMore && (React__default.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))))));
-};
-Infiniteloading.defaultProps = defaultProps;
-Infiniteloading.displayName = 'NutInfiniteloading';
-
-export { Infiniteloading as I };

package/dist/esm/input.taro-10ed5500.js

@@ -1,237 +0,0 @@
-import React__default, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
-import { MaskClose } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-function trimExtraChar(value, char, regExp) {
-    const index = value.indexOf(char);
-    if (index === -1) {
-        return value;
-    }
-    if (char === '-' && index !== 0) {
-        return value.slice(0, index);
-    }
-    return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
-}
-function formatNumber(value, allowDot = true, allowMinus = true) {
-    if (allowDot) {
-        value = trimExtraChar(value, '.', /\./g);
-    }
-    else {
-        value = value.split('.')[0];
-    }
-    if (allowMinus) {
-        value = trimExtraChar(value, '-', /-/g);
-    }
-    else {
-        value = value.replace(/-/, '');
-    }
-    const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-    return value.replace(regExp, '');
-}
-
-const defaultProps = {
-    ...ComponentDefaults,
-    type: 'text',
-    name: '',
-    defaultValue: '',
-    placeholder: '',
-    label: '',
-    labelClass: '',
-    labelWidth: '80',
-    labelAlign: 'left',
-    colon: false,
-    inputAlign: 'left',
-    center: false,
-    required: false,
-    disabled: false,
-    readonly: false,
-    error: false,
-    maxlength: '9999',
-    leftIcon: null,
-    rightIcon: null,
-    clearable: false,
-    clearIcon: null,
-    clearSize: '14',
-    border: true,
-    formatTrigger: 'onChange',
-    rules: [],
-    rows: null,
-    errorMessage: '',
-    errorMessageAlign: '',
-    showWordLimit: false,
-    autofocus: false,
-    slotButton: null,
-    slotInput: null,
-};
-const Input = forwardRef((props, ref) => {
-    const { locale } = useConfig();
-    const { children, type, name, defaultValue, placeholder, label, labelClass, labelWidth, labelAlign, colon, inputAlign, center, required, disabled, readonly, error, maxlength, leftIcon, rightIcon, clearable, clearIcon, clearSize, border, formatTrigger, rules, errorMessage, errorMessageAlign, showWordLimit, autofocus, style, className, rows, slotButton, slotInput, onChange, onBlur, onFocus, onClear, formatter, keypress, onClickInput, onClickLeftIcon, onClickRightIcon, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const inputPlaceholder = placeholder || locale.placeholder;
-    const [inputValue, SetInputValue] = useState('');
-    const [active, SetActive] = useState(false);
-    const [classes, setClasses] = useState('');
-    const getModelValue = () => String(inputValue ?? '');
-    const inputRef = useRef(null);
-    useEffect(() => {
-        setClasses(inputClass);
-        SetInputValue(defaultValue);
-    }, [defaultValue]);
-    useEffect(() => {
-        if (inputValue) {
-            updateValue(getModelValue());
-            resetValidation();
-        }
-    }, [inputValue]);
-    useImperativeHandle(ref, () => {
-        return inputRef.current;
-    });
-    const inputClass = useCallback(() => {
-        const prefixCls = 'nut-input';
-        return [
-            prefixCls,
-            `${center ? 'center' : ''}`,
-            `${disabled ? `${prefixCls}-disabled` : ''}`,
-            `${required ? `${prefixCls}-required` : ''}`,
-            `${error ? `${prefixCls}-error` : ''}`,
-            `${border ? `${prefixCls}-border` : ''}`,
-            `${slotButton || rightIcon ? `${prefixCls}-right-mark` : ''}`,
-        ]
-            .filter(Boolean)
-            .join(' ');
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    // 样式状态重置
-    useEffect(() => {
-        setClasses(inputClass);
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    const updateValue = (value, trigger = 'onChange') => {
-        let val = value;
-        if (type === 'digit' || type === 'tel') {
-            val = formatNumber(val, false, false);
-        }
-        if (type === 'number') {
-            val = formatNumber(val, true, true);
-        }
-        if (type === 'tel' && !formatter) {
-            const regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
-            const regNumber = /[^-0-9]/g;
-            val =
-                !regTel.test(val) && val.length > 11
-                    ? val.substring(0, 11)
-                    : val.replace(regNumber, '');
-        }
-        if (formatter && trigger === formatTrigger) {
-            val = formatter(val);
-        }
-        if (inputRef?.current?.value !== val) {
-            inputRef.current.value = val;
-        }
-        SetInputValue(val);
-    };
-    const handleFocus = (event) => {
-        const val = event.target.value;
-        SetActive(true);
-        onFocus && onFocus(val, event);
-    };
-    const handleInput = (event) => {
-        let val = event.target.value;
-        if (maxlength && val.length > Number(maxlength)) {
-            val = val.slice(0, Number(maxlength));
-        }
-        updateValue(val, 'onChange');
-        onChange && onChange(val, event);
-    };
-    const handleBlur = (event) => {
-        setTimeout(() => {
-            SetActive(false);
-        }, 200);
-        let val = event.target.value;
-        if (maxlength && val.length > Number(maxlength)) {
-            val = val.slice(0, Number(maxlength));
-        }
-        updateValue(val, 'onBlur');
-        onBlur && onBlur(val, event);
-    };
-    const handleClickInput = (event) => {
-        onClickInput && onClickInput(event);
-    };
-    const handleClickLeftIcon = (event) => {
-        onClickLeftIcon && onClickLeftIcon(event);
-    };
-    const handleClickRightIcon = (event) => {
-        onClickRightIcon && onClickRightIcon(event);
-    };
-    const resetValidation = () => {
-    };
-    const inputType = (type) => {
-        if (type === 'number') {
-            return 'text';
-        }
-        if (type === 'digit') {
-            return 'tel';
-        }
-        return type;
-    };
-    const handleClear = (event) => {
-        updateValue('');
-        onClear && onClear('', event);
-    };
-    return (React__default.createElement("div", { className: `${classes}  ${className || ''}`, style: style, onClick: (e) => {
-            onClick && onClick(e);
-        } }, slotInput ? (React__default.createElement(React__default.Fragment, null,
-        label ? (React__default.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
-            React__default.createElement("div", { className: "label-string" },
-                label,
-                colon ? ':' : ''))) : null,
-        React__default.createElement("div", { className: "nut-input-value" },
-            React__default.createElement("div", { className: "nut-input-inner", onClick: (e) => {
-                    handleClickInput(e);
-                } }, slotInput)))) : (React__default.createElement(React__default.Fragment, null,
-        React__default.isValidElement(leftIcon) ? (React__default.createElement("div", { className: "nut-input-left-icon", onClick: (e) => {
-                handleClickLeftIcon(e);
-            } }, leftIcon)) : null,
-        label ? (React__default.createElement("div", { className: `nut-input-label ${labelClass}`, style: { width: `${labelWidth}px`, textAlign: labelAlign } },
-            React__default.createElement("div", { className: "label-string" },
-                label,
-                colon ? ':' : ''))) : null,
-        React__default.createElement("div", { className: "nut-input-value" },
-            React__default.createElement("div", { className: "nut-input-main-con" },
-                React__default.createElement("div", { className: "nut-input-inner", onClick: (e) => {
-                        handleClickInput(e);
-                    } },
-                    type === 'textarea' ? (React__default.createElement("textarea", { name: name, className: "input-text", ref: inputRef, style: {
-                            textAlign: inputAlign,
-                            height: `${Number(rows) * 24}px`,
-                        }, maxLength: maxlength, placeholder: inputPlaceholder, disabled: disabled, readOnly: readonly, value: inputValue, autoFocus: autofocus, onBlur: (e) => {
-                            handleBlur(e);
-                        }, onFocus: (e) => {
-                            handleFocus(e);
-                        }, onInput: (e) => {
-                            handleInput(e);
-                        } })) : (React__default.createElement("input", { ...rest, name: name, className: "input-text", ref: inputRef, style: { textAlign: inputAlign }, type: inputType(type), maxLength: maxlength, placeholder: inputPlaceholder, disabled: disabled, readOnly: readonly, value: inputValue, autoFocus: autofocus, onBlur: (e) => {
-                            handleBlur(e);
-                        }, onFocus: (e) => {
-                            handleFocus(e);
-                        }, onInput: (e) => {
-                            handleInput(e);
-                        } })),
-                    clearable && !readonly && active && inputValue.length > 0 ? (React__default.createElement("span", { className: "nut-input-clear-wrap", onClick: (e) => handleClear(e) }, clearIcon || React__default.createElement(MaskClose, { className: "nut-input-clear" }))) : null),
-                React__default.isValidElement(rightIcon) ? (React__default.createElement("div", { className: "nut-input-right-icon", onClick: (e) => {
-                        handleClickRightIcon(e);
-                    } }, rightIcon)) : null,
-                slotButton ? (React__default.createElement("div", { className: "nut-input-button" }, slotButton)) : null,
-                showWordLimit && maxlength ? (React__default.createElement("div", { className: "nut-input-word-limit" },
-                    React__default.createElement("span", { className: "nut-input-word-num" }, inputValue ? inputValue.length : 0),
-                    "/",
-                    maxlength)) : null),
-            errorMessage ? (React__default.createElement("div", { className: "nut-input-error-message", style: {
-                    textAlign: errorMessageAlign,
-                } }, errorMessage)) : (React__default.createElement("div", null)))))));
-});
-Input.defaultProps = defaultProps;
-Input.displayName = 'NutInput';
-
-export { Input as I };

package/dist/esm/inputnumber.taro-108c4784.js

@@ -1,199 +0,0 @@
-import React__default, { useRef, useEffect } from 'react';
-import { Minus, Plus } from '@nutui/icons-react-taro';
-import classNames from 'classnames';
-import { u as usePropsValue } from './use-props-value-ae7ee726.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    disabled: false,
-    min: 1,
-    max: 9999,
-    readonly: false,
-    allowEmpty: false,
-    defaultValue: 0,
-    step: 1,
-    digits: 0,
-    async: false,
-};
-const classPrefix = `nut-inputnumber`;
-const InputNumber = (props) => {
-    const { children, disabled, min, max, readonly, value, defaultValue, allowEmpty, digits, step, async, className, style, formatter, onPlus, onMinus, onOverlimit, onBlur, onFocus, onChange, ...restProps } = {
-        ...defaultProps,
-        ...props,
-    };
-    const inputRef = useRef('');
-    let [_checked, setChecked] = usePropsValue({
-        value: value,
-        defaultValue: defaultValue,
-    });
-    useEffect(() => {
-        if (formatter) {
-            if (_checked || _checked === 0) {
-                inputRef.current = formatter(_checked);
-                setChecked(formatter(_checked));
-            }
-        }
-    }, []);
-    const classes = classNames({
-        [`${classPrefix}`]: true,
-        [`${classPrefix}--disabled`]: disabled,
-    }, className);
-    const styles = {
-        ...style,
-    };
-    const addAllow = (value = _checked) => {
-        if (formatter) {
-            const numValue = String(value).replace(/[^0-9|\.]/gi, '');
-            return Number(numValue) < Number(max) && !disabled;
-        }
-        return Number(value) < Number(max) && !disabled;
-    };
-    const reduceAllow = (value = _checked) => {
-        if (formatter) {
-            const numValue = String(value).replace(/[^0-9|\.]/gi, '');
-            return Number(numValue) > Number(min) && !disabled;
-        }
-        return Number(value) > Number(min) && !disabled;
-    };
-    const iconMinusClasses = classNames('nut-inputnumber__icon icon-minus', {
-        'nut-inputnumber__icon--disabled': !reduceAllow(),
-    });
-    const iconAddClasses = classNames('nut-inputnumber__icon icon-plus', {
-        'nut-inputnumber__icon--disabled': !addAllow(),
-    });
-    const fixedDecimalPlaces = (v) => {
-        return Number(v).toFixed(Number(digits));
-    };
-    const emitChange = (value, e) => {
-        const outputValue = fixedDecimalPlaces(value);
-        onChange && onChange(outputValue, e);
-        if (!async) {
-            if (Number(outputValue) < Number(min)) {
-                formatter ? setChecked(formatter(Number(min))) : setChecked(Number(min));
-            }
-            else if (Number(outputValue) > Number(max)) {
-                formatter ? setChecked(formatter(Number(max))) : setChecked(Number(max));
-            }
-            else {
-                formatter ? setChecked(formatter(outputValue)) : setChecked(outputValue);
-            }
-        }
-    };
-    const reduceNumber = (e) => {
-        onMinus && onMinus(e);
-        if (reduceAllow()) {
-            if (formatter) {
-                const numValue = String(_checked).replace(/[^0-9|\.]/gi, '');
-                const outputValue = Number(numValue) - Number(step);
-                inputRef.current = formatter(outputValue);
-                emitChange(outputValue, e);
-            }
-            else {
-                const outputValue = Number(_checked) - Number(step);
-                emitChange(outputValue, e);
-            }
-        }
-        else {
-            onOverlimit && onOverlimit(e);
-        }
-    };
-    const addNumber = (e) => {
-        onPlus && onPlus(e);
-        if (addAllow()) {
-            if (formatter) {
-                const numValue = String(_checked).replace(/[^0-9|\.]/gi, '');
-                const outputValue = Number(numValue) + Number(step);
-                inputRef.current = formatter(outputValue);
-                emitChange(outputValue, e);
-            }
-            else {
-                const outputValue = Number(_checked) + Number(step);
-                emitChange(outputValue, e);
-            }
-        }
-        else {
-            onOverlimit && onOverlimit(e);
-        }
-    };
-    const changeValue = (e) => {
-        const input = e.target;
-        onChange && onChange(input.value, e);
-        if (!async) {
-            setChecked(input.value);
-        }
-    };
-    const changeFormatValue = (e) => {
-        const input = e.target.value;
-        const numReg = new RegExp('^[0-9]*$');
-        const numValue = input.replace(/[^0-9|\.]/gi, '');
-        if (formatter) {
-            if (!numReg.test(input[0]) && numValue) {
-                setChecked(formatter(numValue));
-            }
-            else if (!numReg.test(input[0]) && !numValue) {
-                setChecked(input);
-            }
-            else if (numReg.test(input[0])) {
-                // 针对于100%这种尾字符例子，直接删除会进行匹配
-                if (formatter(numValue) === inputRef.current) {
-                    setChecked(numValue);
-                }
-                else {
-                    setChecked(formatter(numValue));
-                    inputRef.current = formatter(numValue);
-                }
-            }
-        }
-    };
-    const burFormatValue = (e) => {
-        const input = e.target.value;
-        const numReg = new RegExp('^[0-9]*$');
-        const numValue = input.replace(/[^0-9|\.]/gi, '');
-        if (formatter) {
-            if (formatter(numValue) === input) {
-                emitChange(numValue, e);
-                return;
-            }
-            if (!numReg.test(input) || !input) {
-                setChecked(formatter(''));
-            }
-        }
-    };
-    const focusValue = (e) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        onFocus && onFocus(e);
-    };
-    const burValue = (e) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        const input = e.target;
-        let value = +input.value;
-        if (value === 0 && !allowEmpty) {
-            value = Number(defaultValue);
-        }
-        if (value < Number(min)) {
-            value = Number(min);
-        }
-        else if (value > Number(max)) {
-            value = Number(max);
-        }
-        emitChange(value, e);
-        onBlur && onBlur(e);
-    };
-    return (React__default.createElement("div", { className: classes, style: styles, ...restProps },
-        React__default.createElement("div", { className: "nut-input-minus" },
-            React__default.createElement(Minus, { className: iconMinusClasses, onClick: reduceNumber })),
-        React__default.createElement(React__default.Fragment, null, formatter ? (React__default.createElement("input", { type: "text", min: min, max: max, disabled: disabled, readOnly: readonly, value: _checked, onInput: changeFormatValue, onBlur: burFormatValue, onFocus: focusValue })) : (React__default.createElement("input", { type: "digit", min: min, max: max, disabled: disabled, readOnly: readonly, value: _checked, onInput: changeValue, onBlur: burValue, onFocus: focusValue }))),
-        React__default.createElement("div", { className: "nut-input-add" },
-            React__default.createElement(Plus, { className: iconAddClasses, onClick: addNumber }))));
-};
-InputNumber.defaultProps = defaultProps;
-InputNumber.displayName = 'NutInputNumber';
-
-export { InputNumber as I };

package/dist/esm/layout.taro-9046d093.js

@@ -1,11 +0,0 @@
-import React__default from 'react';
-
-const defaultProps = {};
-const Layout = (props) => {
-    ({ ...defaultProps, ...props });
-    return React__default.createElement("div", { className: "nut-layout" }, "Layout");
-};
-Layout.defaultProps = defaultProps;
-Layout.displayName = 'NutLayout';
-
-export { Layout as L };