service-flow-designer 2.2.25 → 2.2.28

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

@@ -1,4 +1,4 @@
-import { ElButton, ElInput, ElCascaderPanel, ElCol, ElEmpty, ElIcon, ElTableColumn, ElTable, ElRow, ElPopover } from "element-plus/es";
+import { ElPopover as e, ElRow as l, ElCol as a, ElCascaderPanel as t, ElEmpty as u, ElInput as s, ElButton as n, ElIcon as o, ElTable as i, ElTableColumn as r } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/popover/style/css";
 import "element-plus/es/components/row/style/css";
@@ -10,563 +10,122 @@ import "element-plus/es/components/col/style/css";
 import "element-plus/es/components/cascader-panel/style/css";
 import "element-plus/es/components/input/style/css";
 import "element-plus/es/components/button/style/css";
-import { defineComponent, ref, computed, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, normalizeStyle, unref, withModifiers, createElementVNode, withDirectives, createTextVNode, Fragment, renderList, vShow, nextTick, pushScopeId, popScopeId } from "vue";
-import { Search, Delete, Plus, InfoFilled } from "@element-plus/icons-vue";
-import { v4 } from "uuid";
-import { getTypeOptions, contextVarOptions, taskVarOptions } from "./option.js";
-import { useServiceFlowStore } from "../../../../stores/page-store.js";
-import fileUpload from "../file-upload.vue.js";
-import http from "agilebuilder-ui/src/utils/request";
-import { ElMessage } from "element-plus";
-const _withScopeId = (n) => (pushScopeId("data-v-9cc733d7"), n = n(), popScopeId(), n);
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
-const _hoisted_4 = { style: { "font-size": "10px", "line-height": "30px" } };
-const _hoisted_5 = { style: { "margin-bottom": "5px" } };
-const _hoisted_6 = { style: { "margin-top": "10px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
-const _hoisted_8 = { class: "totalStyle" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "ValueSetInput",
-    inheritAttrs: false
-  },
-  __name: "value-set-input",
-  props: {
-    modelValue: {
-      type: [String],
-      default: null
-    },
-    paramTypes: {
-      type: Array,
-      default: () => []
-    },
-    size: {
-      type: String,
-      default: "default"
-    },
-    inputSize: {
-      type: String,
-      default: "small"
-    },
-    showLabel: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: String,
-      default: ""
-    },
-    customInputTypes: {
-      type: Array,
-      default: []
-    },
-    customOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    showFileUpload: {
-      type: Boolean,
-      default: false
-    },
-    //自动创建服务字段的类型
-    autoCreateFieldType: {
-      type: String,
-      required: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const serviceFlowStoreUtil = useServiceFlowStore();
-    const emits = __emit;
-    const props = __props;
-    const defalutValue = ref(null);
-    defalutValue.value = props.modelValue;
-    const typeOptions = ref([]);
-    const showInputType = ref("");
-    const fileObject = ref({});
-    const labelValue = ref(null);
-    const requestParams = ref([]);
-    const paramType = ref(null);
-    const paramValue = ref(null);
-    const valueOptions = ref([]);
-    const selectOptions = ref({});
-    const searchValue = ref(null);
-    const popoverRef = ref();
-    const selectInputType = ["context", "system", "task", "data", "service"];
-    props.customInputTypes.forEach((item) => {
-      const index = selectInputType.findIndex((type) => item === type);
-      if (index >= 0) {
-        selectInputType.splice(index, 1);
-      }
-    });
-    typeOptions.value = getTypeOptions(props.paramTypes);
-    setSelectOptions();
-    const showFileUploadOption = () => {
-      if (props.showFileUpload) {
-        if (typeOptions.value.findIndex((item) => item.value === "file") === -1) {
-          typeOptions.value.push({ label: "文件", value: "file" });
-        }
-      } else {
-        const index = typeOptions.value.findIndex((item) => item.value === "file");
-        if (index >= 0) {
-          typeOptions.value.splice(index, 1);
-        }
-      }
-    };
-    if (props.modelValue) {
-      const match = props.modelValue.match(/\${(.*?)\.(.*?)}/);
-      if (match) {
-        const type = match[1];
-        const val = match[2];
-        paramType.value = type;
-        paramValue.value = val;
-        showFileUploadOption();
-        if (paramType.value === "file") {
-          showInputType.value = "file";
-        } else if (selectInputType.includes(type)) {
-          if (paramType.value === "system") {
-            querySystemParams();
-          }
-          showInputType.value = "select";
-        } else {
-          showInputType.value = "input";
-        }
-      }
-      labelValue.value = formatter();
-    }
-    const filterTableData = computed(
-      () => valueOptions.value.filter(
-        (data) => !searchValue.value || data.label.toLowerCase().includes(searchValue.value.toLowerCase() || data.value.toLowerCase().includes(searchValue.value.toLowerCase()))
-      )
-    );
-    function setSelectOptions() {
-      selectOptions.value.dataModelOptions = serviceFlowStoreUtil.pageContextVarOptions.dataOptions;
-      if (props.customOptions.data) {
-        selectOptions.value.dataModelOptions = props.customOptions.data;
-      }
-      selectOptions.value.serviceVarOptions = serviceFlowStoreUtil.getServiceVarOptions();
-      const tempParams = [
-        {
-          value: "query",
-          label: "query"
-        }
-      ];
-      if (serviceFlowStoreUtil.pageContext) {
-        convertVariablesToParams(serviceFlowStoreUtil.pageContext.variables, tempParams, "");
-      }
-      requestParams.value = tempParams;
-    }
-    function convertVariablesToParams(variables, tempParams, parentFieldName) {
-      if (!variables) {
-        return;
-      }
-      for (let v of variables) {
-        if (!v.name) {
-          continue;
-        }
-        let tempParentName = parentFieldName;
-        if (!v.isArrayElement) {
-          let fieldName = v.name;
-          if (parentFieldName) {
-            fieldName = parentFieldName + "." + fieldName;
-          }
-          const label = v.alias ? fieldName + "(" + v.alias + ")" : fieldName;
-          tempParams.push({
-            value: fieldName,
-            label
-          });
-          tempParentName = fieldName;
-        }
-        if (v.items) {
-          convertVariablesToParams(v.items, tempParams, tempParentName);
-        }
-      }
-    }
-    function formatter() {
-      if (props.modelValue) {
-        return getTypeLabel(paramType.value) + " : " + getValueLabel(paramType.value, paramValue.value);
-      }
-      return props.modelValue;
-    }
-    function paramTypeChange(paramType2) {
-      paramValue.value = "";
-      if (paramType2 === "file") {
-        showInputType.value = "file";
-      } else if (selectInputType.includes(paramType2)) {
-        showInputType.value = "select";
-        if (paramType2 === "system") {
-          querySystemParams();
-        } else {
-          setValueOptions(paramType2);
-        }
-      } else {
-        showInputType.value = "input";
-      }
-    }
-    if (!paramType.value && typeOptions.value.length > 0) {
-      paramType.value = typeOptions.value[0].value;
-      paramTypeChange(paramType.value);
-      console.log("paramType.value--", paramType.value);
-    }
-    function setValueOptions(value) {
-      if (value === "context") {
-        valueOptions.value = contextVarOptions;
-      } else if (value === "system") {
-        valueOptions.value = selectOptions.value.systemVarOptions || [];
-      } else if (value === "task") {
-        valueOptions.value = taskVarOptions;
-      } else if (value === "data") {
-        valueOptions.value = selectOptions.value.dataModelOptions || [];
-      } else if (value === "service") {
-        valueOptions.value = selectOptions.value.serviceVarOptions || [];
-      }
-    }
-    function selectRow(row) {
-      console.log(row, "选择数据");
-      paramValue.value = row.value;
-      defalutValue.value = "${" + paramType.value + "." + row.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function addInputParams() {
-      if (!paramValue.value) {
-        ElMessage.warning("请输入参数名");
-        return;
-      }
-      defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function addRequestParam(addParam) {
-      paramValue.value = addParam;
-      addInputParams();
-    }
-    function addServiceParams() {
-      searchValue.value = searchValue.value.trim();
-      if (!searchValue.value) {
-        ElMessage.warning("请输入参数名");
-        return;
-      }
-      const tempValues = selectOptions.value.serviceVarOptions || [];
-      for (let t of tempValues) {
-        if (t.value === searchValue.value) {
-          ElMessage.warning("该变量已存在!");
-          return;
-        }
-      }
-      const variable = {
-        code: v4(),
-        level: 1,
-        name: searchValue.value,
-        alias: searchValue.value,
-        type: props.autoCreateFieldType ? props.autoCreateFieldType : "string",
-        defaultValue: "",
-        items: []
-      };
-      if (variable.type == "array") {
-        variable.items.push({
-          level: variable.level + 1,
-          code: v4(),
-          name: "items",
-          isArrayElement: true,
-          alias: "",
-          type: "object",
-          defaultValue: "",
-          items: []
-        });
-      }
-      if (!serviceFlowStoreUtil.currentService.variables) {
-        serviceFlowStoreUtil.currentService.variables = [];
-      }
-      serviceFlowStoreUtil.currentService.variables.push(variable);
-      selectOptions.value.serviceVarOptions = serviceFlowStoreUtil.getServiceVarOptions();
-      setValueOptions(paramType.value);
-      paramValue.value = searchValue.value;
-      defalutValue.value = "${" + paramType.value + "." + searchValue.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function getTypeLabel(valueType) {
-      var _a;
-      return (_a = typeOptions.value.find((item) => item.value === valueType)) == null ? void 0 : _a.label;
-    }
-    function getValueLabel(valueType, value) {
-      if (selectInputType.includes(valueType)) {
-        const option = valueOptions.value.find((item) => item.value === value);
-        if (option) {
-          return option.label;
-        }
-      } else if (valueType === "file") {
-        return value.split("|")[0];
-      }
-      return value;
-    }
-    const tableRef = ref();
-    function handSelectRow() {
-      if (!props.showLabel && showInputType.value === "select") {
-        const index = filterTableData.value.findIndex((item) => item.value === paramValue.value);
-        tableRef.value.setCurrentRow(filterTableData.value[index]);
-      }
-    }
-    const showPopover = () => {
-      showFileUploadOption();
-      setSelectOptions();
-      if (paramType.value) {
-        setValueOptions(paramType.value);
-      }
-      nextTick(() => {
-        handSelectRow();
-      });
-    };
-    function clearData() {
-      defalutValue.value = null;
-      paramType.value = null;
-      paramValue.value = null;
-      emits("update:modelValue", defalutValue.value);
-    }
-    function successUpload() {
-      defalutValue.value = "${file." + fileObject.value.name + "|" + fileObject.value.fileUuid + "}";
-      paramValue.value = fileObject.value.name + "|" + fileObject.value.fileUuid;
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
+import { defineComponent as p, ref as v, computed as c, createElementBlock as m, createBlock as d, openBlock as f, toDisplayString as y, withCtx as h, createVNode as V, createElementVNode as g, withDirectives as w, unref as x, createTextVNode as b, Fragment as k, renderList as z, vShow as C, normalizeStyle as O, withModifiers as S, nextTick as _ } from "vue";
+import { Plus as U, InfoFilled as j, Search as q, Delete as I } from "@element-plus/icons-vue";
+import { v4 as L } from "uuid";
+import { getTypeOptions as T, contextVarOptions as A, taskVarOptions as F } from "./option.js";
+import { useServiceFlowStore as $ } from "../../../../stores/page-store.js";
+import E from "../file-upload.vue.js";
+import M from "agilebuilder-ui/src/utils/request";
+import { ElMessage as R } from "element-plus";
+const B = { key: 0 }, K = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, P = { style: { "font-size": "10px", "line-height": "30px" } }, D = { style: { "margin-bottom": "5px" } }, G = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, H = { class: "totalStyle" }, J = p({ name: "ValueSetInput", inheritAttrs: false, __name: "value-set-input", props: { modelValue: { type: [String], default: null }, paramTypes: { type: Array, default: () => [] }, size: { type: String, default: "default" }, inputSize: { type: String, default: "small" }, showLabel: { type: Boolean, default: false }, width: { type: String, default: "" }, customInputTypes: { type: Array, default: [] }, customOptions: { type: Object, default: () => ({}) }, showFileUpload: { type: Boolean, default: false }, autoCreateFieldType: { type: String, required: false }, placeholder: { type: String, default: "请选择" } }, emits: ["update:modelValue"], setup(p2, { expose: J2, emit: N }) {
+  const Q = $(), W = N, X = p2, Y = v(null);
+  Y.value = X.modelValue;
+  const Z = v([]), ee = v(""), le = v({}), ae = v(null), te = v([]), ue = v(null), se = v(null), ne = v([]), oe = v({}), ie = v(null), re = v(), pe = ["context", "system", "task", "data", "service"];
+  X.customInputTypes.forEach((e2) => {
+    const l2 = pe.findIndex((l3) => e2 === l3);
+    l2 >= 0 && pe.splice(l2, 1);
+  }), Z.value = T(X.paramTypes), me();
+  const ve = () => {
+    if (X.showFileUpload) -1 === Z.value.findIndex((e2) => "file" === e2.value) && Z.value.push({ label: "文件", value: "file" });
+    else {
+      const e2 = Z.value.findIndex((e3) => "file" === e3.value);
+      e2 >= 0 && Z.value.splice(e2, 1);
+    }
+  };
+  if (X.modelValue) {
+    const e2 = X.modelValue.match(/\${(.*?)\.(.*?)}/);
+    if (e2) {
+      const l2 = e2[1], a2 = e2[2];
+      ue.value = l2, se.value = a2, ve(), "file" === ue.value ? ee.value = "file" : pe.includes(l2) ? ("system" === ue.value && Ce(), ee.value = "select") : ee.value = "input";
+    }
+    ae.value = fe();
+  }
+  const ce = c(() => ne.value.filter((e2) => !ie.value || e2.label.toLowerCase().includes(ie.value.toLowerCase() || e2.value.toLowerCase().includes(ie.value.toLowerCase()))));
+  function me() {
+    oe.value.dataModelOptions = Q.pageContextVarOptions.dataOptions, X.customOptions.data && (oe.value.dataModelOptions = X.customOptions.data), oe.value.serviceVarOptions = Q.getServiceVarOptions();
+    const e2 = [{ value: "query", label: "query" }];
+    Q.pageContext && de(Q.pageContext.variables, e2, ""), te.value = e2;
+  }
+  function de(e2, l2, a2) {
+    if (e2) for (let t2 of e2) {
+      if (!t2.name) continue;
+      let e3 = a2;
+      if (!t2.isArrayElement) {
+        let u2 = t2.name;
+        a2 && (u2 = a2 + "." + u2);
+        const s2 = t2.alias ? u2 + "(" + t2.alias + ")" : u2;
+        l2.push({ value: u2, label: s2 }), e3 = u2;
+      }
+      t2.items && de(t2.items, l2, e3);
     }
-    let lastSystemQuery = null;
-    function querySystemParams() {
-      if (lastSystemQuery && lastSystemQuery == searchValue.value) {
-        return;
-      }
-      const param = {
-        query: searchValue.value
-      };
-      lastSystemQuery = searchValue.value;
-      http.post("/component/system-params/query", param).then((results) => {
-        const tempOptions = [];
-        for (let result of results) {
-          tempOptions.push({
-            value: result.key,
-            label: result.key + "  (" + result.value + ")"
-          });
-        }
-        selectOptions.value.systemVarOptions = tempOptions;
-        if (paramType.value == "system") {
-          setValueOptions(paramType.value);
+  }
+  function fe() {
+    var _a;
+    return X.modelValue ? (e2 = ue.value, ((_a = Z.value.find((l2) => l2.value === e2)) == null ? void 0 : _a.label) + " : " + function(e3, l2) {
+      if (pe.includes(e3)) {
+        const e4 = ne.value.find((e5) => e5.value === l2);
+        if (e4) return e4.label;
+      } else if ("file" === e3) return l2.split("|")[0];
+      return l2;
+    }(ue.value, se.value)) : X.modelValue;
+    var e2;
+  }
+  function ye(e2) {
+    se.value = "", "file" === e2 ? ee.value = "file" : pe.includes(e2) ? (ee.value = "select", "system" === e2 ? Ce() : he(e2)) : ee.value = "input";
+  }
+  function he(e2) {
+    "context" === e2 ? ne.value = A : "system" === e2 ? ne.value = oe.value.systemVarOptions || [] : "task" === e2 ? ne.value = F : "data" === e2 ? ne.value = oe.value.dataModelOptions || [] : "service" === e2 && (ne.value = oe.value.serviceVarOptions || []);
+  }
+  function Ve() {
+    se.value ? (Y.value = "${" + ue.value + "." + se.value + "}", W("update:modelValue", Y.value), re.value.hide()) : R.warning("请输入参数名");
+  }
+  function ge() {
+    if (ie.value = ie.value.trim(), !ie.value) return void R.warning("请输入参数名");
+    const e2 = oe.value.serviceVarOptions || [];
+    for (let l3 of e2) if (l3.value === ie.value) return void R.warning("该变量已存在!");
+    const l2 = { code: L(), level: 1, name: ie.value, alias: ie.value, type: X.autoCreateFieldType ? X.autoCreateFieldType : "string", defaultValue: "", items: [] };
+    "array" == l2.type && l2.items.push({ level: l2.level + 1, code: L(), name: "items", isArrayElement: true, alias: "", type: "object", defaultValue: "", items: [] }), Q.currentService.variables || (Q.currentService.variables = []), Q.currentService.variables.push(l2), oe.value.serviceVarOptions = Q.getServiceVarOptions(), he(ue.value), se.value = ie.value, Y.value = "${" + ue.value + "." + ie.value + "}", W("update:modelValue", Y.value), re.value.hide();
+  }
+  !ue.value && Z.value.length > 0 && (ue.value = Z.value[0].value, ye(ue.value));
+  const we = v();
+  const xe = () => {
+    ve(), me(), ue.value && he(ue.value), _(() => {
+      !function() {
+        if (!X.showLabel && "select" === ee.value) {
+          const e2 = ce.value.findIndex((e3) => e3.value === se.value);
+          we.value.setCurrentRow(ce.value[e2]);
         }
-      });
-    }
-    __expose({
-      setSelectOptions
+      }();
+    });
+  };
+  function be() {
+    Y.value = null, ue.value = null, se.value = null, W("update:modelValue", Y.value);
+  }
+  function ke() {
+    Y.value = "${file." + le.value.name + "|" + le.value.fileUuid + "}", se.value = le.value.name + "|" + le.value.fileUuid, W("update:modelValue", Y.value), re.value.hide();
+  }
+  let ze = null;
+  function Ce() {
+    if (ze && ze == ie.value) return;
+    const e2 = { query: ie.value };
+    ze = ie.value, M.post("/component/system-params/query", e2).then((e3) => {
+      const l2 = [];
+      for (let a2 of e3) l2.push({ value: a2.propKey, label: a2.propKey + "  (" + a2.propValue + ")" });
+      oe.value.systemVarOptions = l2, "system" == ue.value && he(ue.value);
     });
-    return (_ctx, _cache) => {
-      const _component_el_button = ElButton;
-      const _component_el_input = ElInput;
-      const _component_el_cascader_panel = ElCascaderPanel;
-      const _component_el_col = ElCol;
-      const _component_el_empty = ElEmpty;
-      const _component_el_icon = ElIcon;
-      const _component_el_table_column = ElTableColumn;
-      const _component_el_table = ElTable;
-      const _component_el_row = ElRow;
-      const _component_el_popover = ElPopover;
-      return __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(labelValue.value), 1)) : (openBlock(), createBlock(_component_el_popover, {
-        key: 1,
-        ref_key: "popoverRef",
-        ref: popoverRef,
-        trigger: "click",
-        width: 450
-      }, {
-        reference: withCtx(() => [
-          createVNode(_component_el_input, {
-            style: normalizeStyle({ width: __props.width ? __props.width : "" }),
-            readonly: "",
-            size: __props.inputSize,
-            onClick: showPopover,
-            formatter,
-            class: "input-with-select",
-            "prefix-icon": unref(Search),
-            modelValue: defalutValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => defalutValue.value = $event),
-            placeholder: "请选择"
-          }, {
-            append: withCtx(() => [
-              createVNode(_component_el_button, {
-                size: __props.inputSize,
-                icon: unref(Delete),
-                onClick: withModifiers(clearData, ["stop"])
-              }, null, 8, ["size", "icon"])
-            ]),
-            _: 1
-          }, 8, ["style", "size", "prefix-icon", "modelValue"])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_row, null, {
-            default: withCtx(() => [
-              createVNode(_component_el_col, { span: 8 }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_cascader_panel, {
-                    modelValue: paramType.value,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => paramType.value = $event),
-                    onChange: paramTypeChange,
-                    props: { emitPath: false },
-                    size: "small",
-                    style: { "width": "fit-content", "height": "200px" },
-                    options: typeOptions.value
-                  }, null, 8, ["modelValue", "options"])
-                ]),
-                _: 1
-              }),
-              !paramType.value ? (openBlock(), createBlock(_component_el_col, {
-                key: 0,
-                span: 16
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_empty, {
-                    description: "请选择类型",
-                    "image-size": 40
-                  })
-                ]),
-                _: 1
-              })) : showInputType.value === "input" ? (openBlock(), createBlock(_component_el_col, {
-                key: 1,
-                span: 16
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    style: { "width": "88%" },
-                    size: "small",
-                    modelValue: paramValue.value,
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => paramValue.value = $event),
-                    placeholder: "请手动输入"
-                  }, null, 8, ["modelValue"]),
-                  createVNode(_component_el_button, {
-                    style: { "float": "right" },
-                    onClick: addInputParams,
-                    size: "small",
-                    type: "primary",
-                    icon: unref(Plus),
-                    circle: ""
-                  }, null, 8, ["icon"]),
-                  createElementVNode("div", _hoisted_2, [
-                    createVNode(_component_el_icon, null, {
-                      default: withCtx(() => [
-                        createVNode(unref(InfoFilled))
-                      ]),
-                      _: 1
-                    }),
-                    _hoisted_3
-                  ]),
-                  withDirectives(createElementVNode("div", _hoisted_4, [
-                    createTextVNode(" 可用参数： "),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(requestParams.value, (o) => {
-                      return openBlock(), createBlock(_component_el_button, {
-                        type: "primary",
-                        size: "small",
-                        onClick: ($event) => addRequestParam(o.value)
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(o.label), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"]);
-                    }), 256))
-                  ], 512), [
-                    [vShow, paramType.value == "request"]
-                  ])
-                ]),
-                _: 1
-              })) : showInputType.value === "file" ? (openBlock(), createBlock(_component_el_col, {
-                key: 2,
-                span: 16
-              }, {
-                default: withCtx(() => [
-                  createVNode(fileUpload, {
-                    modelValue: fileObject.value,
-                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => fileObject.value = $event),
-                    onOnSuccess: successUpload
-                  }, null, 8, ["modelValue"])
-                ]),
-                _: 1
-              })) : (openBlock(), createBlock(_component_el_col, {
-                key: 3,
-                span: 16
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_5, [
-                    createVNode(_component_el_input, {
-                      size: "small",
-                      modelValue: searchValue.value,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => searchValue.value = $event),
-                      placeholder: "搜索",
-                      "suffix-icon": unref(Search),
-                      style: { "width": "88%" }
-                    }, null, 8, ["modelValue", "suffix-icon"]),
-                    withDirectives(createVNode(_component_el_button, {
-                      style: { "float": "right" },
-                      onClick: addServiceParams,
-                      size: "small",
-                      type: "primary",
-                      icon: unref(Plus),
-                      circle: ""
-                    }, null, 8, ["icon"]), [
-                      [vShow, paramType.value == "service"]
-                    ]),
-                    withDirectives(createElementVNode("div", _hoisted_6, [
-                      createVNode(_component_el_icon, null, {
-                        default: withCtx(() => [
-                          createVNode(unref(InfoFilled))
-                        ]),
-                        _: 1
-                      }),
-                      _hoisted_7
-                    ], 512), [
-                      [vShow, paramType.value == "service"]
-                    ])
-                  ]),
-                  createVNode(_component_el_table, {
-                    ref_key: "tableRef",
-                    ref: tableRef,
-                    height: "155",
-                    "show-header": false,
-                    size: "small",
-                    "current-row-key": "code",
-                    "row-key": "code",
-                    "tree-props": { children: "items" },
-                    "highlight-current-row": true,
-                    data: filterTableData.value
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_table_column, null, {
-                        default: withCtx((scope) => [
-                          createVNode(_component_el_button, {
-                            size: "small",
-                            onClick: ($event) => selectRow(scope.row)
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(" 选择 ")
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"])
-                        ]),
-                        _: 1
-                      }),
-                      createVNode(_component_el_table_column, { prop: "label" })
-                    ]),
-                    _: 1
-                  }, 8, ["data"]),
-                  createElementVNode("div", _hoisted_8, "总计：" + toDisplayString(filterTableData.value.length), 1)
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 512));
-    };
   }
-});
+  return J2({ setSelectOptions: me }), (v2, c2) => {
+    const _2 = n, L2 = s, T2 = t, A2 = a, F2 = u, $2 = o, M2 = r, R2 = i, J3 = l, N2 = e;
+    return p2.showLabel ? (f(), m("span", B, y(ae.value), 1)) : (f(), d(N2, { key: 1, ref_key: "popoverRef", ref: re, trigger: "click", width: 450 }, { reference: h(() => [V(L2, { style: O({ width: p2.width ? p2.width : "" }), readonly: "", size: p2.inputSize, onClick: xe, formatter: fe, class: "input-with-select", "prefix-icon": x(q), modelValue: Y.value, "onUpdate:modelValue": c2[0] || (c2[0] = (e2) => Y.value = e2), placeholder: p2.placeholder }, { append: h(() => [V(_2, { size: p2.inputSize, icon: x(I), onClick: S(be, ["stop"]) }, null, 8, ["size", "icon"])]), _: 1 }, 8, ["style", "size", "prefix-icon", "modelValue", "placeholder"])]), default: h(() => [V(J3, null, { default: h(() => [V(A2, { span: 8 }, { default: h(() => [V(T2, { modelValue: ue.value, "onUpdate:modelValue": c2[1] || (c2[1] = (e2) => ue.value = e2), onChange: ye, props: { emitPath: false }, size: "small", style: { width: "fit-content", height: "200px" }, options: Z.value }, null, 8, ["modelValue", "options"])]), _: 1 }), ue.value ? "input" === ee.value ? (f(), d(A2, { key: 1, span: 16 }, { default: h(() => [V(L2, { style: { width: "88%" }, size: "small", modelValue: se.value, "onUpdate:modelValue": c2[2] || (c2[2] = (e2) => se.value = e2), placeholder: "请手动输入" }, null, 8, ["modelValue"]), V(_2, { style: { float: "right" }, onClick: Ve, size: "small", type: "primary", icon: x(U), circle: "" }, null, 8, ["icon"]), g("div", K, [V($2, null, { default: h(() => [V(x(j))]), _: 1 }), c2[5] || (c2[5] = g("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1))]), w(g("div", P, [c2[6] || (c2[6] = b(" 可用参数： ")), (f(true), m(k, null, z(te.value, (e2) => (f(), d(_2, { type: "primary", size: "small", onClick: (l2) => {
+      return a2 = e2.value, se.value = a2, void Ve();
+      var a2;
+    } }, { default: h(() => [b(y(e2.label), 1)]), _: 2 }, 1032, ["onClick"]))), 256))], 512), [[C, "request" == ue.value]])]), _: 1 })) : "file" === ee.value ? (f(), d(A2, { key: 2, span: 16 }, { default: h(() => [V(E, { modelValue: le.value, "onUpdate:modelValue": c2[3] || (c2[3] = (e2) => le.value = e2), onOnSuccess: ke }, null, 8, ["modelValue"])]), _: 1 })) : (f(), d(A2, { key: 3, span: 16 }, { default: h(() => [g("div", D, [V(L2, { size: "small", modelValue: ie.value, "onUpdate:modelValue": c2[4] || (c2[4] = (e2) => ie.value = e2), placeholder: "搜索", "suffix-icon": x(q), style: { width: "88%" } }, null, 8, ["modelValue", "suffix-icon"]), w(V(_2, { style: { float: "right" }, onClick: ge, size: "small", type: "primary", icon: x(U), circle: "" }, null, 8, ["icon"]), [[C, "service" == ue.value]]), w(g("div", G, [V($2, null, { default: h(() => [V(x(j))]), _: 1 }), c2[7] || (c2[7] = g("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1))], 512), [[C, "service" == ue.value]])]), V(R2, { ref_key: "tableRef", ref: we, height: "155", "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: ce.value }, { default: h(() => [V(M2, null, { default: h((e2) => [V(_2, { size: "small", onClick: (l2) => {
+      return a2 = e2.row, se.value = a2.value, Y.value = "${" + ue.value + "." + a2.value + "}", W("update:modelValue", Y.value), void re.value.hide();
+      var a2;
+    } }, { default: h(() => c2[8] || (c2[8] = [b(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), V(M2, { prop: "label" })]), _: 1 }, 8, ["data"]), g("div", H, "总计：" + y(ce.value.length), 1)]), _: 1 })) : (f(), d(A2, { key: 0, span: 16 }, { default: h(() => [V(F2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 })]), _: 1 }, 512));
+  };
+} });
 export {
-  _sfc_main as default
+  J as default
 };