@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/avatargroup-1d900174.js

@@ -0,0 +1,34 @@
+import React__default, { useRef } from 'react';
+import classNames from 'classnames';
+import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider-5eea4f5d.js';
+
+const defaultProps = {
+    maxContent: '',
+    maxCount: '',
+    maxBgColor: '#eee',
+    maxColor: '#666',
+    size: '',
+    shape: '',
+    span: '-8',
+    zIndex: 'left',
+};
+const AvatarGroup = (props) => {
+    useConfig();
+    const propAvatarGroup = { ...defaultProps, ...props };
+    const { className, style, children } = propAvatarGroup;
+    const avatarGroupRef = useRef(null);
+    const b = cn('avatar-group');
+    const cls = classNames(b(''), className);
+    const parentAvatar = {
+        propAvatarGroup,
+        avatarGroupRef,
+    };
+    return (React__default.createElement(AvatarContext.Provider, { value: parentAvatar },
+        React__default.createElement("div", { className: cls, style: style, ref: avatarGroupRef }, children)));
+};
+AvatarGroup.defaultProps = defaultProps;
+AvatarGroup.displayName = 'NutAvatarGroup';
+
+export { AvatarGroup as A };

package/dist/esm/backtop.taro-99107c30.js

@@ -1,71 +1,48 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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, { useState } from 'react';
 import Taro, { usePageScroll } from '@tarojs/taro';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  bottom: 20,
-  right: 10,
-  elId: 'body',
-  distance: 200,
-  zIndex: 10,
-  isAnimation: true,
-  duration: 1000
-});
-var BackTop = function BackTop(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    bottom = _defaultProps$props.bottom,
-    right = _defaultProps$props.right,
-    elId = _defaultProps$props.elId,
-    distance = _defaultProps$props.distance,
-    zIndex = _defaultProps$props.zIndex,
-    isAnimation = _defaultProps$props.isAnimation,
-    className = _defaultProps$props.className,
-    duration = _defaultProps$props.duration,
-    style = _defaultProps$props.style,
-    onClick = _defaultProps$props.onClick,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    backTop = _useState2[0],
-    SetBackTop = _useState2[1];
-  // 监听用户滑动页面事件
-  usePageScroll(function (res) {
-    var scrollTop = res.scrollTop;
-    scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
-  });
-  // 返回顶部点击事件
-  var goTop = function goTop(e) {
-    onClick && onClick(e);
-    Taro.pageScrollTo({
-      scrollTop: 0,
-      duration: isAnimation && duration > 0 ? duration : 0
+
+const defaultProps = {
+    ...ComponentDefaults,
+    bottom: 20,
+    right: 10,
+    elId: 'body',
+    distance: 200,
+    zIndex: 10,
+    isAnimation: true,
+    duration: 1000,
+};
+const BackTop = (props) => {
+    const { children, bottom, right, elId, distance, zIndex, isAnimation, className, duration, style, onClick, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [backTop, SetBackTop] = useState(false);
+    // 监听用户滑动页面事件
+    usePageScroll((res) => {
+        const { scrollTop } = res;
+        scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
     });
-  };
-  var backTopClass = {
-    right: "".concat(right, "px"),
-    bottom: "".concat(bottom, "px"),
-    zIndex: zIndex
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className || ''),
-    style: _objectSpread(_objectSpread({}, backTopClass), style),
-    onClick: function onClick(e) {
-      goTop(e);
-    }
-  }, children || React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    size: "19px",
-    className: "nut-backtop-main",
-    name: "top"
-  })));
+    // 返回顶部点击事件
+    const goTop = (e) => {
+        onClick && onClick(e);
+        Taro.pageScrollTo({
+            scrollTop: 0,
+            duration: isAnimation && duration > 0 ? duration : 0,
+        });
+    };
+    const backTopClass = {
+        right: `${right}px`,
+        bottom: `${bottom}px`,
+        zIndex,
+    };
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("div", { className: `nut-backtop ${backTop ? 'show' : ''} ${className || ''}`, style: { ...backTopClass, ...style }, onClick: (e) => {
+                goTop(e);
+            } }, children || (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: "19px", className: "nut-backtop-main", name: "top" })))));
 };
 BackTop.defaultProps = defaultProps;
 BackTop.displayName = 'NutBackTop';
+
 export { BackTop as B };

package/dist/esm/badge.taro-fe9171ec.js

@@ -1,66 +1,48 @@
-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';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: '',
-  dot: false,
-  max: 10000,
-  top: '0',
-  right: '0',
-  zIndex: '0',
-  color: '',
-  icons: ''
-});
-var Badge = function Badge(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    children = _defaultProps$props.children,
-    dot = _defaultProps$props.dot,
-    top = _defaultProps$props.top,
-    right = _defaultProps$props.right,
-    zIndex = _defaultProps$props.zIndex,
-    color = _defaultProps$props.color,
-    icons = _defaultProps$props.icons,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  function content() {
-    if (dot) return undefined;
-    var value = props.value;
-    var max = props.max;
-    if (typeof value === 'number' && typeof max === 'number') {
-      return max < value ? "".concat(max, "+") : value;
+
+const defaultProps = {
+    ...ComponentDefaults,
+    value: '',
+    dot: false,
+    max: 10000,
+    top: '0',
+    right: '0',
+    zIndex: '0',
+    color: '',
+    icons: '',
+};
+const Badge = (props) => {
+    const { className, style, children, dot, top, right, zIndex, color, icons, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    function content() {
+        if (dot)
+            return undefined;
+        const { value } = props;
+        const { max } = props;
+        if (typeof value === 'number' && typeof max === 'number') {
+            return max < value ? `${max}+` : value;
+        }
+        return value;
     }
-    return value;
-  }
-  var getStyle = function getStyle() {
-    var style = {};
-    style.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
-    style.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
-    style.zIndex = zIndex;
-    style.background = color;
-    return style;
-  };
-  return React__default.createElement("div", {
-    className: "nut-badge ".concat(className),
-    style: style
-  }, icons !== '' && React__default.createElement("div", {
-    className: "slot-icons"
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "_icon",
-    name: icons,
-    color: "#ffffff",
-    size: "12"
-  })), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: "".concat(dot ? 'is-dot' : '', " nut-badge__content sup"),
-    style: getStyle()
-  }, content()));
+    const getStyle = () => {
+        const style = {};
+        style.top = `${Number(top) || parseFloat(top) || 0}px`;
+        style.right = `${Number(right) || parseFloat(right) || 0}px`;
+        style.zIndex = zIndex;
+        style.background = color;
+        return style;
+    };
+    return (React__default.createElement("div", { className: `nut-badge ${className}`, style: style },
+        icons !== '' && (React__default.createElement("div", { className: "slot-icons" },
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: icons, color: "#ffffff", size: "12" }))),
+        React__default.createElement("div", null, children),
+        React__default.createElement("div", { className: `${dot ? 'is-dot' : ''} nut-badge__content sup`, style: getStyle() }, content())));
 };
 Badge.defaultProps = defaultProps;
 Badge.displayName = 'NutBadge';
+
 export { Badge as B };

package/dist/esm/barrage.taro-0e157b5e.js

@@ -1,103 +1,73 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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, { useRef, useImperativeHandle, useEffect } from 'react';
 import Taro from '@tarojs/taro';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  barrageList: [],
-  frequency: 500,
-  loop: true,
-  speeds: 2000,
-  rows: 3,
-  top: 10
+
+const defaultProps = {
+    barrageList: [],
+    frequency: 500,
+    loop: true,
+    speeds: 2000,
+    rows: 3,
+    top: 10,
 };
-var InternalBarrage = function InternalBarrage(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    frequency = _defaultProps$props.frequency,
-    loop = _defaultProps$props.loop,
-    barrageList = _defaultProps$props.barrageList,
-    speeds = _defaultProps$props.speeds,
-    rows = _defaultProps$props.rows,
-    top = _defaultProps$props.top,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var barrageBody = useRef(null);
-  var barrageContainer = useRef(null);
-  var timer = useRef(0);
-  var index = useRef(0);
-  var b = cn('barrage');
-  var classes = classNames(className, b(''));
-  useImperativeHandle(ref, function () {
-    return {
-      add: function add(word) {
-        var _index = index.current % barrageList.length;
-        barrageList.splice(_index, 0, word);
-      }
+const InternalBarrage = (props, ref) => {
+    const { className, frequency, loop, barrageList, speeds, rows, top, ...restProps } = {
+        ...defaultProps,
+        ...props,
     };
-  });
-  useEffect(function () {
-    run();
-    return function () {
-      clearInterval(timer.current);
-    };
-  }, [barrageList]);
-  var run = function run() {
-    clearInterval(timer.current);
-    timer.current = window.setInterval(function () {
-      play();
-      run();
-    }, frequency);
-  };
-  var play = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _index, el;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _index = loop ? index.current % barrageList.length : index.current;
-              el = document.createElement("div");
-              el.innerHTML = barrageList[_index];
-              el.classList.add('barrage-item');
-              barrageContainer.current.appendChild(el);
-              Taro.createSelectorQuery().select('.barrage-item').boundingClientRect(function (res) {
-                console.log('res', res);
-                var height = res === null || res === void 0 ? void 0 : res.height;
-                el.classList.add('move');
-                el.style.animationDuration = "".concat(speeds, "ms");
-                el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
-                el.dataset.index = "".concat(_index);
-                el.addEventListener('animationend', function () {
-                  barrageContainer.current.removeChild(el);
-                });
-                index.current++;
-              }).exec();
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
+    const barrageBody = useRef(null);
+    const barrageContainer = useRef(null);
+    const timer = useRef(0);
+    const index = useRef(0);
+    const b = cn('barrage');
+    const classes = classNames(className, b(''));
+    useImperativeHandle(ref, () => ({
+        add: (word) => {
+            const _index = index.current % barrageList.length;
+            barrageList.splice(_index, 0, word);
+        },
     }));
-    return function play() {
-      return _ref.apply(this, arguments);
+    useEffect(() => {
+        run();
+        return () => {
+            clearInterval(timer.current);
+        };
+    }, [barrageList]);
+    const run = () => {
+        clearInterval(timer.current);
+        timer.current = window.setInterval(() => {
+            play();
+            run();
+        }, frequency);
+    };
+    const play = async () => {
+        const _index = loop ? index.current % barrageList.length : index.current;
+        const el = document.createElement(`div`);
+        el.innerHTML = barrageList[_index];
+        el.classList.add('barrage-item');
+        barrageContainer.current.appendChild(el);
+        Taro.createSelectorQuery()
+            .select('.barrage-item')
+            .boundingClientRect((res) => {
+            console.log('res', res);
+            const height = res?.height;
+            el.classList.add('move');
+            el.style.animationDuration = `${speeds}ms`;
+            el.style.top = `${(_index % rows) * (height + top) + 20}px`;
+            el.dataset.index = `${_index}`;
+            el.addEventListener('animationend', () => {
+                barrageContainer.current.removeChild(el);
+            });
+            index.current++;
+        })
+            .exec();
     };
-  }();
-  return React__default.createElement("div", _objectSpread({
-    className: classes,
-    ref: barrageBody
-  }, restProps), React__default.createElement("div", {
-    ref: barrageContainer,
-    className: "bContainer"
-  }));
+    return (React__default.createElement("div", { className: classes, ref: barrageBody, ...restProps },
+        React__default.createElement("div", { ref: barrageContainer, className: "bContainer" })));
 };
-var Barrage = React__default.forwardRef(InternalBarrage);
+const Barrage = React__default.forwardRef(InternalBarrage);
 Barrage.defaultProps = defaultProps;
 Barrage.displayName = 'NutBarrage';
+
 export { Barrage as B };

package/dist/esm/bem-893ad28d.js

@@ -1,8 +1,5 @@
 import { withNaming } from '@bem-react/classname';
-var cn = withNaming({
-  n: 'nut-',
-  e: '__',
-  m: '--',
-  v: '-'
-});
+
+const cn = withNaming({ n: 'nut-', e: '__', m: '--', v: '-' });
+
 export { cn as c };

package/dist/esm/button.taro-4ce133b9.js

@@ -1,109 +1,98 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "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, { useCallback, useState, useEffect } from 'react';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  color: '',
-  shape: 'round',
-  plain: false,
-  loading: false,
-  disabled: false,
-  type: 'default',
-  size: 'normal',
-  block: false,
-  icon: '',
-  style: {},
-  children: undefined,
-  onClick: function onClick(e) {}
-});
-var Button = function Button(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    color = _defaultProps$props.color,
-    shape = _defaultProps$props.shape,
-    plain = _defaultProps$props.plain,
-    loading = _defaultProps$props.loading,
-    disabled = _defaultProps$props.disabled,
-    type = _defaultProps$props.type,
-    size = _defaultProps$props.size,
-    block = _defaultProps$props.block,
-    icon = _defaultProps$props.icon,
-    children = _defaultProps$props.children,
-    onClick = _defaultProps$props.onClick,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var getStyle = useCallback(function () {
-    var style = {};
-    if (color) {
-      if (plain) {
-        style.color = color;
-        style.background = '#fff';
-        if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
-          style.borderColor = color;
+
+const defaultProps = {
+    ...ComponentDefaults,
+    className: '',
+    color: '',
+    shape: 'round',
+    plain: false,
+    loading: false,
+    disabled: false,
+    type: 'default',
+    size: 'normal',
+    block: false,
+    icon: '',
+    style: {},
+    children: undefined,
+    onClick: (e) => { },
+};
+const Button = (props) => {
+    const { color, shape, plain, loading, disabled, type, size, block, icon, children, onClick, className, style, iconClassPrefix, iconFontClassName, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const getStyle = useCallback(() => {
+        const style = {};
+        if (color) {
+            if (plain) {
+                style.color = color;
+                style.background = '#fff';
+                if (!color?.includes('gradient')) {
+                    style.borderColor = color;
+                }
+            }
+            else {
+                style.color = '#fff';
+                style.background = color;
+            }
+        }
+        return style;
+    }, [color, plain]);
+    const classes = useCallback(() => {
+        const prefixCls = 'nut-button';
+        return [
+            prefixCls,
+            `${type ? `${prefixCls}--${type}` : ''}`,
+            `${size ? `${prefixCls}--${size}` : ''}`,
+            `${shape ? `${prefixCls}--${shape}` : ''}`,
+            `${plain ? `${prefixCls}--plain` : ''}`,
+            `${block ? `${prefixCls}--block` : ''}`,
+            `${disabled ? `${prefixCls}--disabled` : ''}`,
+            `${loading ? `${prefixCls}--loading` : ''}`,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }, [block, disabled, loading, plain, shape, size, type]);
+    const [btnName, setBtnName] = useState(classes());
+    const [btnStyle, setBtnStyle] = useState(getStyle());
+    useEffect(() => {
+        setBtnName(classes());
+        setBtnStyle(getStyle());
+    }, [
+        className,
+        color,
+        shape,
+        plain,
+        loading,
+        disabled,
+        style,
+        type,
+        size,
+        block,
+        icon,
+        children,
+        onClick,
+        classes,
+        getStyle,
+    ]);
+    const handleClick = (e) => {
+        if (!loading && !disabled && onClick) {
+            onClick(e);
         }
-      } else {
-        style.color = '#fff';
-        style.background = color;
-      }
-    }
-    return style;
-  }, [color, plain]);
-  var classes = useCallback(function () {
-    var prefixCls = 'nut-button';
-    return [prefixCls, "".concat(type ? "".concat(prefixCls, "--").concat(type) : ''), "".concat(size ? "".concat(prefixCls, "--").concat(size) : ''), "".concat(shape ? "".concat(prefixCls, "--").concat(shape) : ''), "".concat(plain ? "".concat(prefixCls, "--plain") : ''), "".concat(block ? "".concat(prefixCls, "--block") : ''), "".concat(disabled ? "".concat(prefixCls, "--disabled") : ''), "".concat(loading ? "".concat(prefixCls, "--loading") : '')].filter(Boolean).join(' ');
-  }, [block, disabled, loading, plain, shape, size, type]);
-  var _useState = useState(classes()),
-    _useState2 = _slicedToArray(_useState, 2),
-    btnName = _useState2[0],
-    setBtnName = _useState2[1];
-  var _useState3 = useState(getStyle()),
-    _useState4 = _slicedToArray(_useState3, 2),
-    btnStyle = _useState4[0],
-    setBtnStyle = _useState4[1];
-  useEffect(function () {
-    setBtnName(classes());
-    setBtnStyle(getStyle());
-  }, [className, color, shape, plain, loading, disabled, style, type, size, block, icon, children, onClick, classes, getStyle]);
-  var handleClick = function handleClick(e) {
-    if (!loading && !disabled && onClick) {
-      onClick(e);
-    }
-  };
-  return (
+    };
+    return (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     // eslint-disable-next-line react/button-has-type
-    React__default.createElement("button", _objectSpread(_objectSpread({
-      className: "".concat(btnName, " ").concat(className),
-      style: _objectSpread(_objectSpread({}, btnStyle), style)
-    }, rest), {}, {
-      onClick: function onClick(e) {
-        return handleClick(e);
-      }
-    }), React__default.createElement("div", {
-      className: "nut-button__warp",
-      style: getStyle()
-    }, loading && React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: "loading"
-    }), !loading && icon ? React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: icon
-    }) : '', children && React__default.createElement("div", {
-      className: icon || loading ? 'text' : ''
-    }, children)))
-  );
+    React__default.createElement("button", { className: `${btnName} ${className}`, style: { ...btnStyle, ...style }, ...rest, onClick: (e) => handleClick(e) },
+        React__default.createElement("div", { className: "nut-button__warp", style: getStyle() },
+            loading && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "loading" })),
+            !loading && icon ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: icon })) : (''),
+            children && (React__default.createElement("div", { className: icon || loading ? 'text' : '' }, children)))));
 };
 Button.defaultProps = defaultProps;
 Button.displayName = 'NutButton';
+
 export { Button as B };