@aloudata/aloudata-design 0.3.0 → 0.3.3

package/lib/Tabs/style/index.less

@@ -1,21 +1,22 @@
+/* stylelint-disable no-descending-specificity */
 @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;
@@ -23,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;
   }
@@ -53,24 +54,55 @@
   /* 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 {
+      width: 36px;
+      height: 36px;
+      border-radius: 8px;
     }
   }
 
   &.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 {
+      width: 32px;
+      height: 32px;
+      border-radius: 6px;
     }
   }
 
   .ant-tabs-nav-more {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     margin: 0 !important;
+    padding: 2px;
+
+    .ald-tabs-moreIcon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: inherit;
+      font-size: inherit;
+    }
+
+    &.ant-tabs-dropdown-open {
+      .ald-tabs-moreIcon {
+        color: @B60;
+        background-color: @NL97;
+      }
+    }
   }
 
   /* body自适应高度 */

package/lib/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';
@@ -20,6 +20,8 @@ export { default as Navigator } 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 Card } from './Card';
+export type { CardProps } from './Card';
 export { default as Col } from './Col';
 export type { ColProps } from './Col';
 export type { TypographyProps } from './Typography';
@@ -31,9 +33,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';
@@ -44,14 +46,16 @@ 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';
 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';
@@ -69,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/lib/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "Button", {
     return _Button.default;
   }
 });
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _Card.default;
+  }
+});
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
@@ -57,6 +63,12 @@ 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() {
@@ -105,12 +117,6 @@ Object.defineProperty(exports, "Menu", {
     return _Menu.default;
   }
 });
-Object.defineProperty(exports, "Message", {
-  enumerable: true,
-  get: function get() {
-    return _Message.default;
-  }
-});
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
@@ -123,10 +129,10 @@ Object.defineProperty(exports, "Navigator", {
     return _Navigator.default;
   }
 });
-Object.defineProperty(exports, "Notification", {
+Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
   get: function get() {
-    return _Notification.default;
+    return _PageHeader.default;
   }
 });
 Object.defineProperty(exports, "Popover", {
@@ -219,6 +225,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"));
 
@@ -240,6 +258,8 @@ var _Navigator = _interopRequireDefault(require("./Navigator"));
 
 var _Alert = _interopRequireDefault(require("./Alert"));
 
+var _Card = _interopRequireDefault(require("./Card"));
+
 var _Col = _interopRequireDefault(require("./Col"));
 
 var _Typography = _interopRequireDefault(require("./Typography"));
@@ -252,9 +272,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"));
 
@@ -274,6 +294,8 @@ 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"));
@@ -292,4 +314,6 @@ var _Avatar = _interopRequireDefault(require("./Avatar"));
 
 var _Icon = _interopRequireDefault(require("./Icon"));
 
+var _PageHeader = _interopRequireDefault(require("./PageHeader"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/locale/default.d.ts

@@ -0,0 +1,2 @@
+import defaultLocale from './zh_CN';
+export default defaultLocale;

package/lib/locale/default.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _zh_CN = _interopRequireDefault(require("./zh_CN"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _zh_CN.default;
+exports.default = _default;

package/lib/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from '../locale-provider';
+declare const localeValues: Locale;
+export default localeValues;

package/lib/locale/en_US.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _en_US = _interopRequireDefault(require("rc-pagination/lib/locale/en_US"));
+
+var _en_US2 = _interopRequireDefault(require("antd/es/calendar/locale/en_US"));
+
+var _en_US3 = _interopRequireDefault(require("antd/es/date-picker/locale/en_US"));
+
+var _en_US4 = _interopRequireDefault(require("antd/es/time-picker/locale/en_US"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-template-curly-in-string */
+var typeTemplate = '${label} is not a valid ${type}';
+var localeValues = {
+  locale: 'en',
+  Pagination: _en_US.default,
+  DatePicker: _en_US3.default,
+  TimePicker: _en_US4.default,
+  Calendar: _en_US2.default,
+  global: {
+    placeholder: 'Please select'
+  },
+  Table: {
+    filterTitle: 'Filter menu',
+    filterConfirm: 'OK',
+    filterReset: 'Reset',
+    filterEmptyText: 'No filters',
+    filterCheckall: 'Select all items',
+    filterSearchPlaceholder: 'Search in filters',
+    emptyText: 'No data',
+    selectAll: 'Select current page',
+    selectInvert: 'Invert current page',
+    selectNone: 'Clear all data',
+    selectionAll: 'Select all data',
+    sortTitle: 'Sort',
+    expand: 'Expand row',
+    collapse: 'Collapse row',
+    triggerDesc: 'Click to sort descending',
+    triggerAsc: 'Click to sort ascending',
+    cancelSort: 'Click to cancel sorting'
+  },
+  Modal: {
+    okText: 'OK',
+    cancelText: 'Cancel',
+    justOkText: 'OK'
+  },
+  Popconfirm: {
+    okText: 'OK',
+    cancelText: 'Cancel'
+  },
+  Transfer: {
+    titles: ['', ''],
+    searchPlaceholder: 'Search here',
+    itemUnit: 'item',
+    itemsUnit: 'items',
+    remove: 'Remove',
+    selectCurrent: 'Select current page',
+    removeCurrent: 'Remove current page',
+    selectAll: 'Select all data',
+    removeAll: 'Remove all data',
+    selectInvert: 'Invert current page'
+  },
+  Upload: {
+    uploading: 'Uploading...',
+    removeFile: 'Remove file',
+    uploadError: 'Upload error',
+    previewFile: 'Preview file',
+    downloadFile: 'Download file'
+  },
+  Empty: {
+    description: 'No Data'
+  },
+  Icon: {
+    icon: 'icon'
+  },
+  Text: {
+    edit: 'Edit',
+    copy: 'Copy',
+    copied: 'Copied',
+    expand: 'Expand'
+  },
+  PageHeader: {
+    back: 'Back'
+  },
+  Form: {
+    optional: '(optional)',
+    defaultValidateMessages: {
+      default: 'Field validation error for ${label}',
+      required: 'Please enter ${label}',
+      enum: '${label} must be one of [${enum}]',
+      whitespace: '${label} cannot be a blank character',
+      date: {
+        format: '${label} date format is invalid',
+        parse: '${label} cannot be converted to a date',
+        invalid: '${label} is an invalid date'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label} must be ${len} characters',
+        min: '${label} must be at least ${min} characters',
+        max: '${label} must be up to ${max} characters',
+        range: '${label} must be between ${min}-${max} characters'
+      },
+      number: {
+        len: '${label} must be equal to ${len}',
+        min: '${label} must be minimum ${min}',
+        max: '${label} must be maximum ${max}',
+        range: '${label} must be between ${min}-${max}'
+      },
+      array: {
+        len: 'Must be ${len} ${label}',
+        min: 'At least ${min} ${label}',
+        max: 'At most ${max} ${label}',
+        range: 'The amount of ${label} must be between ${min}-${max}'
+      },
+      pattern: {
+        mismatch: '${label} does not match the pattern ${pattern}'
+      }
+    }
+  },
+  Image: {
+    preview: 'Preview'
+  }
+};
+var _default = localeValues;
+exports.default = _default;

package/lib/locale/zh_CN.d.ts

@@ -1,2 +1,3 @@
-import zhCN from 'antd/es/locale/zh_CN';
-export default zhCN;
+import type { Locale } from '../locale-provider';
+declare const localeValues: Locale;
+export default localeValues;

package/lib/locale/zh_CN.js

@@ -5,9 +5,141 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _zh_CN = _interopRequireDefault(require("antd/es/locale/zh_CN"));
+var _zh_CN = _interopRequireDefault(require("rc-pagination/lib/locale/zh_CN"));
+
+var _zh_CN2 = _interopRequireDefault(require("antd/es/calendar/locale/zh_CN"));
+
+var _zh_CN3 = _interopRequireDefault(require("antd/es/date-picker/locale/zh_CN"));
+
+var _zh_CN4 = _interopRequireDefault(require("antd/es/time-picker/locale/zh_CN"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _zh_CN.default;
+/* eslint-disable no-template-curly-in-string */
+var typeTemplate = '${label}不是一个有效的${type}';
+var localeValues = {
+  locale: 'zh-cn',
+  Pagination: _zh_CN.default,
+  DatePicker: _zh_CN3.default,
+  TimePicker: _zh_CN4.default,
+  Calendar: _zh_CN2.default,
+  // locales for all components
+  global: {
+    placeholder: '请选择'
+  },
+  Table: {
+    filterTitle: '筛选',
+    filterConfirm: '确定',
+    filterReset: '重置',
+    filterEmptyText: '无筛选项',
+    filterCheckall: '全选',
+    filterSearchPlaceholder: '在筛选项中搜索',
+    selectAll: '全选当页',
+    selectInvert: '反选当页',
+    selectNone: '清空所有',
+    selectionAll: '全选所有',
+    sortTitle: '排序',
+    expand: '展开行',
+    collapse: '关闭行',
+    triggerDesc: '点击降序',
+    triggerAsc: '点击升序',
+    cancelSort: '取消排序'
+  },
+  Modal: {
+    okText: '确定',
+    cancelText: '取消',
+    justOkText: '知道了'
+  },
+  Popconfirm: {
+    cancelText: '取消',
+    okText: '确定'
+  },
+  Transfer: {
+    searchPlaceholder: '请输入搜索内容',
+    itemUnit: '项',
+    itemsUnit: '项',
+    remove: '删除',
+    selectCurrent: '全选当页',
+    removeCurrent: '删除当页',
+    selectAll: '全选所有',
+    removeAll: '删除全部',
+    selectInvert: '反选当页'
+  },
+  Upload: {
+    uploading: '文件上传中',
+    removeFile: '删除文件',
+    uploadError: '上传错误',
+    previewFile: '预览文件',
+    downloadFile: '下载文件'
+  },
+  Empty: {
+    description: '暂无数据'
+  },
+  Icon: {
+    icon: '图标'
+  },
+  Text: {
+    edit: '编辑',
+    copy: '复制',
+    copied: '复制成功',
+    expand: '展开'
+  },
+  PageHeader: {
+    back: '返回'
+  },
+  Form: {
+    optional: '（可选）',
+    defaultValidateMessages: {
+      default: '字段验证错误${label}',
+      required: '请输入${label}',
+      enum: '${label}必须是其中一个[${enum}]',
+      whitespace: '${label}不能为空字符',
+      date: {
+        format: '${label}日期格式无效',
+        parse: '${label}不能转换为日期',
+        invalid: '${label}是一个无效日期'
+      },
+      types: {
+        string: typeTemplate,
+        method: typeTemplate,
+        array: typeTemplate,
+        object: typeTemplate,
+        number: typeTemplate,
+        date: typeTemplate,
+        boolean: typeTemplate,
+        integer: typeTemplate,
+        float: typeTemplate,
+        regexp: typeTemplate,
+        email: typeTemplate,
+        url: typeTemplate,
+        hex: typeTemplate
+      },
+      string: {
+        len: '${label}须为${len}个字符',
+        min: '${label}最少${min}个字符',
+        max: '${label}最多${max}个字符',
+        range: '${label}须在${min}-${max}字符之间'
+      },
+      number: {
+        len: '${label}必须等于${len}',
+        min: '${label}最小值为${min}',
+        max: '${label}最大值为${max}',
+        range: '${label}须在${min}-${max}之间'
+      },
+      array: {
+        len: '须为${len}个${label}',
+        min: '最少${min}个${label}',
+        max: '最多${max}个${label}',
+        range: '${label}数量须在${min}-${max}之间'
+      },
+      pattern: {
+        mismatch: '${label}与模式不匹配${pattern}'
+      }
+    }
+  },
+  Image: {
+    preview: '预览'
+  }
+};
+var _default = localeValues;
 exports.default = _default;

package/lib/locale-provider/LocaleReceiver.d.ts

@@ -0,0 +1,4 @@
+import LocaleReceiver, { useLocaleReceiver } from 'antd/es/locale-provider/LocaleReceiver';
+export default LocaleReceiver;
+export type { LocaleComponentName, LocaleReceiverProps, } from 'antd/es/locale-provider/LocaleReceiver';
+export { useLocaleReceiver };

package/lib/locale-provider/LocaleReceiver.js

@@ -0,0 +1,23 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "useLocaleReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _LocaleReceiver.useLocaleReceiver;
+  }
+});
+
+var _LocaleReceiver = _interopRequireWildcard(require("antd/es/locale-provider/LocaleReceiver"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _LocaleReceiver.default;
+exports.default = _default;

package/lib/locale-provider/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { Locale } from '.';
+export declare type LocaleContextProps = Partial<Locale> & {
+    exist?: boolean;
+};
+declare const LocaleContext: import("react").Context<LocaleContextProps | undefined>;
+export default LocaleContext;

package/lib/locale-provider/context.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var LocaleContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var _default = LocaleContext;
+exports.default = _default;

package/lib/locale-provider/default.d.ts

@@ -0,0 +1,2 @@
+import locale from '../locale/default';
+export default locale;