@aloudata/aloudata-design 0.3.0-beta.1 → 0.3.2

package/es/Table/Table.js

@@ -27,14 +27,16 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /// <reference types ='./react-table-config' />
 import _ from 'lodash';
 import classnames from 'classnames';
-import Icon from '../Icon';
+import Descending from '../Icon/icons/SortDescendingLine';
+import Ascending from '../Icon/icons/SortAscendingLine';
+import LoadingIcon from '../Icon/icons/Loading';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import usePrefixCls from '../_utils/hooks/usePrefixCls';
 import InfiniteScroll from 'react-infinite-scroll-component';
-import TableEmpty from './components/Empty';
 import ResizeObserver from 'rc-resize-observer';
-import { useTable, useBlockLayout, useRowSelect, useSortBy, useResizeColumns } from 'react-table';
-import './style/index';
+import Empty from '../Empty';
+import { useTable, useBlockLayout, useRowSelect, useSortBy, useResizeColumns } from 'react-table'; // import './style/index';
+
 var ARRAY_FIRST_INDEX = 0;
 var DEFAULT_ROW_WIDTH = 0;
 var DEFAULT_BODY_HEIGHT = 0;
@@ -329,13 +331,13 @@ function Table(props, ref) {
       return null;
     }
 
-    return desc ? /*#__PURE__*/React.createElement(Icon, {
+    return desc ? /*#__PURE__*/React.createElement(Descending, {
       className: "".concat(prefixCls, "-sortIcon"),
-      type: "sort_descending",
+      fill: "currentColor",
       size: 12
-    }) : /*#__PURE__*/React.createElement(Icon, {
+    }) : /*#__PURE__*/React.createElement(Ascending, {
       className: "".concat(prefixCls, "-sortIcon"),
-      type: "sort_ascending",
+      fill: "currentColor",
       size: 12
     });
   };
@@ -357,9 +359,10 @@ function Table(props, ref) {
   });
   var LoadingNode = /*#__PURE__*/React.createElement("div", {
     className: classnames("".concat(prefixCls, "-loading"))
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "waiting",
+  }, /*#__PURE__*/React.createElement(LoadingIcon, {
     size: 16,
+    fill: "currentColor",
+    spin: true,
     className: classnames("".concat(prefixCls, "-loading-icon"))
   }), "Loading");
 
@@ -369,7 +372,13 @@ function Table(props, ref) {
     }
 
     if (!loading && !rows.length) {
-      return /*#__PURE__*/React.createElement(TableEmpty, null);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames("".concat(prefixCls, "-empty-icon"))
+      }, /*#__PURE__*/React.createElement(Empty, {
+        title: "No Data",
+        size: "large",
+        image: Empty.PRESENTED_IMAGE_SIMPLE
+      }));
     }
 
     var renderRowList = function renderRowList() {
@@ -393,7 +402,7 @@ function Table(props, ref) {
         }), row.cells.map(function (cell) {
           return /*#__PURE__*/React.createElement("div", Object.assign({}, cell.getCellProps(), {
             className: classnames("".concat(prefixCls, "-cell"))
-          }), cell.render('Cell'));
+          }), /*#__PURE__*/React.createElement(React.Fragment, null, cell.render('Cell')));
         }));
       });
     };
@@ -447,9 +456,9 @@ function Table(props, ref) {
         style: {
           width: '100%'
         }
-      }), column.render('Header'), /*#__PURE__*/React.createElement(SortIcons, {
+      }), /*#__PURE__*/React.createElement(React.Fragment, null, column.render('Header'), /*#__PURE__*/React.createElement(SortIcons, {
         id: column.id
-      })), /*#__PURE__*/React.createElement("div", Object.assign({}, barPorps, {
+      }))), /*#__PURE__*/React.createElement("div", Object.assign({}, barPorps, {
         className: classnames(_defineProperty({}, "".concat(prefixCls, "-dragBar"), resizeColumn), "".concat(prefixCls, "-bar"))
       })));
     }));

package/es/Table/style/index.less

@@ -135,8 +135,15 @@
     }
   }
 
+  &-empty-icon {
+    padding-top: 52px;
+  }
+
   &-init-loading {
     .ald-table-loading {
+      display: flex;
+      align-items: center;
+      justify-content: center;
       padding-top: 84px;
     }
   }

package/es/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/es/Tabs/index.js

@@ -1,6 +1,6 @@
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
-var _excluded = ["size", "className", "adaptHeight"];
+var _excluded = ["size", "className", "popupClassName", "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; }
 
@@ -14,12 +14,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React from 'react'; // import AntdTabs, { TabsProps } from 'antd/lib/tabs';
 
-import Icon from '../Icon';
+import More from '../Icon/icons/More';
 import TabPane from './TabPane';
 import classNames from 'classnames';
 export default function Tabs(props) {
   var size = props.size,
       className = props.className,
+      popupClassName = props.popupClassName,
       adaptHeight = props.adaptHeight,
       otherProps = _objectWithoutProperties(props, _excluded);
 
@@ -30,11 +31,13 @@ export default function Tabs(props) {
   }
 
   return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
-    moreIcon: /*#__PURE__*/React.createElement(Icon, {
-      type: "more_vert",
-      size: 18
-    }),
+    moreIcon: /*#__PURE__*/React.createElement("div", {
+      className: "ald-tabs-moreIcon"
+    }, /*#__PURE__*/React.createElement(More, {
+      color: "currentColor"
+    })),
     tabBarGutter: 24,
+    popupClassName: classNames(popupClassName, 'ald-tabs-dropdown'),
     className: classNames('ald-tabs', className, {
       'ald-adapt-height': adaptHeight,
       'ald-tabs-default': size !== 'large'

package/es/Tabs/style/index.less

@@ -1,5 +1,6 @@
+/* stylelint-disable no-descending-specificity */
 @import '../../style/index.less';
-
+@import '../../Button/style/index.less';
 //status- default
 @Tabs-color: @NL30;
 @Tabs-fontWeight: 400;
@@ -60,6 +61,12 @@
     .ant-tabs-ink-bar {
       height: @Tabs-ink-link-bar-height-large;
     }
+
+    .ald-tabs-moreIcon {
+      width: 36px;
+      height: 36px;
+      border-radius: 8px;
+    }
   }
 
   &.ald-tabs-default {
@@ -67,10 +74,35 @@
       font-size: @Tabs-fontSize;
       line-height: @Tabs-lineHeight;
     }
+
+    .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自适应高度 */
@@ -98,3 +130,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/es/index.d.ts

@@ -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';
@@ -52,6 +54,8 @@ 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';
@@ -68,3 +72,4 @@ 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/es/index.js

@@ -9,14 +9,15 @@ export { default as Select } from './Select';
 export { default as Table } from './Table';
 export { default as Navigator } from './Navigator';
 export { default as Alert } from './Alert';
+export { default as Card } from './Card';
 export { default as Col } from './Col';
 export { default as Typography } from './Typography';
 export { default as Upload } from './Upload';
 export { default as ConfigProvider } from './ConfigProvider';
 export { default as DatePicker } from './DatePicker';
 export { default as Layout } from './Layout';
-export { default as Message } from './Message';
-export { default as Notification } from './Notification';
+export { default as message } from './message';
+export { default as notification } from './notification';
 export { default as Tree } from './Tree';
 export { default as Skeleton } from './Skeleton';
 export { default as Row } from './Row';
@@ -26,6 +27,7 @@ export { default as Switch } from './Switch';
 export { default as Steps } from './Steps';
 export { default as Form } from './Form';
 export { default as Divider } from './Divider';
+export { default as Drawer } from './Drawer';
 export { default as Radio } from './Radio';
 export { default as Checkbox } from './Checkbox';
 export { default as Modal } from './Modal';
@@ -33,4 +35,5 @@ export { default as Popover } from './Popover';
 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 Avatar } from './Avatar';
+export { default as Icon } from './Icon';

package/es/locale/default.d.ts

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

package/es/locale/default.js

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

package/es/locale/en_US.d.ts

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

package/es/locale/en_US.js

@@ -0,0 +1,132 @@
+/* eslint-disable no-template-curly-in-string */
+import Pagination from 'rc-pagination/lib/locale/en_US';
+import Calendar from 'antd/es/calendar/locale/en_US';
+import DatePicker from 'antd/es/date-picker/locale/en_US';
+import TimePicker from 'antd/es/time-picker/locale/en_US';
+var typeTemplate = '${label} is not a valid ${type}';
+var localeValues = {
+  locale: 'en',
+  Pagination: Pagination,
+  DatePicker: DatePicker,
+  TimePicker: TimePicker,
+  Calendar: Calendar,
+  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'
+  }
+};
+export default localeValues;

package/es/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/es/locale/zh_CN.js

@@ -1,2 +1,131 @@
-import zhCN from 'antd/es/locale/zh_CN';
-export default zhCN;
+/* eslint-disable no-template-curly-in-string */
+import Pagination from 'rc-pagination/lib/locale/zh_CN';
+import Calendar from 'antd/es/calendar/locale/zh_CN';
+import DatePicker from 'antd/es/date-picker/locale/zh_CN';
+import TimePicker from 'antd/es/time-picker/locale/zh_CN';
+var typeTemplate = '${label}不是一个有效的${type}';
+var localeValues = {
+  locale: 'zh-cn',
+  Pagination: Pagination,
+  DatePicker: DatePicker,
+  TimePicker: TimePicker,
+  Calendar: Calendar,
+  // 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: '预览'
+  }
+};
+export default localeValues;

package/es/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/es/locale-provider/LocaleReceiver.js

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

package/es/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/es/locale-provider/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var LocaleContext = /*#__PURE__*/createContext(undefined);
+export default LocaleContext;

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

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

package/es/locale-provider/default.js

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

package/es/locale-provider/en_US.d.ts

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

package/es/locale-provider/en_US.js

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