@ucloud-fe/react-components 1.5.17 → 1.5.19

package/lib/__index.js

@@ -0,0 +1,228 @@
+
+import * as ActionListAll from './components/ActionList/';
+const ActionList = Object.assign(ActionListAll.default, ActionListAll);
+export { ActionList };
+
+import * as AutoCompleteAll from './components/AutoComplete/';
+const AutoComplete = Object.assign(AutoCompleteAll.default, AutoCompleteAll);
+export { AutoComplete };
+
+import * as BadgeAll from './components/Badge/';
+const Badge = Object.assign(BadgeAll.default, BadgeAll);
+export { Badge };
+
+import * as BoxAll from './components/Box/';
+const Box = Object.assign(BoxAll.default, BoxAll);
+export { Box };
+
+import * as BreadcrumbAll from './components/Breadcrumb/';
+const Breadcrumb = Object.assign(BreadcrumbAll.default, BreadcrumbAll);
+export { Breadcrumb };
+
+import * as ButtonAll from './components/Button/';
+const Button = Object.assign(ButtonAll.default, ButtonAll);
+export { Button };
+
+import * as CalendarAll from './components/Calendar/';
+const Calendar = Object.assign(CalendarAll.default, CalendarAll);
+export { Calendar };
+
+import * as CardAll from './components/Card/';
+const Card = Object.assign(CardAll.default, CardAll);
+export { Card };
+
+import * as CascaderAll from './components/Cascader/';
+const Cascader = Object.assign(CascaderAll.default, CascaderAll);
+export { Cascader };
+
+import * as CheckboxAll from './components/Checkbox/';
+const Checkbox = Object.assign(CheckboxAll.default, CheckboxAll);
+export { Checkbox };
+
+import * as ColAll from './components/Col/';
+const Col = Object.assign(ColAll.default, ColAll);
+export { Col };
+
+import * as CollapseAll from './components/Collapse/';
+const Collapse = Object.assign(CollapseAll.default, CollapseAll);
+export { Collapse };
+
+import * as CombineAll from './components/Combine/';
+const Combine = Object.assign(CombineAll.default, CombineAll);
+export { Combine };
+
+import * as CompactAll from './components/Compact/';
+const Compact = Object.assign(CompactAll.default, CompactAll);
+export { Compact };
+
+import * as ConfigProviderAll from './components/ConfigProvider/';
+const ConfigProvider = Object.assign(ConfigProviderAll.default, ConfigProviderAll);
+export { ConfigProvider };
+
+import * as DatePickerAll from './components/DatePicker/';
+const DatePicker = Object.assign(DatePickerAll.default, DatePickerAll);
+export { DatePicker };
+
+import * as DrawerAll from './components/Drawer/';
+const Drawer = Object.assign(DrawerAll.default, DrawerAll);
+export { Drawer };
+
+import * as EditableListAll from './components/EditableList/';
+const EditableList = Object.assign(EditableListAll.default, EditableListAll);
+export { EditableList };
+
+import * as EditableTableAll from './components/EditableTable/';
+const EditableTable = Object.assign(EditableTableAll.default, EditableTableAll);
+export { EditableTable };
+
+import * as FormAll from './components/Form/';
+const Form = Object.assign(FormAll.default, FormAll);
+export { Form };
+
+import * as GridAll from './components/Grid/';
+const Grid = Object.assign(GridAll.default, GridAll);
+export { Grid };
+
+import * as IconAll from './components/Icon/';
+const Icon = Object.assign(IconAll.default, IconAll);
+export { Icon };
+
+import * as InputAll from './components/Input/';
+const Input = Object.assign(InputAll.default, InputAll);
+export { Input };
+
+import * as LinkAll from './components/Link/';
+const Link = Object.assign(LinkAll.default, LinkAll);
+export { Link };
+
+import * as LoadingAll from './components/Loading/';
+const Loading = Object.assign(LoadingAll.default, LoadingAll);
+export { Loading };
+
+import * as LocaleProviderAll from './components/LocaleProvider/';
+const LocaleProvider = Object.assign(LocaleProviderAll.default, LocaleProviderAll);
+export { LocaleProvider };
+
+import * as MenuAll from './components/Menu/';
+const Menu = Object.assign(MenuAll.default, MenuAll);
+export { Menu };
+
+import * as MessageAll from './components/Message/';
+const Message = Object.assign(MessageAll.default, MessageAll);
+export { Message };
+
+import * as ModalAll from './components/Modal/';
+const Modal = Object.assign(ModalAll.default, ModalAll);
+export { Modal };
+
+import * as NoticeAll from './components/Notice/';
+const Notice = Object.assign(NoticeAll.default, NoticeAll);
+export { Notice };
+
+import * as NumberInputAll from './components/NumberInput/';
+const NumberInput = Object.assign(NumberInputAll.default, NumberInputAll);
+export { NumberInput };
+
+import * as PaginationAll from './components/Pagination/';
+const Pagination = Object.assign(PaginationAll.default, PaginationAll);
+export { Pagination };
+
+import * as PopConfirmAll from './components/PopConfirm/';
+const PopConfirm = Object.assign(PopConfirmAll.default, PopConfirmAll);
+export { PopConfirm };
+
+import * as PopoverAll from './components/Popover/';
+const Popover = Object.assign(PopoverAll.default, PopoverAll);
+export { Popover };
+
+import * as ProgressAll from './components/Progress/';
+const Progress = Object.assign(ProgressAll.default, ProgressAll);
+export { Progress };
+
+import * as RadioAll from './components/Radio/';
+const Radio = Object.assign(RadioAll.default, RadioAll);
+export { Radio };
+
+import * as RowAll from './components/Row/';
+const Row = Object.assign(RowAll.default, RowAll);
+export { Row };
+
+import * as SelectAll from './components/Select/';
+const Select = Object.assign(SelectAll.default, SelectAll);
+export { Select };
+
+import * as SkeletonAll from './components/Skeleton/';
+const Skeleton = Object.assign(SkeletonAll.default, SkeletonAll);
+export { Skeleton };
+
+import * as SliderAll from './components/Slider/';
+const Slider = Object.assign(SliderAll.default, SliderAll);
+export { Slider };
+
+import * as SpinAll from './components/Spin/';
+const Spin = Object.assign(SpinAll.default, SpinAll);
+export { Spin };
+
+import * as StepsAll from './components/Steps/';
+const Steps = Object.assign(StepsAll.default, StepsAll);
+export { Steps };
+
+import * as SvgIconAll from './components/SvgIcon/';
+const SvgIcon = Object.assign(SvgIconAll.default, SvgIconAll);
+export { SvgIcon };
+
+import * as SwitchAll from './components/Switch/';
+const Switch = Object.assign(SwitchAll.default, SwitchAll);
+export { Switch };
+
+import * as TableAll from './components/Table/';
+const Table = Object.assign(TableAll.default, TableAll);
+export { Table };
+
+import * as TabsAll from './components/Tabs/';
+const Tabs = Object.assign(TabsAll.default, TabsAll);
+export { Tabs };
+
+import * as TagAll from './components/Tag/';
+const Tag = Object.assign(TagAll.default, TagAll);
+export { Tag };
+
+import * as TextareaAll from './components/Textarea/';
+const Textarea = Object.assign(TextareaAll.default, TextareaAll);
+export { Textarea };
+
+import * as ThemeProviderAll from './components/ThemeProvider/';
+const ThemeProvider = Object.assign(ThemeProviderAll.default, ThemeProviderAll);
+export { ThemeProvider };
+
+import * as TimePickerAll from './components/TimePicker/';
+const TimePicker = Object.assign(TimePickerAll.default, TimePickerAll);
+export { TimePicker };
+
+import * as TooltipAll from './components/Tooltip/';
+const Tooltip = Object.assign(TooltipAll.default, TooltipAll);
+export { Tooltip };
+
+import * as TransferAll from './components/Transfer/';
+const Transfer = Object.assign(TransferAll.default, TransferAll);
+export { Transfer };
+
+import * as TransferMenuAll from './components/TransferMenu/';
+const TransferMenu = Object.assign(TransferMenuAll.default, TransferMenuAll);
+export { TransferMenu };
+
+import * as TransferTableAll from './components/TransferTable/';
+const TransferTable = Object.assign(TransferTableAll.default, TransferTableAll);
+export { TransferTable };
+
+import * as TreeAll from './components/Tree/';
+const Tree = Object.assign(TreeAll.default, TreeAll);
+export { Tree };
+
+import * as UploadAll from './components/Upload/';
+const Upload = Object.assign(UploadAll.default, UploadAll);
+export { Upload };
+
+import * as ZFormAll from './components/ZForm/';
+const ZForm = Object.assign(ZFormAll.default, ZFormAll);
+export { ZForm };

package/lib/components/ActionList/ActionList.d.ts

@@ -0,0 +1,40 @@
+import React, { HTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { ButtonProps } from '../../components/Button/Button';
+import { Override, Size } from '../../type';
+interface ActionInfo {
+    /** 展示 */
+    label?: ReactNode;
+    /** 点击回调 */
+    onClick?: (e: MouseEvent) => void;
+    /** 子菜单，仅 menu 项有效 */
+    children?: ActionInfo[];
+    /** 提示内容，或自定义 tooltip props */
+    tooltip?: ReactNode | any;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 尺寸，仅展示在外可用 */
+    size?: Size;
+    /** 按钮的 styleType，仅展示在外可用 */
+    styleType?: ButtonProps['styleType'];
+}
+export interface DefinedActionListProps {
+    /** 操作列表 */
+    actionList: ActionInfo[];
+    /** 暴露的操作数量 */
+    exposeCount?: number;
+    /** 是否自动按照宽度调整展示数量 */
+    autoAdjustment?: boolean;
+    /** 控件尺寸 */
+    size?: Size;
+    /** 操作数量等于 exposeCount+1 时是否直接显示按钮而不是显示下拉菜单 */
+    smart?: boolean;
+    /** 按钮的默认样式类别，参考 Button 的 styleType */
+    buttonStyleType?: ButtonProps['styleType'];
+    /** 自定义更多按钮内容，也可通过传入 object 来定义 props*/
+    dropdownButton?: ReactNode | ButtonProps;
+    /** 弹出层的 popover props */
+    popoverProps?: any;
+}
+export declare type ActionListProps = DefinedActionListProps & Override<HTMLAttributes<HTMLDivElement>, DefinedActionListProps>;
+declare const _default: React.MemoExoticComponent<({ autoAdjustment: _autoAdjustment, ...rest }: ActionListProps) => JSX.Element>;
+export default _default;

package/lib/components/ActionList/ActionList.js

@@ -0,0 +1,349 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("../../components/Button"));
+
+var _Menu = _interopRequireDefault(require("../../components/Menu"));
+
+var _Popover = _interopRequireDefault(require("../../components/Popover"));
+
+var _Tooltip = _interopRequireDefault(require("../../components/Tooltip"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _usePopoverConfig = _interopRequireDefault(require("../../hooks/usePopoverConfig"));
+
+var _useOverflow3 = _interopRequireDefault(require("../../hooks/useOverflow"));
+
+var _style = require("./style");
+
+var _useConfig2 = _interopRequireDefault(require("../../hooks/useConfig"));
+
+var _config = _interopRequireDefault(require("../../config"));
+
+var _excluded = ["onClick", "disabled", "handleHide"],
+    _excluded2 = ["label", "tooltip"],
+    _excluded3 = ["label", "disabled", "onClick"],
+    _excluded4 = ["actionList", "exposeCount", "size", "smart", "buttonStyleType", "popoverProps", "dropdownButton", "className"],
+    _excluded5 = ["actionList", "exposeCount", "smart"],
+    _excluded6 = ["autoAdjustment"];
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var SubMenuItem = function SubMenuItem(_ref) {
+  var _this2 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var onClick = _ref.onClick,
+      disabled = _ref.disabled,
+      handleHide = _ref.handleHide,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var clickHandler = (0, _react.useCallback)(function (e) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    if (disabled) return;
+
+    if (onClick) {
+      onClick(e);
+      handleHide === null || handleHide === void 0 ? void 0 : handleHide();
+    }
+  }.bind(this), [disabled, handleHide, onClick]);
+  return /*#__PURE__*/_react.default.createElement(_Menu.default.Item, (0, _extends2.default)({
+    onClick: clickHandler,
+    disabled: disabled
+  }, rest));
+}.bind(void 0);
+
+SubMenuItem.propTypes = {
+  disabled: _propTypes.default.bool,
+  onClick: _propTypes.default.func,
+  handleHide: _propTypes.default.func,
+  children: _propTypes.default.node.isRequired
+};
+
+var renderActionButtonList = function renderActionButtonList(_ref2) {
+  var _this3 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var list = _ref2.list,
+      size = _ref2.size,
+      buttonStyleType = _ref2.buttonStyleType;
+  return list.map(function (info, i) {
+    (0, _newArrowCheck2.default)(this, _this3);
+    var label = info.label,
+        tooltip = info.tooltip,
+        rest = (0, _objectWithoutProperties2.default)(info, _excluded2);
+
+    var button = /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
+      key: i,
+      size: size,
+      styleType: buttonStyleType,
+      fakeDisabled: !!tooltip
+    }, rest), label);
+
+    return tooltip ? typeof tooltip === 'string' || /*#__PURE__*/_react.default.isValidElement(tooltip) ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      popup: tooltip,
+      placement: "topRight",
+      key: i
+    }, button) : /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
+      placement: "topRight",
+      key: i
+    }, tooltip), button) : button;
+  }.bind(this));
+}.bind(void 0);
+
+var ActionMenu = function ActionMenu(_ref3) {
+  var _this4 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+  var list = _ref3.list,
+      size = _ref3.size,
+      buttonStyleType = _ref3.buttonStyleType,
+      dropdownButton = _ref3.dropdownButton,
+      popoverProps = _ref3.popoverProps;
+  var popoverConfigProps = (0, _usePopoverConfig.default)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var hide = (0, _react.useCallback)(function () {
+    (0, _newArrowCheck2.default)(this, _this4);
+    setVisible(false);
+  }.bind(this), []);
+  if (!list.length) return null;
+
+  var _renderList = function renderList(list) {
+    var _this5 = this;
+
+    (0, _newArrowCheck2.default)(this, _this4);
+    return list.map(function (info, i) {
+      (0, _newArrowCheck2.default)(this, _this5);
+
+      if (info.children) {
+        return /*#__PURE__*/_react.default.createElement(_Menu.default.SubMenu, {
+          key: i,
+          styleType: "popover",
+          title: info.label
+        }, _renderList(info.children));
+      }
+
+      var label = info.label,
+          disabled = info.disabled,
+          onClick = info.onClick,
+          rest = (0, _objectWithoutProperties2.default)(info, _excluded3);
+      return /*#__PURE__*/_react.default.createElement(SubMenuItem, (0, _extends2.default)({
+        key: i,
+        disabled: disabled,
+        onClick: onClick,
+        handleHide: hide
+      }, rest), label);
+    }.bind(this));
+  }.bind(this);
+
+  return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+    trigger: ['click'],
+    popup: /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      selectable: false,
+      customStyle: {
+        maxHeight: '380px'
+      }
+    }, _renderList(list))
+  }, popoverConfigProps, popoverProps, {
+    visible: visible,
+    onVisibleChange: setVisible
+  }), dropdownButton ? typeof dropdownButton === 'string' || /*#__PURE__*/_react.default.isValidElement(dropdownButton) ? /*#__PURE__*/_react.default.createElement(_Button.default, {
+    size: size,
+    styleType: buttonStyleType
+  }, dropdownButton) : /*#__PURE__*/_react.default.createElement(_Button.default, dropdownButton) : /*#__PURE__*/_react.default.createElement(_Button.default, {
+    size: size,
+    styleType: buttonStyleType,
+    icon: /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+      type: "ellipsis"
+    })
+  }));
+}.bind(void 0);
+
+var _uid = 0;
+var ID_KEY = 'data-urc-action_list-id';
+
+var PureActionList = function PureActionList(_ref4) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var _ref4$actionList = _ref4.actionList,
+      actionList = _ref4$actionList === void 0 ? [] : _ref4$actionList,
+      _ref4$exposeCount = _ref4.exposeCount,
+      exposeCount = _ref4$exposeCount === void 0 ? 3 : _ref4$exposeCount,
+      _ref4$size = _ref4.size,
+      size = _ref4$size === void 0 ? 'md' : _ref4$size,
+      _ref4$smart = _ref4.smart,
+      smart = _ref4$smart === void 0 ? true : _ref4$smart,
+      _ref4$buttonStyleType = _ref4.buttonStyleType,
+      buttonStyleType = _ref4$buttonStyleType === void 0 ? 'border' : _ref4$buttonStyleType,
+      popoverProps = _ref4.popoverProps,
+      dropdownButton = _ref4.dropdownButton,
+      className = _ref4.className,
+      rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
+  var l = actionList.length;
+  var buttonList, menuList;
+
+  if (l > exposeCount + 1) {
+    buttonList = actionList.slice(0, exposeCount);
+    menuList = actionList.slice(exposeCount);
+  } else if (l === exposeCount + 1) {
+    if (smart) {
+      buttonList = actionList;
+      menuList = [];
+    } else {
+      buttonList = actionList.slice(0, exposeCount);
+      menuList = actionList.slice(exposeCount);
+    }
+  } else {
+    buttonList = actionList;
+    menuList = [];
+  }
+
+  var sharedProps = {
+    size: size,
+    buttonStyleType: buttonStyleType
+  };
+  return /*#__PURE__*/_react.default.createElement(_style.SWrap, (0, _extends2.default)({}, rest, {
+    className: (0, _classnames.default)(_style.prefixCls, className),
+    sharedProps: {
+      size: size
+    },
+    spacing: "smart"
+  }), renderActionButtonList(_objectSpread({
+    list: buttonList
+  }, sharedProps)), menuList.length ? /*#__PURE__*/_react.default.createElement(ActionMenu, (0, _extends2.default)({
+    list: menuList
+  }, sharedProps, {
+    dropdownButton: dropdownButton,
+    popoverProps: popoverProps
+  })) : null);
+}.bind(void 0);
+
+var AutoAdjustmentActionList = function AutoAdjustmentActionList(_ref5) {
+  var _this6 = this;
+
+  (0, _newArrowCheck2.default)(this, _this);
+
+  var _ref5$actionList = _ref5.actionList,
+      actionList = _ref5$actionList === void 0 ? [] : _ref5$actionList,
+      _ref5$exposeCount = _ref5.exposeCount,
+      _exposeCount = _ref5$exposeCount === void 0 ? 3 : _ref5$exposeCount,
+      smart = _ref5.smart,
+      rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
+
+  var _useState3 = (0, _react.useState)(function () {
+    (0, _newArrowCheck2.default)(this, _this6);
+    return _uid++;
+  }.bind(this)),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
+      uid = _useState4[0];
+
+  var l = actionList.length;
+  var containerRef = (0, _react.useRef)(null);
+  (0, _react.useLayoutEffect)(function () {
+    (0, _newArrowCheck2.default)(this, _this6);
+    containerRef.current = document.querySelector("[".concat(ID_KEY, "=\"").concat(uid, "\"]"));
+  }.bind(this), [uid]);
+  var maxCount = (0, _react.useMemo)(function () {
+    (0, _newArrowCheck2.default)(this, _this6);
+    var maxCount = Math.min(l, Math.max(_exposeCount, 0));
+    if (maxCount === l - 1 && smart) maxCount = l;
+    return maxCount;
+  }.bind(this), [_exposeCount, l, smart]);
+
+  var _useOverflow = (0, _useOverflow3.default)({
+    containerRef: containerRef,
+    defaultCount: maxCount,
+    maxCount: maxCount
+  }),
+      _useOverflow2 = (0, _slicedToArray2.default)(_useOverflow, 1),
+      exposeCount = _useOverflow2[0];
+
+  return /*#__PURE__*/_react.default.createElement(PureActionList, (0, _extends2.default)({}, rest, {
+    actionList: actionList,
+    exposeCount: exposeCount,
+    smart: false
+  }, (0, _defineProperty2.default)({}, ID_KEY, uid)));
+}.bind(void 0);
+
+var ActionList = function ActionList(_ref7) {
+  (0, _newArrowCheck2.default)(this, _this);
+  var _autoAdjustment = _ref7.autoAdjustment,
+      rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded6);
+
+  var _useConfig = (0, _useConfig2.default)(),
+      actionListAutoAdjustment = _useConfig.actionListAutoAdjustment;
+
+  var autoAdjustment = _autoAdjustment === undefined ? actionListAutoAdjustment === undefined ? _config.default.actionListAutoAdjustment : actionListAutoAdjustment : _autoAdjustment;
+
+  if (autoAdjustment) {
+    return /*#__PURE__*/_react.default.createElement(AutoAdjustmentActionList, rest);
+  } else {
+    return /*#__PURE__*/_react.default.createElement(PureActionList, rest);
+  }
+}.bind(void 0);
+
+ActionList.propTypes = {
+  actionList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.node,
+    onClick: _propTypes.default.func,
+    children: _propTypes.default.arrayOf(_propTypes.default.shape({
+      label: _propTypes.default.node,
+      onClick: _propTypes.default.func,
+      children: _propTypes.default.arrayOf(_propTypes.default.shape({
+        label: _propTypes.default.node,
+        onClick: _propTypes.default.func,
+        children: _propTypes.default.arrayOf(_propTypes.default.object),
+        tooltip: _propTypes.default.any,
+        disabled: _propTypes.default.bool
+      })),
+      tooltip: _propTypes.default.any,
+      disabled: _propTypes.default.bool
+    })),
+    tooltip: _propTypes.default.any,
+    disabled: _propTypes.default.bool
+  })).isRequired,
+  exposeCount: _propTypes.default.number,
+  autoAdjustment: _propTypes.default.bool,
+  smart: _propTypes.default.bool,
+  popoverProps: _propTypes.default.any
+};
+
+var _default = /*#__PURE__*/_react.default.memo(ActionList);
+
+exports.default = _default;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ActionListProps } from './ActionList';
+declare const ExportActionList: import("react").NamedExoticComponent<import("./ActionList").DefinedActionListProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("./ActionList").DefinedActionListProps>> & {
+    readonly type: ({ autoAdjustment: _autoAdjustment, ...rest }: ActionListProps) => JSX.Element;
+} & {
+    Sizes: ["sm", "md", "lg"];
+    ButtonStyleTypes: ["primary", "border", "border-gray"];
+};
+export default ExportActionList;
+export type { ActionListProps };

package/lib/components/ActionList/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _type = require("../../type");
+
+var _Button = _interopRequireDefault(require("../../components/Button"));
+
+var _ActionList = _interopRequireDefault(require("./ActionList"));
+
+var Sizes = _Button.default.Sizes;
+var ButtonStyleTypes = _Button.default.StyleTypes;
+var ExportActionList = (0, _type.ExportComponent)(_ActionList.default, {
+  Sizes: Sizes,
+  ButtonStyleTypes: ButtonStyleTypes
+});
+var _default = ExportActionList;
+exports.default = _default;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const prefixCls: string;
+export declare const SWrap: import("@emotion/styled-base").StyledComponent<import("../../Combine/Combine").DefinedCombineProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("../../Combine/Combine").DefinedCombineProps>, Pick<import("../../Combine/Combine").DefinedCombineProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, keyof import("../../Combine/Combine").DefinedCombineProps>, "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | keyof import("../../Combine/Combine").DefinedCombineProps>, object>;