@aloudata/aloudata-design 0.1.0-beta1 → 0.2.0-beta.11

package/README.md

@@ -1,4 +1,4 @@
-# design
+# aloudata-design
 
 ## Getting Started
 
@@ -34,19 +34,24 @@ $ npm run docs:build
 ```bash
 $ npm test
 ```
-## 组件开发
-```
-// 基于antd组件开发新组件，必须需要额外antd的组件样式文件
-// 非基于antd组件开发不需要引入这一条，下面以button为例：
-@import '~antd/lib/button/style/index.less';
+发布npm包
 
-// 主题样式变量、mixin等
-@import '~@/style/index.less';
+```bash
+# 先登录npm账号
+$ npm run release 
+//会自动打包，并基于version打tag
+```
+## 组件开发目录结构
+```
 
-// 自定义的样式
-.ald-class {
-  ...
-}
+--- component
+    --- index.tsx //组件开发 需引用./style
+    --- index.test.tsx //单测
+    --- index.md  //组件文档
+    style文件夹
+        ---index.ts //引用../../style ，引用./index.less
+        ---index.less //用于自定义，需引用'../../style/index.less';
+    demo文件夹 //用于放组件文档用例
 ···
 ```
 
@@ -77,6 +82,10 @@ $ npm test
 link 到本地后，其它项目可以通过 link 本项目直接 import 使用
 
 ```
-cd es
 npm link
+//转到 目标项目
+npm link @aloudata/aloudata-design
+
+// 移除link
+npm unlink @aloudata/aloudata-design
 ```

package/es/Button/index.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { ButtonProps as AntdButtonProps } from 'antd/lib/button';
+export declare type ButtonType = 'primary' | 'secondary' | 'danger' | 'text' | 'link';
+export declare type Size = 'small' | 'default' | 'large';
+export interface IButtonProps extends Omit<AntdButtonProps, 'type' | 'size' | 'danger' | 'shape' | 'icon' | 'href' | 'target' | 'onClick' | 'loading'> {
+    /**
+     * @description 类型
+     * @type 'primary' | 'secondary' | 'danger' | 'text' | 'link'
+     * @default primary
+     */
+    type?: ButtonType;
+    /**
+     * @description 尺寸
+     * @type 'small' | 'default' | 'large'
+     * @default large
+     */
+    size?: Size;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description 设置按钮的图标组件
+     */
+    icon?: React.ReactNode;
+    shape?: 'circle' | 'default';
+    /**
+     * @description 指定此属性，点击行为和a链接一致
+     */
+    href?: string;
+    /**
+     * @description 相当于 a 链接的 target 属性，href 存在时生效
+     */
+    target?: string;
+    /**
+     * @description 点击按钮时的回调
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * @description 设置按钮进入载入状态
+     * @default false
+     */
+    loading?: boolean | {
+        delay?: number;
+    };
+}
+declare function Button(props: IButtonProps): JSX.Element;
+export default Button;

package/es/Button/index.js

@@ -0,0 +1,107 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+var _excluded = ["type", "size", "shape", "icon", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import classNames from 'classnames';
+import usePrefixCls from '../_utils/hooks/usePrefixCls';
+var iconPrefixCls = 'anticon';
+var ICON_LARGE = 20;
+var ICON_SMALL = 16;
+
+function Button(props) {
+  var prefix = usePrefixCls('btn');
+
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'secondary' : _props$type,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'default' : _props$shape,
+      icon = props.icon,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  function getButtonType(buttonType) {
+    if (!['primary', 'secondary', 'danger', 'text', 'link'].includes(buttonType)) {
+      return 'default';
+    }
+
+    if (buttonType === 'danger') {
+      return 'primary';
+    }
+
+    if (buttonType === 'secondary') {
+      return 'default';
+    }
+
+    return buttonType;
+  }
+
+  function getDangerStatus(buttonType) {
+    if (buttonType === 'danger') {
+      return true;
+    }
+
+    return false;
+  }
+
+  function getButtonSize(ButtonSize) {
+    switch (ButtonSize) {
+      case 'small':
+        return 'small';
+
+      case 'large':
+        return 'large';
+
+      default:
+        return 'middle';
+    }
+  }
+
+  function getShape(ButtonShape) {
+    if (ButtonShape === 'circle') {
+      return ButtonShape;
+    }
+
+    return 'default';
+  }
+
+  var setIcon = function setIcon(iconNode) {
+    if (iconNode) {
+      var p = _objectSpread({
+        className: '',
+        size: ICON_LARGE
+      }, iconNode.props); // eslint-disable-next-line
+
+
+      p.className = classNames("".concat(iconPrefixCls, "-icon-left"), p.className); // eslint-disable-next-line
+
+      p.size = size === 'large' ? ICON_LARGE : ICON_SMALL;
+      return /*#__PURE__*/React.cloneElement(iconNode, p);
+    }
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  };
+
+  return /*#__PURE__*/React.createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
+    icon: setIcon(icon),
+    type: getButtonType(type),
+    className: classNames("".concat(prefix, "-").concat(type), className),
+    size: getButtonSize(size),
+    danger: getDangerStatus(type),
+    shape: getShape(shape)
+  }), props.children);
+}
+
+export default Button;

package/es/Button/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/es/Button/style/index.js

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.less';

package/{src → es}/Button/style/index.less

@@ -1,10 +1,10 @@
-@import '../../style/index.less'; 
+@import '../../style/index.less';
 
 @ald-prefix:ant;
 @ald-iconfont-css-prefix:anticon;
-.@{ald-prefix}-btn {
 
-  &.@{ald-prefix}-btn {
+.ant-btn {
+  &.ant-btn {
     // &-loading::before{
     //   // display: none !important;
     // }
@@ -15,13 +15,13 @@
     &-text,
     &-link {
       font-size: 12px;
-      height: 28px;
+      height: @height-base;
       padding: 0 12px;
       display: inline-flex;
-      line-height: 1;
+      line-height: @height-base;
       align-items: center;
       font-weight: 500;
-      justify-content: space-between;
+      justify-content: center;
       .@{ald-iconfont-css-prefix} {
         + span {
           margin-left: 4px;
@@ -43,10 +43,11 @@
       box-shadow: none;
       border-radius: @border-radius-base;
       text-shadow: @text-shadow;
+
       &:hover,
       &:focus,
       &:active,
-      &.@{ald-prefix}-btn-loading {
+      &.ant-btn-loading {
         background-color: @B20;
         border-color: @B20;
         color: @ND0;
@@ -66,7 +67,8 @@
         }
       }
     }
-    &-dangerous.@{ald-prefix}-btn-primary {
+
+    &-dangerous.ant-btn-primary {
       background-color: @SC40;
       border-color: @SC40;
       color: @ND0;
@@ -78,9 +80,10 @@
         border-color: @SC20;
         color: @ND0;
       }
+
       &:focus,
       &:active,
-      &.@{ald-prefix}-btn-loading {
+      &.ant-btn-loading {
         background-color: @SC20;
         border-color: @SC20;
         color: @ND0;
@@ -112,7 +115,7 @@
       &:hover,
       &:focus,
       &:active,
-      &.@{ald-prefix}-btn-loading {
+      &.ant-btn-loading {
         background-color: @NL97;
         border-color: @NL90;
         color: @NL30;
@@ -140,10 +143,11 @@
       box-shadow: none;
       border-radius: @border-radius-base;
       text-shadow: @text-shadow;
+
       &:hover,
       &:focus,
       &:active,
-      &.@{ald-prefix}-btn-loading {
+      &.ant-btn-loading {
         background-color: @NL97;
         // border-color: @NL97;
         color: @NL30;
@@ -172,10 +176,11 @@
       box-shadow: none;
       border-radius: @border-radius-base;
       text-shadow: @text-shadow;
+
       &:hover,
       &:focus,
       &:active,
-      &.@{ald-prefix}-btn-loading {
+      &.ant-btn-loading {
         background-color: @BG100;
         border-color: @BG100;
         color: @B20;
@@ -202,7 +207,8 @@
       vertical-align: bottom;
       height: @height-base;
       width: @height-base;
-      &.@{ald-prefix}-btn-loading-icon {
+
+      &.ant-btn-loading-icon {
         vertical-align: baseline;
       }
       .@{ald-iconfont-css-prefix} {
@@ -225,12 +231,14 @@
       height: 32px;
       font-size: 14px;
       min-width: auto;
-      &.@{ald-prefix}-btn-icon-only {
+
+      &.ant-btn-icon-only {
         height: 32px;
         width: 32px;
         min-width: auto;
       }
-      &.@{ald-prefix}-btn-circle {
+
+      &.ant-btn-circle {
         width: 32px;
         height: 32px;
         border-radius: 50%;
@@ -240,16 +248,19 @@
     &-sm {
       height: 24px;
       border-radius: @border-radius-sm;
-      &.@{ald-prefix}-btn-icon-only {
+      line-height: 22px;
+
+      &.ant-btn-icon-only {
         height: 24px;
         width: 24px;
         border-radius: @border-radius-sm;
       }
-      &.@{ald-prefix}-btn-circle {
+
+      &.ant-btn-circle {
         width: 32px;
         height: 32px;
         border-radius: 50%;
       }
     }
   }
-}
+}

package/es/Dropdown/Button.d.ts

@@ -0,0 +1,69 @@
+import React, { ReactElement } from 'react';
+import { ButtonType, Size } from '../Button';
+import '../Button/style';
+export declare type ActionType = 'hover' | 'click' | 'contextMenu';
+export interface IDropdownButton {
+    /**
+     * @description 类型
+     * @type 'primary' | 'secondary' | 'danger' | 'text' | 'link'
+     * @default primary
+     */
+    type?: ButtonType;
+    /**
+     * @description 尺寸
+     * @type 'small' | 'default' | 'large'
+     * @default large
+     */
+    size?: Size;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @description 设置按钮的图标组件
+     */
+    icon?: React.ReactNode;
+    /**
+     * @description 设置按钮进入载入状态
+     * @default false
+     */
+    loading?: boolean | {
+        delay?: number;
+    };
+    /**
+     * @description 菜单
+     * @type Menu | () => Menu
+     * @default -
+     */
+    overlay: ReactElement | (() => ReactElement);
+    /**
+     * @description 菜单弹出位置
+     * @default bottomLeft
+     */
+    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    /**
+     * @description 触发下拉的行为
+     * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
+     * @default [hover]
+     */
+    trigger?: ActionType[];
+    /**
+     * @description 菜单是否显示
+     * @default -
+     */
+    visible?: boolean;
+    /**
+     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @default -
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @description 点击按钮时的回调
+     * FIXME: onClick和trigger冲突，antd按钮和下拉菜单触发区域不同，需要和视觉确认
+     */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    children?: React.ReactNode;
+    className?: string;
+}
+export default function DropdownButton(props: IDropdownButton): JSX.Element;

package/es/Dropdown/Button.js

@@ -0,0 +1,39 @@
+var _excluded = ["children", "overlay", "placement", "trigger", "visible", "disabled", "onVisibleChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import Button from '../Button';
+import '../Button/style'; // eslint-disable-next-line import/no-cycle
+
+import Dropdown from './index';
+import Icon from '../Icon';
+export default function DropdownButton(props) {
+  var children = props.children,
+      overlay = props.overlay,
+      placement = props.placement,
+      trigger = props.trigger,
+      visible = props.visible,
+      disabled = props.disabled,
+      onVisibleChange = props.onVisibleChange,
+      buttonProps = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    overlay: overlay,
+    placement: placement,
+    trigger: trigger,
+    visible: visible,
+    disabled: disabled,
+    onVisibleChange: onVisibleChange
+  }, /*#__PURE__*/React.createElement(Button, _objectSpread({}, buttonProps), children, /*#__PURE__*/React.createElement(Icon, {
+    type: "expand_more"
+  })));
+}

package/es/Dropdown/index.d.ts

@@ -0,0 +1,59 @@
+import React, { ReactElement } from 'react';
+import DropdownButton from './Button';
+export declare type ActionType = 'hover' | 'click' | 'contextMenu';
+export declare type PlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+export interface IDropdownProps {
+    /**
+     * @description 关闭后是否销毁Dropdown
+     * @default false
+     */
+    destroyPopupOnHide?: boolean;
+    /**
+     * @description 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位
+     * @default () => document.body
+     */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /**
+     * @description 菜单
+     * @type Menu | () => Menu
+     * @default -
+     */
+    overlay: ReactElement | (() => ReactElement);
+    /**
+     * @description 下拉根元素的类名称
+     * @default -
+     */
+    overlayClassName?: string;
+    /**
+     * @description 菜单弹出位置
+     * @default bottomLeft
+     */
+    placement?: 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'topLeft' | 'topCenter' | 'topRight';
+    /**
+     * @description 触发下拉的行为
+     * @type ActionType[], 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
+     * @default [hover]
+     */
+    trigger?: ActionType[];
+    /**
+     * @description 菜单是否显示
+     * @default -
+     */
+    visible?: boolean;
+    /**
+     * @description 菜单显示状态改变时调用，参数为 visible，点击菜单按钮导致的消失不会触发
+     * @default -
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    children?: React.ReactNode;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare function Dropdown(props: IDropdownProps): JSX.Element;
+declare namespace Dropdown {
+    var Button: typeof DropdownButton;
+}
+export default Dropdown;

package/es/Dropdown/index.js

@@ -0,0 +1,32 @@
+import "antd/es/dropdown/style";
+import _Dropdown from "antd/es/dropdown";
+var _excluded = ["children", "visible"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+// eslint-disable-next-line import/no-cycle
+import DropdownButton from './Button';
+export default function Dropdown(props) {
+  var children = props.children,
+      visible = props.visible,
+      otherProps = _objectWithoutProperties(props, _excluded); // antd根据visible字段是否存在来判断visible是否是可控模式
+
+
+  var antdDropdownProps = otherProps;
+
+  if (visible !== undefined) {
+    antdDropdownProps.visible = visible;
+  }
+
+  return /*#__PURE__*/React.createElement(_Dropdown, _objectSpread({}, antdDropdownProps), children);
+}
+Dropdown.Button = DropdownButton;

package/es/Dropdown/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/lib/dropdown/style';
+import '../../style';
+import './index.less';

package/es/Dropdown/style/index.js

@@ -0,0 +1,3 @@
+import 'antd/lib/dropdown/style';
+import '../../style';
+import './index.less';

package/es/Empty/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IEmptyProps {
+    description?: string;
+    children?: React.ReactNode;
+}
+declare const _default: ({ description, children }: IEmptyProps) => JSX.Element;
+export default _default;

package/es/Empty/index.js

@@ -0,0 +1,56 @@
+// @ts-nocheck
+import React from 'react';
+import usePrefixCls from '../_utils/hooks/usePrefixCls';
+export default (function (_ref) {
+  var description = _ref.description,
+      children = _ref.children;
+  var prefixCls = usePrefixCls('empty');
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-content")
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "75",
+    height: "79",
+    viewBox: "0 0 75 79",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M37.4999 78.9999C58.2106 78.9999 74.9999 62.2106 74.9999 41.4999C74.9999\n           20.7893 58.2106 4 37.4999 4C16.7893 4 0 20.7893 0 41.4999C0 62.2106 16.7893 78.9999 37.4999 78.9999Z",
+    fill: "#EBF3FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M58.9999 25.5H16C14.6193 25.5 13.5 26.5414 13.5 27.8261V76.6738C13.5\n          77.9585 14.6193 78.9999 16 78.9999H58.9999C60.3806 78.9999 61.4999\n          77.9585 61.4999 76.6738V27.8261C61.4999 26.5414 60.3806 25.5 58.9999 25.5Z",
+    fill: "white"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M32.5 33H19.5C18.6716 33 18 33.6716 18 34.5C18 35.3284 18.6716 36 19.5\n           36H32.5C33.3284 36 34 35.3284 34 34.5C34 33.6716 33.3284 33 32.5 33Z",
+    fill: "#D7E7FE"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41.5 39.5H19.5C18.6716 39.5 18 40.1716 18 41C18 41.8284 18.6716 42.5\n          19.5 42.5H41.5C42.3284 42.5 43 41.8284 43 41C43 40.1716 42.3284 39.5 41.5 39.5Z",
+    fill: "#F3F8FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M32.5 46.5H19.5C18.6716 46.5 18 47.1716 18 48C18 48.8284 18.6716 49.5\n          19.5 49.5H32.5C33.3284 49.5 34 48.8284 34 48C34 47.1716 33.3284 46.5 32.5 46.5Z",
+    fill: "#D7E7FE"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41.5 53H19.5C18.6716 53 18 53.6716 18 54.5C18 55.3284 18.6716 56 19.5\n          56H41.5C42.3284 56 43 55.3284 43 54.5C43 53.6716 42.3284 53 41.5 53Z",
+    fill: "#F3F8FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M32.5 60H19.5C18.6716 60 18 60.6716 18 61.5C18 62.3284 18.6716 63 19.5\n           63H32.5C33.3284 63 34 62.3284 34 61.5C34 60.6716 33.3284 60 32.5 60Z",
+    fill: "#D7E7FE"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41.5 66.5H19.5C18.6716 66.5 18 67.1716 18 68C18 68.8284 18.6716 69.5\n           19.5 69.5H41.5C42.3284 69.5 43 68.8284 43 68C43 67.1716 42.3284 66.5 41.5 66.5Z",
+    fill: "#F3F8FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M58.9998 0H15.9999C14.6192 0 13.4999 1.11929 13.4999 2.5V17.5C13.4999\n           18.8807 14.6192 20 15.9999 20H58.9998C60.3805 20 61.4998 18.8807 61.4998\n            17.5V2.5C61.4998 1.11929 60.3805 0 58.9998 0Z",
+    fill: "#A0B5D5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M32.5 5.49902H19.5C18.6716 5.49902 18 6.1706 18 6.99902C18 7.82745\n          18.6716 8.49902 19.5 8.49902H32.5C33.3284 8.49902 34 7.82745 34 6.99902C34 6.1706 33.3284 5.49902 32.5 5.49902Z",
+    fill: "#D7E7FE"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M41.5 12H19.5C18.6716 12 18 12.6716 18 13.5C18 14.3284 18.6716 15\n           19.5 15H41.5C42.3284 15 43 14.3284 43 13.5C43 12.6716 42.3284 12 41.5 12Z",
+    fill: "white"
+  })), description && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-description")
+  }, description), children && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-footer")
+  }, children)));
+});

package/es/Empty/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/Empty/style/index.js

@@ -0,0 +1 @@
+import './index.less';