workflow-editor 0.0.7-up → 0.0.9-up

package/packages/workflow-editor/src/workflow-history.vue

@@ -1,153 +0,0 @@
-<template>
-  <div
-    ref="wfEditor"
-    style="position:relative;height:100%;"
-  >
-    <div
-      class="main"
-    >
-      <section>
-        <wf-history-canvas
-          onselectstart="return false"
-          :process="process"
-          :histories="histories"
-          :current-tasks="currentTasks"
-          :all-process-i18n="allProcessI18n"
-          :show-history="true"
-          class="canvas"
-          @contextmenu.native.prevent="showContextMenu"
-        />
-      </section>
-    </div>
-  </div>
-</template>
-<script>
-import './assets/wf-editor-icons.js'
-import { mapGetters, mapMutations } from 'vuex'
-import { removeTextProperty, initializeProcessData, processTemplate } from './util'
-import WfHistoryCanvas from './main/wf-history-canvas'
-import convert from 'xml-js'
-import ApiJs from './api'
-export default {
-  name: 'WorkflowHistory',
-  components: {
-    WfHistoryCanvas
-  },
-  props: {
-    // 实例id
-    id: {
-      type: Number,
-      default: null
-    }
-  },
-  data: function() {
-    return {
-      process: null,
-      histories: [],
-      currentTasks: [],
-      allProcessI18n: null
-    }
-  },
-  computed: {
-    ...mapGetters(
-      'wfEditor', ['componentToDraw', 'taches', 'transitions', 'contextMenuVisible']
-    ),
-    ...mapGetters([
-      'sidebar'
-    ])
-
-  },
-  watch: {
-
-  },
-  created: function() {
-    this.showHistory()
-  },
-  mounted: function() {
-
-  },
-  methods: {
-    ...ApiJs,
-    ...mapMutations('wfEditor', [
-      'setComponentToDraw',
-      'clearCanvas',
-      'setContextMenuVisible',
-      'setProcessI18n'
-    ]),
-    showHistory() {
-      // 打开或新建流程图时先清空画布，开发过程中代码热更新的时候可以避免节点重复
-      this.clearCanvas()
-      if (this.id) {
-        this.$http.get(this.baseAPI + '/wf-editor/i18n-settings/get-bundle-info?workflowId=' + this.id).then(processI18n => {
-          this.allProcessI18n = processI18n
-          const url = this.baseAPI + '/wf-editor/instance-histories/' + this.id
-          this.$http.get(url).then(data => {
-            this.initProcessByXml(data.xml)
-            let mainBundleCode
-            if (data.histories && data.histories.length > 0) {
-              mainBundleCode = data.histories[0].bundleCode
-            }
-            if (!mainBundleCode && data.currentTasks && data.currentTasks.length > 0) {
-              mainBundleCode = data.currentTasks[0].bundleCode
-            }
-            if (mainBundleCode) {
-              this.setProcessI18n(processI18n[mainBundleCode])
-            }
-            this.histories = data.histories
-            this.currentTasks = data.currentTasks
-          })
-        })
-      } else {
-        this.process = processTemplate.newProcess()
-        initializeProcessData(this.process)
-      }
-    },
-    showContextMenu(event) {
-
-    },
-    initProcessByXml(xml) {
-      const options = { nativeType: true, attributesKey: 'attr', compact: true, ignoreComment: true, spaces: 4 }
-      const processObj = convert.xml2js(xml, options)
-      removeTextProperty(processObj.process)
-      this.process = processObj.process
-
-      initializeProcessData(this.process)
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.main{
-  position: relative;
-  display:flex;
-  height: 100%;
-  width:100%;
-}
-.canvas-container{
-  position: relative;
-  // display:flex;
-  height: 100%;
-  width:100%;
-}
-
-section{
-  overflow: hidden;
-  width:100%;
-  height:100%;
-  padding: 0;
-  // min-height: 500px;
-}
-.canvas{
-  overflow: auto;
-  height:100%;
-  // border:1px solid red;
-  // background: #ffffff;
-  padding: 0;
-  min-height: 500px;
-
-}
-.canvas :deep(.draggable){
-    cursor: default;
-}
-</style>
-

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/vite.config.js

@@ -1,36 +0,0 @@
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import path from "path";
-//https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()],
-  build: {
-    outDir: "lib",//输出文件名称
-    lib: {
-      entry: path.resolve(__dirname, "./packages/index.js"),//指定组件编译入口文件
-      name: "workflow-editor",//打包js名称
-      fileName: "workflow-editor",
-    },//库编译模式配置
-    rollupOptions: {
-      //确保外部化处理那些你不想打包进库的依赖
-      external: ["vue"],
-      output: {
-        //在UMD构建模式下为这些外部化的依赖提供一个全局变量
-        globals: {
-          vue: "Vue",
-        },
-        //定义生成css的名称
-        assetFileNames: (assetInfo) => {
-          if (assetInfo.name == 'style.css')
-            return 'workflow-editor.css';//打包的css名称
-          return assetInfo.name;
-        },
-      },
-    },//rollup打包配置
-  },
-  //...其他配置项
-  resolve: {
-    //忽略后缀名的配置选项,添加.vue选项时要记得原本默认忽略的选项也要手动写入
-    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
-  }
-});