@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Badge.js

@@ -1,68 +1,7 @@
-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 Icon from './Icon.js';
-var defaultProps = {
-  value: '',
-  dot: false,
-  max: 10000,
-  top: '0',
-  right: '0',
-  zIndex: '0',
-  color: '',
-  icons: ''
+import { B as Badge } from "./badge2.js";
+import "react";
+import "classnames";
+import "./typings.js";
+export {
+  Badge as default
 };
-
-var Badge = function Badge(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      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;
-
-  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;
-    }
-
-    return value;
-  }
-
-  var getStyle = function getStyle() {
-    var style = {};
-    style.top = "".concat(top, "px");
-    style.right = "".concat(right, "px");
-    style.zIndex = zIndex;
-    style.background = color;
-    return style;
-  };
-
-  return React__default.createElement("div", {
-    className: "nut-badge"
-  }, icons !== '' && React__default.createElement("div", {
-    className: "slot-icons"
-  }, React__default.createElement(Icon, {
-    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()));
-};
-
-Badge.defaultProps = defaultProps;
-Badge.displayName = 'NutBadge';
-export { Badge as default };

package/dist/esm/Barrage/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Barrage/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/barrage/barrage.scss')
+import '../../../packages/barrage/barrage.scss'

package/dist/esm/Barrage/style/style.css

@@ -0,0 +1 @@
+.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a)}.nut-barrage .barrage-item{width:120px;display:block;position:absolute;right:0;padding:3px 25px;border-radius:50px;font-size:12px;text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-gray-3, #bfbfbf),rgba(0,0,0,0));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{transform:translate(var(--move-distance))}}

package/dist/esm/Barrage.js

@@ -1,91 +1,100 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
-
-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 classNames from 'classnames';
-import { c as cn } from './bem-893ad28d.js';
-import '@bem-react/classname';
-var defaultProps = {
-  barrageList: [],
-  frequency: 500,
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "interval", "loop", "list", "duration", "rows", "gapY"];
+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), true).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 classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  list: [],
+  interval: 500,
   loop: true,
-  speeds: 2000,
+  duration: 3e3,
   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);
-
+  gapY: 10
+});
+var classPrefix = "nut-barrage";
+var InternalBarrage = function InternalBarrage2(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, interval = _defaultProps$props.interval, loop = _defaultProps$props.loop, list = _defaultProps$props.list, duration = _defaultProps$props.duration, rows = _defaultProps$props.rows, gapY = _defaultProps$props.gapY, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var barrageBody = useRef(null);
   var barrageContainer = useRef(null);
   var barrageCWidth = useRef(0);
   var timer = useRef(0);
   var index = useRef(0);
-  var b = cn('barrage');
-  var classes = classNames(className, b(''));
-  useImperativeHandle(ref, function () {
+  var classes = classNames(classPrefix, className);
+  useImperativeHandle(ref, function() {
     return {
       add: function add(word) {
-        var _index = index.current % barrageList.length;
-
-        barrageList.splice(_index, 0, word);
+        var _index = index.current % list.length;
+        if (!loop && index.current === list.length) {
+          list.splice(list.length, 0, word);
+        } else {
+          list.splice(_index, 0, word);
+        }
       }
     };
   });
-  useEffect(function () {
+  useEffect(function() {
     if (barrageBody.current) {
       barrageCWidth.current = barrageBody.current.offsetWidth;
-      run();
     }
-
-    return function () {
+    setTimeout(function() {
+      var _barrageBody$current;
+      (_barrageBody$current = barrageBody.current) === null || _barrageBody$current === void 0 ? void 0 : _barrageBody$current.style.setProperty("--move-distance", "-".concat(barrageCWidth.current, "px"));
+      index.current = 0;
+      run();
+    }, 300);
+    return function() {
       clearInterval(timer.current);
     };
-  }, [barrageList]);
-
-  var run = function run() {
+  }, [list]);
+  var run = function run2() {
     clearInterval(timer.current);
-    timer.current = setInterval(function () {
+    timer.current = window.setTimeout(function() {
       play();
-      run();
-    }, frequency);
+    }, interval);
   };
-
-  var play = function play() {
-    var _index = loop ? index.current % barrageList.length : index.current;
-
+  var play = function play2() {
+    if (!loop && index.current >= list.length) {
+      return;
+    }
+    var _index = loop ? index.current % list.length : index.current;
     var el = document.createElement("div");
-    el.innerHTML = barrageList[_index];
-    el.classList.add('barrage-item');
+    el.innerHTML = list[_index];
+    el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
     var width = el.offsetWidth;
     var height = el.offsetHeight;
-    el.classList.add('move');
-    el.style.animationDuration = "".concat(speeds, "ms");
-    el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
-    el.style.width = "".concat(width + 20, "px");
-    el.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
-    el.dataset.index = "".concat(_index);
-    el.addEventListener('animationend', function () {
+    el.classList.add("move");
+    el.style.animationDuration = "".concat(duration, "ms");
+    el.style.top = "".concat(_index % rows * (height + gapY) + 20, "px");
+    el.style.width = "".concat(width, "px");
+    el.addEventListener("animationend", function() {
       barrageContainer.current.removeChild(el);
     });
     index.current++;
+    run();
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes,
     ref: barrageBody
@@ -94,8 +103,9 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     className: "bContainer"
   }));
 };
-
 var Barrage = React__default.forwardRef(InternalBarrage);
 Barrage.defaultProps = defaultProps;
-Barrage.displayName = 'NutBarrage';
-export { Barrage as default };
+Barrage.displayName = "NutBarrage";
+export {
+  Barrage as default
+};

package/dist/esm/Button/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Button/style/index.js

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/button/button.scss')
+
+import '../../../packages/button/button.scss'

package/dist/esm/Button/style/style.css

@@ -0,0 +1 @@
+.nut-button{position:relative;display:inline-block;flex-shrink:0;height:var(--nutui-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nutui-button-default-line-height, 36px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;-webkit-appearance:none;user-select:none;touch-action:manipulation;color:var(--nutui-button-default-color, var(--nutui-gray-1, #1a1a1a));background:var(--nutui-button-default-bg-color, var(--nutui-gray-6, #ffffff));border:var(--nutui-button-border-width, 1px) solid var(--nutui-button-default-border-color, rgb(204, 204, 204))}.nut-button .nut-button-text{margin-left:var(--nutui-button-text-icon-margin-left, 5px)}.nut-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-0, #000000);border:inherit;border-color:var(--nutui-gray-0, #000000);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-button:after{border:none}.nut-button:active:before{opacity:.1}.nut-button__warp{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:initial}.nut-button--loading:before,.nut-button--disabled:before{display:none}.nut-button--solid{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--primary{color:var(--nutui-button-primary-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--primary.nut-button--outline{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));border-color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent}.nut-button--primary.nut-button--none{color:var(--nutui-button-primary-border-color, var(--nutui-brand-color, #fa2c19));background:transparent;border-color:transparent}.nut-button--info{color:var(--nutui-button-info-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(315deg,rgb(73,143,242) 0%,rgb(73,101,242) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--info.nut-button--outline{color:var(--nutui-button-info-border-color, #496af2);border-color:var(--nutui-button-info-border-color, #496af2);background:transparent}.nut-button--info.nut-button--none{color:var(--nutui-button-info-border-color, #496af2);background:transparent;border-color:transparent}.nut-button--success{color:var(--nutui-button-success-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(38,191,38) 0%,rgb(39,197,48) 45%,rgb(40,207,63) 83%,rgb(41,212,70) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--success.nut-button--outline{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));border-color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent}.nut-button--success.nut-button--none{color:var(--nutui-button-success-border-color, rgb(38, 191, 38));background:transparent;border-color:transparent}.nut-button--danger{color:var(--nutui-button-danger-color, var(--nutui-brand-text-color, #ffffff));background:var(--nutui-button-danger-background-color, rgb(250, 44, 25));border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--danger.nut-button--outline{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent}.nut-button--danger.nut-button--none{color:var(--nutui-button-danger-border-color, rgb(250, 44, 25));background:transparent;border-color:transparent}.nut-button--warning{color:var(--nutui-button-warning-color, var(--nutui-brand-text-color, #ffffff));background:linear-gradient(135deg,rgb(255,158,13) 0%,rgb(255,167,13) 45%,rgb(255,182,13) 83%,rgb(255,190,13) 100%);border:var(--nutui-button-border-width, 1px) solid transparent}.nut-button--warning.nut-button--outline{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent}.nut-button--warning.nut-button--none{color:var(--nutui-button-warning-border-color, rgb(255, 158, 13));background:transparent;border-color:transparent}.nut-button--large{width:100%;height:var(--nutui-button-large-height, 48px);line-height:var(--nutui-button-large-line-height, 46px)}.nut-button--large .text{margin-left:var(--nutui-button-text-icon-large-margin-left, 10px)}.nut-button--normal{padding:var(--nutui-button-default-padding, 0 18px);font-size:var(--nutui-button-default-font-size, var(--nutui-font-size-2, 14px))}.nut-button--small{height:var(--nutui-button-small-height, 28px);line-height:var(--nutui-button-small-line-height, 26px);padding:var(--nutui-button-small-padding, 0 12px);font-size:var(--nutui-button-small-font-size, var(--nutui-font-size-1, 12px))}.nut-button--small .text{margin-left:var(--nutui-button-text-icon-small-margin-left, 2px)}.nut-button--mini{height:var(--nutui-button-mini-height, 24px);line-height:var(--nutui-button-mini-line-height, 1.2);padding:var(--nutui-button-mini-padding, 0 12px);font-size:var(--nutui-button-mini-font-size, var(--nutui-font-size-1, 12px))}.nut-button--mini .text{margin-left:var(--nutui-button-text-icon-mini-margin-left, 1px)}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nutui-button-disabled-opacity, .68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nutui-button-border-radius, 25px)}.nut-button--square{border-radius:0}

package/dist/esm/Button.js

@@ -1,109 +1,90 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style"];
-
-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 Icon from './Icon.js';
-var defaultProps = {
-  className: '',
-  color: '',
-  shape: 'round',
-  plain: false,
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["color", "shape", "fill", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "nativeType"];
+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), true).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 } from "react";
+import classNames from "classnames";
+import { Loading } from "@nutui/icons-react";
+import { C as ComponentDefaults } from "./typings.js";
+var prefixCls = "nut-button";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  color: "",
+  type: "default",
+  size: "normal",
+  shape: "round",
+  fill: "solid",
   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,
-      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;
+  icon: null,
+  nativeType: "button",
+  onClick: function onClick(e) {
+  }
+});
+var Button = React__default.forwardRef(function(props, ref) {
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), color = _defaultProps$props.color, shape = _defaultProps$props.shape, fill = _defaultProps$props.fill, 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, onClick2 = _defaultProps$props.onClick, className = _defaultProps$props.className, style = _defaultProps$props.style, nativeType = _defaultProps$props.nativeType, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var getStyle = useCallback(function() {
+    var style2 = {};
+    if (props.color) {
+      if (fill && fill === "outline") {
+        style2.color = color;
+        style2.background = "#fff";
+        if (!(color !== null && color !== void 0 && color.includes("gradient"))) {
+          style2.borderColor = color;
         }
       } else {
-        style.color = '#fff';
-        style.background = color;
+        style2.color = "#fff";
+        style2.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 style2;
+  }, [color]);
+  var handleClick = function handleClick2(e) {
+    if (!loading && !disabled && onClick2) {
+      onClick2(e);
     }
   };
-
-  return React__default.createElement("div", _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, {
-    name: "loading"
-  }), !loading && icon ? React__default.createElement(Icon, {
-    name: icon
-  }) : '', children));
+  return (
+    // eslint-disable-next-line react/button-has-type
+    React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
+      ref,
+      type: nativeType,
+      className: classNames(prefixCls, className, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames)),
+      style: _objectSpread(_objectSpread({}, getStyle()), style),
+      onClick: function onClick3(e) {
+        return handleClick(e);
+      }
+    }), React__default.createElement("div", {
+      className: "nut-button__warp"
+    }, loading ? React__default.createElement(Loading, {
+      className: "nut-icon-loading"
+    }) : null, !loading && icon ? icon : null, children && React__default.createElement("div", {
+      className: icon || loading ? "nut-button-text" : ""
+    }, children)))
+  );
+});
+Button.displayName = "NutButton";
+export {
+  Button as default
 };
-
-Button.defaultProps = defaultProps;
-Button.displayName = 'NutButton';
-export { Button as default };

package/dist/esm/Calendar/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Calendar/style/index.js

@@ -1,3 +1,2 @@
-require('../../Popup/style')
-require('../../CalendarItem/style')
-require('../../../packages/calendar/calendar.scss')
+import '../../Popup/style'
+import '../../../packages/calendar/calendar.scss'

package/dist/esm/Calendar/style/style.css

@@ -0,0 +1 @@
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:.3s}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:.3s}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:.3s}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:.3s}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:.3s}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:.3s}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:.3s}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:.3s}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:.3s}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:.3s}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:.3s}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:.3s}.nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n+0),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, #d1d0d0)!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;height:62px;width:100%;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;width:100%;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}