编写定制物料

    定制物料的新建、本地开发调试、发布都需要在内,如果是全部定制需要手动创建一个空的 packages 目录

    定制工作区目录结构

    通过ams field可以创建field

    field命名规范

    如果是业务相关定制模块如 warehouse,需要增加前缀 vip- 变成 vip-warehouse

    通用模块不需要增加前缀,如 editor

    cli工具会校验本地是否已有同名field或者npm是否已有同名field

    我们可以看到 packages 目录下会新增一个 field-test 目录,同时 field-test/package.json 会有一项amsConfig的配置

    其它可用配置项

    每个field会有编辑(edit) 和 显示 (view) 两种状态,对应 field-test/src/edit.vue 和 两个文件

    field-test 定制模块内部可以通过 @ams-team/ams 引用 ams 暴露的ams.utilsams.mixins

    mixins 详见

    编辑状态下,由于 value 是通过 prop 传入的不能通过 v-model 绑定,如果是使用v-model绑定要使用 localValueams.mixins.fieldEditMixin 会同步 valuelocalValue,并同步更新block对应数据项

    v-bind="field.props" 会将field的props配置透传至节点

    详见 ams.mixins

    新建定制block

    cli-block

    block命名规范

    如果是业务相关定制模块如 warehouse,需要增加前缀 vip- 变成 vip-warehouse

    通用模块不需要增加前缀,如 editor

    其它方面和配置类似于上面 ams field 命令

    定制工作区 内运行 npm run dev 启动预览调试,通过 http://localhost:9527/ 查看

    发布定制模块

    通过 ams publish 可以发布所有定制模块,通过 ams publish field-test 可以发布单一定制模块

    npm模块列表编写定制物料 - 图6 内带 @ams-team scope的模块