@ucloud-fe/react-components 1.5.17 → 1.5.19

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SWrap = 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 _Combine = _interopRequireDefault(require("../../../components/Combine"));
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _this = void 0;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-actionlist';
+exports.prefixCls = prefixCls;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1rn6kt6-SWrap",
+  styles: "white-space:nowrap;;label:SWrap;"
+} : {
+  name: "1rn6kt6-SWrap",
+  styles: "white-space:nowrap;;label:SWrap;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkxpc3Qvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQWN0aW9uTGlzdC9zdHlsZS9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgQ29tYmluZSBmcm9tICdzcmMvY29tcG9uZW50cy9Db21iaW5lJztcbmltcG9ydCBjb25maWcgZnJvbSAnc3JjL2NvbmZpZyc7XG5cbmNvbnN0IHsgcHJlZml4Q2xzOiBfcHJlZml4Q2xzIH0gPSBjb25maWc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctYWN0aW9ubGlzdCc7XG5cbmV4cG9ydCBjb25zdCBTV3JhcCA9IHN0eWxlZChDb21iaW5lKSgoKSA9PiB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBgO1xufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var SWrap = ( /*#__PURE__*/0, _styledBase.default)(_Combine.default, {
+  target: "e17ez9160",
+  label: "SWrap"
+})(function () {
+  (0, _newArrowCheck2.default)(this, _this);
+  return _ref;
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkxpc3Qvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkxpc3Qvc3R5bGUvaW5kZXgudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IENvbWJpbmUgZnJvbSAnc3JjL2NvbXBvbmVudHMvQ29tYmluZSc7XG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuZXhwb3J0IGNvbnN0IHByZWZpeENscyA9IF9wcmVmaXhDbHMgKyAnLWFjdGlvbmxpc3QnO1xuXG5leHBvcnQgY29uc3QgU1dyYXAgPSBzdHlsZWQoQ29tYmluZSkoKCkgPT4ge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgYDtcbn0pO1xuIl19 */");
+exports.SWrap = SWrap;

package/lib/components/AutoComplete/AutoComplete.d.ts

@@ -0,0 +1,40 @@
+import React, { ReactNode } from 'react';
+import { InputProps } from '../../components/Input';
+interface Item {
+    value: string;
+    label?: ReactNode;
+}
+interface AutoCompleteProps {
+    /** 待筛选选项 */
+    options?: Item[];
+    /** 值，controlled */
+    value?: string;
+    /** 默认值 */
+    defaultValue?: string;
+    /** 选中回调 */
+    onChange?: (v: string) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** options 加载中状态 */
+    loading?: boolean;
+    /** 前缀 */
+    prefix?: ReactNode;
+    /** 展示变更为块占位 */
+    block?: boolean;
+    /** 自定义搜索，为 false 时不做搜索展示全部 */
+    handleSearch?: false | ((v: Item) => boolean);
+    /** 自定义 popover 的配置 */
+    popoverProps?: {
+        [key: string]: any;
+    };
+    /** 焦点回调 */
+    onFocus?: () => void;
+    /** 失焦回调 */
+    onBlur?: () => void;
+    /** 状态 */
+    status: InputProps['status'];
+    /** @ignore */
+    placeholder?: InputProps['placeholder'];
+}
+declare const _default: React.MemoExoticComponent<({ value: _value, defaultValue, onChange: _onChange, options, disabled, loading, prefix, block, handleSearch, popoverProps, onFocus, onBlur, style, className, status, placeholder }: AutoCompleteProps & Omit<InputProps, keyof AutoCompleteProps>) => JSX.Element>;
+export default _default;

package/lib/components/AutoComplete/AutoComplete.js

@@ -0,0 +1,181 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Input = _interopRequireDefault(require("../../components/Input"));
+
+var _Popover = _interopRequireDefault(require("../../components/Popover"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _useUncontrolled3 = _interopRequireDefault(require("../../hooks/useUncontrolled"));
+
+var _usePopoverConfig = _interopRequireDefault(require("../../hooks/usePopoverConfig"));
+
+var _KeyCode = _interopRequireDefault(require("../../utils/KeyCode"));
+
+var _Popup = _interopRequireDefault(require("./Popup"));
+
+var _style = require("./style");
+
+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 AutoComplete = function AutoComplete(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var _value = _ref.value,
+      _ref$defaultValue = _ref.defaultValue,
+      defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+      _onChange = _ref.onChange,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options,
+      disabled = _ref.disabled,
+      loading = _ref.loading,
+      prefix = _ref.prefix,
+      block = _ref.block,
+      handleSearch = _ref.handleSearch,
+      popoverProps = _ref.popoverProps,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      style = _ref.style,
+      className = _ref.className,
+      status = _ref.status,
+      placeholder = _ref.placeholder;
+
+  var _useUncontrolled = (0, _useUncontrolled3.default)(_value, defaultValue, _onChange),
+      _useUncontrolled2 = (0, _slicedToArray2.default)(_useUncontrolled, 2),
+      value = _useUncontrolled2[0],
+      onChange = _useUncontrolled2[1];
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var list = (0, _react.useRef)(null);
+  var onInputChange = (0, _react.useCallback)(function (e) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    onChange(e.target.value);
+    setVisible(true);
+  }.bind(this), [onChange]);
+  var onKeyDown = (0, _react.useCallback)(function (e) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    var intercept = true;
+
+    switch (e.keyCode) {
+      case _KeyCode.default.ARROW_UP:
+        list && list.current && list.current.moveUp();
+        setVisible(true);
+        break;
+
+      case _KeyCode.default.ARROW_DOWN:
+        list && list.current && list.current.moveDown();
+        setVisible(true);
+        break;
+
+      case _KeyCode.default.ENTER:
+        list && list.current && list.current.select();
+        break;
+
+      default:
+        intercept = false;
+        break;
+    }
+
+    if (intercept) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }.bind(this), []);
+  var handleVisibleChange = (0, _react.useCallback)(function (visible) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    return setVisible(visible);
+  }.bind(this), []);
+  var onSelect = (0, _react.useCallback)(function (v) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    onChange(v);
+    setVisible(false);
+  }.bind(this), [onChange]);
+  var popoverConfigProps = (0, _usePopoverConfig.default)();
+  return /*#__PURE__*/_react.default.createElement(_style.SWrap, {
+    className: className,
+    style: style,
+    block: block
+  }, /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({}, popoverConfigProps, popoverProps, {
+    popup: /*#__PURE__*/_react.default.createElement(_Popup.default, {
+      searchValue: value,
+      options: options,
+      handleSearch: handleSearch,
+      onChange: onSelect,
+      loading: loading // ref={list}
+
+    }),
+    trigger: [],
+    showAction: ['click', 'focus'],
+    hideAction: ['blur'],
+    visible: visible,
+    stretch: ['minWidth'],
+    onVisibleChange: handleVisibleChange
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    value: value,
+    onChange: onInputChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: onKeyDown,
+    disabled: disabled,
+    prefix: prefix,
+    suffix: loading && /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+      className: _style.loadingIconCls,
+      type: "ring-loading",
+      spin: true
+    }),
+    className: _style.inputCls,
+    block: true,
+    placeholder: placeholder,
+    status: status
+  })));
+}.bind(void 0);
+
+AutoComplete.propTypes = {
+  options: _propTypes.default.arrayOf(_propTypes.default.shape({
+    value: _propTypes.default.string.isRequired,
+    label: _propTypes.default.node
+  })),
+  value: _propTypes.default.string,
+  defaultValue: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  loading: _propTypes.default.bool,
+  prefix: _propTypes.default.node,
+  block: _propTypes.default.bool,
+  handleSearch: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.func]),
+  popoverProps: _propTypes.default.objectOf(_propTypes.default.any),
+  onFocus: _propTypes.default.func,
+  onBlur: _propTypes.default.func
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(AutoComplete);
+
+exports.default = _default;

package/lib/components/AutoComplete/Popup.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+interface Item {
+    value: string;
+    label?: ReactNode;
+}
+interface PopupProps {
+    options: Item[];
+    searchValue: string;
+    onChange: (v: string) => void;
+    handleSearch?: false | ((item: Item) => boolean);
+    loading?: boolean;
+}
+export interface ListRef {
+    moveUp: () => void;
+    moveDown: () => void;
+    select: () => void;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<ListRef>>>;
+export default _default;

package/lib/components/AutoComplete/Popup.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Menu = _interopRequireWildcard(require("../../components/Menu"));
+
+var _style = require("./style");
+
+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 defaultSearch = function defaultSearch(item, searchValue) {
+  var _item$value;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  return (item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.indexOf(searchValue)) >= 0;
+}.bind(void 0);
+
+var PopupWithOutMemo = /*#__PURE__*/_react.default.forwardRef(function Popup(_ref, ref) {
+  var _this2 = this;
+
+  var searchValue = _ref.searchValue,
+      options = _ref.options,
+      onChange = _ref.onChange,
+      handleSearch = _ref.handleSearch,
+      loading = _ref.loading;
+  var searchResult = (0, _react.useMemo)(function () {
+    var _this3 = this;
+
+    (0, _newArrowCheck2.default)(this, _this2);
+    if (handleSearch === false) return options || [];
+    var filterHandle = typeof handleSearch === 'function' ? handleSearch : defaultSearch;
+    var result = options.filter(function (item) {
+      (0, _newArrowCheck2.default)(this, _this3);
+      return filterHandle(item, searchValue);
+    }.bind(this));
+    return result;
+  }.bind(this), [handleSearch, options, searchValue]);
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      index = _useState2[0],
+      setIndex = _useState2[1];
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    var _this4 = this;
+
+    (0, _newArrowCheck2.default)(this, _this2);
+    return {
+      moveUp: function moveUp() {
+        (0, _newArrowCheck2.default)(this, _this4);
+
+        if (index === null) {
+          setIndex(searchResult.length - 1);
+        } else {
+          setIndex((index + 1) % searchResult.length);
+        }
+      }.bind(this),
+      moveDown: function moveDown() {
+        (0, _newArrowCheck2.default)(this, _this4);
+
+        if (index === null) {
+          setIndex(0);
+        } else {
+          setIndex((index + 1) % searchResult.length);
+        }
+      }.bind(this),
+      select: function select() {
+        (0, _newArrowCheck2.default)(this, _this4);
+        if (index === null) return;
+        onChange(searchResult[index].value);
+      }.bind(this)
+    };
+  }.bind(this), [index, searchResult, onChange]);
+  var onSelect = (0, _react.useCallback)(function (values) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    onChange(values[0]);
+  }.bind(this), [onChange]);
+  var onMouseDown = (0, _react.useCallback)(function (e) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    e.preventDefault();
+  }.bind(this), []);
+  if (!searchResult.length) return null;
+  return /*#__PURE__*/_react.default.createElement(_style.PopupWrap, {
+    loading: loading,
+    indicator: null
+  }, /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    selectedKeys: [searchValue],
+    onChange: onSelect,
+    onMouseDown: onMouseDown,
+    customStyle: {
+      maxHeight: '182px',
+      maxWidth: '800px'
+    },
+    className: _style.menuCls
+  }, searchResult.map(function (item) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    return /*#__PURE__*/_react.default.createElement(_Menu.Item, {
+      itemKey: item.value,
+      key: item.value
+    }, item.label || item.value);
+  }.bind(this))));
+});
+
+var _default = /*#__PURE__*/_react.default.memo(PopupWithOutMemo);
+
+exports.default = _default;

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

@@ -0,0 +1,2 @@
+import AutoComplete from './AutoComplete';
+export default AutoComplete;

package/lib/components/AutoComplete/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
+
+var _default = _AutoComplete.default;
+exports.default = _default;

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export declare const prefixCls: string;
+export declare const inputCls: string;
+export declare const loadingIconCls: string;
+export declare const popupWrapCls: string;
+export declare const menuCls: string;
+export declare const SWrap: import("react").ForwardRefExoticComponent<{
+    block?: boolean | undefined;
+} & import("react").HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & import("react").RefAttributes<HTMLElement>>;
+export declare const PopupWrap: import("react").ForwardRefExoticComponent<{
+    loading?: boolean | undefined;
+    indicator?: ReactNode;
+} & import("react").HTMLAttributes<HTMLElement> & {
+    theme?: import("../../../style").Theme | undefined;
+} & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopupWrap = exports.SWrap = exports.menuCls = exports.popupWrapCls = exports.loadingIconCls = exports.inputCls = exports.prefixCls = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _style = require("../../../style");
+
+var _Loading = _interopRequireDefault(require("../../../components/Loading"));
+
+var _this = void 0;
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-auto-complete';
+exports.prefixCls = prefixCls;
+var inputCls = prefixCls + '-input';
+exports.inputCls = inputCls;
+var loadingIconCls = prefixCls + '-loading-icon';
+exports.loadingIconCls = loadingIconCls;
+var popupWrapCls = prefixCls + '-popup';
+exports.popupWrapCls = popupWrapCls;
+var menuCls = popupWrapCls + '-menu';
+exports.menuCls = menuCls;
+var SWrap = (0, _style.sWrap)({
+  className: prefixCls
+})((0, _styledBase.default)("div", {
+  target: "e1dk4kkh0",
+  label: "SWrap"
+})(function (props) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var DT = props.theme.designTokens,
+      block = props.block;
+  return /*#__PURE__*/(0, _core.css)("position:relative;display:", block ? 'block' : 'inline-block', ";vertical-align:middle;width:", block ? '100%' : '200px', ";.", loadingIconCls, "{fill:", DT.T_COLOR_TEXT_PRIMARY_DEFAULT, ";};label:SWrap;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dG9Db21wbGV0ZS9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmtCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dG9Db21wbGV0ZS9zdHlsZS9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuaW1wb3J0IHsgc1dyYXAgfSBmcm9tICdzcmMvc3R5bGUnO1xuaW1wb3J0IExvYWRpbmcgZnJvbSAnc3JjL2NvbXBvbmVudHMvTG9hZGluZyc7XG5cbmNvbnN0IHsgcHJlZml4Q2xzOiBfcHJlZml4Q2xzIH0gPSBjb25maWc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctYXV0by1jb21wbGV0ZSc7XG5leHBvcnQgY29uc3QgaW5wdXRDbHMgPSBwcmVmaXhDbHMgKyAnLWlucHV0JztcbmV4cG9ydCBjb25zdCBsb2FkaW5nSWNvbkNscyA9IHByZWZpeENscyArICctbG9hZGluZy1pY29uJztcbmV4cG9ydCBjb25zdCBwb3B1cFdyYXBDbHMgPSBwcmVmaXhDbHMgKyAnLXBvcHVwJztcbmV4cG9ydCBjb25zdCBtZW51Q2xzID0gcG9wdXBXcmFwQ2xzICsgJy1tZW51JztcblxuZXhwb3J0IGNvbnN0IFNXcmFwID0gc1dyYXA8eyBibG9jaz86IGJvb2xlYW4gfT4oe1xuICAgIGNsYXNzTmFtZTogcHJlZml4Q2xzXG59KShcbiAgICBzdHlsZWQuZGl2KHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9LFxuICAgICAgICAgICAgYmxvY2tcbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiAke2Jsb2NrID8gJ2Jsb2NrJyA6ICdpbmxpbmUtYmxvY2snfTtcbiAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgICB3aWR0aDogJHtibG9jayA/ICcxMDAlJyA6ICcyMDBweCd9O1xuXG4gICAgICAgICAgICAuJHtsb2FkaW5nSWNvbkNsc30ge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFdyYXAgPSBzV3JhcDx7IGxvYWRpbmc/OiBib29sZWFuOyBpbmRpY2F0b3I/OiBSZWFjdE5vZGUgfT4oe1xuICAgIGNsYXNzTmFtZTogcG9wdXBXcmFwQ2xzXG59KShzdHlsZWQoTG9hZGluZylgXG4gICAgLiR7bWVudUNsc30ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgbWF4LXdpZHRoOiB1bnNldDtcbiAgICB9XG5gKTtcbiJdfQ== */"));
+}.bind(void 0), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dG9Db21wbGV0ZS9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQkkiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXV0b0NvbXBsZXRlL3N0eWxlL2luZGV4LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5cbmltcG9ydCBjb25maWcgZnJvbSAnc3JjL2NvbmZpZyc7XG5pbXBvcnQgeyBzV3JhcCB9IGZyb20gJ3NyYy9zdHlsZSc7XG5pbXBvcnQgTG9hZGluZyBmcm9tICdzcmMvY29tcG9uZW50cy9Mb2FkaW5nJztcblxuY29uc3QgeyBwcmVmaXhDbHM6IF9wcmVmaXhDbHMgfSA9IGNvbmZpZztcbmV4cG9ydCBjb25zdCBwcmVmaXhDbHMgPSBfcHJlZml4Q2xzICsgJy1hdXRvLWNvbXBsZXRlJztcbmV4cG9ydCBjb25zdCBpbnB1dENscyA9IHByZWZpeENscyArICctaW5wdXQnO1xuZXhwb3J0IGNvbnN0IGxvYWRpbmdJY29uQ2xzID0gcHJlZml4Q2xzICsgJy1sb2FkaW5nLWljb24nO1xuZXhwb3J0IGNvbnN0IHBvcHVwV3JhcENscyA9IHByZWZpeENscyArICctcG9wdXAnO1xuZXhwb3J0IGNvbnN0IG1lbnVDbHMgPSBwb3B1cFdyYXBDbHMgKyAnLW1lbnUnO1xuXG5leHBvcnQgY29uc3QgU1dyYXAgPSBzV3JhcDx7IGJsb2NrPzogYm9vbGVhbiB9Pih7XG4gICAgY2xhc3NOYW1lOiBwcmVmaXhDbHNcbn0pKFxuICAgIHN0eWxlZC5kaXYocHJvcHMgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICB0aGVtZTogeyBkZXNpZ25Ub2tlbnM6IERUIH0sXG4gICAgICAgICAgICBibG9ja1xuICAgICAgICB9ID0gcHJvcHM7XG5cbiAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGRpc3BsYXk6ICR7YmxvY2sgPyAnYmxvY2snIDogJ2lubGluZS1ibG9jayd9O1xuICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICAgIHdpZHRoOiAke2Jsb2NrID8gJzEwMCUnIDogJzIwMHB4J307XG5cbiAgICAgICAgICAgIC4ke2xvYWRpbmdJY29uQ2xzfSB7XG4gICAgICAgICAgICAgICAgZmlsbDogJHtEVC5UX0NPTE9SX1RFWFRfUFJJTUFSWV9ERUZBVUxUfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYDtcbiAgICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFBvcHVwV3JhcCA9IHNXcmFwPHsgbG9hZGluZz86IGJvb2xlYW47IGluZGljYXRvcj86IFJlYWN0Tm9kZSB9Pih7XG4gICAgY2xhc3NOYW1lOiBwb3B1cFdyYXBDbHNcbn0pKHN0eWxlZChMb2FkaW5nKWBcbiAgICAuJHttZW51Q2xzfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtYXgtd2lkdGg6IHVuc2V0O1xuICAgIH1cbmApO1xuIl19 */"));
+exports.SWrap = SWrap;
+var PopupWrap = (0, _style.sWrap)({
+  className: popupWrapCls
+})(( /*#__PURE__*/0, _styledBase.default)(_Loading.default, {
+  target: "e1dk4kkh1",
+  label: "PopupWrap"
+})(".", menuCls, "{width:100%;max-width:unset;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dG9Db21wbGV0ZS9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q2tCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dG9Db21wbGV0ZS9zdHlsZS9pbmRleC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuaW1wb3J0IHsgc1dyYXAgfSBmcm9tICdzcmMvc3R5bGUnO1xuaW1wb3J0IExvYWRpbmcgZnJvbSAnc3JjL2NvbXBvbmVudHMvTG9hZGluZyc7XG5cbmNvbnN0IHsgcHJlZml4Q2xzOiBfcHJlZml4Q2xzIH0gPSBjb25maWc7XG5leHBvcnQgY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctYXV0by1jb21wbGV0ZSc7XG5leHBvcnQgY29uc3QgaW5wdXRDbHMgPSBwcmVmaXhDbHMgKyAnLWlucHV0JztcbmV4cG9ydCBjb25zdCBsb2FkaW5nSWNvbkNscyA9IHByZWZpeENscyArICctbG9hZGluZy1pY29uJztcbmV4cG9ydCBjb25zdCBwb3B1cFdyYXBDbHMgPSBwcmVmaXhDbHMgKyAnLXBvcHVwJztcbmV4cG9ydCBjb25zdCBtZW51Q2xzID0gcG9wdXBXcmFwQ2xzICsgJy1tZW51JztcblxuZXhwb3J0IGNvbnN0IFNXcmFwID0gc1dyYXA8eyBibG9jaz86IGJvb2xlYW4gfT4oe1xuICAgIGNsYXNzTmFtZTogcHJlZml4Q2xzXG59KShcbiAgICBzdHlsZWQuZGl2KHByb3BzID0+IHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGhlbWU6IHsgZGVzaWduVG9rZW5zOiBEVCB9LFxuICAgICAgICAgICAgYmxvY2tcbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiAke2Jsb2NrID8gJ2Jsb2NrJyA6ICdpbmxpbmUtYmxvY2snfTtcbiAgICAgICAgICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgICAgICAgICB3aWR0aDogJHtibG9jayA/ICcxMDAlJyA6ICcyMDBweCd9O1xuXG4gICAgICAgICAgICAuJHtsb2FkaW5nSWNvbkNsc30ge1xuICAgICAgICAgICAgICAgIGZpbGw6ICR7RFQuVF9DT0xPUl9URVhUX1BSSU1BUllfREVGQVVMVH07XG4gICAgICAgICAgICB9XG4gICAgICAgIGA7XG4gICAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFdyYXAgPSBzV3JhcDx7IGxvYWRpbmc/OiBib29sZWFuOyBpbmRpY2F0b3I/OiBSZWFjdE5vZGUgfT4oe1xuICAgIGNsYXNzTmFtZTogcG9wdXBXcmFwQ2xzXG59KShzdHlsZWQoTG9hZGluZylgXG4gICAgLiR7bWVudUNsc30ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgbWF4LXdpZHRoOiB1bnNldDtcbiAgICB9XG5gKTtcbiJdfQ== */")));
+exports.PopupWrap = PopupWrap;

package/lib/components/Badge/Badge.d.ts

@@ -0,0 +1,43 @@
+import { CSSProperties, HTMLAttributes, PureComponent, ReactNode } from 'react';
+declare const defaultProps: {
+    maxValue: number;
+    placement: string;
+    color: string;
+    zIndex: number;
+};
+export declare type BadgeProps = {
+    /** 显示内容 */
+    value?: ReactNode;
+    /** 为数字时能显示的最大值，超过将显示最大值+ */
+    maxValue?: number;
+    /** 显示为点状 */
+    dot?: boolean;
+    /** badge 的位置 */
+    placement?: 'topRight' | 'topLeft' | 'bottomRight' | 'bottomLeft' | 'top' | 'bottom' | 'left' | 'right';
+    /** 为 0 时是否隐藏 */
+    hideWhenZero?: boolean;
+    /** badge的样式 */
+    badgeStyle?: CSSProperties;
+    /** 定义 badge 的偏移，第一个参数 x 轴偏移量，第二个值为 y 轴偏移量 */
+    offset?: [number, number];
+    /** 定位的内容，为空时仅展示 Badge，定位等属性不生效 */
+    children?: ReactNode;
+    /** 选择预设的颜色 */
+    color?: 'red' | 'green' | 'yellow' | 'primary';
+    /** badge 的 zIndex */
+    zIndex?: number;
+} & typeof defaultProps & HTMLAttributes<HTMLDivElement>;
+declare class Badge extends PureComponent<BadgeProps> {
+    static defaultProps: {
+        maxValue: number;
+        placement: string;
+        color: string;
+        zIndex: number;
+    };
+    static Placement: string[];
+    static Color: string[];
+    renderBadge: () => JSX.Element;
+    getTarget: () => Element | Text | null;
+    render(): JSX.Element;
+}
+export default Badge;