概述

coder-script-workflow-core 对应的 设计器

安装

需要一个个采用的地方进行安装。不再采用 app.use() 里面 自动安装 coder-vform-designer 和 vform-render 等信息。

npm add coder-script-workflow-designer
npm add coder-script-workflow-core

//关于vform
import vformDesigner from 'coder-vform-designer'
import 'coder-vform-designer/dist/style.css'
import vformRender from 'coder-vform-render'
import 'coder-vform-render/dist/style.css'
import vformElePlus from 'coder-vform-element-plus'
import 'coder-vform-element-plus/dist/style.css'
import vformMember from 'coder-member-vform'
//workflow
import swfCore from 'coder-script-workflow-core'
import 'coder-script-workflow-core/dist/style.css'


import ElementPlus from "element-plus";
import "element-plus/dist/index.css";


import "ant-design-vue/dist/antd.css";

import router from "./router";
import DevelopCompents from "../lib";

import CoderMember from "coder-member-components-vue3";
import * as monaco from 'monaco-editor'

import vformElementPlus from 'coder-vform-element-plus'
import 'coder-vform-element-plus/dist/style.css'


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

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


//const url='http://192.168.2.5:8081/api'
const url = "http://183.237.148.22:58080/api/workflow"
const urlMember = 'http://183.237.148.22:58080/api'
//const urlMember = 'http://192.168.2.5:8081/api'
createApp(App)
.use(vformElementPlus)
.use(DevelopCompents)

.use(CoderMember, {
  path: `${urlMember}/member`,
  request: axios,
})
.use(vformMember)
.use(vformDesigner).use(vformRender)
.use(vformElePlus)
.use(swfCore, {
  path: url,
  request: axios,
  getToken() {
    return window.localStorage.getItem("token");
  }
})


.use(router)

.use(ElementPlus)

.mount("#app");

开始

1. 更改 package.json 的 name
2. vite-config.ts 中的项目名称。

build: {
    lib: {
      entry: path.resolve(__dirname, "lib/index"),
      name: "coder-notification-client",
      fileName: (format) => `index.${format}.js`,
    },