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

package/es/Tabs/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import './style';
+export interface ITabsProps {
+    /**
+     * @description 大小
+     * @default default
+     */
+    size?: 'large' | 'default';
+    /**
+     * @description 当前激活 tab 面板的 key
+     * @default -
+     */
+    activeKey?: string;
+    /**
+     * @description 初始化选中面板的 key，如果没有设置 activeKey
+     * @default 第一个面板的 key
+     */
+    defaultActiveKey?: string;
+    /**
+     * @description 切换面板的回调
+     * @default -
+     */
+    onChange?: (activeKey: string) => void;
+    /**
+     * @description 被隐藏时是否销毁 DOM 结构
+     * @default false
+     */
+    destroyInactiveTabPane?: boolean;
+    /**
+     * @description 撑满容器的高度
+     * @default false
+     */
+    adaptHeight?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function Tabs(props: ITabsProps): JSX.Element;
+declare namespace Tabs {
+    var TabPane: typeof import("./TabPane").default;
+}
+export default Tabs;

package/es/Tabs/index.js

@@ -0,0 +1,42 @@
+var _excluded = ["size", "className", "adaptHeight"];
+
+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 AntdTabs from 'antd/lib/tabs';
+import Icon from '../Icon';
+import TabPane from './TabPane';
+import classNames from 'classnames';
+import './style';
+export default function Tabs(props) {
+  var size = props.size,
+      className = props.className,
+      adaptHeight = props.adaptHeight,
+      otherProps = _objectWithoutProperties(props, _excluded);
+
+  var tabsProps = _objectSpread({}, otherProps);
+
+  if (size === 'large') {
+    tabsProps.size = size;
+  }
+
+  return /*#__PURE__*/React.createElement(AntdTabs, _objectSpread({
+    moreIcon: /*#__PURE__*/React.createElement(Icon, {
+      type: "more_vert",
+      size: 18
+    }),
+    tabBarGutter: 24,
+    className: classNames('ald-tabs', className, {
+      'ald-adapt-height': adaptHeight
+    })
+  }, tabsProps));
+}
+Tabs.TabPane = TabPane;

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

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

package/es/Tabs/style/index.js

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

package/es/Tooltip/demo/basic/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/Tooltip/demo/basic/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Tooltip } from '@aloudata/aloudata-design';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip"
+  }, /*#__PURE__*/React.createElement("span", null, "Tooltip will show on mouse enter")));
+});

package/es/Tooltip/demo/overflow/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => JSX.Element;
+export default _default;

package/es/Tooltip/demo/overflow/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Tooltip } from '@aloudata/aloudata-design';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "longMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsglongMsg"
+  }, /*#__PURE__*/React.createElement("span", null, "Tooltip will show on mouse enter")));
+});

package/es/Tooltip/demo/placement/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 调整位置
+ */
+import './index.less';
+declare const _default: () => JSX.Element;
+export default _default;

package/es/Tooltip/demo/placement/index.js

@@ -0,0 +1,70 @@
+/**
+ * title: 调整位置
+ */
+import React from 'react';
+import { Tooltip, Button } from '@aloudata/aloudata-design';
+import './index.less';
+var text = /*#__PURE__*/React.createElement("span", null, "prompt text");
+var buttonWidth = 70;
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demo-placement"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: buttonWidth,
+      whiteSpace: 'nowrap'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "topLeft",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "TL")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Top")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "topRight",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "TR"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: buttonWidth,
+      float: 'left'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "leftTop",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "LT")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "left",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Left")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "leftBottom",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "LB"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: buttonWidth,
+      marginLeft: buttonWidth * 4 + 24
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "rightTop",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "RT")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "right",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Right")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "rightBottom",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "RB"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: buttonWidth,
+      clear: 'both',
+      whiteSpace: 'nowrap'
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottomLeft",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "BL")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottom",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "Bottom")), /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "bottomRight",
+    title: text
+  }, /*#__PURE__*/React.createElement(Button, null, "BR"))));
+});

package/es/Tooltip/demo/trigger/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: () => JSX.Element;
+export default _default;

package/es/Tooltip/demo/trigger/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Tooltip, Button } from '@aloudata/aloudata-design';
+import './index.less';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "demo-trigger"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "hover"
+  }, /*#__PURE__*/React.createElement(Button, null, "hover")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(Button, null, "click")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "contextMenu"
+  }, /*#__PURE__*/React.createElement(Button, null, "contextMenu")), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "Tooltip",
+    trigger: "focus"
+  }, /*#__PURE__*/React.createElement(Button, null, "focus"))));
+});

package/es/Tooltip/index.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import './style';
+export declare type ActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
+export interface ITooltipProps {
+    /**
+     * @description 提示文字
+     * @default -
+     */
+    title: React.ReactNode;
+    /**
+     * @description 关闭后是否销毁Tooltip
+     * @default false
+     */
+    destroyTooltipOnHide?: boolean;
+    /**
+     * @description 浮层渲染父节点，默认渲染到 body 上
+     * @default () => document.body
+     */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    /**
+     * @description 鼠标移入后延时多少才显示 Tooltip
+     * @default 0.1
+     */
+    mouseEnterDelay?: number;
+    /**
+     * @description 鼠标移出后延时多少才隐藏 Tooltip
+     * @default 0.1
+     */
+    mouseLeaveDelay?: number;
+    /**
+     * @description 气泡框位置
+     * @default top
+     */
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /**
+     * @description 触发行为
+     * @type ActionType | ActionType[], 其中 ActionType 为 'hover' | 'focus' | 'click' | 'contextMenu';
+     * @default hover
+     */
+    trigger?: ActionType | ActionType[];
+    /**
+     * @description 设置 Tooltip 的 z-index
+     * @default -
+     */
+    zIndex?: number;
+    /**
+     * @description 用于手动控制浮层显隐
+     * @default -
+     */
+    visible?: boolean;
+    /**
+     * @description 显示隐藏的回调
+     * @default -
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * @description 卡片类名
+     * @default -
+     */
+    overlayClassName?: string;
+    getTooltipContainer?: (node: HTMLElement) => HTMLElement;
+    children?: React.ReactNode;
+}
+export default function Tooltip(props: ITooltipProps): JSX.Element;

package/es/Tooltip/index.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import AntdTooltip from 'antd/lib/tooltip';
+import classNames from 'classnames';
+import './style';
+export default function Tooltip(props) {
+  var children = props.children,
+      title = props.title,
+      visible = props.visible,
+      onVisibleChange = props.onVisibleChange,
+      trigger = props.trigger,
+      zIndex = props.zIndex,
+      placement = props.placement,
+      mouseEnterDelay = props.mouseEnterDelay,
+      mouseLeaveDelay = props.mouseLeaveDelay,
+      getPopupContainer = props.getPopupContainer,
+      destroyTooltipOnHide = props.destroyTooltipOnHide,
+      getTooltipContainer = props.getTooltipContainer,
+      overlayClassName = props.overlayClassName;
+  return /*#__PURE__*/React.createElement(AntdTooltip, {
+    title: title,
+    overlayClassName: classNames('ald-tooltip-overlay', overlayClassName),
+    visible: visible,
+    onVisibleChange: onVisibleChange,
+    trigger: trigger,
+    zIndex: zIndex,
+    placement: placement,
+    mouseEnterDelay: mouseEnterDelay,
+    mouseLeaveDelay: mouseLeaveDelay,
+    getPopupContainer: getPopupContainer,
+    destroyTooltipOnHide: destroyTooltipOnHide,
+    getTooltipContainer: getTooltipContainer
+  }, children);
+}

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

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

package/es/Tooltip/style/index.js

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

package/es/_utils/hooks/useControlledState.d.ts

@@ -0,0 +1,2 @@
+declare const useControlledState: <T>(outterState: T | (() => T) | undefined, defaultOutterState: T, callback?: ((state: T | (() => T)) => void) | undefined) => [T, (state: T | (() => T), force?: boolean | undefined) => void];
+export default useControlledState;

package/es/_utils/hooks/useControlledState.js

@@ -0,0 +1,54 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useState, useEffect, useRef, useDebugValue } from 'react';
+import { isUndefined } from 'lodash';
+
+function format(_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+      innerState = _ref2[0],
+      outterState = _ref2[1];
+
+  var isControlled = isUndefined(outterState) ? 'uncontrolled' : 'controlled';
+  var value = isUndefined(outterState) ? innerState : outterState;
+  return "State is ".concat(isControlled, " | Value is ").concat(value);
+}
+
+var useControlledState = function useControlledState(outterState, defaultOutterState, callback) {
+  // if (outterState === undefined && defaultOutterState === undefined) {
+  //   throw new TypeError('Either "value" or "defaultValue" variable must be set. Now both are undefined');
+  // }
+  var _useState = useState(isUndefined(outterState) ? defaultOutterState : outterState),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerState = _useState2[0],
+      setInnerState = _useState2[1];
+
+  var setState = useRef(function (state) {
+    var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    if (isUndefined(outterState) || force) {
+      setInnerState(state);
+    }
+
+    callback === null || callback === void 0 ? void 0 : callback(state);
+  }).current; // @ts-ignore
+
+  useDebugValue([innerState, outterState], format);
+  useEffect(function () {
+    if (!isUndefined(outterState)) {
+      setInnerState(outterState);
+    }
+  }, [outterState]);
+  return [innerState, setState];
+};
+
+export default useControlledState;

package/es/_utils/hooks/usePrefixCls.d.ts

@@ -0,0 +1,2 @@
+declare const usePrefixCls: (subPrefixCls?: string | undefined, customRootPrefixCls?: string | undefined) => string;
+export default usePrefixCls;

package/es/_utils/hooks/usePrefixCls.js

@@ -0,0 +1,14 @@
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import { useContext } from 'react';
+var ConfigContext = _ConfigProvider.ConfigContext;
+
+var usePrefixCls = function usePrefixCls(subPrefixCls, customRootPrefixCls) {
+  var _useContext = useContext(ConfigContext),
+      rootPrefixCls = _useContext.rootPrefixCls,
+      getPrefixCls = _useContext.getPrefixCls;
+
+  return getPrefixCls(subPrefixCls, customRootPrefixCls !== null && customRootPrefixCls !== void 0 ? customRootPrefixCls : rootPrefixCls);
+};
+
+export default usePrefixCls;

package/es/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference path="../typings.d.ts" />
+export { default as Button } from './Button';
+export { default as Dropdown } from './Dropdown';
+export { default as Menu } from './Menu';
+export { default as Input } from './Input';
+export { default as Tabs } from './Tabs';
+export { default as Tooltip } from './Tooltip';
+export { default as Select } from './Select';
+export { default as Table } from './Table';
+export { default as Navigator } from './Navigator';

package/{src/index.ts → es/index.js}

@@ -5,4 +5,6 @@ export { default as Menu } from './Menu';
 export { default as Input } from './Input';
 export { default as Tabs } from './Tabs';
 export { default as Tooltip } from './Tooltip';
-export { default as Select } from './Select';
+export { default as Select } from './Select';
+export { default as Table } from './Table';
+export { default as Navigator } from './Navigator';

package/es/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'antd/dist/antd.compact.css';
+import './index.less';

package/{src → es}/style/themes/default/index.less

@@ -1,4 +1,4 @@
-@import './themeColor.less';
+@import './themeColor.module.less';
 @font-family:sans-serif,-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';
 @ald-prefix: 'ald';
 

package/es/style/themes/default/themeColor.module.less.d.ts

@@ -0,0 +1,108 @@
+// This file is automatically generated.
+// Please do not change this file!
+interface CssExports {
+  'B10': string;
+  'B20': string;
+  'B30': string;
+  'B40': string;
+  'B50': string;
+  'B60': string;
+  'B70': string;
+  'B80': string;
+  'B90': string;
+  'B95': string;
+  'B98': string;
+  'BBG10': string;
+  'BBG15': string;
+  'BBG20': string;
+  'BBG30': string;
+  'BBG40': string;
+  'BBG50': string;
+  'BBG60': string;
+  'BBG70': string;
+  'BBG80': string;
+  'BBG90': string;
+  'BBG95': string;
+  'BBG97': string;
+  'BBG98': string;
+  'BG0': string;
+  'BG10': string;
+  'BG100': string;
+  'BG20': string;
+  'BG30': string;
+  'BG40': string;
+  'BG50': string;
+  'BG60': string;
+  'BG70': string;
+  'BG80': string;
+  'BG90': string;
+  'BG95': string;
+  'BG97': string;
+  'BLACK': string;
+  'IMAGE_HOLDER': string;
+  'MATE': string;
+  'ND0': string;
+  'ND10': string;
+  'ND20': string;
+  'ND30': string;
+  'ND40': string;
+  'ND50': string;
+  'ND60': string;
+  'ND70': string;
+  'ND80': string;
+  'ND90': string;
+  'ND95': string;
+  'ND97': string;
+  'NL0': string;
+  'NL10': string;
+  'NL20': string;
+  'NL30': string;
+  'NL40': string;
+  'NL50': string;
+  'NL60': string;
+  'NL70': string;
+  'NL80': string;
+  'NL90': string;
+  'NL95': string;
+  'NL97': string;
+  'SA10': string;
+  'SA20': string;
+  'SA30': string;
+  'SA40': string;
+  'SA50': string;
+  'SA60': string;
+  'SA70': string;
+  'SA80': string;
+  'SA90': string;
+  'SA95': string;
+  'SA98': string;
+  'SB10': string;
+  'SB20': string;
+  'SB30': string;
+  'SB40': string;
+  'SB50': string;
+  'SB60': string;
+  'SB70': string;
+  'SB80': string;
+  'SB90': string;
+  'SB95': string;
+  'SB98': string;
+  'SC10': string;
+  'SC20': string;
+  'SC30': string;
+  'SC40': string;
+  'SC50': string;
+  'SC60': string;
+  'SC70': string;
+  'SC80': string;
+  'SC90': string;
+  'SC95': string;
+  'SC98': string;
+  'SHADOW_ACTIONSHEET': string;
+  'SHADOW_CARD': string;
+  'SHADOW_NOTIFICATION': string;
+  'SHADOW_OPTION': string;
+  'WHITE': string;
+}
+export const cssExports: CssExports;
+export default cssExports;

package/lib/Button/demo/basic/index.less

@@ -1,4 +1,3 @@
-
 .ald-button-demo {
   .ant-btn {
     margin-right: 8px;

package/lib/Button/index.js

@@ -39,7 +39,7 @@ function Button(props) {
   var prefix = (0, _usePrefixCls.default)('btn');
 
   var _props$type = props.type,
-      type = _props$type === void 0 ? 'primary' : _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,
@@ -50,7 +50,7 @@ function Button(props) {
 
   function getButtonType(buttonType) {
     if (!['primary', 'secondary', 'danger', 'text', 'link'].includes(buttonType)) {
-      return 'primary';
+      return 'default';
     }
 
     if (buttonType === 'danger') {

package/lib/Button/style/index.less

@@ -1,4 +1,4 @@
-@import '../../style/index.less'; 
+@import '../../style/index.less';
 
 @ald-prefix:ant;
 @ald-iconfont-css-prefix:anticon;
@@ -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;
@@ -252,4 +252,4 @@
       }
     }
   }
-}
+}

package/lib/Dropdown/demo/button/index.js

@@ -169,7 +169,7 @@ var _default = function _default() {
   }, "topRight")))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(DropdownButton, {
     overlay: menu,
     icon: isIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      type: "Positioning"
+      type: "arrow_drop_down"
     }),
     loading: loading,
     disabled: disabled,

package/lib/Empty/index.d.ts

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