@aloudata/aloudata-design 0.2.7 → 0.3.1

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

@@ -13,11 +13,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _Button = _interopRequireDefault(require("../Button"));
+
 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 +36,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 +47,15 @@ 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(_Button.default, {
+      size: "default",
+      type: "text",
+      icon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        type: "more"
+      })
     }),
     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,39 +1,71 @@
 @import '../../style/index.less';
+@import '../../Button/style/index.less';
+//status- default
+@Tabs-color: @NL30;
+@Tabs-fontWeight: 400;
+//active
+@Tabs-color-active: @B60;
+@Tabs-fontWeight-active: 600;
 
+//middle - default
+@Tabs-fontSize: 14px;
+@Tabs-lineHeight: 20px;
+@Tabs-ink-link-bar-height: 2px;
+//large
+@Tabs-fontSize-large: 16px;
+@Tabs-lineHeight-large: 24px;
+@Tabs-ink-link-bar-height-large: 3px;
+// @Tabs-
 .ant-tabs.ald-tabs {
   &.ant-tabs {
     color: @NL30;
   }
 
   .ant-tabs-tab {
-    font-size: 14px;
-    line-height: 20px;
+    padding: 8px 0;
+    color: @Tabs-color;
+    font-weight: @Tabs-fontWeight;
+    font-size: @Tabs-fontSize;
+    line-height: @Tabs-lineHeight;
 
     &:hover {
       color: inherit;
     }
 
     &.ant-tabs-tab-active {
-      font-weight: 500;
+      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;
     text-shadow: none;
   }
 
+  .ant-tabs-ink-bar {
+    height: @Tabs-ink-link-bar-height;
+    background: @Tabs-color-active;
+    border-top-left-radius: 2px;
+    border-top-right-radius: 2px;
+  }
+
   /* large size */
   &.ant-tabs-large {
     .ant-tabs-tab {
-      font-size: 16px;
-      line-height: 24px;
+      font-size: @Tabs-fontSize-large;
+      line-height: @Tabs-lineHeight-large;
+    }
+
+    .ant-tabs-ink-bar {
+      height: @Tabs-ink-link-bar-height-large;
     }
   }
 
   &.ald-tabs-default {
     .ant-tabs-tab {
-      font-size: 14px;
-      line-height: 20px;
+      font-size: @Tabs-fontSize;
+      line-height: @Tabs-lineHeight;
     }
   }
 
@@ -66,3 +98,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/Tooltip/style/index.less

@@ -3,8 +3,9 @@
 .ald-tooltip-overlay {
   .ant-tooltip-inner {
     padding: 6px 12px;
+    line-height: 20px;
     background: @BG10;
-    border-radius: @ald-border-radius-base;
+    border-radius: @border-radius-base;
     box-shadow: none;
   }
 

package/lib/index.d.ts

@@ -12,12 +12,12 @@ export { default as Tabs } from './Tabs';
 export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
 export { default as Tooltip } from './Tooltip';
 export type { ITooltipProps as TooltipProps, ActionType as TooltipActionType } from './Tooltip';
+export type { SelectProps } from './Select';
 export { default as Select } from './Select';
-export type { ISelectProps as SelectProps, IOption } from './Select/interface';
 export { default as Table } from './Table';
 export type { ISort, TSortOrder, ITableProps, IColumn } from './Table/interface';
 export { default as Navigator } from './Navigator';
-export type { INavigatorProps as NavigatorProps, IMenuItem as NavigatorMenu } 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 Col } from './Col';
@@ -31,9 +31,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,7 +52,22 @@ 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';
 export type { CheckboxProps, CheckboxOptionType } from './Checkbox';
+export { default as Modal } from './Modal';
+export type { ModalProps, ModalFuncProps } from './Modal';
+export { default as Popover } from './Popover';
+export type { PopoverProps } from './Popover';
+export type { InputNumberProps } from './InputNumber';
+export { default as InputNumber } from './InputNumber';
+export { default as Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';
+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';

package/lib/index.js

@@ -9,6 +9,18 @@ Object.defineProperty(exports, "Alert", {
     return _Alert.default;
   }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar.default;
+  }
+});
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumb.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -45,24 +57,48 @@ Object.defineProperty(exports, "Divider", {
     return _Divider.default;
   }
 });
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.default;
+  }
+});
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
   get: function get() {
     return _Dropdown.default;
   }
 });
+Object.defineProperty(exports, "Empty", {
+  enumerable: true,
+  get: function get() {
+    return _Empty.default;
+  }
+});
 Object.defineProperty(exports, "Form", {
   enumerable: true,
   get: function get() {
     return _Form.default;
   }
 });
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.default;
+  }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function get() {
     return _Input.default;
   }
 });
+Object.defineProperty(exports, "InputNumber", {
+  enumerable: true,
+  get: function get() {
+    return _InputNumber.default;
+  }
+});
 Object.defineProperty(exports, "Layout", {
   enumerable: true,
   get: function get() {
@@ -75,10 +111,10 @@ Object.defineProperty(exports, "Menu", {
     return _Menu.default;
   }
 });
-Object.defineProperty(exports, "Message", {
+Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
-    return _Message.default;
+    return _Modal.default;
   }
 });
 Object.defineProperty(exports, "Navigator", {
@@ -87,10 +123,10 @@ Object.defineProperty(exports, "Navigator", {
     return _Navigator.default;
   }
 });
-Object.defineProperty(exports, "Notification", {
+Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
-    return _Notification.default;
+    return _Popover.default;
   }
 });
 Object.defineProperty(exports, "Radio", {
@@ -177,6 +213,18 @@ Object.defineProperty(exports, "Upload", {
     return _Upload.default;
   }
 });
+Object.defineProperty(exports, "message", {
+  enumerable: true,
+  get: function get() {
+    return _message.default;
+  }
+});
+Object.defineProperty(exports, "notification", {
+  enumerable: true,
+  get: function get() {
+    return _notification.default;
+  }
+});
 
 var _Button = _interopRequireDefault(require("./Button"));
 
@@ -210,9 +258,9 @@ var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 
 var _Layout = _interopRequireDefault(require("./Layout"));
 
-var _Message = _interopRequireDefault(require("./Message"));
+var _message = _interopRequireDefault(require("./message"));
 
-var _Notification = _interopRequireDefault(require("./Notification"));
+var _notification = _interopRequireDefault(require("./notification"));
 
 var _Tree = _interopRequireDefault(require("./Tree"));
 
@@ -232,8 +280,24 @@ var _Form = _interopRequireDefault(require("./Form"));
 
 var _Divider = _interopRequireDefault(require("./Divider"));
 
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+
 var _Radio = _interopRequireDefault(require("./Radio"));
 
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 
+var _Modal = _interopRequireDefault(require("./Modal"));
+
+var _Popover = _interopRequireDefault(require("./Popover"));
+
+var _InputNumber = _interopRequireDefault(require("./InputNumber"));
+
+var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
+
+var _Empty = _interopRequireDefault(require("./Empty"));
+
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/message/style/index.d.ts

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

package/lib/message/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/message/style/index.less

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

package/lib/notification/style/index.d.ts

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

package/lib/notification/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../style");
+
+require("./index.less");

package/lib/notification/style/index.less

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

package/lib/style/index.less

@@ -1,3 +1,5 @@
 @root-entry-name: default;
 @import './mixins/index.less';
-@import './themes/default/index.less';
+@import './themes/default/scrollBar.less';
+@import './themes/default/index.less';
+@import './mixins/index.less';

package/lib/style/mixins/index.less

@@ -0,0 +1,8 @@
+// 1. 字体样式
+.textStyle(@color: @NL50, @font-size: 14px, @line-height: 20px, @font-weight: normal, @font-style: normal) {
+  color: @color;
+  font-weight: @font-weight;
+  font-size: @font-size;
+  font-style: @font-style;
+  line-height: @line-height;
+}

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

@@ -1,20 +1,20 @@
 @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';
+@font-family:Inter, -apple-system, PingFang SC, BlinkMacSystemFont,"Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji","Segoe UI Emoji", "Segoe UI Symbol";
 @ald-prefix: ant;
 
 
 // height rules
-@ald-height-base: 28px;
-@ald-height-lg: 32px;
-@ald-height-sm: 22px;
+@height-base: 28px;
+@height-lg: 32px;
+@height-sm: 22px;
 
 
-@ald-border-radius-base: 8px;
-@ald-border-radius-sm: 6px;
-@ald-border-color-base: #e7e8e9; // 边框的基础色
+@border-radius-base: 8px;
+@border-radius-sm: 6px;
+@border-color-base: #e7e8e9; // 边框的基础色
 
 // color
-@primary-color: @B60; // 主色调
+@primary-color: @B40; // 主色调
 @error-color: @SC40; // 错误色
 @success-color: @SA40; // 成功色
 @warning-color: @SB40; // 警告色
@@ -32,5 +32,5 @@
 
 //Select
 
-@ald-select-placeholder-color: @NL50;
-@ald-select-label-margin-right:4px;
+@select-placeholder-color: @NL50;
+@select-label-margin-right:4px;

package/lib/style/themes/default/scrollBar.less

@@ -0,0 +1,13 @@
+::-webkit-scrollbar-thumb {
+  background: @NL90;
+  background-clip: padding-box;
+  border: 3px solid transparent;
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+  min-height: 12px;
+  background-color: transparent;
+}