service-flow-designer 2.1.59 → 2.2.1

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 { ElButton as e, ElInput as l, ElCascaderPanel as a, ElCol as t, ElEmpty as u, ElIcon as s, ElTableColumn as n, ElTable as o, ElRow as i, ElPopover 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,567 +10,132 @@ 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-21f429a9"), 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
-    },
-    placeholder: {
-      type: String,
-      default: "请选择"
-    }
-  },
-  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) {
+import { defineComponent as p, ref as v, computed as c, openBlock as d, createElementBlock as m, toDisplayString as f, createBlock as y, withCtx as h, createVNode as V, normalizeStyle as g, unref as w, withModifiers as x, createElementVNode as b, withDirectives as k, createTextVNode as z, Fragment as C, renderList as O, vShow as S, nextTick as _, pushScopeId as U, popScopeId as j } from "vue";
+import { Search as q, Delete as I, Plus as L, InfoFilled as T } from "@element-plus/icons-vue";
+import { v4 as A } from "uuid";
+import { getTypeOptions as F, contextVarOptions as $, taskVarOptions as E } from "./option.js";
+import { useServiceFlowStore as M } from "../../../../stores/page-store.js";
+import R from "../file-upload.vue.js";
+import B from "agilebuilder-ui/src/utils/request";
+import { ElMessage as K } from "element-plus";
+const P = (e2) => (U("data-v-21f429a9"), e2 = e2(), j(), e2), D = { key: 0 }, G = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, H = P(() => b("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1)), J = { style: { "font-size": "10px", "line-height": "30px" } }, N = { style: { "margin-bottom": "5px" } }, Q = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, W = P(() => b("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1)), X = { class: "totalStyle" }, Y = 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: U2, emit: j2 }) {
+  const P2 = M(), Y2 = j2, Z = p2, ee = v(null);
+  ee.value = Z.modelValue;
+  const le = v([]), ae = v(""), te = v({}), ue = v(null), se = v([]), ne = v(null), oe = v(null), ie = v([]), re = v({}), pe = v(null), ve = v(), ce = ["context", "system", "task", "data", "service"];
+  Z.customInputTypes.forEach((e2) => {
+    const l2 = ce.findIndex((l3) => e2 === l3);
+    l2 >= 0 && ce.splice(l2, 1);
+  }), le.value = F(Z.paramTypes), fe();
+  const de = () => {
+    if (Z.showFileUpload)
+      -1 === le.value.findIndex((e2) => "file" === e2.value) && le.value.push({ label: "文件", value: "file" });
+    else {
+      const e2 = le.value.findIndex((e3) => "file" === e3.value);
+      e2 >= 0 && le.value.splice(e2, 1);
+    }
+  };
+  if (Z.modelValue) {
+    const e2 = Z.modelValue.match(/\${(.*?)\.(.*?)}/);
+    if (e2) {
+      const l2 = e2[1], a2 = e2[2];
+      ne.value = l2, oe.value = a2, de(), "file" === ne.value ? ae.value = "file" : ce.includes(l2) ? ("system" === ne.value && Se(), ae.value = "select") : ae.value = "input";
+    }
+    ue.value = he();
+  }
+  const me = c(() => ie.value.filter((e2) => !pe.value || e2.label.toLowerCase().includes(pe.value.toLowerCase() || e2.value.toLowerCase().includes(pe.value.toLowerCase()))));
+  function fe() {
+    re.value.dataModelOptions = P2.pageContextVarOptions.dataOptions, Z.customOptions.data && (re.value.dataModelOptions = Z.customOptions.data), re.value.serviceVarOptions = P2.getServiceVarOptions();
+    const e2 = [{ value: "query", label: "query" }];
+    P2.pageContext && ye(P2.pageContext.variables, e2, ""), se.value = e2;
+  }
+  function ye(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;
         }
-        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);
+        t2.items && ye(t2.items, l2, e3);
       }
-      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();
-    }
-    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.propKey,
-            label: result.propKey + "  (" + result.propValue + ")"
-          });
-        }
-        selectOptions.value.systemVarOptions = tempOptions;
-        if (paramType.value == "system") {
-          setValueOptions(paramType.value);
+  }
+  function he() {
+    var _a;
+    return Z.modelValue ? (e2 = ne.value, ((_a = le.value.find((l2) => l2.value === e2)) == null ? void 0 : _a.label) + " : " + function(e3, l2) {
+      if (ce.includes(e3)) {
+        const e4 = ie.value.find((e5) => e5.value === l2);
+        if (e4)
+          return e4.label;
+      } else if ("file" === e3)
+        return l2.split("|")[0];
+      return l2;
+    }(ne.value, oe.value)) : Z.modelValue;
+    var e2;
+  }
+  function Ve(e2) {
+    oe.value = "", "file" === e2 ? ae.value = "file" : ce.includes(e2) ? (ae.value = "select", "system" === e2 ? Se() : ge(e2)) : ae.value = "input";
+  }
+  function ge(e2) {
+    "context" === e2 ? ie.value = $ : "system" === e2 ? ie.value = re.value.systemVarOptions || [] : "task" === e2 ? ie.value = E : "data" === e2 ? ie.value = re.value.dataModelOptions || [] : "service" === e2 && (ie.value = re.value.serviceVarOptions || []);
+  }
+  function we() {
+    oe.value ? (ee.value = "${" + ne.value + "." + oe.value + "}", Y2("update:modelValue", ee.value), ve.value.hide()) : K.warning("请输入参数名");
+  }
+  function xe() {
+    if (pe.value = pe.value.trim(), !pe.value)
+      return void K.warning("请输入参数名");
+    const e2 = re.value.serviceVarOptions || [];
+    for (let l3 of e2)
+      if (l3.value === pe.value)
+        return void K.warning("该变量已存在!");
+    const l2 = { code: A(), level: 1, name: pe.value, alias: pe.value, type: Z.autoCreateFieldType ? Z.autoCreateFieldType : "string", defaultValue: "", items: [] };
+    "array" == l2.type && l2.items.push({ level: l2.level + 1, code: A(), name: "items", isArrayElement: true, alias: "", type: "object", defaultValue: "", items: [] }), P2.currentService.variables || (P2.currentService.variables = []), P2.currentService.variables.push(l2), re.value.serviceVarOptions = P2.getServiceVarOptions(), ge(ne.value), oe.value = pe.value, ee.value = "${" + ne.value + "." + pe.value + "}", Y2("update:modelValue", ee.value), ve.value.hide();
+  }
+  !ne.value && le.value.length > 0 && (ne.value = le.value[0].value, Ve(ne.value));
+  const be = v();
+  const ke = () => {
+    de(), fe(), ne.value && ge(ne.value), _(() => {
+      !function() {
+        if (!Z.showLabel && "select" === ae.value) {
+          const e2 = me.value.findIndex((e3) => e3.value === oe.value);
+          be.value.setCurrentRow(me.value[e2]);
         }
-      });
-    }
-    __expose({
-      setSelectOptions
+      }();
+    });
+  };
+  function ze() {
+    ee.value = null, ne.value = null, oe.value = null, Y2("update:modelValue", ee.value);
+  }
+  function Ce() {
+    ee.value = "${file." + te.value.name + "|" + te.value.fileUuid + "}", oe.value = te.value.name + "|" + te.value.fileUuid, Y2("update:modelValue", ee.value), ve.value.hide();
+  }
+  let Oe = null;
+  function Se() {
+    if (Oe && Oe == pe.value)
+      return;
+    const e2 = { query: pe.value };
+    Oe = pe.value, B.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 + ")" });
+      re.value.systemVarOptions = l2, "system" == ne.value && ge(ne.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: __props.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", "placeholder"])
-        ]),
-        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 U2({ setSelectOptions: fe }), (v2, c2) => {
+    const _2 = e, U3 = l, j3 = a, A2 = t, F2 = u, $2 = s, E2 = n, M2 = o, B2 = i, K2 = r;
+    return p2.showLabel ? (d(), m("span", D, f(ue.value), 1)) : (d(), y(K2, { key: 1, ref_key: "popoverRef", ref: ve, trigger: "click", width: 450 }, { reference: h(() => [V(U3, { style: g({ width: p2.width ? p2.width : "" }), readonly: "", size: p2.inputSize, onClick: ke, formatter: he, class: "input-with-select", "prefix-icon": w(q), modelValue: ee.value, "onUpdate:modelValue": c2[0] || (c2[0] = (e2) => ee.value = e2), placeholder: p2.placeholder }, { append: h(() => [V(_2, { size: p2.inputSize, icon: w(I), onClick: x(ze, ["stop"]) }, null, 8, ["size", "icon"])]), _: 1 }, 8, ["style", "size", "prefix-icon", "modelValue", "placeholder"])]), default: h(() => [V(B2, null, { default: h(() => [V(A2, { span: 8 }, { default: h(() => [V(j3, { modelValue: ne.value, "onUpdate:modelValue": c2[1] || (c2[1] = (e2) => ne.value = e2), onChange: Ve, props: { emitPath: false }, size: "small", style: { width: "fit-content", height: "200px" }, options: le.value }, null, 8, ["modelValue", "options"])]), _: 1 }), ne.value ? "input" === ae.value ? (d(), y(A2, { key: 1, span: 16 }, { default: h(() => [V(U3, { style: { width: "88%" }, size: "small", modelValue: oe.value, "onUpdate:modelValue": c2[2] || (c2[2] = (e2) => oe.value = e2), placeholder: "请手动输入" }, null, 8, ["modelValue"]), V(_2, { style: { float: "right" }, onClick: we, size: "small", type: "primary", icon: w(L), circle: "" }, null, 8, ["icon"]), b("div", G, [V($2, null, { default: h(() => [V(w(T))]), _: 1 }), H]), k(b("div", J, [z(" 可用参数： "), (d(true), m(C, null, O(se.value, (e2) => (d(), y(_2, { type: "primary", size: "small", onClick: (l2) => {
+      return a2 = e2.value, oe.value = a2, void we();
+      var a2;
+    } }, { default: h(() => [z(f(e2.label), 1)]), _: 2 }, 1032, ["onClick"]))), 256))], 512), [[S, "request" == ne.value]])]), _: 1 })) : "file" === ae.value ? (d(), y(A2, { key: 2, span: 16 }, { default: h(() => [V(R, { modelValue: te.value, "onUpdate:modelValue": c2[3] || (c2[3] = (e2) => te.value = e2), onOnSuccess: Ce }, null, 8, ["modelValue"])]), _: 1 })) : (d(), y(A2, { key: 3, span: 16 }, { default: h(() => [b("div", N, [V(U3, { size: "small", modelValue: pe.value, "onUpdate:modelValue": c2[4] || (c2[4] = (e2) => pe.value = e2), placeholder: "搜索", "suffix-icon": w(q), style: { width: "88%" } }, null, 8, ["modelValue", "suffix-icon"]), k(V(_2, { style: { float: "right" }, onClick: xe, size: "small", type: "primary", icon: w(L), circle: "" }, null, 8, ["icon"]), [[S, "service" == ne.value]]), k(b("div", Q, [V($2, null, { default: h(() => [V(w(T))]), _: 1 }), W], 512), [[S, "service" == ne.value]])]), V(M2, { ref_key: "tableRef", ref: be, height: "155", "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: me.value }, { default: h(() => [V(E2, null, { default: h((e2) => [V(_2, { size: "small", onClick: (l2) => {
+      return a2 = e2.row, oe.value = a2.value, ee.value = "${" + ne.value + "." + a2.value + "}", Y2("update:modelValue", ee.value), void ve.value.hide();
+      var a2;
+    } }, { default: h(() => [z(" 选择 ")]), _: 2 }, 1032, ["onClick"])]), _: 1 }), V(E2, { prop: "label" })]), _: 1 }, 8, ["data"]), b("div", X, "总计：" + f(me.value.length), 1)]), _: 1 })) : (d(), y(A2, { key: 0, span: 16 }, { default: h(() => [V(F2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 })]), _: 1 }, 512));
+  };
+} });
 export {
-  _sfc_main as default
+  Y as default
 };