Skip to content

自定义 Setter ^4.0.0 lcap^0.6.0

初始化setter 目录

在项目根目录下执行以下命令,初始化setter目录

sh
lcap init --setter

执行成功后会在根目录下生成 setters 文件夹 (setters 下需要单独执行 npm install 安装包)

修改 vite.config 构建配置

ts
// ...
lcapPlugin({
  type: 'extension',
  framework: 'vue2',
  // 新增setters 配置
  ide: {
    setters: {
      rootPath: 'setters', // setters 项目路径
      // 每个setter 文件单独打包
      entries: {
        ExInputSetter: 'src/setters/ExInputSetter.vue',
      },
    }
  }
}),
//...

执行 npm run build 命令,会在 dist-theme 目录下生成 setters 文件夹与 setters.json 文件

使用自定义setter

api.ts 中使用自定义setter

ts
//...

@Prop({
  //...
  concept: 'CustomSetter', // 固定名称
  name: 'ExInputSetter', // 自定义组件的名称 配置再entries下的key
  argumentMap: {}, // 自定义setter的其他属性
})
//...