@vtx/components 2.3.4 → 2.5.0

package/CHANGELOG.md

@@ -1,3 +1,108 @@
+# [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
+
+* 设置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)
+
+
+### ✨ Features
+
+* 数据表格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**
+
+
+
+# [2.4.0](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.3.4...2.4.0) (2021-09-18)
+
+
+### ✨ Features
+
+* 新增VtxSignature签名组件 ([9019271](https://git.cloudhw.cn:3443/front-end/react-components/commit/9019271)) by: **gongjinhua**
+
+
+### 🎫 Chores
+
+* release v2.4.0 ([353075c](https://git.cloudhw.cn:3443/front-end/react-components/commit/353075c)) by: **gongjinhua**
+
+
+
 ## [2.3.4](https://git.cloudhw.cn:3443/front-end/react-components/compare/2.3.3...2.3.4) (2021-09-16)
 
 
@@ -6,6 +111,11 @@
 * 数据表格下拉框VtxCombogrid支持主动触发刷新接口数据 ([3c48177](https://git.cloudhw.cn:3443/front-end/react-components/commit/3c48177)) by: **gongjinhua**
 
 
+### 🎫 Chores
+
+* release v2.3.4 ([8822b97](https://git.cloudhw.cn:3443/front-end/react-components/commit/8822b97)) by: **gongjinhua**
+
+
 ### 🐛 Bug Fixes
 
 * 文本域VtxInput.TextArea修复设置默认值为null或undefined时已输入数显示错误的问题 ([4b5d294](https://git.cloudhw.cn:3443/front-end/react-components/commit/4b5d294)) by: **gongjinhua**

package/lib/vtx-combogrid/index.js

@@ -97,7 +97,6 @@ function VtxCombogrid(props, ref) {
     },
     overlayClassName: "".concat(prefixCls, "-dropdown")
   }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-    ref: ref,
     value: value,
     allowClear: allowClear,
     onClick: function onClick() {

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-combogrid/index.jsx"],"names":["VtxCombogrid","props","ref","selectedRowKeys","setSelectedRowKeys","visible","setVisible","comboRef","className","style","placeholder","prefixCls","value","allowClear","defaultSelectedRowKeys","rest","join","reset","current","clear","e","target","onChange","React","forwardRef","propTypes","PropTypes","string","bool","object","array"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';\n\nimport Input from 'antd/es/input';\nimport Popover from 'antd/es/popover';\nimport PropTypes from 'prop-types';\nimport Combogrid from './Combogrid';\n\nfunction VtxCombogrid(props, ref) {\n    const [selectedRowKeys, setSelectedRowKeys] = useState(() => {\n        return [];\n    });\n    const [visible, setVisible] = useState(false);\n    const comboRef = useRef();\n    const {\n        className,\n        style,\n        placeholder,\n        prefixCls = 'vtx-combogrid',\n        value,\n        allowClear = true,\n        selectedRowKeys: defaultSelectedRowKeys = [],\n        ...rest\n    } = props;\n\n    useEffect(() => {\n        setSelectedRowKeys(defaultSelectedRowKeys);\n    }, [defaultSelectedRowKeys.join(',')]);\n\n    // 暴露给父组件使用\n    useImperativeHandle(ref, () => ({\n        // 重置\n        reset() {\n            comboRef.current && comboRef.current.clear();\n        },\n    }));\n\n    return (\n        <Popover\n            content={\n                <Combogrid\n                    {...rest}\n                    selectedRowKeys={selectedRowKeys}\n                    defaultSelectedRowKeys={defaultSelectedRowKeys}\n                    setSelectedRowKeys={setSelectedRowKeys}\n                    setPopoverVisible={setVisible}\n                    prefixCls={prefixCls}\n                    wrappedComponentRef={comboRef}\n                />\n            }\n            placement=\"bottomLeft\"\n            trigger=\"click\"\n            visible={visible}\n            onVisibleChange={visible => setVisible(visible)}\n            overlayClassName={`${prefixCls}-dropdown`}\n        >\n            <Input\n                ref={ref}\n                value={value}\n                allowClear={allowClear}\n                onClick={() => setVisible(true)}\n                onChange={e => {\n                    // 只对清空产生值的变化做处理\n                    if (!e.target.value) {\n                        rest.onChange && rest.onChange();\n                        setSelectedRowKeys([]);\n                    }\n                }}\n                className={className}\n                style={style}\n                placeholder={placeholder}\n            />\n        </Popover>\n    );\n}\n\nexport default React.forwardRef(VtxCombogrid);\n\nVtxCombogrid.propTypes = {\n    prefixCls: PropTypes.string,\n    placeholder: PropTypes.string,\n    value: PropTypes.string,\n    allowClear: PropTypes.bool,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    selectedRowKeys: PropTypes.array,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-combogrid/index.jsx"],"names":["VtxCombogrid","props","ref","selectedRowKeys","setSelectedRowKeys","visible","setVisible","comboRef","className","style","placeholder","prefixCls","value","allowClear","defaultSelectedRowKeys","rest","join","reset","current","clear","e","target","onChange","React","forwardRef","propTypes","PropTypes","string","bool","object","array"],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';\n\nimport Input from 'antd/es/input';\nimport Popover from 'antd/es/popover';\nimport PropTypes from 'prop-types';\nimport Combogrid from './Combogrid';\n\nfunction VtxCombogrid(props, ref) {\n    const [selectedRowKeys, setSelectedRowKeys] = useState(() => {\n        return [];\n    });\n    const [visible, setVisible] = useState(false);\n    const comboRef = useRef();\n    const {\n        className,\n        style,\n        placeholder,\n        prefixCls = 'vtx-combogrid',\n        value,\n        allowClear = true,\n        selectedRowKeys: defaultSelectedRowKeys = [],\n        ...rest\n    } = props;\n\n    useEffect(() => {\n        setSelectedRowKeys(defaultSelectedRowKeys);\n    }, [defaultSelectedRowKeys.join(',')]);\n\n    // 暴露给父组件使用\n    useImperativeHandle(ref, () => ({\n        // 重置\n        reset() {\n            comboRef.current && comboRef.current.clear();\n        },\n    }));\n\n    return (\n        <Popover\n            content={\n                <Combogrid\n                    {...rest}\n                    selectedRowKeys={selectedRowKeys}\n                    defaultSelectedRowKeys={defaultSelectedRowKeys}\n                    setSelectedRowKeys={setSelectedRowKeys}\n                    setPopoverVisible={setVisible}\n                    prefixCls={prefixCls}\n                    wrappedComponentRef={comboRef}\n                />\n            }\n            placement=\"bottomLeft\"\n            trigger=\"click\"\n            visible={visible}\n            onVisibleChange={visible => setVisible(visible)}\n            overlayClassName={`${prefixCls}-dropdown`}\n        >\n            <Input\n                value={value}\n                allowClear={allowClear}\n                onClick={() => setVisible(true)}\n                onChange={e => {\n                    // 只对清空产生值的变化做处理\n                    if (!e.target.value) {\n                        rest.onChange && rest.onChange();\n                        setSelectedRowKeys([]);\n                    }\n                }}\n                className={className}\n                style={style}\n                placeholder={placeholder}\n            />\n        </Popover>\n    );\n}\n\nexport default React.forwardRef(VtxCombogrid);\n\nVtxCombogrid.propTypes = {\n    prefixCls: PropTypes.string,\n    placeholder: PropTypes.string,\n    value: PropTypes.string,\n    allowClear: PropTypes.bool,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    selectedRowKeys: PropTypes.array,\n};\n"],"file":"index.js"}

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,
@@ -108,11 +116,16 @@ function VtxDatagrid(props) {
       refreshIconVisible = _props$refreshIconVis === void 0 ? true : _props$refreshIconVis,
       hideColumnSetting = props.hideColumnSetting,
       hideColumnHeight = props.hideColumnHeight,
+      visibleColumnKeys = props.visibleColumnKeys,
       defaultVisibleColumnKeys = props.defaultVisibleColumnKeys,
       onVisibleColumnsChange = props.onVisibleColumnsChange,
       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,
@@ -124,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", "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
@@ -143,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;
 
@@ -157,16 +187,17 @@ function VtxDatagrid(props) {
     });
   }, [rest.columns]);
 
-  var parseColumns = function parseColumns() {
+  var parseColumns = function parseColumns(type) {
     // 显示工具栏的同时并显示列设置
     if (toolbar && !hideColumnSetting) {
-      if (defaultVisibleColumnKeys) {
+      if (defaultVisibleColumnKeys || visibleColumnKeys) {
         var _rest$columns2;
 
+        var columnKeys = type === 'reset' ? defaultVisibleColumnKeys : visibleColumnKeys || defaultVisibleColumnKeys;
         setState({
-          checkedColumnKeys: defaultVisibleColumnKeys,
+          checkedColumnKeys: columnKeys,
           visibleColumns: (_rest$columns2 = rest.columns) === null || _rest$columns2 === void 0 ? void 0 : _rest$columns2.filter(function (item) {
-            return defaultVisibleColumnKeys.includes(item.dataIndex || item.key);
+            return columnKeys.includes(item.dataIndex || item.key);
           })
         });
       } else {
@@ -186,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';
@@ -269,7 +297,9 @@ function VtxDatagrid(props) {
       checkedColumnKeys: checkedColumnKeys,
       columnSettingOptions: columnSettingOptions,
       onChange: handleChangeColumns,
-      onReset: parseColumns
+      onReset: function onReset() {
+        return parseColumns('reset');
+      }
     }, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
       title: "\u5217\u8BBE\u7F6E"
     }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
@@ -353,7 +383,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), {}, {
@@ -374,16 +405,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"]
@@ -397,6 +440,8 @@ 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,
   toolbarClassName: _propTypes["default"].string,
@@ -404,12 +449,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","defaultVisibleColumnKeys","onVisibleColumnsChange","onRefresh","indexColumn","indexTitle","startIndex","autoFit","headFootHeight","columnResizable","className","style","rest","window","addEventListener","calculateHeight","removeEventListener","parseColumns","columns","map","col","key","dataIndex","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        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 = () => {\n        // 显示工具栏的同时并显示列设置\n        if (toolbar && !hideColumnSetting) {\n            if (defaultVisibleColumnKeys) {\n                setState({\n                    checkedColumnKeys: defaultVisibleColumnKeys,\n                    visibleColumns: rest.columns?.filter(item =>\n                        defaultVisibleColumnKeys.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}\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    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","onHeaderCell","width","onResize","handleResize","e","nextColumns","dataSource","title","fixed","i","_serialNum","scroll","y","height","locale","header","cell","ResizeableTitle","undefined","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                : 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                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"}