@vtx/components 2.4.1 → 2.5.2

package/CHANGELOG.md

@@ -1,3 +1,108 @@
+## [2.5.2](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.5.1...2.5.2) (2021-12-02)
+
+
+### 🐛 Bug Fixes
+
+* 修复VtxFormLayout表单布局Pane和Card高度问题 ([6776b9a](https://git.cloudhw.cn:3443/front-end/react-components/commit/6776b9a)) by: **gongjinhua**
+
+
+
+## [2.5.1](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.5.0...2.5.1) (2021-12-01)
+
+
+### ✨ Features
+
+* 数据表格VtxDatagrid单元格无数据时默认显示'-' ([3c68da7](https://git.cloudhw.cn:3443/front-end/react-components/commit/3c68da7)) by: **gongjinhua**
+* 文本域VtxInput.TextArea最大输入长度字段显示位置调整 ([4da91a0](https://git.cloudhw.cn:3443/front-end/react-components/commit/4da91a0)) by: **gongjinhua**
+
+
+### 🎫 Chores
+
+* release v2.5.1 ([356977c](https://git.cloudhw.cn:3443/front-end/react-components/commit/356977c)) by: **gongjinhua**
+* 安装less-plugin-npm-import编译less [@import](https://git.cloudhw.cn:3443/import)导入npm文件 ([fd9aa70](https://git.cloudhw.cn:3443/front-end/react-components/commit/fd9aa70)) by: **gongjinhua**
+
+
+### 📝 Documentation
+
+* 左右布局示例外部容器设置默认宽度1200px ([e46da59](https://git.cloudhw.cn:3443/front-end/react-components/commit/e46da59)) by: **gongjinhua**
+* 表单布局示例修改 ([8032749](https://git.cloudhw.cn:3443/front-end/react-components/commit/8032749)) by: **gongjinhua**
+* 页面布局左右布局示例设置容器样式 ([addc410](https://git.cloudhw.cn:3443/front-end/react-components/commit/addc410)) by: **gongjinhua**
+
+
+
+# [2.5.0](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.4.2...2.5.0) (2021-11-23)
+
+
+### ✨ Features
+
+* 上传附近VtxUpload支持自定义headers和beforeUpload回调中添加file参数 ([1f41160](https://git.cloudhw.cn:3443/front-end/react-components/commit/1f41160)) by: **gongjinhua**
+* 下拉树VtxZtreeSelect清除图标样式和Antd样式统一 ([26befd7](https://git.cloudhw.cn:3443/front-end/react-components/commit/26befd7)) by: **gongjinhua**
+* 下拉选VtxSelect默认支持清除 ([76e54bf](https://git.cloudhw.cn:3443/front-end/react-components/commit/76e54bf)) by: **gongjinhua**
+* 报表VtxRpsFrame属性data_param支持Array ([0b590ef](https://git.cloudhw.cn:3443/front-end/react-components/commit/0b590ef)) by: **gongjinhua**
+* 数据表格VtxDatagrid新增统计列 ([f3f5477](https://git.cloudhw.cn:3443/front-end/react-components/commit/f3f5477)) by: **gongjinhua**
+* 数据表格VtxDatagrid添加indexFixed属性 ([5492760](https://git.cloudhw.cn:3443/front-end/react-components/commit/5492760)) by: **gongjinhua**
+* 文本VtxInput默认过滤两边空格 ([bd9ae00](https://git.cloudhw.cn:3443/front-end/react-components/commit/bd9ae00)) by: **gongjinhua**
+* 文本框VtxInput设置autocomplete为false关闭自动完成 ([549c638](https://git.cloudhw.cn:3443/front-end/react-components/commit/549c638)) by: **gongjinhua**
+* 新增可横向滚动列VtxScrollableRow ([3920852](https://git.cloudhw.cn:3443/front-end/react-components/commit/3920852)) by: **gongjinhua**
+* 新增统计栏VtxStatisticsColumn ([f7a615b](https://git.cloudhw.cn:3443/front-end/react-components/commit/f7a615b)) by: **gongjinhua**
+* 查询布局VtxSearch样式修改 ([4d93dfd](https://git.cloudhw.cn:3443/front-end/react-components/commit/4d93dfd)) by: **gongjinhua**
+* 树ztree搜索框间距调整为12px ([28f857c](https://git.cloudhw.cn:3443/front-end/react-components/commit/28f857c)) by: **gongjinhua**
+* 模态框VtxModal上下内间距调整为20px ([31a2ff2](https://git.cloudhw.cn:3443/front-end/react-components/commit/31a2ff2)) by: **gongjinhua**
+* 模态框VtxModal新增大小配置 ([de1eaa0](https://git.cloudhw.cn:3443/front-end/react-components/commit/de1eaa0)) by: **gongjinhua**
+* 模态框新增标题VtxModal.Title组件 ([2dafc6a](https://git.cloudhw.cn:3443/front-end/react-components/commit/2dafc6a)) by: **gongjinhua**
+* 表单布局VtxFormLayout修改 ([0ea5e88](https://git.cloudhw.cn:3443/front-end/react-components/commit/0ea5e88)) by: **gongjinhua**
+* 表单布局VtxFormLayout布局模式修改 ([46c6cc8](https://git.cloudhw.cn:3443/front-end/react-components/commit/46c6cc8)) by: **gongjinhua**
+* 表单布局VtxFormLayout标签名称后去除冒号":"显示 ([a9e2cdc](https://git.cloudhw.cn:3443/front-end/react-components/commit/a9e2cdc)) by: **gongjinhua**
+* 表单组件VtxFormLayout标签分组和窗格分组 ([59f0495](https://git.cloudhw.cn:3443/front-end/react-components/commit/59f0495)) by: **gongjinhua**
+* 表格VtxDatagrid单元格去除选中背景色 ([f5fade9](https://git.cloudhw.cn:3443/front-end/react-components/commit/f5fade9)) by: **gongjinhua**
+* 表格VtxDatagrid空数据时图标修改，表格样式调整 ([b7a8888](https://git.cloudhw.cn:3443/front-end/react-components/commit/b7a8888)) by: **gongjinhua**
+* 页面布局VtxPageLayout新增左右布局窗格 ([184b7e5](https://git.cloudhw.cn:3443/front-end/react-components/commit/184b7e5)) by: **gongjinhua**
+* 页面布局VtxPageLayout添加统计表格布局 ([44c9f81](https://git.cloudhw.cn:3443/front-end/react-components/commit/44c9f81)) by: **gongjinhua**
+* 页面布局新增CRUD布局 ([f6bb676](https://git.cloudhw.cn:3443/front-end/react-components/commit/f6bb676)) by: **gongjinhua**
+
+
+### 🎫 Chores
+
+* release v2.5.0 ([d7de29b](https://git.cloudhw.cn:3443/front-end/react-components/commit/d7de29b)) by: **gongjinhua**
+* 设置antd主题样式border-radius-base为2px ([bb88a79](https://git.cloudhw.cn:3443/front-end/react-components/commit/bb88a79)) by: **gongjinhua**
+* 调整demo内样式 ([47e2145](https://git.cloudhw.cn:3443/front-end/react-components/commit/47e2145)) by: **gongjinhua**
+
+
+### 🐛 Bug Fixes
+
+* 修复分割面板VtxSplitPane组件销毁后onresize监听事件仍存在导致报错的问题 ([08186c4](https://git.cloudhw.cn:3443/front-end/react-components/commit/08186c4)) by: **gongjinhua**
+* 暂时使用本地变量打包，后续改成antd主题文件中获取 ([b2bf089](https://git.cloudhw.cn:3443/front-end/react-components/commit/b2bf089)) by: **gongjinhua**
+
+
+### 📝 Documentation
+
+* 完善统计栏VtxStatisticsColumn文档 ([bce60c9](https://git.cloudhw.cn:3443/front-end/react-components/commit/bce60c9)) by: **gongjinhua**
+* 数据表格VtxDatagrid添加固定列示例 ([30b9753](https://git.cloudhw.cn:3443/front-end/react-components/commit/30b9753)) by: **gongjinhua**
+* 样式调整 ([2668d35](https://git.cloudhw.cn:3443/front-end/react-components/commit/2668d35)) by: **gongjinhua**
+* 添加富文本空值检验示例 ([00f31c7](https://git.cloudhw.cn:3443/front-end/react-components/commit/00f31c7)) by: **gongjinhua**
+* 添加模态框VtxModal大小配置 ([71b847d](https://git.cloudhw.cn:3443/front-end/react-components/commit/71b847d)) by: **gongjinhua**
+* 版本号修改为2.5.0 ([081963b](https://git.cloudhw.cn:3443/front-end/react-components/commit/081963b)) by: **gongjinhua**
+* 统计栏VtxStatisticsColumn归类到数据显示中 ([4a856aa](https://git.cloudhw.cn:3443/front-end/react-components/commit/4a856aa)) by: **gongjinhua**
+* 表单布局文档示例中模态框宽度使用VtxModal.size ([8f5c0aa](https://git.cloudhw.cn:3443/front-end/react-components/commit/8f5c0aa)) by: **gongjinhua**
+* 表单布局示例文字修改 ([4c6bf94](https://git.cloudhw.cn:3443/front-end/react-components/commit/4c6bf94)) by: **gongjinhua**
+* 表格列设置示例修改 ([2a5c92c](https://git.cloudhw.cn:3443/front-end/react-components/commit/2a5c92c)) by: **gongjinhua**
+
+
+
+## [2.4.2](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.4.1...2.4.2) (2021-10-25)
+
+
+### 🎫 Chores
+
+* release v2.4.2 ([f70e16f](https://git.cloudhw.cn:3443/front-end/react-components/commit/f70e16f)) by: **gongjinhua**
+
+
+### 🐛 Bug Fixes
+
+* 修复VtxImage放大预览时图片路径不全导致图片显示错误的问题 ([e77a582](https://git.cloudhw.cn:3443/front-end/react-components/commit/e77a582)) by: **gongjinhua**
+
+
+
 ## [2.4.1](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.4.0...2.4.1) (2021-10-22)
 
 
@@ -6,6 +111,11 @@
 * 数据表格VtxDatagrid列设置隐藏新增显示列visibleColumnKeys字段 ([3d5d037](https://git.cloudhw.cn:3443/front-end/react-components/commit/3d5d037)) by: **gongjinhua**
 
 
+### 🎫 Chores
+
+* release v2.4.1 ([83276a3](https://git.cloudhw.cn:3443/front-end/react-components/commit/83276a3)) by: **gongjinhua**
+
+
 ### 🐛 Bug Fixes
 
 * 修复VtxCombogrid结合Form使用时ref指向混乱的问题 ([b0f116f](https://git.cloudhw.cn:3443/front-end/react-components/commit/b0f116f)) by: **gongjinhua**

package/lib/vtx-datagrid/Alert.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _alert = _interopRequireDefault(require("antd/es/alert"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function TableAlert(_ref) {
+  var prefixCls = _ref.prefixCls,
+      _ref$selectedRowKeys = _ref.selectedRowKeys,
+      selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+      claerRowSelection = _ref.claerRowSelection;
+
+  var message = /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-alert-message")
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(prefixCls, "-alert-info-content")
+  }, "\u5DF2\u9009\u62E9", /*#__PURE__*/_react["default"].createElement("strong", null, selectedRowKeys.length), "\u9879"), /*#__PURE__*/_react["default"].createElement("a", {
+    className: "".concat(prefixCls, "-alert-info-option"),
+    onClick: claerRowSelection
+  }, "\u6E05\u7A7A\u9009\u62E9"));
+
+  return /*#__PURE__*/_react["default"].createElement(_alert["default"], {
+    type: "info",
+    showIcon: true,
+    message: message
+  });
+}
+
+var _default = TableAlert;
+exports["default"] = _default;
+TableAlert.propTypes = {
+  prefixCls: _propTypes["default"].string,
+  selectedRowKeys: _propTypes["default"].array,
+  claerRowSelection: _propTypes["default"].func
+};
+//# sourceMappingURL=Alert.js.map

package/lib/vtx-datagrid/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-datagrid/Alert.jsx"],"names":["TableAlert","prefixCls","selectedRowKeys","claerRowSelection","message","length","propTypes","PropTypes","string","array","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,UAAT,OAA4E;AAAA,MAAtDC,SAAsD,QAAtDA,SAAsD;AAAA,kCAA3CC,eAA2C;AAAA,MAA3CA,eAA2C,qCAAzB,EAAyB;AAAA,MAArBC,iBAAqB,QAArBA,iBAAqB;;AACxE,MAAMC,OAAO,gBACT;AAAK,IAAA,SAAS,YAAKH,SAAL;AAAd,kBACI;AAAM,IAAA,SAAS,YAAKA,SAAL;AAAf,wCACO,gDAASC,eAAe,CAACG,MAAzB,CADP,WADJ,eAII;AAAG,IAAA,SAAS,YAAKJ,SAAL,uBAAZ;AAAgD,IAAA,OAAO,EAAEE;AAAzD,gCAJJ,CADJ;;AAUA,sBAAO,gCAAC,iBAAD;AAAO,IAAA,IAAI,EAAC,MAAZ;AAAmB,IAAA,QAAQ,MAA3B;AAA4B,IAAA,OAAO,EAAEC;AAArC,IAAP;AACH;;eAEcJ,U;;AAEfA,UAAU,CAACM,SAAX,GAAuB;AACnBL,EAAAA,SAAS,EAAEM,sBAAUC,MADF;AAEnBN,EAAAA,eAAe,EAAEK,sBAAUE,KAFR;AAGnBN,EAAAA,iBAAiB,EAAEI,sBAAUG;AAHV,CAAvB","sourcesContent":["import React from 'react';\nimport Alert from 'antd/es/alert';\nimport PropTypes from 'prop-types';\n\nfunction TableAlert({ prefixCls, selectedRowKeys = [], claerRowSelection }) {\n    const message = (\n        <div className={`${prefixCls}-alert-message`}>\n            <span className={`${prefixCls}-alert-info-content`}>\n                已选择<strong>{selectedRowKeys.length}</strong>项\n            </span>\n            <a className={`${prefixCls}-alert-info-option`} onClick={claerRowSelection}>\n                清空选择\n            </a>\n        </div>\n    );\n    return <Alert type=\"info\" showIcon message={message} />;\n}\n\nexport default TableAlert;\n\nTableAlert.propTypes = {\n    prefixCls: PropTypes.string,\n    selectedRowKeys: PropTypes.array,\n    claerRowSelection: PropTypes.func,\n};\n"],"file":"Alert.js"}

package/lib/vtx-datagrid/index.js

@@ -19,10 +19,14 @@ var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
 
 var _menu = _interopRequireDefault(require("antd/es/menu"));
 
+var _empty = _interopRequireDefault(require("antd/es/empty"));
+
 var _classnames2 = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _Alert = _interopRequireDefault(require("./Alert"));
+
 var _ColumnSetting = _interopRequireDefault(require("./ColumnSetting"));
 
 var _ResizeableTitle = _interopRequireDefault(require("./ResizeableTitle"));
@@ -72,7 +76,7 @@ function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 function VtxDatagrid(props) {
-  var _dataSource2, _classnames;
+  var _rest$rowSelection, _rest$rowSelection2, _dataSource2, _classnames, _rest$rowSelection3;
 
   var _useSet = (0, _useSet3["default"])({
     // 显示列
@@ -83,7 +87,7 @@ function VtxDatagrid(props) {
     columnSettingOptions: [],
     datagridId: "vtx-datagrid-".concat(new Date().getTime()),
     scrollY: null,
-    size: 'default'
+    size: 'middle'
   }),
       _useSet2 = _slicedToArray(_useSet, 2),
       state = _useSet2[0],
@@ -94,7 +98,11 @@ function VtxDatagrid(props) {
       columnSettingOptions = state.columnSettingOptions,
       datagridId = state.datagridId,
       scrollY = state.scrollY,
-      size = state.size;
+      size = state.size; // 列设置提示高度
+
+  var alertHeight = (0, _react.useRef)(0); // 工具栏高度
+
+  var toolbarHeight = (0, _react.useRef)(0);
 
   var _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'vtx-datagrid' : _props$prefixCls,
@@ -114,6 +122,10 @@ function VtxDatagrid(props) {
       onRefresh = props.onRefresh,
       _props$indexColumn = props.indexColumn,
       indexColumn = _props$indexColumn === void 0 ? true : _props$indexColumn,
+      _props$indexFixed = props.indexFixed,
+      indexFixed = _props$indexFixed === void 0 ? false : _props$indexFixed,
+      _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
       _props$indexTitle = props.indexTitle,
       indexTitle = _props$indexTitle === void 0 ? '序号' : _props$indexTitle,
       _props$startIndex = props.startIndex,
@@ -125,7 +137,11 @@ function VtxDatagrid(props) {
       columnResizable = props.columnResizable,
       className = props.className,
       style = props.style,
-      rest = _objectWithoutProperties(props, ["prefixCls", "toolbar", "toolbarClassName", "toolbarTilte", "buttonGroup", "refreshIconVisible", "hideColumnSetting", "hideColumnHeight", "visibleColumnKeys", "defaultVisibleColumnKeys", "onVisibleColumnsChange", "onRefresh", "indexColumn", "indexTitle", "startIndex", "autoFit", "headFootHeight", "columnResizable", "className", "style"]);
+      _props$emptyText = props.emptyText,
+      emptyText = _props$emptyText === void 0 ? '暂无数据' : _props$emptyText,
+      claerRowSelection = props.claerRowSelection,
+      searchCollapseEvent$ = props.searchCollapseEvent$,
+      rest = _objectWithoutProperties(props, ["prefixCls", "toolbar", "toolbarClassName", "toolbarTilte", "buttonGroup", "refreshIconVisible", "hideColumnSetting", "hideColumnHeight", "visibleColumnKeys", "defaultVisibleColumnKeys", "onVisibleColumnsChange", "onRefresh", "indexColumn", "indexFixed", "bordered", "indexTitle", "startIndex", "autoFit", "headFootHeight", "columnResizable", "className", "style", "emptyText", "claerRowSelection", "searchCollapseEvent$"]);
 
   (0, _react.useEffect)(function () {
     // componentDidMount
@@ -144,7 +160,20 @@ function VtxDatagrid(props) {
     if (autoFit) {
       calculateHeight();
     }
-  }, [scrollY]);
+  }, [(((_rest$rowSelection = rest.rowSelection) === null || _rest$rowSelection === void 0 ? void 0 : _rest$rowSelection.selectedRowKeys) || []).join(',')]); // 只有被TableLayout.Page包裹时才会存在searchCollapseEvent$这个参数
+
+  if (searchCollapseEvent$) {
+    // eslint-disable-next-line react/prop-types
+    searchCollapseEvent$.useSubscription(function () {
+      // 350ms 是为了等待css动画时间
+      var timer = setTimeout(function () {
+        calculateHeight();
+        timer = '';
+        clearTimeout(timer);
+      }, 350);
+    });
+  }
+
   (0, _react.useEffect)(function () {
     var _rest$columns;
 
@@ -188,15 +217,12 @@ function VtxDatagrid(props) {
     }
   };
 
-  var toolbarHeight = toolbar ? 56 : 0; // 高度计算
+  var hasAlert = (((_rest$rowSelection2 = rest.rowSelection) === null || _rest$rowSelection2 === void 0 ? void 0 : _rest$rowSelection2.selectedRowKeys) || []).length > 0;
+  alertHeight.current = hasAlert ? 49 : 0;
+  toolbarHeight.current = toolbar ? 56 : 0; // 高度计算
 
   var calculateHeight = function calculateHeight() {
-    var bodyHeight = document.getElementById(datagridId).clientHeight - headFootHeight;
-
-    if (toolbar) {
-      bodyHeight = bodyHeight - toolbarHeight;
-    }
-
+    var bodyHeight = document.getElementById(datagridId).clientHeight - headFootHeight - toolbarHeight.current - alertHeight.current;
     var divs = document.getElementById(datagridId).getElementsByTagName('div');
     var bodyDiv = Array.prototype.filter.call(divs, function (dom) {
       return dom.className == 'ant-table-body';
@@ -312,7 +338,9 @@ function VtxDatagrid(props) {
     return _objectSpread(_objectSpread({}, newColumn), {}, {
       render: (0, _isFunction["default"])(column.renderButtons) ? function (text, record, index) {
         return (0, _renderColumnButtons["default"])(column.renderButtons, column.renderButtonsVisibleNum, text, record, index);
-      } : column.render
+      } : 'render' in column ? column.render : function (text) {
+        return ['', null, undefined].includes(text) ? '-' : text;
+      }
     });
   }); // 配置了列可伸缩
 
@@ -357,7 +385,8 @@ function VtxDatagrid(props) {
       title: indexTitle,
       dataIndex: '_serialNum',
       key: '_serialNum',
-      width: 70
+      width: 70,
+      fixed: indexFixed
     }].concat(_toConsumableArray(columns));
     dataSource = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.map(function (item, i) {
       return _objectSpread(_objectSpread({}, item), {}, {
@@ -378,16 +407,28 @@ function VtxDatagrid(props) {
     id: datagridId,
     className: (0, _classnames2["default"])(prefixCls, className, (_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-fit"), autoFit), _defineProperty(_classnames, "".concat(prefixCls, "-nodata"), !((_dataSource2 = dataSource) !== null && _dataSource2 !== void 0 && _dataSource2.length)), _classnames)),
     style: style
-  }, toolbarRender, /*#__PURE__*/_react["default"].createElement(_table["default"], _extends({
-    size: size
+  }, toolbarRender, hasAlert && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-alert")
+  }, /*#__PURE__*/_react["default"].createElement(_Alert["default"], {
+    prefixCls: prefixCls,
+    selectedRowKeys: (_rest$rowSelection3 = rest.rowSelection) === null || _rest$rowSelection3 === void 0 ? void 0 : _rest$rowSelection3.selectedRowKeys,
+    claerRowSelection: claerRowSelection
+  })), /*#__PURE__*/_react["default"].createElement(_table["default"], _extends({
+    size: size,
+    bordered: bordered
   }, rest, {
     columns: columns,
     dataSource: dataSource,
     scroll: scroll,
     pagination: getPagination(rest.pagination),
     style: {
-      height: "calc(100% - ".concat(toolbarHeight, "px)")
+      height: "calc(100% - ".concat(toolbarHeight.current + alertHeight.current, "px)")
     },
+    locale: _objectSpread({
+      emptyText: /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+        description: emptyText
+      })
+    }, rest.locale),
     components: columnResizable ? {
       header: {
         cell: _ResizeableTitle["default"]
@@ -401,6 +442,7 @@ VtxDatagrid.propTypes = {
   refreshIconVisible: _propTypes["default"].bool,
   hideColumnSetting: _propTypes["default"].bool,
   hideColumnHeight: _propTypes["default"].bool,
+  bordered: _propTypes["default"].bool,
   visibleColumnKeys: _propTypes["default"].array,
   defaultVisibleColumnKeys: _propTypes["default"].array,
   onVisibleColumnsChange: _propTypes["default"].func,
@@ -409,12 +451,16 @@ VtxDatagrid.propTypes = {
   toolbarTilte: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
   onRefresh: _propTypes["default"].func,
   indexColumn: _propTypes["default"].bool,
+  indexFixed: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].bool]),
   indexTitle: _propTypes["default"].string,
   startIndex: _propTypes["default"].number,
   buttonGroup: _propTypes["default"].node,
   autoFit: _propTypes["default"].bool,
   headFootHeight: _propTypes["default"].number,
   columnResizable: _propTypes["default"].bool,
+  emptyText: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
+  claerRowSelection: _propTypes["default"].func,
+  searchCollapseEvent$: _propTypes["default"].object,
   className: _propTypes["default"].string,
   style: _propTypes["default"].object
 };

package/lib/vtx-datagrid/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-datagrid/index.jsx"],"names":["VtxDatagrid","props","visibleColumns","checkedColumnKeys","columnSettingOptions","datagridId","Date","getTime","scrollY","size","state","setState","prefixCls","toolbar","toolbarClassName","toolbarTilte","buttonGroup","refreshIconVisible","hideColumnSetting","hideColumnHeight","visibleColumnKeys","defaultVisibleColumnKeys","onVisibleColumnsChange","onRefresh","indexColumn","indexTitle","startIndex","autoFit","headFootHeight","columnResizable","className","style","rest","window","addEventListener","calculateHeight","removeEventListener","parseColumns","columns","map","col","key","dataIndex","type","columnKeys","filter","item","includes","toolbarHeight","bodyHeight","document","getElementById","clientHeight","divs","getElementsByTagName","bodyDiv","Array","prototype","call","dom","minHeight","handleChangeColumns","keys","toolbarRender","getPagination","pagination","pageSizeOptions","showSizeChanger","showQuickJumper","showTotal","total","column","newColumn","renderButtons","renderButtonsVisibleNum","render","text","record","index","onHeaderCell","width","onResize","handleResize","e","nextColumns","dataSource","title","i","_serialNum","scroll","y","length","height","header","cell","ResizeableTitle","undefined","propTypes","PropTypes","string","bool","array","func","oneOfType","node","number","object"],"mappings":"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","sourcesContent":["import React, { useEffect, useLayoutEffect } from 'react';\nimport Table from 'antd/es/table';\nimport Icon from 'antd/es/icon';\nimport Tooltip from 'antd/es/tooltip';\nimport Dropdown from 'antd/es/dropdown';\nimport Menu from 'antd/es/menu';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport ColumnSetting from './ColumnSetting';\nimport ResizeableTitle from './ResizeableTitle';\nimport renderColumnButtons from './renderColumnButtons';\nimport useSet from '../_util/useSet';\nimport isFunction from '../_util/isFunction';\n\nexport default function VtxDatagrid(props) {\n    const [state, setState] = useSet({\n        // 显示列\n        visibleColumns: [],\n        // 列设置选中的列\n        checkedColumnKeys: [],\n        // 列设置选项\n        columnSettingOptions: [],\n        datagridId: `vtx-datagrid-${new Date().getTime()}`,\n        scrollY: null,\n        size: 'default',\n    });\n    const {\n        visibleColumns,\n        checkedColumnKeys,\n        columnSettingOptions,\n        datagridId,\n        scrollY,\n        size,\n    } = state;\n\n    const {\n        prefixCls = 'vtx-datagrid',\n        toolbar = true,\n        toolbarClassName,\n        toolbarTilte = '查询结果',\n        buttonGroup,\n        refreshIconVisible = true,\n        hideColumnSetting,\n        hideColumnHeight,\n        visibleColumnKeys,\n        defaultVisibleColumnKeys,\n        onVisibleColumnsChange,\n        onRefresh,\n        indexColumn = true,\n        indexTitle = '序号',\n        startIndex = 1,\n        autoFit = true,\n        headFootHeight = 115,\n        columnResizable,\n        className,\n        style,\n        ...rest\n    } = props;\n\n    useEffect(() => {\n        // componentDidMount\n        if (autoFit) {\n            window.addEventListener('resize', calculateHeight, false);\n        }\n        return () => {\n            // componentWillUnmount\n            if (autoFit) {\n                window.removeEventListener('resize', calculateHeight, false);\n            }\n        };\n    }, []);\n\n    useLayoutEffect(() => {\n        if (autoFit) {\n            calculateHeight();\n        }\n    }, [scrollY]);\n\n    useEffect(() => {\n        parseColumns();\n        setState({\n            columnSettingOptions: rest.columns?.map(col => ({\n                ...col,\n                key: col.dataIndex || col.key,\n            })),\n        });\n    }, [rest.columns]);\n\n    const parseColumns = type => {\n        // 显示工具栏的同时并显示列设置\n        if (toolbar && !hideColumnSetting) {\n            if (defaultVisibleColumnKeys || visibleColumnKeys) {\n                const columnKeys =\n                    type === 'reset'\n                        ? defaultVisibleColumnKeys\n                        : visibleColumnKeys || defaultVisibleColumnKeys;\n                setState({\n                    checkedColumnKeys: columnKeys,\n                    visibleColumns: rest.columns?.filter(item =>\n                        columnKeys.includes(item.dataIndex || item.key),\n                    ),\n                });\n            } else {\n                setState({\n                    checkedColumnKeys: rest.columns?.map(item => item.dataIndex || item.key),\n                    visibleColumns: rest.columns,\n                });\n            }\n        } else {\n            setState({\n                visibleColumns: rest.columns,\n            });\n        }\n    };\n\n    const toolbarHeight = toolbar ? 56 : 0;\n    // 高度计算\n    const calculateHeight = () => {\n        let bodyHeight = document.getElementById(datagridId).clientHeight - headFootHeight;\n\n        if (toolbar) {\n            bodyHeight = bodyHeight - toolbarHeight;\n        }\n        const divs = document.getElementById(datagridId).getElementsByTagName('div');\n        const bodyDiv = Array.prototype.filter.call(\n            divs,\n            dom => dom.className == 'ant-table-body',\n        )[0];\n        bodyDiv.style.minHeight = `${bodyHeight}px`;\n        setState({\n            scrollY: bodyHeight,\n        });\n    };\n\n    // 列设置回调\n    const handleChangeColumns = keys => {\n        setState({\n            checkedColumnKeys: keys,\n            visibleColumns: columnSettingOptions?.filter(item => keys.includes(item.key)),\n        });\n        onVisibleColumnsChange && onVisibleColumnsChange(keys);\n    };\n\n    // 工具栏\n    let toolbarRender;\n    if (toolbar) {\n        toolbarRender = (\n            <div className={classnames(`${prefixCls}-toolbar`, toolbarClassName)}>\n                <div className={`${prefixCls}-toolbar-left`}>{toolbarTilte}</div>\n                <div className={`${prefixCls}-toolbar-right`}>\n                    <div\n                        className={classnames(\n                            `${prefixCls}-space-item`,\n                            `${prefixCls}-toolbar-actions`,\n                        )}\n                    >\n                        {buttonGroup}\n                    </div>\n                    <div\n                        className={classnames(\n                            `${prefixCls}-space-item`,\n                            `${prefixCls}-toolbar-setting`,\n                        )}\n                    >\n                        {refreshIconVisible && (\n                            <div\n                                className={`${prefixCls}-toolbar-setting-item`}\n                                onClick={() => {\n                                    onRefresh && onRefresh();\n                                }}\n                            >\n                                <Tooltip title=\"刷新\">\n                                    <Icon type=\"redo\" />\n                                </Tooltip>\n                            </div>\n                        )}\n                        {!hideColumnHeight && (\n                            <div className={`${prefixCls}-toolbar-setting-item`}>\n                                <Dropdown\n                                    overlay={\n                                        <Menu\n                                            onClick={({ key }) => setState({ size: key })}\n                                            selectedKeys={[size]}\n                                        >\n                                            <Menu.Item key=\"default\">默认</Menu.Item>\n                                            <Menu.Item key=\"middle\">中等</Menu.Item>\n                                            <Menu.Item key=\"small\">紧凑</Menu.Item>\n                                        </Menu>\n                                    }\n                                    trigger={['click']}\n                                >\n                                    <Tooltip title=\"列密度\">\n                                        <Icon type=\"column-height\" />\n                                    </Tooltip>\n                                </Dropdown>\n                            </div>\n                        )}\n                        {!hideColumnSetting && (\n                            <div className={`${prefixCls}-toolbar-setting-item`}>\n                                <ColumnSetting\n                                    prefixCls={prefixCls}\n                                    checkedColumnKeys={checkedColumnKeys}\n                                    columnSettingOptions={columnSettingOptions}\n                                    onChange={handleChangeColumns}\n                                    onReset={() => parseColumns('reset')}\n                                >\n                                    <Tooltip title=\"列设置\">\n                                        <Icon type=\"setting\" />\n                                    </Tooltip>\n                                </ColumnSetting>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    // 分页\n    const getPagination = pagination => {\n        if (typeof pagination === 'boolean' && !pagination) {\n            return pagination;\n        }\n        return {\n            pageSizeOptions: ['10', '20', '30', '40', '50'],\n            showSizeChanger: true,\n            showQuickJumper: true,\n            showTotal(total) {\n                return `共 ${total} 条`;\n            },\n            ...pagination,\n        };\n    };\n\n    // 处理操作按钮\n    let columns = (visibleColumns || []).map(column => {\n        const newColumn = { ...column };\n        if (newColumn.renderButtons) {\n            delete newColumn.renderButtons;\n        }\n        if (newColumn.renderButtonsVisibleNum) {\n            delete newColumn.renderButtonsVisibleNum;\n        }\n        return {\n            ...newColumn,\n            render: isFunction(column.renderButtons)\n                ? function(text, record, index) {\n                      return renderColumnButtons(\n                          column.renderButtons,\n                          column.renderButtonsVisibleNum,\n                          text,\n                          record,\n                          index,\n                      );\n                  }\n                : column.render,\n        };\n    });\n    // 配置了列可伸缩\n    if (columnResizable) {\n        columns = columns.map((col, index) => ({\n            ...col,\n            onHeaderCell: column => ({\n                width: column.width,\n                onResize: handleResize(index),\n            }),\n        }));\n        const handleResize = index => (e, { size }) => {\n            setState(({ visibleColumns }) => {\n                const nextColumns = [...visibleColumns];\n                nextColumns[index] = {\n                    ...nextColumns[index],\n                    width: size.width,\n                };\n                return { visibleColumns: nextColumns };\n            });\n        };\n    }\n\n    // 序号添加\n    let dataSource = rest.dataSource;\n    if (indexColumn) {\n        columns = [\n            {\n                title: indexTitle,\n                dataIndex: '_serialNum',\n                key: '_serialNum',\n                width: 70,\n            },\n            ...columns,\n        ];\n        dataSource = dataSource?.map((item, i) => {\n            return {\n                ...item,\n                _serialNum: i + startIndex,\n            };\n        });\n    }\n\n    let scroll;\n    if (autoFit) {\n        scroll = {\n            ...(rest.scroll || {}),\n            y: scrollY,\n        };\n    }\n\n    return (\n        <div\n            id={datagridId}\n            className={classnames(prefixCls, className, {\n                [`${prefixCls}-fit`]: autoFit,\n                [`${prefixCls}-nodata`]: !dataSource?.length,\n            })}\n            style={style}\n        >\n            {toolbarRender}\n            <Table\n                size={size}\n                {...rest}\n                columns={columns}\n                dataSource={dataSource}\n                scroll={scroll}\n                pagination={getPagination(rest.pagination)}\n                style={{ height: `calc(100% - ${toolbarHeight}px)` }}\n                components={\n                    columnResizable\n                        ? {\n                              header: {\n                                  cell: ResizeableTitle,\n                              },\n                          }\n                        : undefined\n                }\n            />\n        </div>\n    );\n}\n\nVtxDatagrid.propTypes = {\n    prefixCls: PropTypes.string,\n    refreshIconVisible: PropTypes.bool,\n    hideColumnSetting: PropTypes.bool,\n    hideColumnHeight: PropTypes.bool,\n    visibleColumnKeys: PropTypes.array,\n    defaultVisibleColumnKeys: PropTypes.array,\n    onVisibleColumnsChange: PropTypes.func,\n    toolbarClassName: PropTypes.string,\n    toolbar: PropTypes.bool,\n    toolbarTilte: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    onRefresh: PropTypes.func,\n    indexColumn: PropTypes.bool,\n    indexTitle: PropTypes.string,\n    startIndex: PropTypes.number,\n    buttonGroup: PropTypes.node,\n    autoFit: PropTypes.bool,\n    headFootHeight: PropTypes.number,\n    columnResizable: PropTypes.bool,\n    className: PropTypes.string,\n    style: PropTypes.object,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-datagrid/index.jsx"],"names":["VtxDatagrid","props","visibleColumns","checkedColumnKeys","columnSettingOptions","datagridId","Date","getTime","scrollY","size","state","setState","alertHeight","toolbarHeight","prefixCls","toolbar","toolbarClassName","toolbarTilte","buttonGroup","refreshIconVisible","hideColumnSetting","hideColumnHeight","visibleColumnKeys","defaultVisibleColumnKeys","onVisibleColumnsChange","onRefresh","indexColumn","indexFixed","bordered","indexTitle","startIndex","autoFit","headFootHeight","columnResizable","className","style","emptyText","claerRowSelection","searchCollapseEvent$","rest","window","addEventListener","calculateHeight","removeEventListener","rowSelection","selectedRowKeys","join","useSubscription","timer","setTimeout","clearTimeout","parseColumns","columns","map","col","key","dataIndex","type","columnKeys","filter","item","includes","hasAlert","length","current","bodyHeight","document","getElementById","clientHeight","divs","getElementsByTagName","bodyDiv","Array","prototype","call","dom","minHeight","handleChangeColumns","keys","toolbarRender","getPagination","pagination","pageSizeOptions","showSizeChanger","showQuickJumper","showTotal","total","column","newColumn","renderButtons","renderButtonsVisibleNum","render","text","record","index","undefined","onHeaderCell","width","onResize","handleResize","e","nextColumns","dataSource","title","fixed","i","_serialNum","scroll","y","height","locale","header","cell","ResizeableTitle","propTypes","PropTypes","string","bool","array","func","oneOfType","node","number","object"],"mappings":"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","sourcesContent":["import React, { useEffect, useLayoutEffect, useRef } from 'react';\nimport Table from 'antd/es/table';\nimport Icon from 'antd/es/icon';\nimport Tooltip from 'antd/es/tooltip';\nimport Dropdown from 'antd/es/dropdown';\nimport Menu from 'antd/es/menu';\nimport Empty from 'antd/es/empty';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Alert from './Alert';\nimport ColumnSetting from './ColumnSetting';\nimport ResizeableTitle from './ResizeableTitle';\nimport renderColumnButtons from './renderColumnButtons';\nimport useSet from '../_util/useSet';\nimport isFunction from '../_util/isFunction';\n\nexport default function VtxDatagrid(props) {\n    const [state, setState] = useSet({\n        // 显示列\n        visibleColumns: [],\n        // 列设置选中的列\n        checkedColumnKeys: [],\n        // 列设置选项\n        columnSettingOptions: [],\n        datagridId: `vtx-datagrid-${new Date().getTime()}`,\n        scrollY: null,\n        size: 'middle',\n    });\n    const {\n        visibleColumns,\n        checkedColumnKeys,\n        columnSettingOptions,\n        datagridId,\n        scrollY,\n        size,\n    } = state;\n\n    // 列设置提示高度\n    const alertHeight = useRef(0);\n    // 工具栏高度\n    const toolbarHeight = useRef(0);\n\n    const {\n        prefixCls = 'vtx-datagrid',\n        toolbar = true,\n        toolbarClassName,\n        toolbarTilte = '查询结果',\n        buttonGroup,\n        refreshIconVisible = true,\n        hideColumnSetting,\n        hideColumnHeight,\n        visibleColumnKeys,\n        defaultVisibleColumnKeys,\n        onVisibleColumnsChange,\n        onRefresh,\n        indexColumn = true,\n        indexFixed = false,\n        bordered = true,\n        indexTitle = '序号',\n        startIndex = 1,\n        autoFit = true,\n        headFootHeight = 115,\n        columnResizable,\n        className,\n        style,\n        emptyText = '暂无数据',\n        claerRowSelection,\n        searchCollapseEvent$,\n        ...rest\n    } = props;\n\n    useEffect(() => {\n        // componentDidMount\n        if (autoFit) {\n            window.addEventListener('resize', calculateHeight, false);\n        }\n        return () => {\n            // componentWillUnmount\n            if (autoFit) {\n                window.removeEventListener('resize', calculateHeight, false);\n            }\n        };\n    }, []);\n\n    useLayoutEffect(() => {\n        if (autoFit) {\n            calculateHeight();\n        }\n    }, [(rest.rowSelection?.selectedRowKeys || []).join(',')]);\n\n    // 只有被TableLayout.Page包裹时才会存在searchCollapseEvent$这个参数\n    if (searchCollapseEvent$) {\n        // eslint-disable-next-line react/prop-types\n        searchCollapseEvent$.useSubscription(() => {\n            // 350ms 是为了等待css动画时间\n            let timer = setTimeout(() => {\n                calculateHeight();\n                timer = '';\n                clearTimeout(timer);\n            }, 350);\n        });\n    }\n\n    useEffect(() => {\n        parseColumns();\n        setState({\n            columnSettingOptions: rest.columns?.map(col => ({\n                ...col,\n                key: col.dataIndex || col.key,\n            })),\n        });\n    }, [rest.columns]);\n\n    const parseColumns = type => {\n        // 显示工具栏的同时并显示列设置\n        if (toolbar && !hideColumnSetting) {\n            if (defaultVisibleColumnKeys || visibleColumnKeys) {\n                const columnKeys =\n                    type === 'reset'\n                        ? defaultVisibleColumnKeys\n                        : visibleColumnKeys || defaultVisibleColumnKeys;\n                setState({\n                    checkedColumnKeys: columnKeys,\n                    visibleColumns: rest.columns?.filter(item =>\n                        columnKeys.includes(item.dataIndex || item.key),\n                    ),\n                });\n            } else {\n                setState({\n                    checkedColumnKeys: rest.columns?.map(item => item.dataIndex || item.key),\n                    visibleColumns: rest.columns,\n                });\n            }\n        } else {\n            setState({\n                visibleColumns: rest.columns,\n            });\n        }\n    };\n\n    const hasAlert = (rest.rowSelection?.selectedRowKeys || []).length > 0;\n    alertHeight.current = hasAlert ? 49 : 0;\n    toolbarHeight.current = toolbar ? 56 : 0;\n    // 高度计算\n    const calculateHeight = () => {\n        const bodyHeight =\n            document.getElementById(datagridId).clientHeight -\n            headFootHeight -\n            toolbarHeight.current -\n            alertHeight.current;\n        const divs = document.getElementById(datagridId).getElementsByTagName('div');\n        const bodyDiv = Array.prototype.filter.call(\n            divs,\n            dom => dom.className == 'ant-table-body',\n        )[0];\n        bodyDiv.style.minHeight = `${bodyHeight}px`;\n        setState({\n            scrollY: bodyHeight,\n        });\n    };\n\n    // 列设置回调\n    const handleChangeColumns = keys => {\n        setState({\n            checkedColumnKeys: keys,\n            visibleColumns: columnSettingOptions?.filter(item => keys.includes(item.key)),\n        });\n        onVisibleColumnsChange && onVisibleColumnsChange(keys);\n    };\n\n    // 工具栏\n    let toolbarRender;\n    if (toolbar) {\n        toolbarRender = (\n            <div className={classnames(`${prefixCls}-toolbar`, toolbarClassName)}>\n                <div className={`${prefixCls}-toolbar-left`}>{toolbarTilte}</div>\n                <div className={`${prefixCls}-toolbar-right`}>\n                    <div\n                        className={classnames(\n                            `${prefixCls}-space-item`,\n                            `${prefixCls}-toolbar-actions`,\n                        )}\n                    >\n                        {buttonGroup}\n                    </div>\n                    <div\n                        className={classnames(\n                            `${prefixCls}-space-item`,\n                            `${prefixCls}-toolbar-setting`,\n                        )}\n                    >\n                        {refreshIconVisible && (\n                            <div\n                                className={`${prefixCls}-toolbar-setting-item`}\n                                onClick={() => {\n                                    onRefresh && onRefresh();\n                                }}\n                            >\n                                <Tooltip title=\"刷新\">\n                                    <Icon type=\"redo\" />\n                                </Tooltip>\n                            </div>\n                        )}\n                        {!hideColumnHeight && (\n                            <div className={`${prefixCls}-toolbar-setting-item`}>\n                                <Dropdown\n                                    overlay={\n                                        <Menu\n                                            onClick={({ key }) => setState({ size: key })}\n                                            selectedKeys={[size]}\n                                        >\n                                            <Menu.Item key=\"default\">默认</Menu.Item>\n                                            <Menu.Item key=\"middle\">中等</Menu.Item>\n                                            <Menu.Item key=\"small\">紧凑</Menu.Item>\n                                        </Menu>\n                                    }\n                                    trigger={['click']}\n                                >\n                                    <Tooltip title=\"列密度\">\n                                        <Icon type=\"column-height\" />\n                                    </Tooltip>\n                                </Dropdown>\n                            </div>\n                        )}\n                        {!hideColumnSetting && (\n                            <div className={`${prefixCls}-toolbar-setting-item`}>\n                                <ColumnSetting\n                                    prefixCls={prefixCls}\n                                    checkedColumnKeys={checkedColumnKeys}\n                                    columnSettingOptions={columnSettingOptions}\n                                    onChange={handleChangeColumns}\n                                    onReset={() => parseColumns('reset')}\n                                >\n                                    <Tooltip title=\"列设置\">\n                                        <Icon type=\"setting\" />\n                                    </Tooltip>\n                                </ColumnSetting>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n    // 分页\n    const getPagination = pagination => {\n        if (typeof pagination === 'boolean' && !pagination) {\n            return pagination;\n        }\n        return {\n            pageSizeOptions: ['10', '20', '30', '40', '50'],\n            showSizeChanger: true,\n            showQuickJumper: true,\n            showTotal(total) {\n                return `共 ${total} 条`;\n            },\n            ...pagination,\n        };\n    };\n\n    // 处理操作按钮\n    let columns = (visibleColumns || []).map(column => {\n        const newColumn = { ...column };\n        if (newColumn.renderButtons) {\n            delete newColumn.renderButtons;\n        }\n        if (newColumn.renderButtonsVisibleNum) {\n            delete newColumn.renderButtonsVisibleNum;\n        }\n        return {\n            ...newColumn,\n            render: isFunction(column.renderButtons)\n                ? function(text, record, index) {\n                      return renderColumnButtons(\n                          column.renderButtons,\n                          column.renderButtonsVisibleNum,\n                          text,\n                          record,\n                          index,\n                      );\n                  }\n                : 'render' in column\n                ? column.render\n                : function(text) {\n                      return ['', null, undefined].includes(text) ? '-' : text;\n                  },\n        };\n    });\n    // 配置了列可伸缩\n    if (columnResizable) {\n        columns = columns.map((col, index) => ({\n            ...col,\n            onHeaderCell: column => ({\n                width: column.width,\n                onResize: handleResize(index),\n            }),\n        }));\n        const handleResize = index => (e, { size }) => {\n            setState(({ visibleColumns }) => {\n                const nextColumns = [...visibleColumns];\n                nextColumns[index] = {\n                    ...nextColumns[index],\n                    width: size.width,\n                };\n                return { visibleColumns: nextColumns };\n            });\n        };\n    }\n\n    // 序号添加\n    let dataSource = rest.dataSource;\n    if (indexColumn) {\n        columns = [\n            {\n                title: indexTitle,\n                dataIndex: '_serialNum',\n                key: '_serialNum',\n                width: 70,\n                fixed: indexFixed,\n            },\n            ...columns,\n        ];\n        dataSource = dataSource?.map((item, i) => {\n            return {\n                ...item,\n                _serialNum: i + startIndex,\n            };\n        });\n    }\n\n    let scroll;\n    if (autoFit) {\n        scroll = {\n            ...(rest.scroll || {}),\n            y: scrollY,\n        };\n    }\n\n    return (\n        <div\n            id={datagridId}\n            className={classnames(prefixCls, className, {\n                [`${prefixCls}-fit`]: autoFit,\n                [`${prefixCls}-nodata`]: !dataSource?.length,\n            })}\n            style={style}\n        >\n            {toolbarRender}\n            {hasAlert && (\n                <div className={`${prefixCls}-alert`}>\n                    <Alert\n                        prefixCls={prefixCls}\n                        selectedRowKeys={rest.rowSelection?.selectedRowKeys}\n                        claerRowSelection={claerRowSelection}\n                    />\n                </div>\n            )}\n            <Table\n                size={size}\n                bordered={bordered}\n                {...rest}\n                columns={columns}\n                dataSource={dataSource}\n                scroll={scroll}\n                pagination={getPagination(rest.pagination)}\n                style={{ height: `calc(100% - ${toolbarHeight.current + alertHeight.current}px)` }}\n                locale={{\n                    emptyText: <Empty description={emptyText} />,\n                    ...rest.locale,\n                }}\n                components={\n                    columnResizable\n                        ? {\n                              header: {\n                                  cell: ResizeableTitle,\n                              },\n                          }\n                        : undefined\n                }\n            />\n        </div>\n    );\n}\n\nVtxDatagrid.propTypes = {\n    prefixCls: PropTypes.string,\n    refreshIconVisible: PropTypes.bool,\n    hideColumnSetting: PropTypes.bool,\n    hideColumnHeight: PropTypes.bool,\n    bordered: PropTypes.bool,\n    visibleColumnKeys: PropTypes.array,\n    defaultVisibleColumnKeys: PropTypes.array,\n    onVisibleColumnsChange: PropTypes.func,\n    toolbarClassName: PropTypes.string,\n    toolbar: PropTypes.bool,\n    toolbarTilte: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    onRefresh: PropTypes.func,\n    indexColumn: PropTypes.bool,\n    indexFixed: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n    indexTitle: PropTypes.string,\n    startIndex: PropTypes.number,\n    buttonGroup: PropTypes.node,\n    autoFit: PropTypes.bool,\n    headFootHeight: PropTypes.number,\n    columnResizable: PropTypes.bool,\n    emptyText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    claerRowSelection: PropTypes.func,\n    searchCollapseEvent$: PropTypes.object,\n    className: PropTypes.string,\n    style: PropTypes.object,\n};\n"],"file":"index.js"}

package/lib/vtx-datagrid/style/css.js

@@ -16,5 +16,9 @@ require("antd/es/menu/style/css");
 
 require("antd/es/divider/style/css");
 
+require("antd/es/empty/style/css");
+
+require("antd/es/alert/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-datagrid/style/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-datagrid/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/table/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/popconfirm/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"css.js"}
+{"version":3,"sources":["vtx-datagrid/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/table/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/popconfirm/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/empty/style/css';\nimport 'antd/es/alert/style/css';\nimport './index.less';\n"],"file":"css.js"}

package/lib/vtx-datagrid/style/index.css

@@ -40,6 +40,28 @@
   left: 0;
   border-top: none;
 }
+.vtx-datagrid .ant-table-thead > tr > th {
+  background-color: rgba(24, 144, 255, 0.08);
+}
+.vtx-datagrid .ant-table-tbody > tr:nth-child(even) {
+  background: #f6f6f6;
+}
+.vtx-datagrid .ant-table-tbody > tr.ant-table-row-selected td {
+  background: transparent;
+}
+.vtx-datagrid-alert {
+  margin-bottom: 8px;
+}
+.vtx-datagrid-alert-message {
+  color: rgba(0, 0, 0, 0.65);
+}
+.vtx-datagrid-alert-info-content > strong {
+  margin: 0 4px;
+  color: #13c2c2;
+}
+.vtx-datagrid-alert-info-option {
+  margin-left: 10px;
+}
 .vtx-datagrid-nodata .ant-table-scroll {
   overflow-y: hidden;
 }
@@ -47,7 +69,6 @@
   display: table;
   width: 100%;
   margin: 16px 0;
-  padding: 0 16px;
 }
 .vtx-datagrid-toolbar-left,
 .vtx-datagrid-toolbar-right {

package/lib/vtx-datagrid/style/index.js

@@ -16,5 +16,9 @@ require("antd/es/menu/style/css");
 
 require("antd/es/divider/style/css");
 
+require("antd/es/empty/style/css");
+
+require("antd/es/alert/style/css");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-datagrid/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-datagrid/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/table/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/popconfirm/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-datagrid/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/table/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/popconfirm/style/css';\nimport 'antd/es/dropdown/style/css';\nimport 'antd/es/menu/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/empty/style/css';\nimport 'antd/es/alert/style/css';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-datagrid/style/index.less

@@ -16,6 +16,7 @@
                 border-radius: 3px;
             }
         }
+
         .ant-table-fixed-header .ant-table-scroll .ant-table-header {
             min-width: 5px !important;
         }
@@ -42,6 +43,30 @@
             border-top: none;
         }
     }
+    .ant-table-thead > tr > th {
+        background-color: fade(#1890ff, 8);
+    }
+    .ant-table-tbody > tr {
+        &:nth-child(even) {
+            background: #f6f6f6;
+        }
+    }
+    .ant-table-tbody > tr.ant-table-row-selected td {
+        background: transparent;
+    }
+    &-alert {
+        margin-bottom: 8px;
+        &-message {
+            color: fade(#000, 65);
+        }
+        &-info-content > strong {
+            margin: 0 4px;
+            color: #13c2c2;
+        }
+        &-info-option {
+            margin-left: 10px;
+        }
+    }
     &-nodata {
         .ant-table-scroll {
             overflow-y: hidden;
@@ -51,7 +76,6 @@
         display: table;
         width: 100%;
         margin: 16px 0;
-        padding: 0 16px;
     }
     &-toolbar-left,
     &-toolbar-right {