@aloudata/aloudata-design 1.9.10 → 1.9.12

package/dist/AldTable/helper.js

@@ -1,3 +1,8 @@
+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); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import classnames from 'classnames';
 import _ from 'lodash';
 import React from 'react';
 export function getTableColumns(_ref) {
@@ -6,20 +11,29 @@ export function getTableColumns(_ref) {
     totalWidth = _ref.totalWidth;
   var columnWidths = getColumnWidths(columns, columnSizing, totalWidth);
   return _.map(columns, function (col, index) {
+    var title = col.title,
+      _col$dataIndex = col.dataIndex,
+      dataIndex = _col$dataIndex === void 0 ? "column-".concat(index) : _col$dataIndex,
+      _col$align = col.align,
+      align = _col$align === void 0 ? 'left' : _col$align,
+      _col$ellipsis = col.ellipsis,
+      ellipsis = _col$ellipsis === void 0 ? true : _col$ellipsis,
+      render = col.render;
     return {
-      id: col.dataIndex || "column-".concat(index),
+      // 这里还需要排除掉空字符串的情况，id 不能为 ''
+      id: dataIndex || "column-".concat(index),
       accessor: col.dataIndex,
-      Header: typeof col.title === 'string' ? /*#__PURE__*/React.createElement("div", {
-        key: col.dataIndex,
-        className: prefixCls('th-default')
-      }, col.title) : col.title,
+      Header: typeof title === 'string' ? /*#__PURE__*/React.createElement("div", {
+        key: dataIndex,
+        className: classnames(prefixCls('th-default'), prefixCls("align-".concat(align)), _defineProperty({}, prefixCls('td-ellipsis-content'), ellipsis))
+      }, title) : title,
       Cell: function Cell(_ref2) {
         var row = _ref2.row;
-        var colValue = _.get(row.original, col.dataIndex || '');
-        var node = col.render ? col.render(colValue, row.original, row.index) : colValue;
+        var colValue = _.get(row.original, dataIndex || '');
+        var node = render ? render(colValue, row.original, row.index) : colValue;
         return /*#__PURE__*/React.createElement("div", {
-          className: prefixCls('td-default')
-        }, col.ellipsis ? /*#__PURE__*/React.createElement("div", {
+          className: classnames(prefixCls('td-default'), prefixCls("align-".concat(align)))
+        }, ellipsis ? /*#__PURE__*/React.createElement("div", {
           className: prefixCls('td-ellipsis-content')
         }, node) : node);
       },

package/dist/AldTable/index.js

@@ -28,7 +28,11 @@ function AldTable(props) {
     pagination = props.pagination,
     _props$scroll = props.scroll,
     scroll = _props$scroll === void 0 ? {} : _props$scroll,
-    emptyComponent = props.empty;
+    emptyComponent = props.empty,
+    _props$rowClassName = props.rowClassName,
+    rowClassName = _props$rowClassName === void 0 ? function () {
+      return '';
+    } : _props$rowClassName;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     totalSize = _useState2[0],
@@ -98,10 +102,10 @@ function AldTable(props) {
     }, /*#__PURE__*/React.createElement(Empty, {
       title: "No Data",
       image: Empty.PRESENTED_IMAGE_SEARCH
-    })) : _.map(rows, function (row) {
+    })) : _.map(rows, function (row, rowIndex) {
       prepareRow(row);
       return /*#__PURE__*/React.createElement("div", _extends({
-        className: prefixCls('tr')
+        className: classnames(prefixCls('tr'), rowClassName(row.original, rowIndex))
       }, row.getRowProps()), _.map(row.cells, function (cell) {
         return /*#__PURE__*/React.createElement("div", _extends({
           className: prefixCls('td')

package/dist/AldTable/style/index.less

@@ -44,11 +44,11 @@
     position: relative;
     overflow: hidden;
     border-bottom: 1px solid #e8e8e8;
-    background-color: #fff;
   }
 
   .ald-tmp-table-th {
     border-bottom: 1px solid #e8e8e8;
+    background-color: #fff;
   }
 
   .ald-tmp-table-th-default {
@@ -63,12 +63,12 @@
     height: 100%;
     font-size: 13px;
     min-height: 48px;
+  }
 
-    .ald-tmp-table-td-ellipsis-content {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
+  .ald-tmp-table-td-ellipsis-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .ald-tmp-table-sticky {
@@ -80,6 +80,27 @@
 
   .ald-tmp-table-body {
     min-height: 200px;
+
+    .ald-tmp-table-tr:hover {
+      background-color: #f4f4f4;
+    }
+  }
+}
+
+.ald-tmp-table-align {
+  &-left {
+    text-align: left;
+    justify-content: left;
+  }
+
+  &-right {
+    text-align: right;
+    justify-content: right;
+  }
+
+  &-center {
+    text-align: center;
+    justify-content: center;
   }
 }
 

package/dist/AldTable/types.d.ts

@@ -15,6 +15,7 @@ export interface ITableProps<TDataItem extends object> {
     };
     pagination?: IPaginationProps;
     empty?: React.ReactNode;
+    rowClassName?: (record: TDataItem, index: number) => string;
 }
 export interface ITableColumn<TDataItem = unknown> {
     title: string | React.ReactNode;
@@ -23,4 +24,5 @@ export interface ITableColumn<TDataItem = unknown> {
     render?: (text: any, record: TDataItem, rowIndex: number) => React.ReactNode;
     ellipsis?: boolean;
     noPadding?: boolean;
+    align?: 'left' | 'center' | 'right';
 }

package/dist/Icon/components/CancelCircleDuotone.js

@@ -15,7 +15,7 @@ var CancelCircleDuotone = function CancelCircleDuotone(_ref, ref) {
     width: props.width || props.size || 16,
     height: props.height || props.size || 16,
     fill: "none",
-    viewBox: "0 0 80 80",
+    viewBox: "0 0 24 24",
     ref: ref,
     "aria-labelledby": titleId,
     "aria-describedby": descId
@@ -25,12 +25,12 @@ var CancelCircleDuotone = function CancelCircleDuotone(_ref, ref) {
     id: titleId
   }, title) : null, /*#__PURE__*/React.createElement("path", {
     fill: props.color || 'currentColor',
-    d: "M40 6.66669C21.4285 6.66669 6.66663 21.4286 6.66663 40C6.66663 58.5715 21.4285 73.3334 40 73.3334C58.5714 73.3334 73.3333 58.5715 73.3333 40C73.3333 21.4286 58.5714 6.66669 40 6.66669Z"
+    d: "M12 2C6.429 2 2 6.429 2 12s4.429 10 10 10 10-4.429 10-10S17.571 2 12 2Z"
   }), /*#__PURE__*/React.createElement("path", {
+    fill: props.fill || 'currentColor',
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M40 37.6431L50.6066 27.0365L52.9636 29.3935L42.357 40.0001L52.9636 50.6067L50.6066 52.9637L40 42.3571L29.3934 52.9637L27.0364 50.6067L37.643 40.0001L27.0364 29.3935L29.3934 27.0365L40 37.6431Z",
-    fill: props.fill || 'currentColor'
+    d: "m17.854 8.854-7 7a.5.5 0 0 1-.708 0l-4-4 .708-.708 3.646 3.647 6.646-6.647.708.708Z",
+    clipRule: "evenodd"
   }));
 };
 var ForwardRef = /*#__PURE__*/forwardRef(CancelCircleDuotone);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "1.9.10",
+  "version": "1.9.12",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",