@aloudata/aloudata-design 0.2.0-beta.7 → 0.2.1

package/es/Table/react-table-config.d.ts

@@ -46,7 +46,7 @@ import {
   UseSortByHooks,
   UseSortByInstanceProps,
   UseSortByOptions,
-  UseSortByState
+  UseSortByState,
 } from 'react-table';
 
 declare module 'react-table' {
@@ -54,69 +54,69 @@ declare module 'react-table' {
 
   export interface TableOptions<D extends Record<string, unknown>>
     extends UseExpandedOptions<D>,
-    UseFiltersOptions<D>,
-    UseGlobalFiltersOptions<D>,
-    UseGroupByOptions<D>,
-    UsePaginationOptions<D>,
-    UseResizeColumnsOptions<D>,
-    UseRowSelectOptions<D>,
-    UseRowStateOptions<D>,
-    UseSortByOptions<D>,
-    // note that having Record here allows you to add anything to the options, this matches the spirit of the
-    // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
-    // feature set, this is a safe default.
-    Record<string, unknown> {}
+      UseFiltersOptions<D>,
+      UseGlobalFiltersOptions<D>,
+      UseGroupByOptions<D>,
+      UsePaginationOptions<D>,
+      UseResizeColumnsOptions<D>,
+      UseRowSelectOptions<D>,
+      UseRowStateOptions<D>,
+      UseSortByOptions<D>,
+      // note that having Record here allows you to add anything to the options, this matches the spirit of the
+      // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
+      // feature set, this is a safe default.
+      Record<string, unknown> {}
 
   export interface Hooks<D extends Record<string, unknown> = Record<string, unknown>>
     extends UseExpandedHooks<D>,
-    UseGroupByHooks<D>,
-    UseRowSelectHooks<D>,
-    UseSortByHooks<D> {}
+      UseGroupByHooks<D>,
+      UseRowSelectHooks<D>,
+      UseSortByHooks<D> {}
 
   export interface TableInstance<D extends Record<string, unknown> = Record<string, unknown>>
     extends UseColumnOrderInstanceProps<D>,
-    UseExpandedInstanceProps<D>,
-    UseFiltersInstanceProps<D>,
-    UseGlobalFiltersInstanceProps<D>,
-    UseGroupByInstanceProps<D>,
-    UsePaginationInstanceProps<D>,
-    UseRowSelectInstanceProps<D>,
-    UseRowStateInstanceProps<D>,
-    UseSortByInstanceProps<D> {}
+      UseExpandedInstanceProps<D>,
+      UseFiltersInstanceProps<D>,
+      UseGlobalFiltersInstanceProps<D>,
+      UseGroupByInstanceProps<D>,
+      UsePaginationInstanceProps<D>,
+      UseRowSelectInstanceProps<D>,
+      UseRowStateInstanceProps<D>,
+      UseSortByInstanceProps<D> {}
 
   export interface TableState<D extends Record<string, unknown> = Record<string, unknown>>
     extends UseColumnOrderState<D>,
-    UseExpandedState<D>,
-    UseFiltersState<D>,
-    UseGlobalFiltersState<D>,
-    UseGroupByState<D>,
-    UsePaginationState<D>,
-    UseResizeColumnsState<D>,
-    UseRowSelectState<D>,
-    UseRowStateState<D>,
-    UseSortByState<D> {}
+      UseExpandedState<D>,
+      UseFiltersState<D>,
+      UseGlobalFiltersState<D>,
+      UseGroupByState<D>,
+      UsePaginationState<D>,
+      UseResizeColumnsState<D>,
+      UseRowSelectState<D>,
+      UseRowStateState<D>,
+      UseSortByState<D> {}
 
   export interface ColumnInterface<D extends Record<string, unknown> = Record<string, unknown>>
     extends UseFiltersColumnOptions<D>,
-    UseGlobalFiltersColumnOptions<D>,
-    UseGroupByColumnOptions<D>,
-    UseResizeColumnsColumnOptions<D>,
-    UseSortByColumnOptions<D> {}
+      UseGlobalFiltersColumnOptions<D>,
+      UseGroupByColumnOptions<D>,
+      UseResizeColumnsColumnOptions<D>,
+      UseSortByColumnOptions<D> {}
 
   export interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>>
     extends UseFiltersColumnProps<D>,
-    UseGroupByColumnProps<D>,
-    UseResizeColumnsColumnProps<D>,
-    UseSortByColumnProps<D> {}
+      UseGroupByColumnProps<D>,
+      UseResizeColumnsColumnProps<D>,
+      UseSortByColumnProps<D> {}
 
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   export interface Cell<D extends Record<string, unknown> = Record<string, unknown>, V = unknown>
     extends UseGroupByCellProps<D>,
-    UseRowStateCellProps<D> {}
+      UseRowStateCellProps<D> {}
 
   export interface Row<D extends Record<string, unknown> = Record<string, unknown>>
     extends UseExpandedRowProps<D>,
-    UseGroupByRowProps<D>,
-    UseRowSelectRowProps<D>,
-    UseRowStateRowProps<D> {}
-}
+      UseGroupByRowProps<D>,
+      UseRowSelectRowProps<D>,
+      UseRowStateRowProps<D> {}
+}

package/es/Table/style/index.less

@@ -1,37 +1,86 @@
 @import '../../style/index.less';
 
-@ald-prefix:ant;
-@ald-iconfont-css-prefix:anticon;
-@table-row-height:40px;
-.@{ald-prefix}-block-table {
+@ald-prefix: ant;
+@ald-iconfont-css-prefix: anticon;
+@table-row-height: 40px;
+
+.ant-block-table {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
   overflow: hidden;
 
+  &-page-loading {
+    opacity: 0;
+  }
+
+  &-table-wrap {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  &-cell {
+    flex-grow: 1;
+    height: unset;
+    padding: 12px;
+    color: @NL0;
+    line-height: 16px;
+    text-align: left;
+    word-break: break-all;
+    border-bottom: 1px solid @NL95;
+
+    &-content {
+      flex: 1;
+    }
+  }
+
+  &-row {
+    max-width: 100%;
+    height: 40px;
+
+    &-ellipsis {
+      .ant-block-table-cell {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+    }
+  }
+
   &-thead {
-    .@{ald-prefix}-block-table-cell {
+    .ant-block-table-cell {
       position: relative;
       color: @NL50;
 
       &-sorting {
         color: @B40;
       }
-      // border: 1px solid red;
 
-      .@{ald-prefix}-block-table-bar {
-        display: inline-block;
-        background: blue;
-        width: 1px;
-        height: 12px;
+      .ant-block-table-bar {
         position: absolute;
         top: 50%;
-        right: 0;
-        transform: translateY(-50%);
+        right: -12px;
         z-index: 1;
+        display: inline-block;
+        width: 12px;
+        height: 12px;
+        transform: translateY(-50%);
         touch-action: none;
-        background-color: @NL95;
+
+        &::after {
+          display: block;
+          width: 1px;
+          height: 100%;
+          background-color: @NL95;
+          content: '';
+        }
       }
 
       &:last-child {
-        .@{ald-prefix}-block-table-bar {
+        .ant-block-table-bar {
           display: none;
         }
       }
@@ -39,13 +88,16 @@
   }
 
   &-tbody {
+    flex: 1;
     overflow: hidden;
 
-    &-scroll {
-      overflow-y: scroll;
-      overflow-y: overlay;
+    .ant-empty {
+      display: flex;
+      justify-content: center;
+      padding-top: 80px;
     }
-    .@{ald-prefix}-block-table-row {
+
+    .ant-block-table-row {
       &:hover {
         background-color: @NL97;
       }
@@ -57,85 +109,91 @@
           background-color: @BBG97;
         }
       }
-
-      &:last-of-type {
-        .@{ald-prefix}-block-table-cell {
-          border-bottom: 1px solid transparent;
-        }
-      }
     }
   }
 
-  &-row {
-    max-width: 100%;
-  }
-
-  &-cell {
-    padding: 0 12px;
-    height: @table-row-height;
-    line-height: @table-row-height;
-    border-bottom: 1px solid @NL95;
-    text-align: left;
-    color: @NL0;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    flex-grow: 1;
-  }
-
   &-loading {
-    text-align: center;
-    line-height: @table-row-height;
     color: @NL80;
+    line-height: @table-row-height;
+    text-align: center;
   }
 
   &-header {
     display: flex;
-    justify-content: space-between;
-    padding: 0 10px;
     align-items: center;
+    justify-content: space-between;
     margin-bottom: 24px;
 
     &-left {
+      color: @NL0;
       font-weight: 500;
       font-size: 14px;
-      color: @NL0;
     }
 
     &-right {
       display: flex;
-      height: 28px;
       align-items: center;
-      font-size: 14px;
+      justify-content: flex-end;
+      height: 28px;
       color: @NL0;
+      font-size: 14px;
     }
   }
 
-  &-list {
+  /* stylelint-disable-next-line selector-class-pattern */
+  &-list&-innerScroll {
+    height: 100%;
     overflow: overlay !important;
   }
 
+  // 当出现多行的时候 会顶出一个滚动条 通过复写三方库的样式覆盖
+  &-list&-canNotInnerScroll {
+    overflow: hidden !important;
+  }
+
+  &-list {
+    &::-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;
+    }
+  }
+
   &-sortIcon {
-    margin-left: 4px;
     margin-top: -2px;
+    margin-left: 4px;
   }
 
   &-column-resizable {
     overflow: overlay;
-    .@{ald-prefix}-block-table {
-      &-cell {
-        flex: none;
-      }
 
-      &-thead {
-        &::-webkit-scrollbar {
-          display: none;
+    .ant-block-table-thead,
+    .ant-block-table-tbody {
+      .ant-block-table-row {
+        .ant-block-table {
+          &-cell {
+            flex: none;
+          }
+
+          &-thead {
+            &::-webkit-scrollbar {
+              display: none;
+            }
+          }
+
+          &-tbody {
+            overflow: initial;
+          }
         }
       }
-
-      &-tbody {
-        overflow: initial;
-      }
     }
   }
-}
+}

package/es/Tabs/index.d.ts

@@ -31,6 +31,11 @@ export interface ITabsProps {
      * @default false
      */
     adaptHeight?: boolean;
+    /**
+     * @description tab的位置
+     * @default -
+     */
+    tabPosition?: 'left' | 'right' | 'top' | 'bottom';
     className?: string;
     children?: React.ReactNode;
 }

package/es/Tabs/index.js

@@ -1,3 +1,5 @@
+import "antd/es/tabs/style";
+import _Tabs from "antd/es/tabs";
 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; }
@@ -10,8 +12,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 React from 'react'; // import AntdTabs, { TabsProps } from 'antd/lib/tabs';
+
 import Icon from '../Icon';
 import TabPane from './TabPane';
 import classNames from 'classnames';
@@ -27,14 +29,15 @@ export default function Tabs(props) {
     tabsProps.size = size;
   }
 
-  return /*#__PURE__*/React.createElement(AntdTabs, _objectSpread({
+  return /*#__PURE__*/React.createElement(_Tabs, _objectSpread({
     moreIcon: /*#__PURE__*/React.createElement(Icon, {
       type: "more_vert",
       size: 18
     }),
     tabBarGutter: 24,
     className: classNames('ald-tabs', className, {
-      'ald-adapt-height': adaptHeight
+      'ald-adapt-height': adaptHeight,
+      'ald-tabs-default': size !== 'large'
     })
   }, tabsProps));
 }

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

@@ -1,2 +1,3 @@
+import 'antd/lib/tabs/style';
 import '../../style';
 import './index.less';

package/es/Tabs/style/index.js

@@ -1,2 +1,3 @@
+import 'antd/lib/tabs/style';
 import '../../style';
 import './index.less';

package/es/Tabs/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.ald-tabs {
+.ant-tabs.ald-tabs {
   &.ant-tabs {
     color: @NL30;
   }
@@ -30,6 +30,13 @@
     }
   }
 
+  &.ald-tabs-default {
+    .ant-tabs-tab {
+      font-size: 14px;
+      line-height: 20px;
+    }
+  }
+
   .ant-tabs-nav-more {
     margin: 0 !important;
   }
@@ -58,4 +65,4 @@
       border-color: @NL90;
     }
   }
-}
+}

package/es/Tooltip/style/index.less

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

package/es/Tree/index.d.ts

@@ -0,0 +1,5 @@
+import Tree from 'antd/es/tree';
+export { DataNode, EventDataNode } from 'antd/es/tree';
+export { TreeProps, AntTreeNode, AntTreeNodeMouseEvent, AntTreeNodeExpandedEvent, AntTreeNodeCheckedEvent, AntTreeNodeSelectedEvent, AntdTreeNodeAttribute, AntTreeNodeProps, } from 'antd/es/tree/Tree';
+export { ExpandAction as DirectoryTreeExpandAction, DirectoryTreeProps, } from 'antd/es/tree/DirectoryTree';
+export default Tree;

package/es/Tree/index.js

@@ -0,0 +1,2 @@
+import Tree from 'antd/es/tree';
+export default Tree;

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

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

package/es/Tree/style/index.js

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

package/es/Tree/style/index.less

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

package/es/Typography/index.d.ts

@@ -0,0 +1,3 @@
+import { Typography, TypographyProps } from 'antd';
+export type { TypographyProps };
+export default Typography;

package/es/Typography/index.js

@@ -0,0 +1,3 @@
+import "antd/es/typography/style";
+import _Typography from "antd/es/typography";
+export default _Typography;

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

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

package/es/Typography/style/index.js

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

package/es/Typography/style/index.less

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

package/es/Upload/index.d.ts

@@ -0,0 +1,4 @@
+import { Upload } from 'antd';
+export type { UploadProps, UploadListProps, UploadChangeParam, RcFile, } from 'antd/es/upload/interface';
+export type { DraggerProps } from 'antd/es/upload/Dragger';
+export default Upload;

package/es/Upload/index.js

@@ -0,0 +1,3 @@
+import "antd/es/upload/style";
+import _Upload from "antd/es/upload";
+export default _Upload;

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

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

package/es/Upload/style/index.js

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

package/es/Upload/style/index.less

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

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

@@ -1,2 +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];
+declare const useControlledState: <T>(outerState: T | (() => T) | undefined, defaultOuterState: T, callback?: ((state: T | (() => T)) => void) | undefined) => [T, (state: T | (() => T), force?: boolean | undefined) => void];
 export default useControlledState;

package/es/_utils/hooks/useControlledState.js

@@ -16,18 +16,18 @@ import { isUndefined } from 'lodash';
 function format(_ref) {
   var _ref2 = _slicedToArray(_ref, 2),
       innerState = _ref2[0],
-      outterState = _ref2[1];
+      outerState = _ref2[1];
 
-  var isControlled = isUndefined(outterState) ? 'uncontrolled' : 'controlled';
-  var value = isUndefined(outterState) ? innerState : outterState;
+  var isControlled = isUndefined(outerState) ? 'uncontrolled' : 'controlled';
+  var value = isUndefined(outerState) ? innerState : outerState;
   return "State is ".concat(isControlled, " | Value is ").concat(value);
 }
 
-var useControlledState = function useControlledState(outterState, defaultOutterState, callback) {
-  // if (outterState === undefined && defaultOutterState === undefined) {
+var useControlledState = function useControlledState(outerState, defaultOuterState, callback) {
+  // if (outerState === undefined && defaultOuterState === undefined) {
   //   throw new TypeError('Either "value" or "defaultValue" variable must be set. Now both are undefined');
   // }
-  var _useState = useState(isUndefined(outterState) ? defaultOutterState : outterState),
+  var _useState = useState(isUndefined(outerState) ? defaultOuterState : outerState),
       _useState2 = _slicedToArray(_useState, 2),
       innerState = _useState2[0],
       setInnerState = _useState2[1];
@@ -35,19 +35,19 @@ var useControlledState = function useControlledState(outterState, defaultOutterS
   var setState = useRef(function (state) {
     var force = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-    if (isUndefined(outterState) || force) {
+    if (isUndefined(outerState) || force) {
       setInnerState(state);
     }
 
     callback === null || callback === void 0 ? void 0 : callback(state);
   }).current; // @ts-ignore
 
-  useDebugValue([innerState, outterState], format);
+  useDebugValue([innerState, outerState], format);
   useEffect(function () {
-    if (!isUndefined(outterState)) {
-      setInnerState(outterState);
+    if (!isUndefined(outerState)) {
+      setInnerState(outerState);
     }
-  }, [outterState]);
+  }, [outerState]);
   return [innerState, setState];
 };
 

package/es/index.d.ts

@@ -7,7 +7,7 @@ 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 } from './Input';
+export type { IInputProps as InputProps, TSize, InputRef, TextAreaRef } from './Input';
 export { default as Tabs } from './Tabs';
 export type { ITabsProps as TabsProps, TabsSize } from './Tabs';
 export { default as Tooltip } from './Tooltip';
@@ -18,3 +18,41 @@ 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 { default as Alert } from './Alert';
+export type { AlertProps } from './Alert';
+export { default as Col } from './Col';
+export type { ColProps } from './Col';
+export type { TypographyProps } from './Typography';
+export { default as Typography } from './Typography';
+export { default as Upload } from './Upload';
+export type { UploadProps } from './Upload';
+export { default as ConfigProvider } from './ConfigProvider';
+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 type { TreeProps, AntTreeNodeProps as TreeNodeProps, DataNode as TreeDataNode, } from './Tree';
+export { default as Tree } from './Tree';
+export type { SkeletonProps } from './Skeleton';
+export { default as Skeleton } from './Skeleton';
+export type { RowProps } from './Row';
+export { default as Row } from './Row';
+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 { default as Switch } from './Switch';
+export type { StepProps, 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 Radio } from './Radio';
+export type { RadioProps, RadioChangeEvent, RadioGroupProps } from './Radio';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxOptionType } from './Checkbox';