@hzab/schema-descriptions-mobile

移动端详情组件

• node@16

组件

示例

import SchemaDescriptions from "@hzab/schema-descriptions-mobile";

<SchemaDescriptions schema={schema} data={data} />;

API

InfoPanel Attributes

| 参数 | 类型 | 必填 | 默认值 | 说明 | | ------ | ------------ | ---- | ---------- | --------------------------------- | | schema | Object | 是 | - | 数据信息的 schema | | data | Object | 否 | - | 数据 | | layout | string | 否 | horizontal | 布局：horizontal/between/vertical | | colon | string/false | 否 | ： | 设置 label 后面的符号 |

组件开发流程

• 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