@aloudata/aloudata-design 0.3.0-beta.1 → 0.3.2

package/lib/Select/style/index.less

@@ -4,6 +4,7 @@
 
 .ald-select {
   .ant-select-selector:not(.ant-select-customize-input) {
+    background-color: @selector-bgColor-default;
     border-color: @selector-borderColor-default;
 
     .ald-select-selector-prefix {
@@ -22,6 +23,7 @@
   }
 
   &.ant-select-disabled .ant-select-selector:not(.ant-select-customize-input) {
+    background-color: @selector-bgColor-disabled;
     border-color: @selector-borderColor-disabled;
     cursor: initial;
 
@@ -44,11 +46,19 @@
     }
   }
 
+  &.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) {
+    .ant-select-selector {
+      background-color: @selector-bgColor-disabled;
+      border-color: @selector-borderColor-disabled;
+      cursor: initial;
+    }
+  }
+
   &:not(.ant-select-disabled):hover,
   &.ant-select.ant-select-focused:not(.ant-select-disabled) {
     .ant-select-selector {
       border-color: @selector-borderColor-active;
-      box-shadow: none;
+      box-shadow: 0 0 0 0.5px @B60;
 
       &:focus-visible {
         outline: none;
@@ -61,7 +71,9 @@
       .ant-select-selection-placeholder {
         color: @selector-placeholderColor-active;
       }
+    }
 
+    &.ant-select-open {
       .ant-select-selection-overflow,
       .ant-select-selection-item {
         color: @selector-valueColor-active;
@@ -69,14 +81,54 @@
         border: none;
       }
     }
+
+    &:not(.ant-select-open) {
+      .ant-select-selector {
+        border-color: @selector-borderColor-default;
+        box-shadow: none;
+
+        &:focus-visible {
+          outline: none;
+        }
+
+        .ald-select-selector-prefix {
+          color: @selector-labelColor-default;
+        }
+
+        .ant-select-selection-placeholder {
+          color: @selector-placeholderColor-default;
+        }
+      }
+    }
+  }
+
+  .ant-select-clear,
+  .ant-select-arrow {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: @NL50;
+    font-size: inherit;
+  }
+
+  &.ant-select-disabled {
+    .ant-select-clear,
+    .ant-select-arrow {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: @NL60;
+      font-size: inherit;
+    }
   }
 
   &.ald-select-large {
+    font-size: @selector-fontSize-large;
+
     .ant-select-selector {
       align-items: center;
       height: @selector-height-large;
-      padding: 0 @selector-paddingLeft;
-      font-size: @selector-fontSize-large;
+      padding: 0 @selector-paddingHorizontal-large;
       line-height: @selector-lineHeight-large;
       border-radius: @selector-borderRadius-large;
 
@@ -91,14 +143,21 @@
         line-height: @selector-lineHeight-large;
       }
     }
+
+    &.ant-select-show-arrow {
+      .ant-select-selector {
+        padding-right: @selector-paddingHorizontal-large + @selector-fontSize-large;
+      }
+    }
   }
 
   &.ald-select-middle {
+    font-size: @selector-fontSize-middle;
+
     .ant-select-selector {
       align-items: center;
       height: @selector-height-middle;
-      padding: 0 @selector-paddingLeft;
-      font-size: @selector-fontSize-middle;
+      padding: 0 @selector-paddingHorizontal-middle;
       line-height: @selector-lineHeight-middle;
       border-radius: @selector-borderRadius-middle;
 
@@ -113,14 +172,21 @@
         line-height: @selector-lineHeight-middle;
       }
     }
+
+    &.ant-select-show-arrow {
+      .ant-select-selector {
+        padding-right: @selector-paddingHorizontal-middle + @selector-fontSize-middle;
+      }
+    }
   }
 
   &.ald-select-small {
+    font-size: @selector-fontSize-small;
+
     .ant-select-selector {
       align-items: center;
       height: @selector-height-small;
-      padding: 0 @selector-paddingLeft;
-      font-size: @selector-fontSize-small;
+      padding: 0 @selector-paddingHorizontal-small;
       line-height: @selector-lineHeight-small;
       border-radius: @selector-borderRadius-small;
 
@@ -135,14 +201,21 @@
         line-height: @selector-lineHeight-small;
       }
     }
+
+    &.ant-select-show-arrow {
+      .ant-select-selector {
+        padding-right: @selector-paddingHorizontal-small + @selector-fontSize-small;
+      }
+    }
   }
 
   &.ald-select-mini {
+    font-size: @selector-fontSize-mini;
+
     .ant-select-selector {
       align-items: center;
       height: @selector-height-mini;
-      padding: 0 @selector-paddingLeft;
-      font-size: @selector-fontSize-mini;
+      padding: 0 @selector-paddingHorizontal-mini;
       line-height: @selector-lineHeight-mini;
       border-radius: @selector-borderRadius-mini;
 
@@ -157,6 +230,12 @@
         line-height: @selector-lineHeight-mini;
       }
     }
+
+    &.ant-select-show-arrow {
+      .ant-select-selector {
+        padding-right: @selector-paddingHorizontal-mini + @selector-fontSize-mini;
+      }
+    }
   }
 
   &.ant-select-multiple {
@@ -195,6 +274,12 @@
             content: '，';
           }
         }
+
+        .ant-select-selection-search-input {
+          height: inherit;
+          line-height: inherit;
+          caret-color: @B60;
+        }
       }
 
       .ant-select-selection-overflow-item:first-of-type {
@@ -203,6 +288,10 @@
         }
       }
     }
+
+    .ant-select-selector::after {
+      height: 1.5715em;
+    }
   }
 }
 
@@ -210,9 +299,15 @@
   .ald-select-item {
     display: flex;
     align-items: center;
-    padding: 0 4px;
+    margin: 0 4px;
+    padding: 0;
     font-size: 14px;
     background-color: @select-option-bgColor;
+    border-radius: 6px;
+
+    &:hover {
+      background-color: @select-option-bgColor-hover;
+    }
 
     .ald-select-single-check {
       display: flex;

package/lib/Select/style/variables.less

@@ -1,54 +1,65 @@
 /* stylelint-disable property-no-unknown */
 @import '../../style/index.less';
 
-@selector-paddingLeft: 11px;
-
 // large size
 @selector-height-large: 40px;
 @selector-borderRadius-large: 8px;
 @selector-fontSize-large: 16px;
 @selector-lineHeight-large: 24px;
 @prefix-marginRight-large: 8px;
+@selector-paddingHorizontal-large: 11px;
+
 // medium size
 @selector-height-middle: 32px;
 @selector-borderRadius-middle: 6px;
 @selector-fontSize-middle: 14px;
 @selector-lineHeight-middle: 20px;
-@prefix-marginRight-middle: 4px;
+@prefix-marginRight-middle: 8px;
+@selector-paddingHorizontal-middle: 11px;
+
 // small size
 @selector-height-small: 28px;
 @selector-borderRadius-small: 4px;
 @selector-fontSize-small: 12px;
 @selector-lineHeight-small: 16px;
 @prefix-marginRight-small: 4px;
+@selector-paddingHorizontal-small: 7px;
 // mini size
 @selector-height-mini: 24px;
 @selector-borderRadius-mini: 4px;
 @selector-fontSize-mini: 12px;
 @selector-lineHeight-mini: 16px;
 @prefix-marginRight-mini: 4px;
+@selector-paddingHorizontal-mini: 7px;
 
 //default status
 @selector-borderColor-default: @NL90;
-@selector-placeholderColor-default: @NL70;
+@selector-placeholderColor-default: @NL80;
 @selector-valueColor-default: @NL0;
 @selector-labelColor-default: @NL50;
+@selector-bgColor-default: @BG97;
 //active status
 @selector-borderColor-active: @B60;
-@selector-placeholderColor-active: @NL70;
+@selector-placeholderColor-active: @NL80;
 @selector-valueColor-active: @NL50;
 @selector-labelColor-active: @NL50;
+@selector-bgColor-active: @BG97;
 //disable status
 @selector-borderColor-disabled: @NL90;
-@selector-placeholderColor-disabled: @NL70;
-@selector-valueColor-disabled: @NL50;
-@selector-labelColor-disabled: @NL50;
+@selector-placeholderColor-disabled: @NL80;
+@selector-valueColor-disabled: @NL60;
+@selector-labelColor-disabled: @NL60;
+@selector-bgColor-disabled: @BG95;
 //-----option
 @select-option-bgColor: @BG100;
 @select-option-color: @NL0;
+@select-option-bgColor-hover: @NL97;
 
 :export {
-  SELECTOR_PADDING_LEFT: @selector-paddingLeft;
+  SELECTOR_PADDING_HORIZONTAL_LARGE: @selector-paddingHorizontal-large;
+  SELECTOR_PADDING_HORIZONTAL_MIDDLE: @selector-paddingHorizontal-middle;
+  SELECTOR_PADDING_HORIZONTAL_SMALL: @selector-paddingHorizontal-small;
+  SELECTOR_PADDING_HORIZONTAL_MINI: @selector-paddingHorizontal-mini;
   PREFIX_MARGIN_RIGHT_LARGE: @prefix-marginRight-large;
   PREFIX_MARGIN_RIGHT_MIDDLE: @prefix-marginRight-middle;
   PREFIX_MARGIN_RIGHT_SMALL: @prefix-marginRight-small;

package/lib/Select/style/variables.less.d.ts

@@ -89,7 +89,10 @@ interface CssExports {
   'SC90': string;
   'SC95': string;
   'SC98': string;
-  'SELECTOR_PADDING_LEFT': string;
+  'SELECTOR_PADDING_HORIZONTAL_LARGE': string;
+  'SELECTOR_PADDING_HORIZONTAL_MIDDLE': string;
+  'SELECTOR_PADDING_HORIZONTAL_MINI': string;
+  'SELECTOR_PADDING_HORIZONTAL_SMALL': string;
   'SHADOW_L': string;
   'WHITE': string;
 }

package/lib/Select/utils/iconUtil.d.ts

@@ -18,7 +18,7 @@ export default function getIcons({ suffixIcon, clearIcon, menuItemSelectedIcon,
         open: boolean;
         showSearch: boolean;
     }) => JSX.Element);
-    itemIcon: {} | null;
-    removeIcon: {} | null;
+    itemIcon: number | boolean | JSX.Element | React.ReactFragment | ((props: any) => React.ReactNode) | null;
+    removeIcon: number | boolean | JSX.Element | React.ReactFragment | ((props: any) => React.ReactNode) | null;
 };
 export {};

package/lib/Select/utils/iconUtil.js

@@ -9,17 +9,17 @@ exports.default = getIcons;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
-
 var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
 
 var _CheckOutlined = _interopRequireDefault(require("@ant-design/icons/CheckOutlined"));
 
 var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
 
-var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
+var _CancelFill = _interopRequireDefault(require("../../Icon/icons/CancelFill"));
+
+var _themeColorModule = _interopRequireDefault(require("../../style/themes/default/themeColor.module.less"));
 
-var _Icon = _interopRequireDefault(require("../../Icon"));
+var _ArrowsDownLine = _interopRequireDefault(require("../../Icon/icons/ArrowsDownLine"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -65,14 +65,11 @@ function getIcons(_ref) {
     mergedSuffixIcon = function mergedSuffixIcon(_ref2) {
       var open = _ref2.open,
           showSearch = _ref2.showSearch;
-
-      if (open && showSearch) {
-        return getSuffixIconNode( /*#__PURE__*/React.createElement(_SearchOutlined.default, {
-          className: iconCls
-        }));
-      }
-
-      return getSuffixIconNode( /*#__PURE__*/React.createElement(_DownOutlined.default, {
+      // if (open && showSearch) {
+      //   return getSuffixIconNode(<SearchOutlined className={iconCls} />);
+      // }
+      return getSuffixIconNode( /*#__PURE__*/React.createElement(_ArrowsDownLine.default, {
+        color: _themeColorModule.default.NL50,
         className: iconCls
       }));
     };
@@ -94,8 +91,8 @@ function getIcons(_ref) {
   if (removeIcon !== undefined) {
     mergedRemoveIcon = removeIcon;
   } else {
-    mergedRemoveIcon = /*#__PURE__*/React.createElement(_Icon.default, {
-      type: 'close',
+    mergedRemoveIcon = /*#__PURE__*/React.createElement(_CancelFill.default, {
+      color: _themeColorModule.default.NL50,
       size: '1em'
     });
   }

package/lib/Table/Table.d.ts

@@ -1,6 +1,5 @@
 import React, { ReactElement } from 'react';
 import { ITableProps } from './interface';
-import './style/index';
 declare function Table<RecordType extends object = any>(props: ITableProps<RecordType>, ref?: React.Ref<unknown>): ReactElement;
 declare const _default: typeof Table;
 export default _default;

package/lib/Table/Table.js

@@ -11,7 +11,11 @@ var _lodash = _interopRequireDefault(require("lodash"));
 
 var _classnames7 = _interopRequireDefault(require("classnames"));
 
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _SortDescendingLine = _interopRequireDefault(require("../Icon/icons/SortDescendingLine"));
+
+var _SortAscendingLine = _interopRequireDefault(require("../Icon/icons/SortAscendingLine"));
+
+var _Loading = _interopRequireDefault(require("../Icon/icons/Loading"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,13 +23,11 @@ var _usePrefixCls = _interopRequireDefault(require("../_utils/hooks/usePrefixCls
 
 var _reactInfiniteScrollComponent = _interopRequireDefault(require("react-infinite-scroll-component"));
 
-var _Empty = _interopRequireDefault(require("./components/Empty"));
-
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
 
-var _reactTable = require("react-table");
+var _Empty = _interopRequireDefault(require("../Empty"));
 
-require("./style/index");
+var _reactTable = require("react-table");
 
 var _excluded = ["style"],
     _excluded2 = ["style"];
@@ -58,6 +60,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+// import './style/index';
 var ARRAY_FIRST_INDEX = 0;
 var DEFAULT_ROW_WIDTH = 0;
 var DEFAULT_BODY_HEIGHT = 0;
@@ -353,13 +356,13 @@ function Table(props, ref) {
       return null;
     }
 
-    return desc ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    return desc ? /*#__PURE__*/_react.default.createElement(_SortDescendingLine.default, {
       className: "".concat(prefixCls, "-sortIcon"),
-      type: "sort_descending",
+      fill: "currentColor",
       size: 12
-    }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    }) : /*#__PURE__*/_react.default.createElement(_SortAscendingLine.default, {
       className: "".concat(prefixCls, "-sortIcon"),
-      type: "sort_ascending",
+      fill: "currentColor",
       size: 12
     });
   };
@@ -382,9 +385,10 @@ function Table(props, ref) {
 
   var LoadingNode = /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames7.default)("".concat(prefixCls, "-loading"))
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    type: "waiting",
+  }, /*#__PURE__*/_react.default.createElement(_Loading.default, {
     size: 16,
+    fill: "currentColor",
+    spin: true,
     className: (0, _classnames7.default)("".concat(prefixCls, "-loading-icon"))
   }), "Loading");
 
@@ -394,7 +398,13 @@ function Table(props, ref) {
     }
 
     if (!loading && !rows.length) {
-      return /*#__PURE__*/_react.default.createElement(_Empty.default, null);
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: (0, _classnames7.default)("".concat(prefixCls, "-empty-icon"))
+      }, /*#__PURE__*/_react.default.createElement(_Empty.default, {
+        title: "No Data",
+        size: "large",
+        image: _Empty.default.PRESENTED_IMAGE_SIMPLE
+      }));
     }
 
     var renderRowList = function renderRowList() {
@@ -418,7 +428,7 @@ function Table(props, ref) {
         }), row.cells.map(function (cell) {
           return /*#__PURE__*/_react.default.createElement("div", Object.assign({}, cell.getCellProps(), {
             className: (0, _classnames7.default)("".concat(prefixCls, "-cell"))
-          }), cell.render('Cell'));
+          }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, cell.render('Cell')));
         }));
       });
     };
@@ -472,9 +482,9 @@ function Table(props, ref) {
         style: {
           width: '100%'
         }
-      }), column.render('Header'), /*#__PURE__*/_react.default.createElement(SortIcons, {
+      }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.render('Header'), /*#__PURE__*/_react.default.createElement(SortIcons, {
         id: column.id
-      })), /*#__PURE__*/_react.default.createElement("div", Object.assign({}, barPorps, {
+      }))), /*#__PURE__*/_react.default.createElement("div", Object.assign({}, barPorps, {
         className: (0, _classnames7.default)(_defineProperty({}, "".concat(prefixCls, "-dragBar"), resizeColumn), "".concat(prefixCls, "-bar"))
       })));
     }));

package/lib/Table/style/index.less

@@ -135,8 +135,15 @@
     }
   }
 
+  &-empty-icon {
+    padding-top: 52px;
+  }
+
   &-init-loading {
     .ald-table-loading {
+      display: flex;
+      align-items: center;
+      justify-content: center;
       padding-top: 84px;
     }
   }

package/lib/Tabs/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { TabsProps } from 'antd';
 export declare type TabsSize = 'default' | 'large';
-export interface ITabsProps {
+export interface ITabsProps extends Omit<TabsProps, 'size'> {
     /**
      * @description 大小
      * @default default

package/lib/Tabs/index.js

@@ -11,13 +11,13 @@ var _tabs = _interopRequireDefault(require("antd/es/tabs"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _More = _interopRequireDefault(require("../Icon/icons/More"));
 
 var _TabPane = _interopRequireDefault(require("./TabPane"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["size", "className", "adaptHeight"];
+var _excluded = ["size", "className", "popupClassName", "adaptHeight"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -34,6 +34,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function Tabs(props) {
   var size = props.size,
       className = props.className,
+      popupClassName = props.popupClassName,
       adaptHeight = props.adaptHeight,
       otherProps = _objectWithoutProperties(props, _excluded);
 
@@ -44,11 +45,13 @@ function Tabs(props) {
   }
 
   return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
-    moreIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "more_vert",
-      size: 18
-    }),
+    moreIcon: /*#__PURE__*/_react.default.createElement("div", {
+      className: "ald-tabs-moreIcon"
+    }, /*#__PURE__*/_react.default.createElement(_More.default, {
+      color: "currentColor"
+    })),
     tabBarGutter: 24,
+    popupClassName: (0, _classnames.default)(popupClassName, 'ald-tabs-dropdown'),
     className: (0, _classnames.default)('ald-tabs', className, {
       'ald-adapt-height': adaptHeight,
       'ald-tabs-default': size !== 'large'

package/lib/Tabs/style/index.less

@@ -1,5 +1,6 @@
+/* stylelint-disable no-descending-specificity */
 @import '../../style/index.less';
-
+@import '../../Button/style/index.less';
 //status- default
 @Tabs-color: @NL30;
 @Tabs-fontWeight: 400;
@@ -60,6 +61,12 @@
     .ant-tabs-ink-bar {
       height: @Tabs-ink-link-bar-height-large;
     }
+
+    .ald-tabs-moreIcon {
+      width: 36px;
+      height: 36px;
+      border-radius: 8px;
+    }
   }
 
   &.ald-tabs-default {
@@ -67,10 +74,35 @@
       font-size: @Tabs-fontSize;
       line-height: @Tabs-lineHeight;
     }
+
+    .ald-tabs-moreIcon {
+      width: 32px;
+      height: 32px;
+      border-radius: 6px;
+    }
   }
 
   .ant-tabs-nav-more {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     margin: 0 !important;
+    padding: 2px;
+
+    .ald-tabs-moreIcon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: inherit;
+      font-size: inherit;
+    }
+
+    &.ant-tabs-dropdown-open {
+      .ald-tabs-moreIcon {
+        color: @B60;
+        background-color: @NL97;
+      }
+    }
   }
 
   /* body自适应高度 */
@@ -98,3 +130,37 @@
     }
   }
 }
+
+.ald-tabs-dropdown {
+  .ant-tabs-dropdown-menu {
+    padding: 4px;
+    border-radius: 6px;
+    box-shadow: @shadow-L;
+
+    .ant-tabs-dropdown-menu-item-active {
+      background-color: @NL97;
+    }
+
+    .ant-tabs-dropdown-menu-item {
+      padding: 8px 12px;
+      line-height: 20px;
+      border-radius: 6px;
+    }
+
+    .ant-tabs-dropdown-menu-item,
+    .ant-tabs-dropdown-menu-submenu-title {
+      &:hover {
+        background-color: @NL97;
+      }
+
+      &.ant-tabs-dropdown-menu-item-disabled {
+        color: @NL80;
+        cursor: default;
+
+        &:hover {
+          background-color: @BG100;
+        }
+      }
+    }
+  }
+}

package/lib/index.d.ts

@@ -20,6 +20,8 @@ export { default as Navigator } from './Navigator';
 export type { INavigatorProps as NavigatorProps, IMenuItem as NavigatorMenu, ISelectedMenuInfo as SelectedMenuInfo, } from './Navigator';
 export { default as Alert } from './Alert';
 export type { AlertProps } from './Alert';
+export { default as Card } from './Card';
+export type { CardProps } from './Card';
 export { default as Col } from './Col';
 export type { ColProps } from './Col';
 export type { TypographyProps } from './Typography';
@@ -31,9 +33,9 @@ export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
 export { default as Layout } from './Layout';
 export type { LayoutProps } from './Layout';
-export { default as Message } from './Message';
-export type { MessageArgsProps } from './Message';
-export { default as Notification } from './Notification';
+export { default as message } from './message';
+export type { MessageArgsProps } from './message';
+export { default as notification } from './notification';
 export type { TreeProps, AntTreeNodeProps as TreeNodeProps, DataNode as TreeDataNode, } from './Tree';
 export { default as Tree } from './Tree';
 export type { SkeletonProps } from './Skeleton';
@@ -52,6 +54,8 @@ export { default as Form } from './Form';
 export type { FormInstance, FormProps, FormItemProps } from './Form';
 export { default as Divider } from './Divider';
 export type { DividerProps } from './Divider';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
 export { default as Radio } from './Radio';
 export type { RadioProps, RadioChangeEvent, RadioGroupProps } from './Radio';
 export { default as Checkbox } from './Checkbox';
@@ -68,3 +72,4 @@ export { default as Empty } from './Empty';
 export type { IEmptyProps as EmptyProps } from './Empty';
 export { default as Avatar } from './Avatar';
 export type { IAvatarProps as AvatarProps } from './Avatar';
+export { default as Icon } from './Icon';