@hzab/deep-list

组件模板

• [email protected]

组件

示例

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