@aloudata/aloudata-design 0.3.2 → 0.3.3

package/es/Tabs/style/index.less

@@ -2,21 +2,21 @@
 @import '../../style/index.less';
 @import '../../Button/style/index.less';
 //status- default
-@Tabs-color: @NL30;
-@Tabs-fontWeight: 400;
+@tabs-color: @NL30;
+@tabs-fontWeight: 400;
 //active
-@Tabs-color-active: @B60;
-@Tabs-fontWeight-active: 600;
+@tabs-color-active: @B60;
+@tabs-fontWeight-active: 600;
 
 //middle - default
-@Tabs-fontSize: 14px;
-@Tabs-lineHeight: 20px;
-@Tabs-ink-link-bar-height: 2px;
+@tabs-font-size: 14px;
+@tabs-line-height: 20px;
+@tabs-ink-link-bar-height: 2px;
 //large
-@Tabs-fontSize-large: 16px;
-@Tabs-lineHeight-large: 24px;
-@Tabs-ink-link-bar-height-large: 3px;
-// @Tabs-
+@tabs-font-size-large: 16px;
+@tabs-line-height-large: 24px;
+@tabs-ink-link-bar-height-large: 3px;
+// @tabs-
 .ant-tabs.ald-tabs {
   &.ant-tabs {
     color: @NL30;
@@ -24,29 +24,29 @@
 
   .ant-tabs-tab {
     padding: 8px 0;
-    color: @Tabs-color;
-    font-weight: @Tabs-fontWeight;
-    font-size: @Tabs-fontSize;
-    line-height: @Tabs-lineHeight;
+    color: @tabs-color;
+    font-weight: @tabs-fontWeight;
+    font-size: @tabs-font-size;
+    line-height: @tabs-line-height;
 
     &:hover {
       color: inherit;
     }
 
     &.ant-tabs-tab-active {
-      font-weight: @Tabs-fontWeight-active;
+      font-weight: @tabs-fontWeight-active;
     }
   }
 
   .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
-    color: @Tabs-color-active;
-    font-weight: @Tabs-fontWeight-active;
+    color: @tabs-color-active;
+    font-weight: @tabs-fontWeight-active;
     text-shadow: none;
   }
 
   .ant-tabs-ink-bar {
-    height: @Tabs-ink-link-bar-height;
-    background: @Tabs-color-active;
+    height: @tabs-ink-link-bar-height;
+    background: @tabs-color-active;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
   }
@@ -54,12 +54,12 @@
   /* large size */
   &.ant-tabs-large {
     .ant-tabs-tab {
-      font-size: @Tabs-fontSize-large;
-      line-height: @Tabs-lineHeight-large;
+      font-size: @tabs-font-size-large;
+      line-height: @tabs-line-height-large;
     }
 
     .ant-tabs-ink-bar {
-      height: @Tabs-ink-link-bar-height-large;
+      height: @tabs-ink-link-bar-height-large;
     }
 
     .ald-tabs-moreIcon {
@@ -71,8 +71,8 @@
 
   &.ald-tabs-default {
     .ant-tabs-tab {
-      font-size: @Tabs-fontSize;
-      line-height: @Tabs-lineHeight;
+      font-size: @tabs-font-size;
+      line-height: @tabs-line-height;
     }
 
     .ald-tabs-moreIcon {

package/es/index.d.ts

@@ -1,13 +1,13 @@
 /// <reference path="../typings.d.ts" />
 export { default as Button } from './Button';
-export type { IButtonProps as ButtonProps, Size, ButtonType } from './Button';
+export type { IButtonProps as ButtonProps, ButtonType } from './Button';
 export { default as Dropdown } from './Dropdown';
 export type { ActionType, IDropdownProps as DropdownProps, PlacementType } from './Dropdown';
 export { MenuClickEventHandler } from 'rc-menu/lib/interface';
 export { default as Menu } from './Menu';
 export type { IMenuProps as MenuProps } from './Menu';
 export { default as Input } from './Input';
-export type { IInputProps as InputProps, TSize, InputRef, TextAreaRef } from './Input';
+export type { IInputProps as InputProps, InputRef, TextAreaRef } from './Input';
 export { default as Tabs } from './Tabs';
 export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
 export { default as Tooltip } from './Tooltip';
@@ -46,9 +46,9 @@ export type { SpaceProps } from './Space';
 export { default as Space } from './Space';
 export type { SpinProps } from './Spin';
 export { default as Spin } from './Spin';
-export type { SwitchProps } from './Switch';
+export type { ISwitchProps as SwitchProps } from './Switch';
 export { default as Switch } from './Switch';
-export type { StepProps, StepsProps } from './Steps';
+export type { IStepProps as StepProps, IStepsProps as StepsProps } from './Steps';
 export { default as Steps } from './Steps';
 export { default as Form } from './Form';
 export type { FormInstance, FormProps, FormItemProps } from './Form';
@@ -73,3 +73,5 @@ 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';
+export type { PageHeaderProps } from './PageHeader';
+export { default as PageHeader } from './PageHeader';

package/es/index.js

@@ -36,4 +36,5 @@ export { default as InputNumber } from './InputNumber';
 export { default as Breadcrumb } from './Breadcrumb';
 export { default as Empty } from './Empty';
 export { default as Avatar } from './Avatar';
-export { default as Icon } from './Icon';
+export { default as Icon } from './Icon';
+export { default as PageHeader } from './PageHeader';

package/es/style/index.less

@@ -2,4 +2,4 @@
 @import './mixins/index.less';
 @import './themes/default/scrollBar.less';
 @import './themes/default/index.less';
-@import './mixins/index.less';
+@import './mixins/index.less';

package/es/style/themes/default/index.less

@@ -3,34 +3,34 @@
 @ald-prefix: ant;
 
 
-// height rules
-@height-base: 28px;
-@height-lg: 32px;
-@height-sm: 22px;
-
-
+// base 不分大小写情况
 @border-radius-base: 8px;
-@border-radius-sm: 6px;
-@border-color-base: #e7e8e9; // 边框的基础色
-
-// color
-@primary-color: @B40; // 主色调
-@error-color: @SC40; // 错误色
-@success-color: @SA40; // 成功色
-@warning-color: @SB40; // 警告色
-@init-color: rgba(39, 40, 46, 0.5); // 默认颜色
-@adapt-table-border-color: rgba(39, 40, 46, 0.1); // 可拉伸表格的颜色
-@common-text-color: #27282e;
-@tableheader-bg: #f9f9f9; // 表头背景
-@primary-bg: #fff; // 主要背景色
-@btn-shadow: unset; // 取消btn的阴影,
-@text-shadow:unset; // 取消文字阴影
-
-
-@menu-item-font-size: 14px;
-
-
-//Select
-
-@select-placeholder-color: @NL50;
-@select-label-margin-right:4px;
+@line-height-base:20px;
+@font-size-base:14px;
+
+// large
+@font-size-large:16px;
+@line-height-large:24px;
+@padding-top-large:6px;
+@padding-bottom-large:6px;
+@padding-left-large:12px;
+@padding-right-large:12px;
+@border-radius-large:8px;
+
+// middle
+@font-size-middle:14px;
+@line-height-middle:20px;
+@padding-top-middle:6px;
+@padding-bottom-middle:6px;
+@padding-left-middle:12px;
+@padding-right-middle:12px;
+@border-radius-middle:6px;
+
+// small
+@font-size-small:12px;
+@line-height-small:16px;
+@padding-top-small:6px;
+@padding-bottom-small:6px;
+@padding-left-small:8px;
+@padding-right-small:8px;
+@border-radius-small:4px;

package/lib/Button/index.js

@@ -9,12 +9,14 @@ require("antd/es/button/style");
 
 var _button = _interopRequireDefault(require("antd/es/button"));
 
+require("@aloudata/icons-react/styles/index.less");
+
+var _LoadingLine2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/LoadingLine"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Loading = _interopRequireDefault(require("../Icon/icons/Loading"));
-
 var _excluded = ["type", "size", "shape", "loading", "disabled", "icon", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -117,7 +119,7 @@ function Button(props) {
     }
 
     if (loading) {
-      return /*#__PURE__*/_react.default.createElement(_Loading.default, {
+      return /*#__PURE__*/_react.default.createElement(_LoadingLine2.default, {
         spin: true,
         size: ICON_LARGE,
         className: (0, _classnames.default)("".concat(iconPrefixCls, "-icon-left"), iconPrefixCls),