@aloudata/aloudata-design 0.4.0-beta.9 → 0.4.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,238 +1,40 @@
-# 组件库开发规范
+# @aloudata/aloudata-design
 
-## 简介
+[![NPM version](https://img.shields.io/npm/v/@aloudata/aloudata-design.svg?style=flat)](https://npmjs.org/package/@aloudata/aloudata-design)
+[![NPM downloads](http://img.shields.io/npm/dm/@aloudata/aloudata-design.svg?style=flat)](https://npmjs.org/package/@aloudata/aloudata-design)
 
-本文档用于介绍组件库开发相关的规范以及组件库开发过程中的注意事项。
 
-## 环境配置
 
-组件库开发过程中，需要满足以下条件：
+## Usage
 
-Node version >= 16.0.0
+TODO
 
-## 组件库介绍
+## Options
 
-### 1 快速开始
+TODO
 
-#### 安装和启动
+## Development
 
 ```bash
-  git clone https://codeup.aliyun.com/60dd34bf4690c27532d3d021/fe/aloudata-design.git
-  cd aloudata-design
-  yarn install
-  yarn start
-```
-
-#### 创建组件模板
-
-```bash
-  yarn run cmt //根据指令输入组件名称，创建组件开发模板
-```
-
-#### 组件校验
-
-```bash
-  yarn run lint //stylelint、eslint 校验
-```
-
-#### 组件测试
-  
-```bash
-  yarn run test //单元测试
-```
-
-#### 组件打包
-
-```bash
-  yarn run build //打包
-```
-
-#### 组件本地link
-
-```bash
-  npm link //将组件库link到本地npm
-  // 切换到业务项目目录，·引入组件库
-  npm link @aloudata/aloudata-design // 业务项目中引入组件库
-```
-
-### 2 目录结构
-
-```text
-.
-├── README.md --> readme
-├── docs --> 文档目录
-│   └── index.md
-├── jest --> jest 脚本目录
-├── public --> 公共资源目录
-│   ├── ad_logo.png
-│   ├── favicon.ico
-│   └── style
-├── scripts --> 自定义脚本目录
-│   └── createComponentTemplate.mjs
-├── lib --> 组件打包生成的lib目录
-├── es --> 组件打包生成的es目录
-├── src --> 组件目录
-├── tsconfig.json --> tsconfig ts配置文件
-├── .editorconfig 
-├── .eslintrc.js  --> eslint ts等校验规则配置
-├── .fatherrc.ts  ---> father组件打包配置
-├── .prettierrc.js ---> prettier 代码格式化配置
-├── .stylelintrc.json ---> less 校验规则配置
-├── .umirc.js          ---> 脚手架配置
-├── commitlint.config.js --> commit 配置规则
-├── typings.d.ts
-├── package-lock.json
-├── package.json
-├── yarn-error.log
-└── yarn.lock
-```
-
-### 3 代码风格
-
-我们使用eslint+stylelint+prettier 来统一代码风格，同时**需要对vscode做一定的配置**，具体[配置参考](https://docs.dingtalk.com/i/nodes/mM3zoYAw1Rr8D5Nong2XWnZ07y9NpXxD?dontjump=true&iframeQuery=utm_source%3Dportal%26utm_medium%3Dportal_space_file_tree&navQuery=spaceId%3Da0gX104nML97WzeJ&nav=spaces)
-
-ts文件使用 *eslint* 校验， 配置文件 .eslintrc.js [查看规则](https://cn.eslint.org/docs/rules/)
-less文件使用 *stylelint* 校验， 配置文件 .stylelintrc.json [查看规则](https://stylelint.bootcss.com/user-guide/rules/list)
-使用 *prettier* 格式化代码，配置文件 .prettierrc.js  
-
-## 组件开发指南（必读）
-
-### 了解组件分类
-
-1. 毛坯组件
-   原始的未做任何修改的antd组件
-2. 简装组件
-   是指在毛坯组件的基础上，只简单了修改了一些颜色、样式等的组件
-3. 精装组件
-   所谓精装组件，是指设计师精心设计过组件应用场景和UI的组件，可能基于antd，也可以完全自定义
-
-### 单元测试
-
-组件开发过程中需要写单测的，建议先写单测，然后进行开发。[了解TDD](https://baike.baidu.com/item/TDD/9064369)
-
-哪些情况需要写单元测试：
-
-1. 如果是基于antd的组件，但凡组件有api接口变动，必须要写单元测试
-2. 非基于antd的组件，必须要写单元测试
-3. 单元测试需要覆盖组件每一个api接口的各个状态
-4. 单元测试文件以 *.test.tsx* 结尾
-
-单元测试参考资料：
+# install dependencies
+$ yarn install
 
-- [jestjs](https://jestjs.io/zh-Hans/docs/getting-started)
-- [jest-dom](https://testing-library.com/docs/ecosystem-jest-dom/)
+# develop library by docs demo
+$ yarn start
 
-### 组件开发注意事项
+# build library source code
+$ yarn run build
 
-组件开发支持两种模式，基于antd开发和其它自定义开发。
+# build library source code in watch mode
+$ yarn run build:watch
 
-**基于antd开发:** 在业务满足的情况下，建议基于antd开发或者rc组件开发。方式是把antd组件引用过来，然后做升级修改之后，再作为ald组件暴露出去
+# build docs
+$ yarn run docs:build
 
-**自定义开发：** 当antd组件不满足业务的时候，可以自定义开发，允许引用其它基础组件进行二次开发或者完全自定义组件进行开发。通常是精装组件。
-
-组件开发有以下几个**必须要注意**的点
-
-1. 组件样式要和组件类进行分离，即在组件开发的过程中，不允许引用css、less等样式组件。样式单独写在style文件夹下。
-2. 组件文档内的api接口展示，是获取组件属性props的接口interface定义来实现的（自定义md表格除外）。组件库脚手架对于组件接口interface有处理，即凡是接口来自于外部库引入的部分，不会被文档api识别，即无法展示。interface接口的每一个想要暴露的属性，都必须要写注释，主要包括类型、描述、默认值等。
-3. 组件简装及以上，必须要写demo样例，用于展示已经支持的样式及功能
-4. 精装组件必须要写单元测试。每一个组件的属性，都要在测例中进行测试，保证在组件的的维护修改过程中，不会出现bug。
-5. 组件由ts编写，必须对外暴露所有可能在业务使用过程中需要的ts类型。
-6. 组件库不使用css-module，请考虑权重问题，禁止出现 **!important** 这样的样式
-
-### 组件库文档编写注意事项
-
-#### 文档前文frontMatter编写
-
-在组件库官网展示的时候，会根据文档头部的信息，对文档进行分类，我们当前的计划是分成三类：设计、文档、组件；
-
-在文档头部，使用YAML预发进行编写，用于描述组件的文档的信息，如：
-
-```yaml
----
-nav:
-  title: 组件
-  path: /components
-title: Select 选择器
-group:
-  title: 组件
----
+# check your project for potential problems
+$ yarn run doctor
 ```
 
-具体参考：[FrontMatter](https://d.umijs.org/zh-CN/config/frontmatter)
-
-#### 组件场景用例demo展示
-
-每个简装以上组件都需要展示场景用例，写在src/**/demos/文件夹下
-demo项目中，像在业务中使用aloudata-design一样，脚手架会自动关联项目到node-modules下。(建议先build一下，然后再进行demo展示)
-在组件的md文档中使用code引入用例，在文档中展示用例，如：
-  
-  ```jsx
-  <code src="./demos/single/index.tsx" title="单项选择"/>
-  ```
-
-关于demo的配置，即code的用法，请参考[demo配置](https://d.umijs.org/zh-CN/config/frontmatter#demo-%E9%85%8D%E7%BD%AE%E9%A1%B9)
-
-#### 组件api展示
-
-api展示为表格形势，可以使用**API**标签，如：
-
-```jsx
-  <API src="/path/to/your/component.tsx" hideTitle></API>
-```
-
-参考文档：[API](https://d.umijs.org/zh-CN/guide/advanced#%E5%9C%A8%E6%96%87%E6%A1%A3%E4%B8%AD%E5%B1%95%E7%A4%BA-api)
-
-也可以自己使用md语法写表格
-  
-  ```md
-  | 属性 | 描述 | 类型 | 默认值 |
-  | ---- | ---- | ---- | ---- |
-  | value | 某个值 | string | 当前选中的值 |
-  ```
-
-### 关于组件模板创建
-
-使用 *npm run cmt* 创建的组件模板只是做一个参考，需要自己根据实际需求进行修改
-
-## 关于组件库打包
-
-### 一、组件打包
-
-```bash
-  npm run build
-```
-
-组件打包的入口在src/index.tsx，必须在文件总暴露出来，组件才会被打包。
-组件打包使用umi框架的 [falter](https://github.com/umijs/father) 打包工具, 具体配置在 .fatherrc.ts中。打包后会生成lib目录，es目录。
-
-### 二、官方网站打包
-
-```bash
-  npm run docs:build
-```
-
-官网打包我们默认使用dumi站点模式，会分为设计、文档、组件三个版块，其中设计和文档版块的内容在docs目录下，组件版块的内容在src/**/*.test.md文件中。
-
-1. 设计部分用于描述组件的设计理念，内容由设计师提供，可以是链接，也可以是资料等。
-2. 文档用于描述组件库开发的一些信息等。
-3. 组件用于展示组件的使用场景用例，组件的一些信息，组件的api接口等
-
-### 官方网站样式修改
-
-请在./public/style/common.css 中自定义修改样式
-
-## 按需引用
+## LICENSE
 
-```js
-[
-    'import',
-    {
-      libraryName: '@aloudata/aloudata-design',
-      libraryDirectory: 'es',
-      style:(name)=>{
-        return `${name}/style/index.less`
-      },
-      camel2DashComponentName: false,
-    },
-]
-```
+MIT

package/dist/Alert/index.d.ts

@@ -0,0 +1,4 @@
+import { Alert } from 'antd';
+import { AlertProps } from 'antd/lib/alert';
+export type { AlertProps };
+export default Alert;

package/dist/Alert/index.js

@@ -0,0 +1,2 @@
+import { Alert } from 'antd';
+export default Alert;

package/dist/Alert/style/index.js

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

package/dist/Avatar/component/Avatar/index.js

@@ -0,0 +1,44 @@
+var _excluded = ["size", "showFullValue", "children"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 * as React from 'react';
+import InternalAvatar from 'antd/es/avatar/avatar';
+import classNames from 'classnames';
+var ZERO = 0;
+
+var Avatar = function Avatar(props) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$showFullValue = props.showFullValue,
+      showFullValue = _props$showFullValue === void 0 ? false : _props$showFullValue,
+      children = props.children,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var getSizeClass = function getSizeClass(avatarSize) {
+    if (['large', 'small', 'mini'].includes("".concat(avatarSize))) {
+      return classNames('ald-avatar', "ald-avatar-".concat(avatarSize));
+    }
+
+    return classNames('ald-avatar', 'ald-avatar-middle');
+  };
+
+  var getChildren = function getChildren() {
+    if (!showFullValue && typeof children === 'string') {
+      return children[ZERO].toLocaleUpperCase();
+    }
+
+    return children;
+  };
+
+  return /*#__PURE__*/React.createElement(InternalAvatar, _extends({
+    size: typeof size === 'number' ? size : undefined,
+    className: getSizeClass(size)
+  }, restProps), getChildren());
+};
+
+export default Avatar;

package/dist/Avatar/index.js

@@ -0,0 +1,4 @@
+import Group from 'antd/es/avatar/group';
+import Avatar from "./component/Avatar";
+Avatar.Group = Group;
+export default Avatar;

package/dist/Avatar/style/index.js

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

package/dist/Breadcrumb/index.js

@@ -0,0 +1,47 @@
+var _excluded = ["className", "separator"],
+    _excluded2 = ["className"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 { Breadcrumb as AntdBreadcrumb } from 'antd';
+import classNames from 'classnames';
+
+var Breadcrumb = function Breadcrumb(props) {
+  var className = props.className,
+      separator = props.separator,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var getSeparator = function getSeparator() {
+    if (separator === null) {
+      return separator;
+    }
+
+    return separator || /*#__PURE__*/React.createElement("span", {
+      className: "default-separator"
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(AntdBreadcrumb, _extends({}, restProps, {
+    separator: getSeparator(),
+    className: classNames('ald-breadcrumb', className)
+  }));
+};
+
+var BreadcrumbItem = function BreadcrumbItem(props) {
+  var className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded2);
+
+  return /*#__PURE__*/React.createElement(AntdBreadcrumb.Item, _extends({}, restProps, {
+    className: classNames('ald-breadcrumb-item', className)
+  }));
+}; // eslint-disable-next-line no-underscore-dangle
+
+
+BreadcrumbItem.__ANT_BREADCRUMB_ITEM = true;
+Breadcrumb.Item = BreadcrumbItem;
+export default Breadcrumb;

package/dist/Breadcrumb/style/index.js

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

package/dist/Button/index.d.ts

@@ -0,0 +1,58 @@
+import type { ButtonProps as AntdButtonProps, ButtonType as AntdButtonType } from 'antd/lib/button';
+import React from 'react';
+export declare const btnPrefix = "ald-btn";
+export declare type ButtonType = 'primary' | 'secondary' | 'dangerous' | 'text' | 'link';
+export declare type Size = 'small' | 'middle' | 'large';
+export interface IButtonProps extends Omit<AntdButtonProps, 'type' | 'size' | 'dangerous' | 'shape' | 'icon' | 'href' | 'target' | 'onClick' | 'loading'> {
+    /**
+     * @description 类型
+     * @type 'primary' | 'secondary' | 'dangerous' | '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;
+    };
+}
+export declare function getButtonType(buttonType: ButtonType): AntdButtonType;
+export declare function getDangerStatus(buttonType: ButtonType): boolean;
+export declare function getButtonSizeClass(ButtonSize: Size): string;
+export declare function getIconSize(ButtonSize: Size): number;
+export declare function getShape(ButtonShape: 'circle' | 'default'): 'circle' | 'default';
+export declare const setIcon: (iconNode: React.ReactElement, size: Size, loading: boolean | {
+    delay?: number | undefined;
+}) => JSX.Element;
+declare function Button(props: IButtonProps): JSX.Element;
+export default Button;

package/dist/Button/index.js

@@ -0,0 +1,116 @@
+var _excluded = ["type", "size", "shape", "loading", "disabled", "icon", "className"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
+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; }
+
+import { LoadingLine } from '@aloudata/icons-react';
+import { Button as AntdButton } from 'antd';
+import classNames from 'classnames';
+import React from 'react';
+var iconPrefixCls = 'aldicon';
+var ICON_LARGE = 24;
+var ICON_MIDDLE = 20;
+var ICON_SMALL = 16;
+export var btnPrefix = 'ald-btn';
+export function getButtonType(buttonType) {
+  if (!['primary', 'secondary', 'dangerous', 'text', 'link'].includes(buttonType)) {
+    return 'default';
+  }
+
+  if (buttonType === 'dangerous') {
+    return 'primary';
+  }
+
+  if (buttonType === 'secondary') {
+    return 'default';
+  }
+
+  return buttonType;
+}
+export function getDangerStatus(buttonType) {
+  if (buttonType === 'dangerous') {
+    return true;
+  }
+
+  return false;
+}
+export function getButtonSizeClass(ButtonSize) {
+  return ButtonSize === 'middle' || undefined ? "".concat(btnPrefix, "-middle") : "".concat(btnPrefix, "-").concat(ButtonSize);
+}
+export function getIconSize(ButtonSize) {
+  if (ButtonSize === 'large') {
+    return ICON_LARGE;
+  }
+
+  if (ButtonSize === 'small') {
+    return ICON_SMALL;
+  }
+
+  return ICON_MIDDLE;
+}
+export function getShape(ButtonShape) {
+  if (ButtonShape === 'circle') {
+    return ButtonShape;
+  }
+
+  return 'default';
+}
+export var setIcon = function setIcon(iconNode, size, loading) {
+  if (iconNode) {
+    var p = _objectSpread({
+      className: '',
+      size: ICON_LARGE,
+      fill: 'currentColor'
+    }, iconNode.props);
+
+    p.className = classNames("".concat(iconPrefixCls, "-icon-left"), p.className, iconPrefixCls);
+    p.size = getIconSize(size);
+    return /*#__PURE__*/React.cloneElement(iconNode, p);
+  }
+
+  if (loading) {
+    return /*#__PURE__*/React.createElement(LoadingLine, {
+      spin: true,
+      size: ICON_LARGE,
+      className: classNames("".concat(iconPrefixCls, "-icon-left"), iconPrefixCls),
+      fill: "currentColor"
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+
+function Button(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'secondary' : _props$type,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'default' : _props$shape,
+      _props$loading = props.loading,
+      loading = _props$loading === void 0 ? false : _props$loading,
+      disabled = props.disabled,
+      icon = props.icon,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(AntdButton, _extends({}, rest, {
+    disabled: loading ? true : disabled,
+    icon: setIcon(icon, size, loading),
+    type: getButtonType(type),
+    className: classNames(btnPrefix, "".concat(btnPrefix, "-").concat(type), className, getButtonSizeClass(size)),
+    danger: getDangerStatus(type),
+    shape: getShape(shape)
+  }), props.children);
+}
+
+export default Button;

package/dist/Button/style/index.js

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