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

package/lib/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/lib/Table/Table.js

@@ -33,8 +33,6 @@ var _TableBodyRowList = _interopRequireDefault(require("./components/TableBodyRo
 
 var _useFrame = require("./hooks/useFrame");
 
-var _variable = _interopRequireDefault(require("./style/variable.less"));
-
 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; }
@@ -59,13 +57,15 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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,
@@ -358,7 +358,7 @@ function Table(props, ref) {
         style: {
           overflow: 'overlay',
           overflowX: tableClientWidth + SCROLLBAR_SIZE > columnsTotalWidthRef.current ? 'hidden' : 'unset',
-          height: tableClientHeight - _variable.default.TableHeadRowHeight
+          height: tableClientHeight - tableHeadRowHeight
         },
         ref: tableBodyRef,
         onScroll: onBodyScroll
@@ -366,12 +366,12 @@ function Table(props, ref) {
     };
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), height))
+      className: (0, _classnames4.default)("".concat(prefixCls, "-inner-wrap"), _defineProperty({}, "".concat(prefixCls, "-innerScroll"), !!height))
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: tableHeadRef,
       className: "".concat(prefixCls, "-tableHeadScrollWrap")
     }, tableHeadNode), /*#__PURE__*/_react.default.createElement("div", Object.assign({}, getTableBodyProps(), {
-      className: (0, _classnames4.default)("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), height))
+      className: (0, _classnames4.default)("".concat(prefixCls, "-tbody"), _defineProperty({}, "".concat(prefixCls, "-tbody-innerScroll"), !!height))
     }), renderNoHeightTableBody()));
   };
 
@@ -383,6 +383,7 @@ function Table(props, ref) {
       setTableClientHeight(clientHeight);
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
+    key: tableKey,
     className: prefixCls,
     ref: tableRef,
     style: {

package/lib/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/lib/Table/style/index.less

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

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

@@ -7,7 +7,7 @@ exports.default = Tabs;
 
 require("@aloudata/icons-react/styles/index.less");
 
-var _More2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/More"));
+var _MoreFill2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/MoreFill"));
 
 require("antd/es/tabs/style");
 
@@ -49,7 +49,7 @@ function Tabs(props) {
   return /*#__PURE__*/_react.default.createElement(_tabs.default, Object.assign({
     moreIcon: /*#__PURE__*/_react.default.createElement("div", {
       className: "ald-tabs-moreIcon"
-    }, /*#__PURE__*/_react.default.createElement(_More2.default, {
+    }, /*#__PURE__*/_react.default.createElement(_MoreFill2.default, {
       color: "currentColor"
     })),
     tabBarGutter: 24,

package/lib/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/lib/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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.4.0-beta.1",
+  "version": "0.4.0-beta.2",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -52,7 +52,7 @@
     ]
   },
   "dependencies": {
-    "@aloudata/icons-react": "^0.0.8",
+    "@aloudata/icons-react": "^0.0.9",
     "@ant-design/icons": "^4.7.0",
     "antd": "^4.21.5",
     "babel-preset-react-app": "^10.0.1",

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

@@ -1,126 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'B10': string;
-  'B20': string;
-  'B30': string;
-  'B40': string;
-  'B50': string;
-  'B60': string;
-  'B70': string;
-  'B80': string;
-  'B90': string;
-  'B95': string;
-  'B98': string;
-  'BG0': string;
-  'BG10': string;
-  'BG100': string;
-  'BG20': string;
-  'BG30': string;
-  'BG40': string;
-  'BG50': string;
-  'BG60': string;
-  'BG70': string;
-  'BG80': string;
-  'BG90': string;
-  'BG95': string;
-  'BG97': string;
-  'BLACK': string;
-  'IMAGE_HOLDER': string;
-  'MATE': string;
-  'ND0': string;
-  'ND10': string;
-  'ND20': string;
-  'ND30': string;
-  'ND40': string;
-  'ND50': string;
-  'ND60': string;
-  'ND70': string;
-  'ND80': string;
-  'ND90': string;
-  'ND95': string;
-  'ND97': string;
-  'NL0': string;
-  'NL10': string;
-  'NL20': string;
-  'NL30': string;
-  'NL40': string;
-  'NL50': string;
-  'NL60': string;
-  'NL70': string;
-  'NL80': string;
-  'NL90': string;
-  'NL95': string;
-  'NL97': string;
-  'SA10': string;
-  'SA20': string;
-  'SA30': string;
-  'SA40': string;
-  'SA50': string;
-  'SA60': string;
-  'SA70': string;
-  'SA80': string;
-  'SA90': string;
-  'SA95': string;
-  'SA98': string;
-  'SB10': string;
-  'SB20': string;
-  'SB30': string;
-  'SB40': string;
-  'SB50': string;
-  'SB60': string;
-  'SB70': string;
-  'SB80': string;
-  'SB90': string;
-  'SB95': string;
-  'SB98': string;
-  'SC10': string;
-  'SC20': string;
-  'SC30': string;
-  'SC40': string;
-  'SC50': string;
-  'SC60': string;
-  'SC70': string;
-  'SC80': string;
-  'SC90': string;
-  'SC95': string;
-  'SC98': string;
-  'SHADOW_L': string;
-  'TableHeadRowHeight': string;
-  'WHITE': string;
-  'ald-empty': string;
-  'ald-empty-description': string;
-  'ald-empty-image': string;
-  'ald-empty-img': string;
-  'ald-empty-large': string;
-  'ald-empty-small': string;
-  'ald-empty-title': string;
-  'ald-table': string;
-  'ald-table-bar': string;
-  'ald-table-canNotInnerScroll': string;
-  'ald-table-cell': string;
-  'ald-table-cell-content': string;
-  'ald-table-column-resizable': string;
-  'ald-table-empty-icon': string;
-  'ald-table-header': string;
-  'ald-table-header-left': string;
-  'ald-table-header-right': string;
-  'ald-table-init-loading': string;
-  'ald-table-inner-wrap': string;
-  'ald-table-list': string;
-  'ald-table-loading': string;
-  'ald-table-loading-icon': string;
-  'ald-table-page-loading': string;
-  'ald-table-row': string;
-  'ald-table-row-ellipsis': string;
-  'ald-table-row-list-wrap': string;
-  'ald-table-row-selected': string;
-  'ald-table-sortIcon': string;
-  'ald-table-table-wrap': string;
-  'ald-table-tableHeadScrollWrap': string;
-  'ald-table-tbody': string;
-  'ald-table-tbody-innerScroll': string;
-  'ald-table-thead': string;
-}
-export const cssExports: CssExports;
-export default cssExports;

package/lib/Table/style/index.less.d.ts

@@ -1,126 +0,0 @@
-// This file is automatically generated.
-// Please do not change this file!
-interface CssExports {
-  'B10': string;
-  'B20': string;
-  'B30': string;
-  'B40': string;
-  'B50': string;
-  'B60': string;
-  'B70': string;
-  'B80': string;
-  'B90': string;
-  'B95': string;
-  'B98': string;
-  'BG0': string;
-  'BG10': string;
-  'BG100': string;
-  'BG20': string;
-  'BG30': string;
-  'BG40': string;
-  'BG50': string;
-  'BG60': string;
-  'BG70': string;
-  'BG80': string;
-  'BG90': string;
-  'BG95': string;
-  'BG97': string;
-  'BLACK': string;
-  'IMAGE_HOLDER': string;
-  'MATE': string;
-  'ND0': string;
-  'ND10': string;
-  'ND20': string;
-  'ND30': string;
-  'ND40': string;
-  'ND50': string;
-  'ND60': string;
-  'ND70': string;
-  'ND80': string;
-  'ND90': string;
-  'ND95': string;
-  'ND97': string;
-  'NL0': string;
-  'NL10': string;
-  'NL20': string;
-  'NL30': string;
-  'NL40': string;
-  'NL50': string;
-  'NL60': string;
-  'NL70': string;
-  'NL80': string;
-  'NL90': string;
-  'NL95': string;
-  'NL97': string;
-  'SA10': string;
-  'SA20': string;
-  'SA30': string;
-  'SA40': string;
-  'SA50': string;
-  'SA60': string;
-  'SA70': string;
-  'SA80': string;
-  'SA90': string;
-  'SA95': string;
-  'SA98': string;
-  'SB10': string;
-  'SB20': string;
-  'SB30': string;
-  'SB40': string;
-  'SB50': string;
-  'SB60': string;
-  'SB70': string;
-  'SB80': string;
-  'SB90': string;
-  'SB95': string;
-  'SB98': string;
-  'SC10': string;
-  'SC20': string;
-  'SC30': string;
-  'SC40': string;
-  'SC50': string;
-  'SC60': string;
-  'SC70': string;
-  'SC80': string;
-  'SC90': string;
-  'SC95': string;
-  'SC98': string;
-  'SHADOW_L': string;
-  'TableHeadRowHeight': string;
-  'WHITE': string;
-  'ald-empty': string;
-  'ald-empty-description': string;
-  'ald-empty-image': string;
-  'ald-empty-img': string;
-  'ald-empty-large': string;
-  'ald-empty-small': string;
-  'ald-empty-title': string;
-  'ald-table': string;
-  'ald-table-bar': string;
-  'ald-table-canNotInnerScroll': string;
-  'ald-table-cell': string;
-  'ald-table-cell-content': string;
-  'ald-table-column-resizable': string;
-  'ald-table-empty-icon': string;
-  'ald-table-header': string;
-  'ald-table-header-left': string;
-  'ald-table-header-right': string;
-  'ald-table-init-loading': string;
-  'ald-table-inner-wrap': string;
-  'ald-table-list': string;
-  'ald-table-loading': string;
-  'ald-table-loading-icon': string;
-  'ald-table-page-loading': string;
-  'ald-table-row': string;
-  'ald-table-row-ellipsis': string;
-  'ald-table-row-list-wrap': string;
-  'ald-table-row-selected': string;
-  'ald-table-sortIcon': string;
-  'ald-table-table-wrap': string;
-  'ald-table-tableHeadScrollWrap': string;
-  'ald-table-tbody': string;
-  'ald-table-tbody-innerScroll': string;
-  'ald-table-thead': string;
-}
-export const cssExports: CssExports;
-export default cssExports;