# 开始

1. 全局替换 coder-script-workflow 为你想要的组件名称。
2. 需要发布的组件请在 lib 目录中编写，并且在 /lib/index 中注入

# 安装组件

在调用的项目中，进行安装

```
import * as monaco from 'monaco-editor'

import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
//import jsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker';
//import cssWorker from 'monaco-editor/esm/vs/language/css/css.worker?worker';
//import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker';
import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker';
monaco.languages.typescript.typescriptDefaults.setEagerModelSync(true);

// @ts-ignore: worker 导入方式可以参考vite官网 https://cn.vitejs.dev/guide/features.html#web-workers
self.MonacoEnvironment = { // 提供一个定义worker路径的全局变量
  getWorker(_: any, label: string) {
    // if (label === 'json') {
    //   return new jsonWorker();
    // }
    // if (label === 'css' || label === 'scss' || label === 'less') {
    //   return new cssWorker();
    // }
    // if (label === 'html' || label === 'handlebars' || label === 'razor') {
    //   return new htmlWorker();
    // }
    if (label === 'typescript' || label === 'javascript') {
      return new tsWorker();
    }
    return new editorWorker(); // 基础功能文件， 提供了所有语言通用功能 无论使用什么语言，monaco都会去加载他。
  }
};
```

# 测试流程

- src/main.js 注册组件库，默认已经增加了引用
- lib/index.js 执行注册。
- 在 pages 中增加页面，在页面中 加入你的组件引用
- router 中注册 上面的页面
- /src/layout/menu.vue 增加菜单，其中 key 加入 path 路径。

# 依赖组件

- coder-member-components-vue3 ，需要另外配置


# 组件说明

## 处理工作活动说明
```
<coder-swf-activity-dispose />

```
### Props

| 属性 | 说明 |  备注 | 
|----|-----|---|
|  id  | workActivityId 工作活动的id    |  如果是创建，需要采用 v-model:id进行同步 |   

### 事件

| 属性 | 说明 |  备注 | 
|----|-----|---|  
|  resolve  | 处理完成之后发生    |  无 |   
|  loaded  | 加载workActivity工作活动之后发生    |  无 |