1.1.1 • Published 5 years ago
gm-web-excel-table v1.1.1
安装
npm i gm-web-excel-table
调试
npm run dev
发布
npm run pub
需求
- 表格自由灵活配置: 可以是订单|商品|任意品类表格
- 快捷的按键编辑功能
- 上下移动切换跟随
- Ctrl+F 表格内搜索 + 快速定位
- Ctrl + Z | Ctrl + R 单元格或行列 撤销/重做
- 其它需要满足的按键需求
- 鼠标编辑功能
- 点击跟随|聚焦|编辑
- hover查看相关内容
- 滚动下拉新增行
- 自动校验:对内容的合法校验
- 定时保存: 内容防丢失
- 性能提升: 大数据加载|提交
实现
容器组件即 GmExcelTable
通过配置不同的数据行列|事件|命令|单元格实现表格多态
命令管理
- 注册业务HotKey
- 实现/注册业务事务子类
- 具体命令需求:
- Undo:单元格编辑 | 行列编辑
- Redo:单元格编辑 | 行列编辑
- 点击聚焦: 单击聚焦单元格、双击: 编辑单元格或聚焦行(由命令决定)
- 方向键移动:移动聚焦单元格
- 删除键:删除聚焦单元格或者行
数据管理
- 数据接入与映射:基本增删查改
- TrieTreeSeach: 低时间复杂度查询
- 实时保存|缓存
行列管理
- 配置默认行列属性
- 拓展增删行列方法 (自动添加/删除行列等)
- 行列校验
单元格管理器
- 单元格共有属性配置:follow|focus|editable|position
- 提供聚焦、定位、跟随等接口
- 统一处理通用事件
- 处理通用UI逻辑:校验报错提示
单元格组件
- 抽象基类: 基本参数 | 校验 | 类型key
- 具体实现:
- 文字输入编辑组件
- 数字输入编辑组件
- 搜索选择组件
- 下拉选择组件
- 日历选择组件
- 按钮组件
// TODO 放弃使用 react-data-sheet
1.1.1
5 years ago
1.0.58
5 years ago
1.0.57
5 years ago
1.0.56
5 years ago
1.0.55
5 years ago
1.0.54
5 years ago
1.0.53
5 years ago
1.0.52
5 years ago
1.0.51
5 years ago
1.0.50
5 years ago
1.0.49
5 years ago
1.0.48
5 years ago
1.0.47
5 years ago
1.0.46
5 years ago
1.0.45
5 years ago
1.0.44
5 years ago
1.0.43
5 years ago
1.0.42
5 years ago
1.0.40
5 years ago
1.0.39
5 years ago
1.0.38
5 years ago
1.0.37
5 years ago
1.0.36
5 years ago
1.0.35
5 years ago
1.0.34
5 years ago
1.0.33
5 years ago
1.0.32
5 years ago
1.0.31
5 years ago
1.0.30
5 years ago
1.0.29
5 years ago
1.0.28
5 years ago
1.0.27
5 years ago
1.0.26
5 years ago
1.0.25
5 years ago
1.0.24
5 years ago
1.0.22
5 years ago
1.0.21
5 years ago
1.0.20
5 years ago
1.0.19
5 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago