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

package/dist/esm/input.taro-fd566407.js

@@ -0,0 +1,243 @@
+import React__default, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.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: '',
+    leftIconSize: '',
+    rightIcon: '',
+    rightIconSize: '',
+    clearable: false,
+    clearIcon: 'mask-close',
+    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, leftIconSize, rightIcon, rightIconSize, 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, iconClassPrefix, iconFontClassName, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    locale.placeholder = 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(getModelValue(), '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,
+        leftIcon && leftIcon.length > 0 ? (React__default.createElement("div", { className: "nut-input-left-icon", onClick: (e) => {
+                handleClickLeftIcon(e);
+            } },
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: leftIcon, size: leftIconSize }))) : 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: placeholder || locale.placeholder, 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: placeholder || locale.placeholder, 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(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "nut-input-clear", name: clearIcon, size: clearSize, onClick: (e) => {
+                            handleClear(e);
+                        } })) : null),
+                rightIcon && rightIcon.length > 0 ? (React__default.createElement("div", { className: "nut-input-right-icon", onClick: (e) => {
+                        handleClickRightIcon(e);
+                    } },
+                    React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: rightIcon, size: rightIconSize }))) : 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)) : null)))));
+});
+Input.defaultProps = defaultProps;
+Input.displayName = 'NutInput';
+
+export { Input as I };

package/dist/esm/inputnumber.taro-dc39b853.js

@@ -1,188 +1,140 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus", "onAdd", "onReduce", "onOverlimit", "onBlurFuc", "onFocus", "onChangeFuc", "iconClassPrefix", "iconFontClassName"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  disabled: false,
-  buttonSize: '',
-  min: 1,
-  max: 9999,
-  inputWidth: '',
-  readonly: false,
-  modelValue: 0,
-  step: 1,
-  decimalPlaces: 0,
-  isAsync: false
-});
+
+const defaultProps = {
+    ...ComponentDefaults,
+    disabled: false,
+    buttonSize: '',
+    min: 1,
+    max: 9999,
+    inputWidth: '',
+    readonly: false,
+    modelValue: 0,
+    step: 1,
+    decimalPlaces: 0,
+    isAsync: false,
+};
 function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
-var InputNumber = function InputNumber(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    disabled = _defaultProps$props.disabled,
-    buttonSize = _defaultProps$props.buttonSize,
-    min = _defaultProps$props.min,
-    max = _defaultProps$props.max,
-    inputWidth = _defaultProps$props.inputWidth,
-    readonly = _defaultProps$props.readonly,
-    modelValue = _defaultProps$props.modelValue,
-    decimalPlaces = _defaultProps$props.decimalPlaces,
-    step = _defaultProps$props.step,
-    isAsync = _defaultProps$props.isAsync,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    add = _defaultProps$props.add,
-    reduce = _defaultProps$props.reduce,
-    change = _defaultProps$props.change,
-    overlimit = _defaultProps$props.overlimit,
-    blur = _defaultProps$props.blur,
-    focus = _defaultProps$props.focus,
-    onAdd = _defaultProps$props.onAdd,
-    onReduce = _defaultProps$props.onReduce,
-    onOverlimit = _defaultProps$props.onOverlimit,
-    onBlurFuc = _defaultProps$props.onBlurFuc,
-    onFocus = _defaultProps$props.onFocus,
-    onChangeFuc = _defaultProps$props.onChangeFuc,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(modelValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  useEffect(function () {
-    setInputValue(modelValue);
-  }, [modelValue]);
-  var b = cn('inputnumber');
-  var classes = classNames(_defineProperty({}, "".concat(b(''), "--disabled"), disabled), className, b(''));
-  var styles = _objectSpread({
-    height: pxCheck(buttonSize)
-  }, style);
-  var addAllow = function addAllow() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
-    return value < Number(max) && !disabled;
-  };
-  var reduceAllow = function reduceAllow() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
-    return value > Number(min) && !disabled;
-  };
-  var iconMinusClasses = classNames('nut-inputnumber__icon', {
-    'nut-inputnumber__icon--disabled': !reduceAllow()
-  });
-  var iconAddClasses = classNames('nut-inputnumber__icon', {
-    'nut-inputnumber__icon--disabled': !addAllow()
-  });
-  var fixedDecimalPlaces = function fixedDecimalPlaces(v) {
-    return Number(v).toFixed(Number(decimalPlaces));
-  };
-  var emitChange = function emitChange(value, e) {
-    var outputValue = fixedDecimalPlaces(value);
-    onChangeFuc && onChangeFuc(outputValue, e);
-    change && change(outputValue, e);
-    if (!isAsync) {
-      if (Number(outputValue) < Number(min)) {
-        setInputValue(Number(min));
-      } else if (Number(outputValue) > Number(max)) {
-        setInputValue(Number(max));
-      } else {
-        setInputValue(outputValue);
-      }
-    }
-  };
-  var reduceNumber = function reduceNumber(e) {
-    onReduce && onReduce(e);
-    reduce && reduce(e);
-    if (reduceAllow()) {
-      var outputValue = Number(inputValue) - Number(step);
-      emitChange(outputValue, e);
-    } else {
-      onOverlimit && onOverlimit(e);
-      overlimit && overlimit(e);
-    }
-  };
-  var addNumber = function addNumber(e) {
-    onAdd && onAdd(e);
-    add && add(e);
-    if (addAllow()) {
-      var outputValue = Number(inputValue) + Number(step);
-      emitChange(outputValue, e);
-    } else {
-      onOverlimit && onOverlimit(e);
-      overlimit && overlimit(e);
-    }
-  };
-  var changeValue = function changeValue(e) {
-    var value = Number(e.detail.value);
-    change && change(value, e);
-    onChangeFuc && onChangeFuc(value, e);
-    if (!isAsync) {
-      if (Number.isNaN(value)) {
-        setInputValue(inputValue);
-      } else {
-        setInputValue(value);
-      }
-    }
-  };
-  var focusValue = function focusValue(e) {
-    if (disabled) return;
-    if (readonly) return;
-    onFocus && onFocus(e);
-    focus && focus(e);
-  };
-  var burValue = function burValue(e) {
-    if (disabled) return;
-    if (readonly) return;
-    var value = Number(e.detail.value);
-    if (value < Number(min)) {
-      value = Number(min);
-    } else if (value > Number(max)) {
-      value = Number(max);
-    }
-    emitChange(value, e);
-    onBlurFuc && onBlurFuc(e);
-    blur && blur(e);
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    style: styles
-  }, restProps), React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: iconMinusClasses,
-    size: buttonSize,
-    name: "minus",
-    onClick: reduceNumber
-  }), React__default.createElement("input", {
-    className: "nut-number-input",
-    type: "number",
-    min: min,
-    max: max,
-    style: {
-      width: pxCheck(inputWidth)
-    },
-    disabled: disabled,
-    readOnly: readonly,
-    value: inputValue,
-    onInput: changeValue,
-    onBlur: burValue,
-    onFocus: focusValue
-  }), React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: iconAddClasses,
-    size: buttonSize,
-    name: "plus",
-    onClick: addNumber
-  }));
+const InputNumber = (props) => {
+    const { children, disabled, buttonSize, min, max, inputWidth, readonly, modelValue, decimalPlaces, step, isAsync, className, style, add, reduce, change, overlimit, blur, focus, onAdd, onReduce, onOverlimit, onBlurFuc, onFocus, onChangeFuc, iconClassPrefix, iconFontClassName, ...restProps } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [inputValue, setInputValue] = useState(modelValue);
+    useEffect(() => {
+        setInputValue(modelValue);
+    }, [modelValue]);
+    const b = cn('inputnumber');
+    const classes = classNames({
+        [`${b('')}--disabled`]: disabled,
+    }, className, b(''));
+    const styles = {
+        height: pxCheck(buttonSize),
+        ...style,
+    };
+    const addAllow = (value = Number(inputValue)) => {
+        return value < Number(max) && !disabled;
+    };
+    const reduceAllow = (value = Number(inputValue)) => {
+        return value > Number(min) && !disabled;
+    };
+    const iconMinusClasses = classNames('nut-inputnumber__icon', {
+        'nut-inputnumber__icon--disabled': !reduceAllow(),
+    });
+    const iconAddClasses = classNames('nut-inputnumber__icon', {
+        'nut-inputnumber__icon--disabled': !addAllow(),
+    });
+    const fixedDecimalPlaces = (v) => {
+        return Number(v).toFixed(Number(decimalPlaces));
+    };
+    const emitChange = (value, e) => {
+        const outputValue = fixedDecimalPlaces(value);
+        onChangeFuc && onChangeFuc(outputValue, e);
+        change && change(outputValue, e);
+        if (!isAsync) {
+            if (Number(outputValue) < Number(min)) {
+                setInputValue(Number(min));
+            }
+            else if (Number(outputValue) > Number(max)) {
+                setInputValue(Number(max));
+            }
+            else {
+                setInputValue(outputValue);
+            }
+        }
+    };
+    const reduceNumber = (e) => {
+        onReduce && onReduce(e);
+        reduce && reduce(e);
+        if (reduceAllow()) {
+            const outputValue = Number(inputValue) - Number(step);
+            emitChange(outputValue, e);
+        }
+        else {
+            onOverlimit && onOverlimit(e);
+            overlimit && overlimit(e);
+        }
+    };
+    const addNumber = (e) => {
+        onAdd && onAdd(e);
+        add && add(e);
+        if (addAllow()) {
+            const outputValue = Number(inputValue) + Number(step);
+            emitChange(outputValue, e);
+        }
+        else {
+            onOverlimit && onOverlimit(e);
+            overlimit && overlimit(e);
+        }
+    };
+    const changeValue = (e) => {
+        const value = Number(e.detail.value);
+        change && change(value, e);
+        onChangeFuc && onChangeFuc(value, e);
+        if (!isAsync) {
+            if (Number.isNaN(value)) {
+                setInputValue(inputValue);
+            }
+            else {
+                setInputValue(value);
+            }
+        }
+    };
+    const focusValue = (e) => {
+        if (disabled)
+            return;
+        if (readonly)
+            return;
+        onFocus && onFocus(e);
+        focus && focus(e);
+    };
+    const burValue = (e) => {
+        if (disabled)
+            return;
+        if (readonly)
+            return;
+        let value = Number(e.detail.value);
+        if (value < Number(min)) {
+            value = Number(min);
+        }
+        else if (value > Number(max)) {
+            value = Number(max);
+        }
+        emitChange(value, e);
+        onBlurFuc && onBlurFuc(e);
+        blur && blur(e);
+    };
+    return (React__default.createElement("div", { className: classes, style: styles, ...restProps },
+        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconMinusClasses, size: buttonSize, name: "minus", onClick: reduceNumber }),
+        React__default.createElement("input", { className: "nut-number-input", type: "number", min: min, max: max, style: { width: pxCheck(inputWidth) }, disabled: disabled, readOnly: readonly, value: inputValue, onInput: changeValue, onBlur: burValue, onFocus: focusValue }),
+        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconAddClasses, size: buttonSize, name: "plus", onClick: addNumber })));
 };
 InputNumber.defaultProps = defaultProps;
 InputNumber.displayName = 'NutInputNumber';
+
 export { InputNumber as I };

package/dist/esm/layout.taro-358f014f.js

@@ -1,14 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default from 'react';
-var defaultProps = {};
-var Layout = function Layout(props) {
-  _objectSpread(_objectSpread({}, defaultProps), props);
-  return React__default.createElement("div", {
-    className: "nut-layout"
-  }, "Layout");
+
+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 };