service-flow-designer 0.0.2-tmp7 → 1.0.2

package/dist/lib/designer/common/components/file-upload.vue2.js

@@ -0,0 +1,103 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/upload/style/css");
+require("element-plus/es/components/button/style/css");
+require("element-plus/es/components/icon/style/css");
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const elementPlus = require("element-plus");
+const auth = require("agilebuilder-ui/src/utils/auth");
+const pageStore = require("../../../stores/page-store.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "file-upload",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["update:modelValue", "on-success"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const serviceFlowStoreUtil = pageStore.useServiceFlowStore();
+    const emits = __emit;
+    const props = __props;
+    const systemCode = vue.ref("");
+    systemCode.value = serviceFlowStoreUtil.pageContext.systemCode;
+    if (!props.modelValue || typeof props.modelValue !== "object") {
+      emits("update:modelValue", {});
+    }
+    const upload = vue.ref();
+    const headers = { Authorization: auth.getToken() };
+    const uploadUrl = window["$vueApp"].config.globalProperties.baseAPI + "/component/super-form/uploads";
+    const fileList = vue.ref([]);
+    if (props.modelValue && props.modelValue.fileUuid) {
+      fileList.value.push({
+        name: props.modelValue.name,
+        url: props.modelValue.fileUuid
+      });
+    }
+    const fileChange = (file, fileList2) => {
+      console.log(file, fileList2, "fileChange");
+    };
+    const handleRemove = (file, uploadFiles) => {
+      console.log(file, uploadFiles);
+      props.modelValue.name = "";
+      props.modelValue.fileUuid = "";
+    };
+    const handleExceed = (files) => {
+      console.log("handleExceed", files);
+      upload.value.clearFiles();
+      const file = files[0];
+      file.uid = elementPlus.genFileId();
+      upload.value.handleStart(file);
+      upload.value.submit();
+    };
+    const handleSuccess = (response, file, fileList2) => {
+      console.log(response, file, fileList2);
+      props.modelValue.name = response.name;
+      props.modelValue.fileUuid = response.serverPath;
+      emits("on-success");
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_icon = es.ElIcon;
+      const _component_el_button = es.ElButton;
+      const _component_el_upload = es.ElUpload;
+      return vue.openBlock(), vue.createBlock(_component_el_upload, {
+        ref_key: "upload",
+        ref: upload,
+        name: "file",
+        data: { systemCode: systemCode.value, isExport: true },
+        "auto-upload": true,
+        action: uploadUrl,
+        headers,
+        limit: 1,
+        "on-change": fileChange,
+        "on-exceed": handleExceed,
+        "on-remove": handleRemove,
+        "on-success": handleSuccess,
+        "file-list": fileList.value
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_button, null, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" 上传附件"),
+              vue.createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Upload))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data", "file-list"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/common/components/json-view/json-view-dialog.vue.js

@@ -0,0 +1,63 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/dialog/style/css");
+const vue = require("vue");
+const jsonView_vue_vue_type_script_setup_true_lang = require("./json-view.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "JsonViewDialog",
+    inheritAttrs: false
+  },
+  __name: "json-view-dialog",
+  props: {
+    jsonObject: {
+      type: Object,
+      default: () => {
+      }
+    },
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const showJsonVisible = vue.ref(false);
+    vue.watch(
+      () => props.modelValue,
+      (newVal) => {
+        if (newVal) {
+          showJsonVisible.value = true;
+        }
+      }
+    );
+    const close = () => {
+      showJsonVisible.value = false;
+      emits("update:modelValue", false);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_dialog = es.ElDialog;
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: showJsonVisible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showJsonVisible.value = $event),
+        "append-to-body": __props.appendToBody,
+        title: "格式化",
+        width: "600",
+        onClose: close
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(jsonView_vue_vue_type_script_setup_true_lang, { jsonObject: __props.jsonObject }, null, 8, ["jsonObject"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "append-to-body"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/common/components/json-view/json-view-dialog.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const jsonViewDialog_vue_vue_type_script_setup_true_lang = require("./json-view-dialog.vue.js");
+module.exports = jsonViewDialog_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/common/components/json-view/json-view.vue.js

@@ -0,0 +1,141 @@
+"use strict";
+const vue = require("vue");
+const codemirror = require("codemirror");
+const langJson = require("@codemirror/lang-json");
+const state = require("@codemirror/state");
+const codemirrorThemesAll = require("@uiw/codemirror-themes-all");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "JsonView",
+    inheritAttrs: false
+  },
+  __name: "json-view",
+  props: {
+    jsonObject: {
+      type: Object,
+      default: () => {
+      }
+    },
+    height: {
+      type: Number,
+      default: 0
+    },
+    theme: {
+      type: String,
+      default: null
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const editor = vue.ref(null);
+    const cfCodemirrorJsonViewRef = vue.ref();
+    const codemirrorHeight = vue.ref("400px");
+    vue.watch(
+      () => props.jsonObject,
+      (newVal) => {
+        if (editor.value) {
+          loadEditor();
+        }
+      },
+      { deep: true }
+    );
+    vue.onMounted(() => {
+      vue.nextTick(() => {
+        loadEditor();
+      });
+    });
+    function loadEditor() {
+      if (editor.value) {
+        editor.value.destroy();
+      }
+      const jsonStr = props.jsonObject ? JSON.stringify(props.jsonObject, null, 2) : "";
+      if (props.height) {
+        codemirrorHeight.value = props.height + "px";
+      } else {
+        if (cfCodemirrorJsonViewRef.value) {
+          const rect = cfCodemirrorJsonViewRef.value.getBoundingClientRect();
+          if (rect.y || rect.y === 0) {
+            console.log("window.innerHeight - rect.y", window.innerHeight, rect.y);
+            codemirrorHeight.value = window.innerHeight - rect.y - 100 + "px";
+          }
+        }
+      }
+      const state2 = getEditorState(jsonStr);
+      let element = document.getElementById("cf-codemirror-view-json");
+      if (element) {
+        editor.value = new codemirror.EditorView({
+          state: state2,
+          parent: element
+        });
+      }
+    }
+    function getEditorState(jsonStr) {
+      const mytheme = getTheme();
+      const baseTheme = codemirror.EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: codemirrorHeight.value },
+        "&": {
+          height: codemirrorHeight.value,
+          maxHeight: codemirrorHeight.value,
+          fontSize: "12px"
+        }
+      });
+      return state.EditorState.create({
+        doc: jsonStr,
+        extensions: [
+          state.EditorState.tabSize.of(16),
+          codemirror.basicSetup,
+          langJson.jsonLanguage,
+          mytheme,
+          baseTheme,
+          readOnlyFacet.of(true),
+          preventChanges
+        ]
+      });
+    }
+    const readOnlyFacet = state.Facet.define({ combine: (values) => values.some((a) => a) });
+    const preventChanges = state.EditorState.transactionFilter.of((tr) => {
+      if (tr.isUserEvent && tr.docChanged && tr.state.facet(readOnlyFacet)) {
+        return {
+          changes: {
+            from: tr.changes.from,
+            to: tr.changes.to,
+            insert: tr.startState.doc.sliceString(tr.changes.from, tr.changes.to)
+          }
+        };
+      }
+      return tr;
+    });
+    function getTheme() {
+      if (props.theme) {
+        switch (props.theme) {
+          case "xcodeLight":
+            return codemirrorThemesAll.xcodeLight;
+          case "xcodeDark":
+            return codemirrorThemesAll.xcodeDark;
+          case "vscodeDark":
+            return codemirrorThemesAll.vscodeDark;
+          case "dracula":
+            return codemirrorThemesAll.dracula;
+          case "githubLight":
+            return codemirrorThemesAll.githubLight;
+          case "githubDark":
+            return codemirrorThemesAll.githubDark;
+          case "eclipse":
+            return codemirrorThemesAll.eclipse;
+        }
+      }
+      return codemirror.EditorView.theme({});
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        style: {
+          width: "100%"
+        },
+        ref_key: "cfCodemirrorJsonViewRef",
+        ref: cfCodemirrorJsonViewRef,
+        id: "cf-codemirror-view-json"
+      }, null, 512);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/common/components/json-view/json-view.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const jsonView_vue_vue_type_script_setup_true_lang = require("./json-view.vue.js");
+module.exports = jsonView_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/common/components/node-base-config.vue.js

@@ -0,0 +1,69 @@
+"use strict";
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/form-item/style/css");
+require("element-plus/es/components/tooltip/style/css");
+require("element-plus/es/components/color-picker/style/css");
+require("element-plus/es/components/input/style/css");
+const vue = require("vue");
+const _hoisted_1 = { style: { "position": "absolute", "right": "0" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "node-base-config",
+  props: {
+    properties: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose({});
+    return (_ctx, _cache) => {
+      const _component_el_input = es.ElInput;
+      const _component_el_color_picker = es.ElColorPicker;
+      const _component_el_tooltip = es.ElTooltip;
+      const _component_el_form_item = es.ElFormItem;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(_component_el_form_item, { label: "别名：" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_input, {
+              modelValue: __props.properties.name,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.properties.name = $event),
+              placeholder: "",
+              style: { "width": "85%" }
+            }, null, 8, ["modelValue"]),
+            vue.createVNode(_component_el_tooltip, {
+              effect: "dark",
+              content: "主题颜色",
+              placement: "top"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("span", _hoisted_1, [
+                  vue.createVNode(_component_el_color_picker, {
+                    modelValue: __props.properties.backgroundColor,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.properties.backgroundColor = $event)
+                  }, null, 8, ["modelValue"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        vue.createVNode(_component_el_form_item, { label: "功能描述：" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_input, {
+              modelValue: __props.properties.description,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.properties.description = $event),
+              placeholder: "",
+              style: { "width": "85%" }
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/designer/common/components/node-base-config.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const nodeBaseConfig_vue_vue_type_script_setup_true_lang = require("./node-base-config.vue.js");
+module.exports = nodeBaseConfig_vue_vue_type_script_setup_true_lang;

package/dist/lib/designer/common/components/value-set-input/index.js

@@ -0,0 +1,3 @@
+"use strict";
+const valueSetInput = require("./value-set-input.vue.js");
+module.exports = valueSetInput;

package/dist/lib/designer/common/components/value-set-input/option.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const typeOptions = [
+  {
+    value: "request",
+    label: "请求参数"
+  },
+  {
+    value: "data",
+    label: "数据模型"
+  },
+  {
+    value: "page",
+    label: "页面变量"
+  },
+  {
+    value: "task",
+    label: "流程变量"
+  },
+  {
+    value: "service",
+    label: "服务变量"
+  },
+  {
+    value: "system",
+    label: "系统变量"
+  },
+  {
+    value: "context",
+    label: "环境变量"
+  },
+  {
+    value: "fixed",
+    label: "固定值"
+  }
+];
+const contextVarOptions = [
+  { value: "currentTime", label: "当前时间" },
+  { value: "currentDate", label: "当前日期" },
+  { value: "currentTransactorId", label: "当前用户id" },
+  { value: "currentTransactor", label: "当前用户登录名" },
+  { value: "currentTransactorName", label: "当前用户姓名" },
+  { value: "currentTransactorMainDepartmentId", label: "当前用户部门id" },
+  { value: "currentTransactorMainDepartmentCode", label: "当前用户部门编码" },
+  { value: "currentTransactorMainDepartment", label: "当前用户部门名称" }
+];
+const taskVarOptions = [
+  { value: "transactor", label: "当前办理人" },
+  { value: "nodeId", label: "环节名称" },
+  { value: "nodeCode", label: "环节编码" },
+  { value: "assigner", label: "当前指派人" },
+  { value: "trustor", label: "当前委托人" }
+];
+function getTypeOptions(types) {
+  if (types && types.length > 0) {
+    return typeOptions.filter((item) => types.includes(item.value));
+  }
+  return typeOptions;
+}
+exports.contextVarOptions = contextVarOptions;
+exports.getTypeOptions = getTypeOptions;
+exports.taskVarOptions = taskVarOptions;

package/dist/lib/designer/common/components/value-set-input/value-set-input.css

@@ -0,0 +1,14 @@
+
+[data-v-53118ceb] .el-cascader-menu {
+  min-width: 120px !important;
+}
+.totalStyle[data-v-53118ceb] {
+  display: flex;
+  height: 15px;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+}
+[data-v-53118ceb] .el-input-group__append {
+  cursor: pointer;
+}

package/dist/lib/designer/common/components/value-set-input/value-set-input.vue.d.ts

@@ -62,10 +62,6 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    autoCreateFieldType: {
-        type: StringConstructor;
-        required: false;
-    };
 }, {
     setSelectOptions: typeof setSelectOptions;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -133,10 +129,6 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    autoCreateFieldType: {
-        type: StringConstructor;
-        required: false;
-    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {

package/dist/lib/designer/common/components/value-set-input/value-set-input.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const valueSetInput_vue_vue_type_script_setup_true_lang = require("./value-set-input.vue2.js");
+;/* empty css                      */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const ValueSetInput = /* @__PURE__ */ _pluginVue_exportHelper(valueSetInput_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-53118ceb"]]);
+module.exports = ValueSetInput;