@aloudata/aloudata-design 0.4.0-beta.1 → 0.4.0-beta.2

package/es/Select/style/variables.less.d.ts

@@ -90,7 +90,13 @@ interface CssExports {
   'SELECTOR_PADDING_HORIZONTAL_MIDDLE': string;
   'SELECTOR_PADDING_HORIZONTAL_MINI': string;
   'SELECTOR_PADDING_HORIZONTAL_SMALL': string;
+  'SHADOW_BODY_TOP_LEFT': string;
   'SHADOW_L': string;
+  'SHADOW_LG': string;
+  'SHADOW_MD': string;
+  'SHADOW_SM': string;
+  'SHADOW_XL': string;
+  'SHADOW_XS': string;
   'TA10': string;
   'TA20': string;
   'TA30': string;

package/es/Table/Table.js

@@ -31,14 +31,15 @@ import Empty from './components/Empty';
 import TableHead from './components/TableHead';
 import TableBodyRowList from './components/TableBodyRowList';
 import { useTimeoutLock } from './hooks/useFrame';
-import StylesVariable from './style/variable.less';
+var tableHeadRowHeight = 44;
 var SCROLLBAR_SIZE = 15;
 var ZERO = 0;
 
 function Table(props, ref) {
   var _classnames3;
 
-  var columns = props.columns,
+  var tableKey = props.key,
+      columns = props.columns,
       data = props.data,
       onRowSelected = props.onRowSelected,
       loadMore = props.loadMore,
@@ -328,7 +329,7 @@ function Table(props, ref) {
         style: {
           overflow: 'overlay',
           overflowX: tableClientWidth + SCROLLBAR_SIZE > columnsTotalWidthRef.current ? 'hidden' : 'unset',
-          height: tableClientHeight - StylesVariable.TableHeadRowHeight
+          height: tableClientHeight - tableHeadRowHeight
         },
         ref: tableBodyRef,
         onScroll: onBodyScroll
@@ -336,12 +337,12 @@ function Table(props, ref) {
     };
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), height))
+      className: classnames("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), !!height))
     }, /*#__PURE__*/React.createElement("div", {
       ref: tableHeadRef,
       className: "".concat(prefixCls, "-tableHeadScrollWrap")
     }, tableHeadNode), /*#__PURE__*/React.createElement("div", Object.assign({}, getTableBodyProps(), {
-      className: classnames("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), height))
+      className: classnames("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), !!height))
     }), renderNoHeightTableBody()));
   };
 
@@ -353,6 +354,7 @@ function Table(props, ref) {
       setTableClientHeight(clientHeight);
     }
   }, /*#__PURE__*/React.createElement("div", {
+    key: tableKey,
     className: prefixCls,
     ref: tableRef,
     style: {

package/es/Table/interface.d.ts

@@ -17,6 +17,7 @@ export interface IColumn<RecordType> {
     selected?: boolean;
 }
 export interface ITableProps<RecordType> {
+    key?: React.Key;
     columns: IColumn<RecordType>[];
     data: RecordType[];
     onRowSelected?: (row: RecordType) => void;

package/es/Table/style/index.less

@@ -125,6 +125,10 @@
         display: flex;
         align-items: center;
         padding-left: 24px;
+
+        .ald-table-cell-container {
+          width: 100%;
+        }
       }
 
       &:hover {

package/es/Table/style/variable.less

@@ -2,9 +2,4 @@
 
 @ald-iconfont-css-prefix: anticon;
 @table-head-row-height: 44px;
-@table-head-row-height-num: 44;
 @table-body-row-height: 72px;
-
-:export {
-  TableHeadRowHeight: @table-head-row-height-num;
-}

package/es/Table/style/variable.less.d.ts

@@ -1,7 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
-  'TableHeadRowHeight': string;
+
 }
 export const cssExports: CssExports;
 export default cssExports;

package/es/Tabs/index.js

@@ -1,5 +1,5 @@
 import "@aloudata/icons-react/styles/index.less";
-import _More from "@aloudata/icons-react/es/icons/More";
+import _MoreFill from "@aloudata/icons-react/es/icons/MoreFill";
 import "antd/es/tabs/style";
 import _Tabs from "antd/es/tabs";
 var _excluded = ["size", "className", "popupClassName", "adaptHeight"];
@@ -34,7 +34,7 @@ export default function Tabs(props) {
   return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
     moreIcon: /*#__PURE__*/React.createElement("div", {
       className: "ald-tabs-moreIcon"
-    }, /*#__PURE__*/React.createElement(_More, {
+    }, /*#__PURE__*/React.createElement(_MoreFill, {
       color: "currentColor"
     })),
     tabBarGutter: 24,

package/es/style/themes/default/themeColor.module.less

@@ -109,7 +109,7 @@
 @BG60: #D0D5DD;
 @BG70: #EAECF0;
 @BG80: #F2F4F7;
-@BG90: #F8FAFB;
+@BG90: #F5F6F7;
 @BG95: #F9FAFB;
 @BG97: #FCFCFD;
 @BG100:#FFFFFF;
@@ -118,7 +118,13 @@
 /***
 * 投影
 ***/
-@shadow-L:0px 11px 15px rgba(0, 26, 51, 0.1), 0px 9px 46px rgba(0, 26, 51, 0.05), 0px 24px 38px rgba(0, 26, 51, 0.03);
+@shadow-L: 0px 11px 15px rgba(0, 26, 51, 0.1), 0px 9px 46px rgba(0, 26, 51, 0.05), 0px 24px 38px rgba(0, 26, 51, 0.03);
+@shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
+@shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
+@shadow-md: 0px 4px 6px -2px rgba(16, 24, 40, 0.08), 0px 2px 4px -2px rgba(16, 24, 40, 0.03);
+@shadow-sm: 0px 1px 4px rgba(16, 24, 40, 0.06), 0px 1px 2px rgba(16, 24, 40, 0.04);
+@shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
+@shadow-body-top-left: -4px -4px 2px rgba(0, 0, 0, 0.05);
 
 // 业务颜色 
 // 除了原色之外，在业务、提示和标签等组件中使用一些次要颜色也很有帮助。这些次要颜色应该少用或作为重点使用，而主要颜色应该占优先地位。
@@ -337,6 +343,12 @@
   BG97: @BG97;
   BG100: @BG100;
   SHADOW_L: @shadow-L;
+  SHADOW_BODY_TOP_LEFT:@shadow-body-top-left;
+  SHADOW_XS: @shadow-xs;
+  SHADOW_SM: @shadow-sm;
+  SHADOW_MD: @shadow-md;
+  SHADOW_LG: @shadow-lg;
+  SHADOW_XL: @shadow-xl;
   TA10: @TA10;
   TA20: @TA20;
   TA30: @TA30;

package/es/style/themes/default/themeColor.module.less.d.ts

@@ -82,7 +82,13 @@ interface CssExports {
   'SC90': string;
   'SC95': string;
   'SC98': string;
+  'SHADOW_BODY_TOP_LEFT': string;
   'SHADOW_L': string;
+  'SHADOW_LG': string;
+  'SHADOW_MD': string;
+  'SHADOW_SM': string;
+  'SHADOW_XL': string;
+  'SHADOW_XS': string;
   'TA10': string;
   'TA20': string;
   'TA30': string;