0.0.2 • Published 8 months ago
@hzab/deep-list v0.0.2
@hzab/deep-list
组件模板
- node@16.16.0
组件
示例
import Demo from "@hzab/deep-list";
<Demo />;API
InfoPanel Attributes
| 参数 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| schema | Object | 是 | - | 数据信息的 schema |
| height | number | 是 | 200 | 列表的高度 |
| titleRender | (props) => ReactNode | 是 | - | 自定义渲染节点 |
| onClickItem | (v: any) => void | 是 | - | 点击每一项的回调函数 |
| model | any | 是 | - | 数据 model |
| style | any | 否 | - | 组件样式 |
| orgConf | any | 否 | - | 部门数据配置项 |
| onClear | ()=>void | 否 | - | 监听面包屑是否点击 |
| defaultBreadcrumb | - | 否 | [] | 默认面包屑数据 |
| itemHeight | number | 否 | 47 | 节点高度 |
| isPaging | boolean | 否 | false | 是否分页 |
| resConf | any | 否 | - | 数据返回字段配置 |
| reqConf | any | 否 | - | 传参字段配置 |
| deps | any | 否 | - | 依赖值 |
| edit | boolean | 否 | - | 是否编辑 |
组件开发流程
- 在 config/webpack.config.js 中按需修改 library 配置的文件名
- 在 config/webpack.config.js 中按需修改 alias 配置的包名，便于本地调试
- 在 tsconfig.json 中按需修改 paths 配置的包名，解决 ts 报错问题
- npm run dev
文件目录
- example 本地开发测试代码
- src 组件源码
- lib 组件打包编译后的代码
命令
Mac 执行该命令，设置 pre-commit 为可执行文件
- npm run mac-chmod
- chmod +x .husky && chmod +x .husky/pre-commit
生成文档：npm run docs
- 本地运行：npm run dev
- 打包编译：npm run build
发布
注意：示例代码生效，但发布之后未生效。确认是否执行了编译！！！
编译组件：npm run build
- 命令：npm publish --access public
- 发布目录：
- lib
- src
配置
配置文件
- 本地配置文件：config/config.js
webpack 配置文件
- config/webpack.config.js