@ucloud-fe/react-components 1.5.17 → 1.5.18

package/lib/components/Notice/Notice.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyleTypes = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icon = _interopRequireDefault(require("../../components/Icon"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _deprecatedLog = _interopRequireDefault(require("../../utils/deprecatedLog"));
+
+var _style = require("./style");
+
+var _noop = _interopRequireDefault(require("../../utils/noop"));
+
+var _style2 = require("../../style");
+
+var _excluded = ["closable", "icon", "children", "onClose", "styleType", "action"];
+
+var _this = void 0;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var deprecatedLogForStyleTypeInfo = (0, _deprecatedLog.default)('Notice styleType "info"', '"success"');
+var StyleTypes = (0, _style2.tuple)('default', 'success', 'warning', 'error', 'disabled');
+exports.StyleTypes = StyleTypes;
+
+var Notice = function Notice(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var _ref$closable = _ref.closable,
+      closable = _ref$closable === void 0 ? true : _ref$closable,
+      _icon = _ref.icon,
+      children = _ref.children,
+      _ref$onClose = _ref.onClose,
+      onClose = _ref$onClose === void 0 ? _noop.default : _ref$onClose,
+      _ref$styleType = _ref.styleType,
+      styleType = _ref$styleType === void 0 ? 'default' : _ref$styleType,
+      action = _ref.action,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      closed = _useState2[0],
+      setClosed = _useState2[1];
+
+  var handleClose = (0, _react.useCallback)(function (e) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    setClosed(true);
+    onClose(e);
+  }.bind(this), [onClose]);
+  (0, _react.useEffect)(function () {
+    (0, _newArrowCheck2.default)(this, _this2);
+
+    if (styleType === 'info') {
+      deprecatedLogForStyleTypeInfo();
+    }
+  }.bind(this), [styleType]);
+  var icon;
+
+  if (_icon === null || _icon === false) {
+    icon = null;
+  } else if (typeof _icon === 'string') {
+    icon = /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      className: _style.iconCls,
+      type: _icon
+    });
+  } else if ( /*#__PURE__*/_react.default.isValidElement(_icon)) {
+    icon = _icon;
+  } else {
+    icon = /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+      size: "15px",
+      className: _style.iconCls,
+      type: "exclamation-circle-filled"
+    });
+  }
+
+  return closed ? null : /*#__PURE__*/_react.default.createElement(_style.NoticeWrap, (0, _extends2.default)({}, rest, {
+    styleType: styleType
+  }), icon && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.iconWrapCls
+  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.contentCls
+  }, children), action && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.actionCls
+  }, action), closable && /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.closeCls
+  }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+    type: "cross",
+    className: _style.iconCls,
+    onClick: handleClose
+  })));
+}.bind(void 0);
+
+Notice.propTypes = {
+  closable: _propTypes.default.bool,
+  icon: _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.oneOf([false]), _propTypes.default.string, _propTypes.default.node]),
+  onClose: _propTypes.default.func,
+  styleType: _propTypes.default.oneOf(['default', 'success', 'warning', 'error', 'disabled', 'info']),
+  action: _propTypes.default.node
+};
+
+var _default = /*#__PURE__*/_react.default.memo(Notice);
+
+exports.default = _default;

package/lib/components/Notice/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { NoticeProps } from './Notice';
+declare const ExportNotice: import("react").NamedExoticComponent<{
+    closable?: boolean | undefined;
+    icon?: import("react").ReactNode;
+    onClose?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    styleType?: "default" | "disabled" | "error" | "success" | "warning" | "info" | undefined;
+    action?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLDivElement>> & {
+    readonly type: ({ closable, icon: _icon, children, onClose, styleType, action, ...rest }: NoticeProps) => JSX.Element | null;
+} & {
+    /** @deprecated */
+    StyleType: ["default", "success", "warning", "error", "disabled"];
+};
+export default ExportNotice;
+export type { NoticeProps };

package/lib/components/Notice/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _type = require("../../type");
+
+var _Notice = _interopRequireWildcard(require("./Notice"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ExportNotice = (0, _type.ExportComponent)(_Notice.default, {
+  /** @deprecated */
+  StyleType: _Notice.StyleTypes
+});
+var _default = ExportNotice;
+exports.default = _default;

package/lib/components/Notice/style/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const prefixCls: string;
+export declare const iconCls: string;
+export declare const iconWrapCls: string;
+export declare const contentCls: string;
+export declare const actionCls: string;
+export declare const closeCls: string;
+export declare const NoticeWrap: import("react").ForwardRefExoticComponent<{
+    styleType: string;
+} & import("react").HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & import("react").RefAttributes<HTMLElement>>;

package/lib/components/Notice/style/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoticeWrap = exports.closeCls = exports.actionCls = exports.contentCls = exports.iconWrapCls = exports.iconCls = exports.prefixCls = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@emotion/core");
+
+var _style = require("../../../style");
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _this = void 0;
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-notice';
+exports.prefixCls = prefixCls;
+var iconCls = prefixCls + '-icon';
+exports.iconCls = iconCls;
+var iconWrapCls = prefixCls + '-icon-wrap';
+exports.iconWrapCls = iconWrapCls;
+var contentCls = prefixCls + '-content';
+exports.contentCls = contentCls;
+var actionCls = prefixCls + '-action';
+exports.actionCls = actionCls;
+var closeCls = prefixCls + '-close';
+exports.closeCls = closeCls;
+var colorMapMap = {
+  info: {
+    color: 'T_COLOR_TEXT_DEFAULT_DARK',
+    border: 'T_COLOR_LINE_NOTICE_LIGHT',
+    background: 'T_COLOR_BG_NOTICE_LIGHT',
+    icon: 'T_COLOR_TEXT_PRIMARY_DEFAULT'
+  },
+  success: {
+    color: 'T_COLOR_TEXT_DEFAULT_DARK',
+    border: 'T_COLOR_LINE_SUCCESS_LIGHT',
+    background: 'T_COLOR_BG_SUCCESS_LIGHT',
+    icon: 'T_COLOR_TEXT_SUCCESS'
+  },
+  warning: {
+    color: 'T_COLOR_TEXT_DEFAULT_DARK',
+    border: 'T_COLOR_LINE_WARNING_LIGHT',
+    background: 'T_COLOR_BG_WARNING_LIGHT',
+    icon: 'T_COLOR_TEXT_WARNING'
+  },
+  error: {
+    color: 'T_COLOR_TEXT_DEFAULT_DARK',
+    border: 'T_COLOR_LINE_ERROR_LIGHT',
+    background: 'T_COLOR_BG_ERROR_LIGHT',
+    icon: 'T_COLOR_TEXT_ERROR'
+  },
+  disabled: {
+    color: 'T_COLOR_TEXT_DISABLED',
+    border: 'T_COLOR_LINE_DISABLED_LIGHT',
+    background: 'T_COLOR_BG_DISABLED_LIGHT',
+    icon: 'T_COLOR_TEXT_DISABLED'
+  }
+};
+var map = {
+  default: 'info',
+  success: 'success',
+  warning: 'warning',
+  error: 'error',
+  info: 'success',
+  disabled: 'disabled'
+};
+var NoticeWrap = (0, _style.sWrap)()(( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "e11ejhci0",
+  label: "NoticeWrap"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var styleType = props.styleType,
+      DT = props.theme.designTokens;
+  var style = map[styleType];
+  var _colorMapMap$style = colorMapMap[style],
+      color = _colorMapMap$style.color,
+      border = _colorMapMap$style.border,
+      background = _colorMapMap$style.background,
+      icon = _colorMapMap$style.icon;
+  return /*#__PURE__*/(0, _core.css)("display:flex;position:relative;box-sizing:border-box;width:100%;padding:10px 16px;margin:0;border-radius:1px;line-height:18px;overflow:hidden;color:", DT[color], ";border:", DT.T_LINE_WIDTH_BASE, " solid ", DT[border], ";background:", DT[background], ";.", iconWrapCls, ",.", actionCls, ",.", closeCls, "{flex:0 0 auto;display:flex;align-items:center;height:18px;line-height:18px;}.", iconWrapCls, "{width:15px;padding-right:8px;font-size:15px;color:inherit;}.", iconWrapCls, " .", iconCls, "{fill:", DT[icon], ";color:", DT[icon], ";}.", contentCls, "{flex:1;}.", actionCls, "{padding-left:8px;white-space:nowrap;text-align:right;color:", DT.T_COLOR_TEXT_DEFAULT_LIGHT, ";}.", closeCls, "{padding-left:8px;width:12px;> .", iconCls, "{cursor:pointer;}};label:NoticeWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGljZS9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRWtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGljZS9zdHlsZS9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgeyBEZXNpZ25Ub2tlbiwgc1dyYXAgfSBmcm9tICdzcmMvc3R5bGUnO1xuaW1wb3J0IGNvbmZpZyBmcm9tICdzcmMvY29uZmlnJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHMgPSBfcHJlZml4Q2xzICsgJy1ub3RpY2UnO1xuZXhwb3J0IGNvbnN0IGljb25DbHMgPSBwcmVmaXhDbHMgKyAnLWljb24nO1xuZXhwb3J0IGNvbnN0IGljb25XcmFwQ2xzID0gcHJlZml4Q2xzICsgJy1pY29uLXdyYXAnO1xuZXhwb3J0IGNvbnN0IGNvbnRlbnRDbHMgPSBwcmVmaXhDbHMgKyAnLWNvbnRlbnQnO1xuZXhwb3J0IGNvbnN0IGFjdGlvbkNscyA9IHByZWZpeENscyArICctYWN0aW9uJztcbmV4cG9ydCBjb25zdCBjbG9zZUNscyA9IHByZWZpeENscyArICctY2xvc2UnO1xuXG5jb25zdCBjb2xvck1hcE1hcDogUmVjb3JkPFxuICAgIHN0cmluZyxcbiAgICB7XG4gICAgICAgIGNvbG9yOiBEZXNpZ25Ub2tlbjtcbiAgICAgICAgYm9yZGVyOiBEZXNpZ25Ub2tlbjtcbiAgICAgICAgYmFja2dyb3VuZDogRGVzaWduVG9rZW47XG4gICAgICAgIGljb246IERlc2lnblRva2VuO1xuICAgIH1cbj4gPSB7XG4gICAgaW5mbzoge1xuICAgICAgICBjb2xvcjogJ1RfQ09MT1JfVEVYVF9ERUZBVUxUX0RBUksnLFxuICAgICAgICBib3JkZXI6ICdUX0NPTE9SX0xJTkVfTk9USUNFX0xJR0hUJyxcbiAgICAgICAgYmFja2dyb3VuZDogJ1RfQ09MT1JfQkdfTk9USUNFX0xJR0hUJyxcbiAgICAgICAgaWNvbjogJ1RfQ09MT1JfVEVYVF9QUklNQVJZX0RFRkFVTFQnXG4gICAgfSxcbiAgICBzdWNjZXNzOiB7XG4gICAgICAgIGNvbG9yOiAnVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSSycsXG4gICAgICAgIGJvcmRlcjogJ1RfQ09MT1JfTElORV9TVUNDRVNTX0xJR0hUJyxcbiAgICAgICAgYmFja2dyb3VuZDogJ1RfQ09MT1JfQkdfU1VDQ0VTU19MSUdIVCcsXG4gICAgICAgIGljb246ICdUX0NPTE9SX1RFWFRfU1VDQ0VTUydcbiAgICB9LFxuICAgIHdhcm5pbmc6IHtcbiAgICAgICAgY29sb3I6ICdUX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLJyxcbiAgICAgICAgYm9yZGVyOiAnVF9DT0xPUl9MSU5FX1dBUk5JTkdfTElHSFQnLFxuICAgICAgICBiYWNrZ3JvdW5kOiAnVF9DT0xPUl9CR19XQVJOSU5HX0xJR0hUJyxcbiAgICAgICAgaWNvbjogJ1RfQ09MT1JfVEVYVF9XQVJOSU5HJ1xuICAgIH0sXG4gICAgZXJyb3I6IHtcbiAgICAgICAgY29sb3I6ICdUX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLJyxcbiAgICAgICAgYm9yZGVyOiAnVF9DT0xPUl9MSU5FX0VSUk9SX0xJR0hUJyxcbiAgICAgICAgYmFja2dyb3VuZDogJ1RfQ09MT1JfQkdfRVJST1JfTElHSFQnLFxuICAgICAgICBpY29uOiAnVF9DT0xPUl9URVhUX0VSUk9SJ1xuICAgIH0sXG4gICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgY29sb3I6ICdUX0NPTE9SX1RFWFRfRElTQUJMRUQnLFxuICAgICAgICBib3JkZXI6ICdUX0NPTE9SX0xJTkVfRElTQUJMRURfTElHSFQnLFxuICAgICAgICBiYWNrZ3JvdW5kOiAnVF9DT0xPUl9CR19ESVNBQkxFRF9MSUdIVCcsXG4gICAgICAgIGljb246ICdUX0NPTE9SX1RFWFRfRElTQUJMRUQnXG4gICAgfVxufTtcblxuY29uc3QgbWFwOiBSZWNvcmQ8a2V5b2YgdHlwZW9mIGNvbG9yTWFwTWFwLCBrZXlvZiB0eXBlb2YgY29sb3JNYXBNYXA+ID0ge1xuICAgIGRlZmF1bHQ6ICdpbmZvJyxcbiAgICBzdWNjZXNzOiAnc3VjY2VzcycsXG4gICAgd2FybmluZzogJ3dhcm5pbmcnLFxuICAgIGVycm9yOiAnZXJyb3InLFxuICAgIGluZm86ICdzdWNjZXNzJyxcbiAgICBkaXNhYmxlZDogJ2Rpc2FibGVkJ1xufTtcblxuZXhwb3J0IGNvbnN0IE5vdGljZVdyYXAgPSBzV3JhcDx7IHN0eWxlVHlwZTogc3RyaW5nIH0+KCkoXG4gICAgc3R5bGVkKCdkaXYnKShwcm9wcyA9PiB7XG4gICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHN0eWxlVHlwZSxcbiAgICAgICAgICAgIHRoZW1lOiB7IGRlc2lnblRva2VuczogRFQgfVxuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3Qgc3R5bGUgPSBtYXBbc3R5bGVUeXBlXTtcbiAgICAgICAgY29uc3QgeyBjb2xvciwgYm9yZGVyLCBiYWNrZ3JvdW5kLCBpY29uIH0gPSBjb2xvck1hcE1hcFtzdHlsZV07XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBwYWRkaW5nOiAxMHB4IDE2cHg7XG4gICAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxcHg7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMThweDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICBjb2xvcjogJHtEVFtjb2xvcl19O1xuICAgICAgICAgICAgYm9yZGVyOiAke0RULlRfTElORV9XSURUSF9CQVNFfSBzb2xpZCAke0RUW2JvcmRlcl19O1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJHtEVFtiYWNrZ3JvdW5kXX07XG5cbiAgICAgICAgICAgIC4ke2ljb25XcmFwQ2xzfSwgLiR7YWN0aW9uQ2xzfSwgLiR7Y2xvc2VDbHN9IHtcbiAgICAgICAgICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7aWNvbldyYXBDbHN9IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTVweDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXJpZ2h0OiA4cHg7XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxNXB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7aWNvbldyYXBDbHN9IC4ke2ljb25DbHN9IHtcbiAgICAgICAgICAgICAgICBmaWxsOiAke0RUW2ljb25dfTtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtEVFtpY29uXX07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtjb250ZW50Q2xzfSB7XG4gICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2FjdGlvbkNsc30ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgICAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7RFQuVF9DT0xPUl9URVhUX0RFRkFVTFRfTElHSFR9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7Y2xvc2VDbHN9IHtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDhweDtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTJweDtcbiAgICAgICAgICAgICAgICA+IC4ke2ljb25DbHN9IHtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcbiJdfQ== */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGljZS9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRUkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWNlL3N0eWxlL2luZGV4LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCB7IERlc2lnblRva2VuLCBzV3JhcCB9IGZyb20gJ3NyYy9zdHlsZSc7XG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLW5vdGljZSc7XG5leHBvcnQgY29uc3QgaWNvbkNscyA9IHByZWZpeENscyArICctaWNvbic7XG5leHBvcnQgY29uc3QgaWNvbldyYXBDbHMgPSBwcmVmaXhDbHMgKyAnLWljb24td3JhcCc7XG5leHBvcnQgY29uc3QgY29udGVudENscyA9IHByZWZpeENscyArICctY29udGVudCc7XG5leHBvcnQgY29uc3QgYWN0aW9uQ2xzID0gcHJlZml4Q2xzICsgJy1hY3Rpb24nO1xuZXhwb3J0IGNvbnN0IGNsb3NlQ2xzID0gcHJlZml4Q2xzICsgJy1jbG9zZSc7XG5cbmNvbnN0IGNvbG9yTWFwTWFwOiBSZWNvcmQ8XG4gICAgc3RyaW5nLFxuICAgIHtcbiAgICAgICAgY29sb3I6IERlc2lnblRva2VuO1xuICAgICAgICBib3JkZXI6IERlc2lnblRva2VuO1xuICAgICAgICBiYWNrZ3JvdW5kOiBEZXNpZ25Ub2tlbjtcbiAgICAgICAgaWNvbjogRGVzaWduVG9rZW47XG4gICAgfVxuPiA9IHtcbiAgICBpbmZvOiB7XG4gICAgICAgIGNvbG9yOiAnVF9DT0xPUl9URVhUX0RFRkFVTFRfREFSSycsXG4gICAgICAgIGJvcmRlcjogJ1RfQ09MT1JfTElORV9OT1RJQ0VfTElHSFQnLFxuICAgICAgICBiYWNrZ3JvdW5kOiAnVF9DT0xPUl9CR19OT1RJQ0VfTElHSFQnLFxuICAgICAgICBpY29uOiAnVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVCdcbiAgICB9LFxuICAgIHN1Y2Nlc3M6IHtcbiAgICAgICAgY29sb3I6ICdUX0NPTE9SX1RFWFRfREVGQVVMVF9EQVJLJyxcbiAgICAgICAgYm9yZGVyOiAnVF9DT0xPUl9MSU5FX1NVQ0NFU1NfTElHSFQnLFxuICAgICAgICBiYWNrZ3JvdW5kOiAnVF9DT0xPUl9CR19TVUNDRVNTX0xJR0hUJyxcbiAgICAgICAgaWNvbjogJ1RfQ09MT1JfVEVYVF9TVUNDRVNTJ1xuICAgIH0sXG4gICAgd2FybmluZzoge1xuICAgICAgICBjb2xvcjogJ1RfQ09MT1JfVEVYVF9ERUZBVUxUX0RBUksnLFxuICAgICAgICBib3JkZXI6ICdUX0NPTE9SX0xJTkVfV0FSTklOR19MSUdIVCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICdUX0NPTE9SX0JHX1dBUk5JTkdfTElHSFQnLFxuICAgICAgICBpY29uOiAnVF9DT0xPUl9URVhUX1dBUk5JTkcnXG4gICAgfSxcbiAgICBlcnJvcjoge1xuICAgICAgICBjb2xvcjogJ1RfQ09MT1JfVEVYVF9ERUZBVUxUX0RBUksnLFxuICAgICAgICBib3JkZXI6ICdUX0NPTE9SX0xJTkVfRVJST1JfTElHSFQnLFxuICAgICAgICBiYWNrZ3JvdW5kOiAnVF9DT0xPUl9CR19FUlJPUl9MSUdIVCcsXG4gICAgICAgIGljb246ICdUX0NPTE9SX1RFWFRfRVJST1InXG4gICAgfSxcbiAgICBkaXNhYmxlZDoge1xuICAgICAgICBjb2xvcjogJ1RfQ09MT1JfVEVYVF9ESVNBQkxFRCcsXG4gICAgICAgIGJvcmRlcjogJ1RfQ09MT1JfTElORV9ESVNBQkxFRF9MSUdIVCcsXG4gICAgICAgIGJhY2tncm91bmQ6ICdUX0NPTE9SX0JHX0RJU0FCTEVEX0xJR0hUJyxcbiAgICAgICAgaWNvbjogJ1RfQ09MT1JfVEVYVF9ESVNBQkxFRCdcbiAgICB9XG59O1xuXG5jb25zdCBtYXA6IFJlY29yZDxrZXlvZiB0eXBlb2YgY29sb3JNYXBNYXAsIGtleW9mIHR5cGVvZiBjb2xvck1hcE1hcD4gPSB7XG4gICAgZGVmYXVsdDogJ2luZm8nLFxuICAgIHN1Y2Nlc3M6ICdzdWNjZXNzJyxcbiAgICB3YXJuaW5nOiAnd2FybmluZycsXG4gICAgZXJyb3I6ICdlcnJvcicsXG4gICAgaW5mbzogJ3N1Y2Nlc3MnLFxuICAgIGRpc2FibGVkOiAnZGlzYWJsZWQnXG59O1xuXG5leHBvcnQgY29uc3QgTm90aWNlV3JhcCA9IHNXcmFwPHsgc3R5bGVUeXBlOiBzdHJpbmcgfT4oKShcbiAgICBzdHlsZWQoJ2RpdicpKHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9XG4gICAgICAgIH0gPSBwcm9wcztcblxuICAgICAgICBjb25zdCBzdHlsZSA9IG1hcFtzdHlsZVR5cGVdO1xuICAgICAgICBjb25zdCB7IGNvbG9yLCBib3JkZXIsIGJhY2tncm91bmQsIGljb24gfSA9IGNvbG9yTWFwTWFwW3N0eWxlXTtcblxuICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDFweDtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGNvbG9yOiAke0RUW2NvbG9yXX07XG4gICAgICAgICAgICBib3JkZXI6ICR7RFQuVF9MSU5FX1dJRFRIX0JBU0V9IHNvbGlkICR7RFRbYm9yZGVyXX07XG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiAke0RUW2JhY2tncm91bmRdfTtcblxuICAgICAgICAgICAgLiR7aWNvbldyYXBDbHN9LCAuJHthY3Rpb25DbHN9LCAuJHtjbG9zZUNsc30ge1xuICAgICAgICAgICAgICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE4cHg7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpY29uV3JhcENsc30ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNXB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDhweDtcbiAgICAgICAgICAgICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICAgICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtpY29uV3JhcENsc30gLiR7aWNvbkNsc30ge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7RFRbaWNvbl19O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke0RUW2ljb25dfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC4ke2NvbnRlbnRDbHN9IHtcbiAgICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLiR7YWN0aW9uQ2xzfSB7XG4gICAgICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiA4cHg7XG4gICAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiByaWdodDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtEVC5UX0NPTE9SX1RFWFRfREVGQVVMVF9MSUdIVH07XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICAuJHtjbG9zZUNsc30ge1xuICAgICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogOHB4O1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxMnB4O1xuICAgICAgICAgICAgICAgID4gLiR7aWNvbkNsc30ge1xuICAgICAgICAgICAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICBgO1xuICAgIH0pXG4pO1xuIl19 */"));
+exports.NoticeWrap = NoticeWrap;

package/lib/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,149 @@
+export default NumberInput;
+declare class NumberInput extends React.Component<any, any, any> {
+    static propTypes: {
+        /** 值，受控 */
+        value: PropTypes.Requireable<string | number>;
+        /** 默认值，非受控 */
+        defaultValue: PropTypes.Requireable<string | number>;
+        /** @ignore */
+        focusOnUpDown: PropTypes.Requireable<boolean>;
+        /** @ignore */
+        autoFocus: PropTypes.Requireable<boolean>;
+        /** 修改回调 */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * 有效的修改回调，使用按钮改变值或者输入、回车后失焦时触发，可防止监听到无效的回调
+         * @param value - 当前的值，必为有效数字
+         */
+        onNumberChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @ignore */
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @ignore */
+        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @ignore */
+        onEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        /** 禁用 */
+        disabled: PropTypes.Requireable<boolean>;
+        /** @ignore */
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        /** @ignore */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** 只读 */
+        readOnly: PropTypes.Requireable<boolean>;
+        /** 最大值 */
+        max: PropTypes.Requireable<number>;
+        /** 最小值 */
+        min: PropTypes.Requireable<number>;
+        /** 按钮每次变动大小 */
+        step: PropTypes.Requireable<string | number>;
+        /** 增加按钮点击增加的大小，会覆盖 step */
+        upStep: PropTypes.Requireable<string | number>;
+        /** 减少按钮点击减少的大小，会覆盖 step */
+        downStep: PropTypes.Requireable<string | number>;
+        /** 自定义'+'按钮 */
+        upHandler: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** 自定义'-'按钮 */
+        downHandler: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** 定义数值展示格式化 */
+        formatter: PropTypes.Requireable<(...args: any[]) => any>;
+        /** 定义输入内容过滤 */
+        parser: PropTypes.Requireable<(...args: any[]) => any>;
+        /** 精度，小数点位数 */
+        precision: PropTypes.Requireable<number>;
+        /** @ignore */
+        className: PropTypes.Requireable<string>;
+        /** @ignore */
+        style: PropTypes.Requireable<object>;
+        /** 样式风格 */
+        styleType: PropTypes.Requireable<string>;
+        /** 尺寸 */
+        size: PropTypes.Requireable<string>;
+        /** 自定义后缀 */
+        suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** input框自定义样式 */
+        inputStyle: PropTypes.Requireable<object>;
+        /** 计算合法值 */
+        computeValidNumber: PropTypes.Requireable<(...args: any[]) => any>;
+        /** 是否隐藏操作按钮 */
+        hideHandler: PropTypes.Requireable<boolean>;
+        /**
+         * 输入提示，hover 和输入焦点时显示，可直接传入 tooltip 内容，或传入 tooltip 的 props，props 参考 tooltip 组件文档
+         * 注意，如果使用自定义 props 中的 visible 和 onVisibleChange 则需要自己去控制 tooltip 的显示隐藏
+         */
+        tooltip: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+    };
+    static defaultProps: {
+        focusOnUpDown: boolean;
+        min: number;
+        step: number;
+        onChange: typeof noop;
+        onNumberChange: typeof noop;
+        onKeyDown: typeof noop;
+        onEnter: typeof noop;
+        onFocus: typeof noop;
+        onBlur: typeof noop;
+        parser: typeof defaultParser;
+        styleType: string;
+        size: string;
+        computeValidNumber: (v: any) => any;
+    };
+    constructor(props: any);
+    state: {
+        inputValue: any;
+        value: any;
+        focused: any;
+        tooltipVisible: boolean;
+    };
+    input: React.RefObject<any>;
+    componentDidMount(): void;
+    componentWillReceiveProps(nextProps: any): void;
+    componentWillUpdate(): void;
+    start: any;
+    end: any;
+    componentDidUpdate(): void;
+    pressingUpOrDown: boolean | undefined;
+    componentWillUnmount(): void;
+    onKeyDown: (e: any, ...args: any[]) => void;
+    onKeyUp: (e: any, ...args: any[]) => void;
+    onChange: (e: any) => void;
+    inputting: boolean | undefined;
+    onFocus: (...args: any[]) => void;
+    onBlur: (e: any, ...args: any[]) => void;
+    onEnter: (e: any, ...args: any[]) => void;
+    getCurrentValidValue(value: any): any;
+    getRatio(e: any): number;
+    getValueFromEvent(e: any): any;
+    getValidValue(value: any, min?: any, max?: any): any;
+    setValue(v: any, callback: any): void;
+    getPrecision(value: any): any;
+    getMaxPrecision(currentValue: any, ratio?: number): any;
+    getPrecisionFactor(currentValue: any, ratio?: number): number;
+    focus(): void;
+    blur(): void;
+    formatWrapper(num: any): any;
+    toPrecisionAsStep(num: any): any;
+    isNotCompleteNumber(num: any): any;
+    toNumber(num: any): any;
+    toNumberWhenUserInput(num: any): any;
+    upStep(val: any, rat: any): any;
+    downStep(val: any, rat: any): any;
+    step(type: any, e: any, ratio: number | undefined, recursive: any): void;
+    autoStepTimer: NodeJS.Timer | undefined;
+    stop: () => void;
+    down: (e: any, ratio: any, recursive: any) => void;
+    up: (e: any, ratio: any, recursive: any) => void;
+    renderHandler: () => JSX.Element | null;
+    onTooltipVisibleChange: (visible: any) => void;
+    renderInput: () => JSX.Element;
+    render(): JSX.Element;
+}
+declare namespace NumberInput {
+    export { StyleType };
+    export { Size };
+}
+import React from "react";
+import PropTypes from "prop-types";
+declare function noop(): void;
+declare function defaultParser(input: any): any;
+declare const StyleType: string[];
+declare const Size: string[];