@hzab/edit-table

组件模板

• [email protected]

• 注意：首次克隆先执行 npm run prepare 命令

组件

示例

import Demo from "@hzab/edit-table";

<Demo />;

API

cellEditTableProps

| 属性名称 | 属性类型 | 必须 | 默认值 | 描述 | | --------------- | -------- | ---- | ------ | ------------------ | | reactGridProps | Object | 否 | | reactGrid 相关参数 | | onChange | Function | 否 | | 单元格回调 | | formulaConfig | Object | 否 | | 运算相关配置 | | headerRowHeight | number | 否 | | 表头高度 | | rowHeight | number | 否 | | 数据行高度 |

reactGridProps

| 属性名称 | 属性类型 | 必须 | 默认值 | 描述 | | enableFillHandle | boolean | false | 开启后，选中单元格右下角会出现小方块，可拖拽快速复制 / 序列填充数据（类似 Excel 拖拽填充）| | enableRangeSelection | boolean | false | 开启框选单元格区域（批量选中、批量编辑 / 填充必备）| | onFocusLocationChanging | (location: CellLocation): boolean | 否 | 焦点 / 进入编辑态前回调，return false 阻止进入编辑）| | customCellTemplates | Function | 否 | 注册自定义单元格模板（按钮、下拉、日期等单元格）| | onSelectionChanged | Function | 否 | 选择区回调 |

组件开发流程

• 在 config/webpack.config.js 中按需修改 library 配置的文件名
• 在 config/webpack.config.js 中按需修改 alias 配置的包名，便于本地调试
• 在 tsconfig.json 中按需修改 paths 配置的包名，解决 ts 报错问题
• npm run dev

文件目录

• example 本地开发测试代码
• src 组件源码

命令

• Mac 执行该命令，设置 pre-commit 为可执行文件

  • npm run mac-chmod
  • chmod +x .husky && chmod +x .husky/pre-commit

• 生成文档：npm run docs

• 本地运行：npm run dev

发布

• npm 源和云效源都需要发布

• 命令：npm publish --access public

• 发布目录：

  • src

nrm

• 安装 npm install -g nrm
• 增加源 nrm add aliyun https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/
• 切换源 nrm use aliyun nrm use npm
• 登录（账号密码在 https://packages.aliyun.com/npm/npm-registry/guide 查看） npm login --registry=https://packages.aliyun.com/62046985b3ead41b374a17f7/npm/npm-registry/

配置

配置文件

• 本地配置文件：config/config.js

webpack 配置文件

• config/webpack.config.js