编写定制物料
定制物料的新建、本地开发调试、发布都需要在内,如果是全部定制需要手动创建一个空的 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.utils
和 ams.mixins
等
mixins
详见
编辑状态下,由于 value
是通过 prop
传入的不能通过 v-model
绑定,如果是使用v-model绑定要使用 localValue
, ams.mixins.fieldEditMixin
会同步 value
和 localValue
,并同步更新block对应数据项
v-bind="field.props"
会将field的props配置透传至节点
详见 ams.mixins
新建定制block
block命名规范
如果是业务相关定制模块如 warehouse
,需要增加前缀 vip-
变成 vip-warehouse
通用模块不需要增加前缀,如 editor
其它方面和配置类似于上面 ams field
命令
在 定制工作区
内运行 npm run dev
启动预览调试,通过 http://localhost:9527/ 查看
发布定制模块
通过 ams publish
可以发布所有定制模块,通过 ams publish field-test
可以发布单一定制模块
npm模块列表 内带 @ams-team
scope的模块