@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Button.js

@@ -1,109 +1,88 @@
-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", "iconSize", "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 Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
+var _excluded = ["color", "shape", "fill", "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), 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), {}, {
-  className: '',
-  color: '',
-  shape: 'round',
-  plain: false,
+  color: "",
+  type: "default",
+  size: "normal",
+  shape: "round",
+  fill: "solid",
   loading: false,
   disabled: false,
-  type: 'default',
-  size: 'normal',
   block: false,
-  icon: '',
-  iconSize: '16',
-  style: {},
-  children: undefined,
-  onClick: function onClick(e) {}
+  icon: null,
+  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,
-    iconSize = _defaultProps$props.iconSize,
-    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;
+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, 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, iconSize, 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 (
     // 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) {
+    React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
+      ref,
+      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(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: "loading"
-    }), !loading && icon ? React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: icon,
-      size: iconSize
-    }) : '', children && React__default.createElement("div", {
-      className: icon || loading ? 'text' : ''
+    }, 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.js

@@ -1,117 +1,116 @@
 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, { useRef } from 'react';
-import Popup from './Popup.js';
-import CalendarItem from './CalendarItem.js';
-import { U as Utils } from './date-c7aad4c0.js';
-import { useConfig } from './ConfigProvider.js';
+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 } from "react";
+import Popup from "./Popup.js";
+import CalendarItem from "./CalendarItem.js";
+import { U as Utils } from "./date.js";
+import { useConfig } from "./ConfigProvider.js";
 var defaultProps = {
-  type: 'one',
+  type: "one",
   isAutoBackFill: false,
   poppable: true,
   visible: false,
-  title: '',
-  defaultValue: '',
+  title: "",
+  defaultValue: "",
   startDate: Utils.getDay(0),
   endDate: Utils.getDay(365),
   showToday: true,
-  startText: '',
-  endText: '',
-  confirmText: '',
+  startText: "",
+  endText: "",
+  confirmText: "",
   showTitle: true,
   showSubTitle: true,
   toDateAnimation: true,
-  onBtn: undefined,
-  onDay: undefined,
-  onTopInfo: undefined,
-  onBottomInfo: undefined,
-  onClose: function onClose() {},
-  onChoose: function onChoose(param) {},
-  onSelected: function onSelected(data) {},
-  onYearMonthChange: function onYearMonthChange(param) {}
+  onBtn: void 0,
+  onDay: void 0,
+  onTopInfo: void 0,
+  onBottomInfo: void 0,
+  onClose: function onClose() {
+  },
+  onChoose: function onChoose(param) {
+  },
+  onSelected: function onSelected(data) {
+  },
+  onYearMonthChange: function onYearMonthChange(param) {
+  }
 };
-var Calendar = React__default.forwardRef(function (props, ref) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    poppable = _defaultProps$props.poppable,
-    visible = _defaultProps$props.visible,
-    type = _defaultProps$props.type,
-    isAutoBackFill = _defaultProps$props.isAutoBackFill,
-    title = _defaultProps$props.title,
-    defaultValue = _defaultProps$props.defaultValue,
-    startDate = _defaultProps$props.startDate,
-    endDate = _defaultProps$props.endDate,
-    showToday = _defaultProps$props.showToday,
-    startText = _defaultProps$props.startText,
-    endText = _defaultProps$props.endText,
-    confirmText = _defaultProps$props.confirmText,
-    showTitle = _defaultProps$props.showTitle,
-    showSubTitle = _defaultProps$props.showSubTitle,
-    toDateAnimation = _defaultProps$props.toDateAnimation,
-    onBtn = _defaultProps$props.onBtn,
-    onDay = _defaultProps$props.onDay,
-    onTopInfo = _defaultProps$props.onTopInfo,
-    onBottomInfo = _defaultProps$props.onBottomInfo,
-    onClose = _defaultProps$props.onClose,
-    onChoose = _defaultProps$props.onChoose,
-    onSelected = _defaultProps$props.onSelected,
-    onYearMonthChange = _defaultProps$props.onYearMonthChange;
+var Calendar = React__default.forwardRef(function(props, ref) {
+  var _useConfig = useConfig(), locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), poppable = _defaultProps$props.poppable, visible = _defaultProps$props.visible, type = _defaultProps$props.type, isAutoBackFill = _defaultProps$props.isAutoBackFill, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, showToday = _defaultProps$props.showToday, startText = _defaultProps$props.startText, endText = _defaultProps$props.endText, confirmText = _defaultProps$props.confirmText, showTitle = _defaultProps$props.showTitle, showSubTitle = _defaultProps$props.showSubTitle, toDateAnimation = _defaultProps$props.toDateAnimation, onBtn = _defaultProps$props.onBtn, onDay = _defaultProps$props.onDay, onTopInfo = _defaultProps$props.onTopInfo, onBottomInfo = _defaultProps$props.onBottomInfo, onClose2 = _defaultProps$props.onClose, onChoose2 = _defaultProps$props.onChoose, onSelected2 = _defaultProps$props.onSelected, onYearMonthChange2 = _defaultProps$props.onYearMonthChange;
   var calendarRef = useRef(null);
-  var close = function close() {
-    onClose && onClose();
+  var close = function close2() {
+    onClose2 && onClose2();
   };
-  var choose = function choose(param) {
+  var choose = function choose2(param) {
     close();
-    onChoose && onChoose(param);
+    onChoose2 && onChoose2(param);
   };
-  var closePopup = function closePopup() {
+  var closePopup = function closePopup2() {
     close();
   };
-  var select = function select(param) {
-    onSelected && onSelected(param);
+  var select = function select2(param) {
+    onSelected2 && onSelected2(param);
   };
-  var scrollToDate = function scrollToDate(date) {
+  var scrollToDate = function scrollToDate2(date) {
     var _calendarRef$current;
     (_calendarRef$current = calendarRef.current) === null || _calendarRef$current === void 0 ? void 0 : _calendarRef$current.scrollToDate(date);
   };
-  var yearMonthChange = function yearMonthChange(param) {
-    onYearMonthChange && onYearMonthChange(param);
+  var yearMonthChange = function yearMonthChange2(param) {
+    onYearMonthChange2 && onYearMonthChange2(param);
   };
-  React__default.useImperativeHandle(ref, function () {
+  React__default.useImperativeHandle(ref, function() {
     return {
-      scrollToDate: scrollToDate
+      scrollToDate
     };
   });
-  var renderItem = function renderItem() {
+  var renderItem = function renderItem2() {
     return React__default.createElement(CalendarItem, {
       ref: calendarRef,
-      type: type,
-      isAutoBackFill: isAutoBackFill,
-      poppable: poppable,
+      type,
+      isAutoBackFill,
+      poppable,
       title: title || locale.calendaritem.title,
-      defaultValue: defaultValue,
-      startDate: startDate,
-      endDate: endDate,
-      showToday: showToday,
+      defaultValue,
+      startDate,
+      endDate,
+      showToday,
       startText: startText || locale.calendaritem.start,
       endText: endText || locale.calendaritem.end,
       confirmText: confirmText || locale.calendaritem.confirm,
-      showTitle: showTitle,
-      showSubTitle: showSubTitle,
-      toDateAnimation: toDateAnimation,
-      onBtn: onBtn,
-      onDay: onDay,
-      onTopInfo: onTopInfo,
-      onBottomInfo: onBottomInfo,
+      showTitle,
+      showSubTitle,
+      toDateAnimation,
+      onBtn,
+      onDay,
+      onTopInfo,
+      onBottomInfo,
       onChoose: choose,
       onSelected: select,
       onYearMonthChange: yearMonthChange
     });
   };
   return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
-    visible: visible,
+    visible,
     position: "bottom",
     round: true,
     duration: 0.5,
@@ -120,10 +119,12 @@ var Calendar = React__default.forwardRef(function (props, ref) {
     onClickOverlay: closePopup,
     onClickCloseIcon: closePopup,
     style: {
-      height: '85vh'
+      height: "85vh"
     }
   }, renderItem()) : renderItem());
 });
 Calendar.defaultProps = defaultProps;
-Calendar.displayName = 'NutCalendar';
-export { Calendar as default };
+Calendar.displayName = "NutCalendar";
+export {
+  Calendar as default
+};