@nutui/nutui-react 0.1.1 → 0.1.2

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v0.1.1 Wed Jan 05 2022 17:39:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v0.1.2 Thu Jan 06 2022 17:37:34 GMT+0800 (China Standard Time)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -10,47 +10,47 @@
 @import '../../packages/layout/layout.scss';
 @import '../../packages/row/row.scss';
 @import '../../packages/col/col.scss';
-@import '../../packages/drag/drag.scss';
-@import '../../packages/collapse/collapse.scss';
 @import '../../packages/toast/toast.scss';
-@import '../../packages/backtop/backtop.scss';
-@import '../../packages/range/range.scss';
-@import '../../packages/infiniteloading/infiniteloading.scss';
-@import '../../packages/steps/steps.scss';
-@import '../../packages/step/step.scss';
-@import '../../packages/circleprogress/circleprogress.scss';
+@import '../../packages/dialog/dialog.scss';
 @import '../../packages/popup/popup.scss';
 @import '../../packages/actionsheet/actionsheet.scss';
+@import '../../packages/picker/picker.scss';
+@import '../../packages/infiniteloading/infiniteloading.scss';
+@import '../../packages/popover/popover.scss';
+@import '../../packages/collapse/collapse.scss';
+@import '../../packages/collapseitem/collapseitem.scss';
+@import '../../packages/range/range.scss';
+@import '../../packages/circleprogress/circleprogress.scss';
 @import '../../packages/noticebar/noticebar.scss';
 @import '../../packages/notify/notify.scss';
-@import '../../packages/dialog/dialog.scss';
 @import '../../packages/switch/switch.scss';
-@import '../../packages/collapseitem/collapseitem.scss';
-@import '../../packages/swiper/swiper.scss';
-@import '../../packages/swiperitem/swiperitem.scss';
 @import '../../packages/navbar/navbar.scss';
 @import '../../packages/tabbar/tabbar.scss';
 @import '../../packages/tabbaritem/tabbaritem.scss';
-@import '../../packages/inputnumber/inputnumber.scss';
 @import '../../packages/elevator/elevator.scss';
 @import '../../packages/fixednav/fixednav.scss';
 @import '../../packages/pagination/pagination.scss';
+@import '../../packages/steps/steps.scss';
+@import '../../packages/step/step.scss';
+@import '../../packages/swiper/swiper.scss';
+@import '../../packages/swiperitem/swiperitem.scss';
+@import '../../packages/backtop/backtop.scss';
 @import '../../packages/rate/rate.scss';
-@import '../../packages/uploader/uploader.scss';
 @import '../../packages/input/input.scss';
 @import '../../packages/textarea/textarea.scss';
+@import '../../packages/inputnumber/inputnumber.scss';
+@import '../../packages/shortpassword/shortpassword.scss';
+@import '../../packages/radio/radio.scss';
+@import '../../packages/radiogroup/radiogroup.scss';
 @import '../../packages/checkbox/checkbox.scss';
 @import '../../packages/checkboxgroup/checkboxgroup.scss';
 @import '../../packages/tag/tag.scss';
-@import '../../packages/popover/popover.scss';
 @import '../../packages/badge/badge.scss';
-@import '../../packages/animatingnumbers/animatingnumbers.scss';
-@import '../../packages/radio/radio.scss';
-@import '../../packages/radiogroup/radiogroup.scss';
-@import '../../packages/shortpassword/shortpassword.scss';
+@import '../../packages/uploader/uploader.scss';
 @import '../../packages/calendar/calendar.scss';
 @import '../../packages/calendaritem/calendaritem.scss';
-@import '../../packages/picker/picker.scss';
-@import '../../packages/signature/signature.scss';
-@import '../../packages/barrage/barrage.scss';
 @import '../../packages/address/address.scss';
+@import '../../packages/barrage/barrage.scss';
+@import '../../packages/signature/signature.scss';
+@import '../../packages/drag/drag.scss';
+@import '../../packages/animatingnumbers/animatingnumbers.scss';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -109,6 +109,7 @@
     "husky": "^6.0.0",
     "inquirer": "^8.0.0",
     "lint-staged": "^11.0.0",
+    "lzutf8": "^0.6.0",
     "map-stream": "0.0.7",
     "marked": "^2.0.3",
     "postcss-import": "^14.0.2",

package/dist/esm/button-345fb015.js

@@ -1,110 +0,0 @@
-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, { useState, useEffect } from 'react';
-import Icon from './Icon.js';
-var defaultProps = {
-  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,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      btnName = _useState2[0],
-      setBtnName = _useState2[1];
-
-  var _useState3 = useState({}),
-      _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]);
-
-  var classes = function classes() {
-    var prefixCls = 'nut-button';
-    return "".concat(prefixCls, " ").concat(type ? "".concat(prefixCls, "--").concat(type) : '', "\n    ").concat(size ? "".concat(prefixCls, "--").concat(size) : '', "\n    ").concat(shape ? "".concat(prefixCls, "--").concat(shape) : '', "\n    ").concat(plain ? "".concat(prefixCls, "--plain") : '', "\n    ").concat(block ? "".concat(prefixCls, "--block") : '', "\n    ").concat(disabled ? "".concat(prefixCls, "--disabled") : '', "\n    ").concat(loading ? "".concat(prefixCls, "--loading") : '');
-  };
-
-  var handleClick = function handleClick(e) {
-    if (!loading && !disabled && onClick) {
-      onClick(e);
-    }
-  };
-
-  var getStyle = function getStyle() {
-    var style = {};
-
-    if (color) {
-      if (plain) {
-        style.color = color;
-        style.background = '#fff';
-
-        if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
-          style.borderColor = color;
-        }
-      } else {
-        style.color = '#fff';
-        style.background = color;
-      }
-    }
-
-    return style;
-  };
-
-  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));
-};
-
-Button.defaultProps = defaultProps;
-Button.displayName = 'NutButton';
-export { Button as B };

package/dist/esm/icon-63c0d58f.js

@@ -1,70 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"];
-
-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 { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  name: '',
-  size: '',
-  classPrefix: 'nutui-iconfont',
-  color: '',
-  tag: 'i',
-  click: function click(e) {},
-  className: ''
-};
-
-function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
-}
-
-var Icon = function Icon(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      name = _defaultProps$props.name,
-      size = _defaultProps$props.size,
-      classPrefix = _defaultProps$props.classPrefix,
-      color = _defaultProps$props.color,
-      tag = _defaultProps$props.tag,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      click = _defaultProps$props.click,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var isImage = name ? name.indexOf('/') !== -1 : false;
-  var type = isImage ? 'img' : tag;
-  var b = cn('icon');
-
-  var handleClick = function handleClick(e) {
-    if (props.click) {
-      props.click(e);
-    }
-  };
-
-  var hasSrc = function hasSrc() {
-    if (isImage) return {
-      src: name
-    };
-    return {};
-  };
-
-  return React__default.createElement(type, _objectSpread(_objectSpread({
-    className: isImage ? "".concat(className || '', " ").concat(b('img')) : "".concat(className || '', " ").concat(b(null, [classPrefix]), " nut-icon-").concat(name, " "),
-    style: _objectSpread({
-      color: color,
-      fontSize: pxCheck(size),
-      width: pxCheck(size),
-      height: pxCheck(size)
-    }, style)
-  }, rest), {}, {
-    onClick: handleClick
-  }, hasSrc()), children);
-};
-
-Icon.defaultProps = defaultProps;
-Icon.displayName = 'NutIcon';
-export { Icon as I };

package/dist/esm/toast-420b65b7.js

@@ -1,294 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-63c0d58f.js';
-import classNames from 'classnames';
-
-var Notification = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Notification, _React$PureComponent);
-
-  var _super = _createSuper(Notification);
-
-  function Notification(props) {
-    var _this;
-
-    _classCallCheck(this, Notification);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "closeTimer", void 0);
-
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
-    _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
-    _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
-    _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
-    _this.state = {
-      show: true
-    };
-    return _this;
-  }
-
-  _createClass(Notification, [{
-    key: "close",
-    value: function close() {
-      this.setState({
-        show: false
-      });
-      this.clearCloseTimer();
-      this.props.onClose();
-    }
-  }, {
-    key: "startCloseTimer",
-    value: function startCloseTimer() {
-      var _this2 = this;
-
-      var duration = this.props.duration;
-
-      if (duration) {
-        this.closeTimer = window.setTimeout(function () {
-          _this2.close();
-        }, duration * 1000);
-      }
-    }
-  }, {
-    key: "clearCloseTimer",
-    value: function clearCloseTimer() {
-      if (this.closeTimer) {
-        clearTimeout(this.closeTimer);
-        this.closeTimer = -1;
-      }
-    }
-  }, {
-    key: "clickCover",
-    value: function clickCover() {
-      var closeOnClickOverlay = this.props.closeOnClickOverlay;
-
-      if (closeOnClickOverlay) {
-        this.close();
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.startCloseTimer();
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.clearCloseTimer();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _classNames,
-          _this3 = this;
-
-      var _this$props = this.props,
-          style = _this$props.style,
-          icon = _this$props.icon,
-          msg = _this$props.msg,
-          bottom = _this$props.bottom,
-          center = _this$props.center,
-          bgColor = _this$props.bgColor,
-          coverColor = _this$props.coverColor,
-          textAlignCenter = _this$props.textAlignCenter,
-          size = _this$props.size,
-          customClass = _this$props.customClass,
-          cover = _this$props.cover,
-          type = _this$props.type;
-      this.state;
-      var toastBem = cn('toast');
-      var classes = classNames((_classNames = {}, _defineProperty(_classNames, 'nut-toast-center', center), _defineProperty(_classNames, 'nut-toast-has-icon', icon), _defineProperty(_classNames, 'nut-toast-cover', cover), _defineProperty(_classNames, 'nut-toast-loading', type === 'loading'), _defineProperty(_classNames, "customClass", customClass), _defineProperty(_classNames, 'nut-toast-' + size, true), _classNames));
-      return React.createElement(React.Fragment, null, React.createElement("div", {
-        className: "".concat(toastBem(), " ").concat(classes),
-        style: {
-          bottom: center ? 'auto' : bottom + 'px',
-          backgroundColor: cover ? coverColor : ''
-        },
-        onClick: function onClick() {
-          _this3.clickCover();
-        }
-      }, React.createElement("div", {
-        className: toastBem('inner'),
-        style: {
-          textAlign: textAlignCenter ? 'center' : 'left',
-          backgroundColor: bgColor
-        }
-      }, icon ? React.createElement("p", {
-        className: toastBem('icon-wrapper')
-      }, React.createElement(Icon, {
-        name: icon ? icon : '',
-        size: "20"
-      })) : null, React.createElement("span", {
-        className: toastBem('text')
-      }, msg))));
-    }
-  }]);
-
-  return Notification;
-}(React.PureComponent);
-
-_defineProperty(Notification, "newInstance", void 0);
-
-Notification.newInstance = function (properties, callback) {
-  var element = document.createElement('div');
-
-  if (properties.id) {
-    element.setAttribute('id', "".concat(properties.id));
-  }
-
-  document.body.appendChild(element);
-  var called = false;
-
-  function ref(instance) {
-    if (called) {
-      return;
-    }
-
-    called = true;
-    callback({
-      component: instance,
-      destroy: function destroy() {
-        ReactDOM.unmountComponentAtNode(element);
-        element && element.parentNode && element.parentNode.removeChild(element);
-      }
-    });
-  }
-
-  ReactDOM.render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
-    ref: ref
-  })), element);
-};
-
-var messageInstance = null;
-var options = {
-  msg: '',
-  id: '',
-  duration: 1.5,
-  center: true,
-  type: 'text',
-  customClass: '',
-  bottom: 30,
-  size: 'base',
-  icon: '',
-  textAlignCenter: true,
-  loadingRotate: true,
-  bgColor: 'rgba(0, 0, 0, .8)',
-  onClose: function onClose() {},
-  cover: false,
-  coverColor: 'rgba(0, 0, 0, 0)',
-  closeOnClickOverlay: false // 是否点击遮罩可关闭
-
-};
-
-function getInstance(props, callback) {
-  if (messageInstance) {
-    messageInstance.destroy();
-    messageInstance = null;
-  }
-
-  Notification.newInstance(props, function (notification) {
-    return callback && callback(notification);
-  });
-}
-
-function notice(opts) {
-  function close() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-
-  opts = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
-    onClose: close
-  });
-  getInstance(opts, function (notification) {
-    messageInstance = notification;
-  });
-}
-
-var errorMsg = function errorMsg(msg) {
-  if (!msg) {
-    console.warn('[NutUI Toast]: msg不能为空');
-    return;
-  }
-};
-
-var Toast = {
-  text: function text(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      type: 'text'
-    }, option));
-  },
-  success: function success(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'success',
-      type: 'success'
-    }, option));
-  },
-  fail: function fail(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'failure',
-      type: 'fail'
-    }, option));
-  },
-  loading: function loading(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'loading',
-      type: 'loading'
-    }, option));
-  },
-  warn: function warn(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg,
-      icon: 'tips',
-      type: 'warn'
-    }, option));
-  },
-  customIcon: function customIcon(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg: msg
-    }, option));
-  },
-  hide: function hide() {
-    if (messageInstance) {
-      messageInstance.destroy();
-      messageInstance = null;
-    }
-  }
-};
-export { Toast as T };