service-flow-designer 1.1.3 → 1.1.5

package/dist/es/designer/common/components/file-upload.css

@@ -0,0 +1,7 @@
+
+[data-v-2d06523b] .el-upload {
+  width: 100%;
+}
+[data-v-2d06523b] .el-button {
+  width: 100%;
+}

package/dist/es/designer/common/components/file-upload.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    "on-success": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onOn-success"?: (...args: any[]) => any;
+}, {
+    modelValue: Record<string, any>;
+}, {}>;
+export default _default;

package/dist/es/designer/common/components/file-upload.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./file-upload.vue2.js";
+/* empty css                 */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const fileUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d06523b"]]);
+export {
+  fileUpload as default
+};

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

@@ -0,0 +1,99 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, unref } from "vue";
+import { Upload } from "@element-plus/icons-vue";
+import { genFileId } from "element-plus";
+import { getToken } from "agilebuilder-ui/src/utils/auth";
+import { useServiceFlowStore } from "../../../stores/page-store.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "file-upload",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  emits: ["update:modelValue", "on-success"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const serviceFlowStoreUtil = useServiceFlowStore();
+    const emits = __emit;
+    const props = __props;
+    const systemCode = ref("");
+    systemCode.value = serviceFlowStoreUtil.pageContext.systemCode;
+    if (!props.modelValue || typeof props.modelValue !== "object") {
+      emits("update:modelValue", {});
+    }
+    const upload = ref();
+    const headers = { Authorization: getToken() };
+    const uploadUrl = window["$vueApp"].config.globalProperties.baseAPI + "/component/super-form/uploads";
+    const fileList = 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 = 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 = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_upload = resolveComponent("el-upload");
+      return openBlock(), 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: withCtx(() => [
+          createVNode(_component_el_button, null, {
+            default: withCtx(() => [
+              createTextVNode(" 上传附件"),
+              createVNode(_component_el_icon, { class: "el-icon--right" }, {
+                default: withCtx(() => [
+                  createVNode(unref(Upload))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["data", "file-list"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/designer/common/components/json-view/index.d.ts

@@ -0,0 +1,4 @@
+import { default as JsonView } from './json-view.vue';
+import { default as JsonViewDialog } from './json-view-dialog.vue';
+
+export { JsonView, JsonViewDialog };

package/dist/es/designer/common/components/json-view/json-view-dialog.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import('vue').DefineComponent<{
+    jsonObject: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    jsonObject: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    modelValue: boolean;
+    appendToBody: boolean;
+    jsonObject: Record<string, any>;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,61 @@
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, withCtx, createVNode } from "vue";
+import _sfc_main$1 from "./json-view.vue.js";
+const _sfc_main = /* @__PURE__ */ 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 = ref(false);
+    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 = resolveComponent("el-dialog");
+      return openBlock(), 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: withCtx(() => [
+          createVNode(_sfc_main$1, { jsonObject: __props.jsonObject }, null, 8, ["jsonObject"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "append-to-body"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./json-view-dialog.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/designer/common/components/json-view/json-view.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import('vue').DefineComponent<{
+    jsonObject: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    theme: {
+        type: StringConstructor;
+        default: any;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    jsonObject: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    theme: {
+        type: StringConstructor;
+        default: any;
+    };
+}>>, {
+    height: number;
+    jsonObject: Record<string, any>;
+    theme: string;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,142 @@
+import { defineComponent, ref, watch, onMounted, nextTick, openBlock, createElementBlock } from "vue";
+import { EditorView, basicSetup } from "codemirror";
+import { jsonLanguage } from "@codemirror/lang-json";
+import { EditorState, Facet } from "@codemirror/state";
+import { eclipse, githubDark, githubLight, dracula, vscodeDark, xcodeDark, xcodeLight } from "@uiw/codemirror-themes-all";
+const _sfc_main = /* @__PURE__ */ 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 = ref(null);
+    const cfCodemirrorJsonViewRef = ref();
+    const codemirrorHeight = ref("400px");
+    watch(
+      () => props.jsonObject,
+      (newVal) => {
+        if (editor.value) {
+          loadEditor();
+        }
+      },
+      { deep: true }
+    );
+    onMounted(() => {
+      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 state = getEditorState(jsonStr);
+      let element = document.getElementById("cf-codemirror-view-json");
+      if (element) {
+        editor.value = new EditorView({
+          state,
+          parent: element
+        });
+      }
+    }
+    function getEditorState(jsonStr) {
+      const mytheme = getTheme();
+      const baseTheme = EditorView.theme({
+        ".cm-content, .cm-gutter": { minHeight: codemirrorHeight.value },
+        "&": {
+          height: codemirrorHeight.value,
+          maxHeight: codemirrorHeight.value,
+          fontSize: "12px"
+        }
+      });
+      return EditorState.create({
+        doc: jsonStr,
+        extensions: [
+          EditorState.tabSize.of(16),
+          basicSetup,
+          jsonLanguage,
+          mytheme,
+          baseTheme,
+          readOnlyFacet.of(true),
+          preventChanges
+        ]
+      });
+    }
+    const readOnlyFacet = Facet.define({ combine: (values) => values.some((a) => a) });
+    const preventChanges = 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 xcodeLight;
+          case "xcodeDark":
+            return xcodeDark;
+          case "vscodeDark":
+            return vscodeDark;
+          case "dracula":
+            return dracula;
+          case "githubLight":
+            return githubLight;
+          case "githubDark":
+            return githubDark;
+          case "eclipse":
+            return eclipse;
+        }
+      }
+      return EditorView.theme({});
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: {
+          width: "100%"
+        },
+        ref_key: "cfCodemirrorJsonViewRef",
+        ref: cfCodemirrorJsonViewRef,
+        id: "cf-codemirror-view-json"
+      }, null, 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./json-view.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/designer/common/components/value-set-input/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ValueSetInput } from './value-set-input.vue';
+
+export default ValueSetInput;

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

@@ -0,0 +1,4 @@
+import ValueSetInput from "./value-set-input.vue.js";
+export {
+  ValueSetInput as default
+};

package/dist/es/designer/common/components/value-set-input/option.d.ts

@@ -0,0 +1,12 @@
+interface Option {
+    value: string | number | boolean;
+    label: string;
+    [otherProp: string]: any;
+}
+declare const contextVarOptions: Option[];
+declare const taskVarOptions: Option[];
+declare function getTypeOptions(types: Array<string>): {
+    value: string;
+    label: string;
+}[];
+export { contextVarOptions, taskVarOptions, getTypeOptions };

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

@@ -0,0 +1,62 @@
+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;
+}
+export {
+  contextVarOptions,
+  getTypeOptions,
+  taskVarOptions
+};

package/dist/es/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/es/designer/common/components/value-set-input/value-set-input.vue.d.ts

@@ -0,0 +1,145 @@
+declare function setSelectOptions(): void;
+declare const _default: import('vue').DefineComponent<{
+    modelValue: {
+        type: StringConstructor[];
+        default: any;
+    };
+    paramTypes: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => any[];
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    customInputTypes: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: any[];
+    };
+    customOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showFileUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    setSelectOptions: typeof setSelectOptions;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+        default: any;
+    };
+    paramTypes: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => any[];
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    customInputTypes: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: any[];
+    };
+    customOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    showFileUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: string;
+    modelValue: string;
+    width: string;
+    paramTypes: string[];
+    inputSize: string;
+    showLabel: boolean;
+    customInputTypes: any[];
+    customOptions: Record<string, any>;
+    showFileUpload: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import _sfc_main from "./value-set-input.vue2.js";
+/* empty css                     */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const ValueSetInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53118ceb"]]);
+export {
+  ValueSetInput as default
+};