Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ccbscf-ui-transferNew to Visual Studio Code? Get it now.
ccbscf-ui-transfer

ccbscf-ui-transfer

mpw

|
53 installs
| (0) | Free
iview ? ccbscf-ui ????;vue2 ?? vue3;eolink apikit ?????? ts
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ccbscf-ui-transfer

  1. 右键菜单命令 iview to ccbscf-ui
    • 批量将iview 组件库标签快速转换为 ccbscf-ui 组件库标签
  2. 右键菜单命令 ccbscf-ui to iview
    • 批量将ccbscf-ui 组件库标签快速转换为 iview 组件库标签
  3. 右键菜单命令 iview(vue2) 转换为 ccbscf-ui-plus(vue3)
    • 批量将iview 组件库标签快速转换为 ccbscf-ui 组件库标签
    • 参考 vue2 迁移指南,对部分属性转换
      • 只将 vue-html部分 iview组件标签转换为ccbscf-ui-plus组件标签
      • 替换v-on="$listeners"属性为v-bind="$attrs"
      • 替换:value 为 :modelValue,<Option></Option>标签除外
      • 删除.native语法
      • $emit("input",value) 替换为 $emit("update:modelValue",value)
      • 替换 iview 、view-design 为ccbscf-ui-plus
      • 收集事件,定义emits:[xxx]
      • 替换slot,创建<template #slotName></template>标签 进行兼容
        <button slot="append">查询</button>
        
        转换后
        <template #append>
          <c-button>查询</c-button>
        </template>
        
      • 不支持的属性给出提示,指导手动修改
        // [Vue3 TODO]  In 3.x, the $children property is removed. Instead, we recommend using template refs.
        this.$children
        
  4. eolink 数据快速生成 TS
    • 方式一:复制 apikit 数据转换(从剪切板获取内容)
      • 第一步,eolink 文档中复制 apikit 格式数据
      • 第二步,右键菜单中 eolink-apikit to ts 选项,生成转换 TS 类型声明数据到临时文件
    • 方式二:选中 apikit 数据转换(从选中行获取内容)
      • 第一步,选中 apikit 格式数据(注意完整性)
      • 第二步,右键菜单中 eolink-apikit to ts 选项,生成转换 TS 类型声明数据到临时文件
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft