super-page-designer 2.1.90 → 2.1.98

package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue2.js

@@ -1,738 +1,156 @@
-import { defineComponent, ref, onMounted, onUnmounted, computed, watch, resolveComponent, openBlock, createElementBlock, toDisplayString, createBlock, withCtx, createVNode, withDirectives, withModifiers, unref, vShow, createElementVNode, createTextVNode, normalizeStyle, createCommentVNode, nextTick, pushScopeId, popScopeId } from "vue";
-import { CircleClose, Plus, InfoFilled, Search } from "@element-plus/icons-vue";
-import http from "agilebuilder-ui/src/utils/request";
-import { deepCopy, getUuidv4 } from "../../../utils/common-util.js";
-import { getTypeOptions, taskVarOptions, contextVarOptions } from "./common-variable-bind-option.js";
-import { usePageContextStore } from "../../../../../stores/page-store.js";
-import { tableField } from "../../../../../stores/table-store.js";
-import { statisticsTable } from "../../../../../stores/statistics-table-store.js";
-const _withScopeId = (n) => (pushScopeId("data-v-3528c938"), 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": "40px" } };
-const _hoisted_5 = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", "display": "flex", "align-items": "center", "justify-self": "center" } };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1));
-const _hoisted_7 = {
-  key: 0,
-  style: { "display": "flex" }
-};
-const _hoisted_8 = ["title"];
-const _hoisted_9 = ["title"];
-const _hoisted_10 = { class: "totalStyle" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "ValueSetInput",
-    inheritAttrs: false
-  },
-  __name: "common-variable-bind",
-  props: {
-    modelValue: {
-      type: [String],
-      default: null
-    },
-    paramTypes: {
-      type: Array,
-      default: () => []
-    },
-    size: {
-      type: String,
-      default: "small"
-    },
-    showLabel: {
-      type: Boolean,
-      default: false
-    },
-    // 是否需要方法参数
-    needParams: {
-      type: Boolean,
-      default: false
-    },
-    isRange: {
-      type: Boolean,
-      default: false
-    },
-    isTable: {
-      type: Boolean,
-      default: false
-    },
-    dataModelOptions: {
-      type: Array,
-      default: null
-    },
-    objModelOptions: {
-      type: Array,
-      default: null
-    },
-    // 是否需要data
-    needData: {
-      type: Boolean,
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: "请选择"
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const pageDesignContextUtil = usePageContextStore();
-    const emits = __emit;
-    const props = __props;
-    const popoverVisible = ref(false);
-    const defalutValue = ref("");
-    const inputRef = ref(null);
-    const contentRef = ref(null);
-    const typeOptions = ref([]);
-    const showInput = ref(false);
-    const labelValue = ref("");
-    const paramType = ref("");
-    const paramValue = ref("");
-    const valueOptions = ref([]);
-    const selectOptions = ref({});
-    const searchValue = ref("");
-    const popoverRef = ref(null);
-    const selectInputType = ["context", "system", "task", "data", "page", "row"];
-    const tableFieldStore = tableField();
-    const statisticsTableStore = statisticsTable();
-    onMounted(() => {
-      window.addEventListener("click", handleClickOutside);
-      const pageContext = pageDesignContextUtil.pageContext;
-      let hasTask = false;
-      let hasData = props.needData;
-      if (!hasData) {
-        if (props.isTable || pageContext && (!pageContext.pageType || pageContext.pageType == "form") && pageContext.tableName) {
-          hasData = true;
-        }
-      }
-      if (pageContext && pageContext.workflowCode && hasData) {
-        hasTask = true;
-      }
-      let newOptions = getTypeOptions(props.paramTypes, props.needParams);
-      if (!hasData) {
-        newOptions = newOptions.filter((item) => item.value != "data");
-      }
-      if (!hasTask) {
-        newOptions = newOptions.filter((item) => item.value != "task");
-      }
-      typeOptions.value = newOptions;
-      setSelectOptions();
-      if (props.modelValue) {
-        const [type, val] = props.modelValue.slice(0, props.modelValue.length - 1).slice(2).split(".");
-        paramType.value = type;
-        paramValue.value = val;
-        if (selectInputType.includes(type)) {
-          showInput.value = false;
-        }
-        setValueOptions(paramType.value);
-        labelValue.value = formatter();
-        defalutValue.value = props.modelValue;
-      }
-      if (!paramType.value) {
-        paramType.value = newOptions.length > 0 ? newOptions[0].value : "";
-        setValueOptions(paramType.value);
-      }
-      console.log("popoverRef", popoverRef.value);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("click", handleClickOutside);
-    });
-    let lastTarget = null;
-    function handleClickOutside(event) {
-      if (!popoverVisible.value) {
-        return;
-      }
-      if (paramTypeCheck) {
-        paramTypeCheck = false;
-        return;
-      }
-      let popoverDom = null;
-      if (contentRef.value) {
-        popoverDom = contentRef.value.$el.parentNode;
-      }
-      if (!event.target || !popoverDom) {
-        return;
-      }
-      if (event.target === lastTarget) {
-        console.log("与最后的点击一致");
-        return;
-      }
-      const inputDom = inputRef.value ? inputRef.value.input : null;
-      if (inputDom && (event.target === inputDom || inputDom.contains(event.target))) {
-        console.log("click contains input");
-        return;
-      }
-      if (event.target === popoverDom || popoverDom.contains(event.target)) {
-        console.log("click contains");
-        lastTarget = event.target;
-      } else {
-        if (contentRef.value.$el) {
-          console.log("contentRef.value.$el.contains", contentRef.value.$el.contains(event.target));
-        }
-        console.log("click contains--------not");
-        if (popoverVisible.value) {
-          closePopover(true);
-        }
-      }
-    }
-    const symbolUnits = ref([
-      {
-        label: "天",
-        value: "d"
-      },
-      {
-        label: "周",
-        value: "w"
-      },
-      {
-        label: "月",
-        value: "m"
-      },
-      {
-        label: "年",
-        value: "y"
-      }
-    ]);
-    const symbolUnitFormatter = (unit) => {
-      const items = symbolUnits.value.filter((item) => {
-        return item.value == unit;
-      });
-      if (items.length > 0) {
-        return items[0].label;
-      } else {
-        return "";
-      }
-    };
-    let popoverTimeout = null;
-    function closePopover(immediate) {
-      clearTimeout(popoverTimeout);
-      if (immediate) {
-        popoverVisible.value = false;
-      } else {
-        popoverTimeout = setTimeout(() => {
-          popoverVisible.value = false;
-        }, 2e3);
-      }
-    }
-    function openPopover() {
-      clearTimeout(popoverTimeout);
-      popoverVisible.value = true;
-    }
-    const filterTableData = computed(
-      () => (
-        //等于System时为全部
-        valueOptions.value.filter(
-          (data) => !searchValue.value || paramType.value == "system" || data.label.toLowerCase().includes(searchValue.value.toLowerCase()) || data.value.toLowerCase().includes(searchValue.value.toLowerCase())
-        )
-      )
-    );
-    watch(searchValue, () => {
-      if (paramType.value == "system") {
-        querySystemParams();
-      }
-    });
-    let lastSystemQuery = null;
-    function querySystemParams() {
-      if (lastSystemQuery == searchValue.value) {
-        return;
-      }
-      const param = {
-        query: searchValue.value
-      };
-      lastSystemQuery = searchValue.value;
-      http.post(window["$vueApp"].config.globalProperties.baseAPI + "/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);
-        }
-      });
-    }
-    const tableHeight = computed(() => {
-      let height = 185;
-      if (paramType.value == "page") {
-        height = 170;
-      }
-      return height;
-    });
-    const searchWidthStyle = computed(() => {
-      const style = {};
-      if (paramType.value == "page") {
-        style.width = "210px";
-      }
-      return style;
+import { defineComponent as e, ref as l, onMounted as a, onUnmounted as t, computed as u, watch as o, resolveComponent as n, openBlock as s, createElementBlock as i, toDisplayString as r, createBlock as p, withCtx as v, createVNode as d, withDirectives as m, withModifiers as f, unref as c, vShow as y, createElementVNode as g, createTextVNode as b, normalizeStyle as h, createCommentVNode as w, nextTick as V, pushScopeId as x, popScopeId as O } from "vue";
+import { CircleClose as k, Plus as C, InfoFilled as M, Search as _ } from "@element-plus/icons-vue";
+import z from "agilebuilder-ui/src/utils/request";
+import { deepCopy as j, getUuidv4 as U } from "../../../utils/common-util.js";
+import { getTypeOptions as L, taskVarOptions as N, contextVarOptions as T } from "./common-variable-bind-option.js";
+import { usePageContextStore as A } from "../../../../../stores/page-store.js";
+import { tableField as E } from "../../../../../stores/table-store.js";
+import { statisticsTable as R } from "../../../../../stores/statistics-table-store.js";
+const q = (e2) => (x("data-v-3528c938"), e2 = e2(), O(), e2), D = { key: 0 }, P = { style: { "margin-top": "10px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, $ = q(() => g("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1)), B = { style: { "font-size": "10px", "line-height": "40px" } }, S = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, I = q(() => g("span", { style: { "margin-left": "5px" } }, "输入变量名后点击加号按钮添加", -1)), K = { key: 0, style: { display: "flex" } }, W = ["title"], F = ["title"], G = { class: "totalStyle" }, H = e({ name: "ValueSetInput", inheritAttrs: false, __name: "common-variable-bind", props: { modelValue: { type: [String], default: null }, paramTypes: { type: Array, default: () => [] }, size: { type: String, default: "small" }, showLabel: { type: Boolean, default: false }, needParams: { type: Boolean, default: false }, isRange: { type: Boolean, default: false }, isTable: { type: Boolean, default: false }, dataModelOptions: { type: Array, default: null }, objModelOptions: { type: Array, default: null }, needData: { type: Boolean, default: false }, placeholder: { type: String, default: "请选择" } }, emits: ["update:modelValue"], setup(e2, { emit: x2 }) {
+  const O2 = A(), q2 = x2, H2 = e2, J = l(false), Q = l(""), X = l(null), Y = l(null), Z = l([]), ee = l(false), le = l(""), ae = l(""), te = l(""), ue = l([]), oe = l({}), ne = l(""), se = l(null), ie = ["context", "system", "task", "data", "page", "row"], re = E(), pe = R();
+  a(() => {
+    window.addEventListener("click", de);
+    const e3 = O2.pageContext;
+    let l2 = false, a2 = H2.needData;
+    a2 || (H2.isTable || e3 && (!e3.pageType || "form" == e3.pageType) && e3.tableName) && (a2 = true), e3 && e3.workflowCode && a2 && (l2 = true);
+    let t2 = L(H2.paramTypes, H2.needParams);
+    if (a2 || (t2 = t2.filter((e4) => "data" != e4.value)), l2 || (t2 = t2.filter((e4) => "task" != e4.value)), Z.value = t2, Ve(), H2.modelValue) {
+      const [e4, l3] = H2.modelValue.slice(0, H2.modelValue.length - 1).slice(2).split(".");
+      ae.value = e4, te.value = l3, ie.includes(e4) && (ee.value = false), Ce(ae.value), le.value = xe(), Q.value = H2.modelValue;
+    }
+    ae.value || (ae.value = t2.length > 0 ? t2[0].value : "", Ce(ae.value));
+  }), t(() => {
+    window.removeEventListener("click", de);
+  });
+  let ve = null;
+  function de(e3) {
+    if (!J.value)
+      return;
+    if (Oe)
+      return void (Oe = false);
+    let l2 = null;
+    if (Y.value && (l2 = Y.value.$el.parentNode), !e3.target || !l2)
+      return;
+    if (e3.target === ve)
+      return;
+    const a2 = X.value ? X.value.input : null;
+    a2 && (e3.target === a2 || a2.contains(e3.target)) || (e3.target === l2 || l2.contains(e3.target) ? ve = e3.target : (Y.value.$el, J.value && ce(true)));
+  }
+  const me = l([{ label: "天", value: "d" }, { label: "周", value: "w" }, { label: "月", value: "m" }, { label: "年", value: "y" }]);
+  let fe = null;
+  function ce(e3) {
+    clearTimeout(fe), e3 ? J.value = false : fe = setTimeout(() => {
+      J.value = false;
+    }, 2e3);
+  }
+  const ye = u(() => ue.value.filter((e3) => !ne.value || "system" == ae.value || e3.label.toLowerCase().includes(ne.value.toLowerCase()) || e3.value.toLowerCase().includes(ne.value.toLowerCase())));
+  o(ne, () => {
+    "system" == ae.value && be();
+  });
+  let ge = null;
+  function be() {
+    if (ge == ne.value)
+      return;
+    const e3 = { query: ne.value };
+    ge = ne.value, z.post(window.$vueApp.config.globalProperties.baseAPI + "/component/system-params/query", e3).then((e4) => {
+      const l2 = [];
+      for (let a2 of e4)
+        l2.push({ value: a2.propKey, label: a2.propKey + "  (" + a2.propValue + ")" });
+      oe.value.systemVarOptions = l2, "system" == ae.value && Ce(ae.value);
     });
-    function setSelectOptions() {
-      if (props.dataModelOptions && props.dataModelOptions.length > 0) {
-        selectOptions.value.dataModelOptions = props.dataModelOptions;
-      } else if (props.isTable) {
-        selectOptions.value.dataModelOptions = tableFieldStore.fieldList;
-      } else {
-        selectOptions.value.dataModelOptions = pageDesignContextUtil.pageContextVarOptions.dataOptions;
-      }
-      if (props.objModelOptions && props.objModelOptions.length > 0) {
-        selectOptions.value.objModelOptions = props.objModelOptions;
-      }
-      selectOptions.value.pageVarOptions = pageDesignContextUtil.pageContextVarOptions.pageVarOptions;
-    }
-    function formatter() {
-      if (props.modelValue) {
-        return paramType.value + "." + getValueLabel(paramType.value, paramValue.value);
-      }
-      return props.modelValue;
-    }
-    let paramTypeCheck = false;
-    function paramTypeChange(selParamType) {
-      if (selParamType) {
-        if (Array.isArray(selParamType)) {
-          if (selParamType.length > 0) {
-            selParamType = selParamType[0];
-          }
-        }
-      }
-      paramType.value = selParamType;
-      paramValue.value = "";
-      if (selectInputType.includes(selParamType)) {
-        showInput.value = false;
-        setValueOptions(selParamType);
-      } else {
-        showInput.value = true;
-      }
-      if (paramType.value == "system") {
-        querySystemParams();
-      }
-      paramTypeCheck = true;
-    }
-    function setValueOptions(value) {
-      if (value === "context") {
-        let options = contextVarOptions;
-        if (props.isRange) {
-          options = deepCopy(options);
-          for (let i = 0; i < options.length; i++) {
-            let o = options[i];
-            if (o.value == "currentDate") {
-              options.splice(i + 1, 0, {
-                value: "currentDate",
-                symbolUnit: "d",
-                symbol: "-",
-                type: "range"
-              });
-              break;
-            }
+  }
+  const he = u(() => {
+    let e3 = 185;
+    return "page" == ae.value && (e3 = 170), e3;
+  }), we = u(() => {
+    const e3 = {};
+    return "page" == ae.value && (e3.width = "210px"), e3;
+  });
+  function Ve() {
+    H2.dataModelOptions && H2.dataModelOptions.length > 0 ? oe.value.dataModelOptions = H2.dataModelOptions : H2.isTable ? oe.value.dataModelOptions = re.fieldList : oe.value.dataModelOptions = O2.pageContextVarOptions.dataOptions, H2.objModelOptions && H2.objModelOptions.length > 0 && (oe.value.objModelOptions = H2.objModelOptions), oe.value.pageVarOptions = O2.pageContextVarOptions.pageVarOptions;
+  }
+  function xe() {
+    return H2.modelValue ? ae.value + "." + function(e3, l2) {
+      if (ie.includes(e3)) {
+        if ("context" === e3 && l2 && l2.startsWith("currentDate") && l2.length > 11) {
+          const e4 = l2.substring(11), a3 = e4.substring(0, 1);
+          return e4.substring(1, e4.length - 1) + ((e5) => {
+            const l3 = me.value.filter((l4) => l4.value == e5);
+            return l3.length > 0 ? l3[0].label : "";
+          })(e4.substring(e4.length - 1)) + ("+" === a3 ? "后" : "前");
+        }
+        const a2 = ue.value.find((e4) => e4.value === l2);
+        if (a2)
+          return a2.label;
+      }
+      return l2;
+    }(ae.value, te.value) : H2.modelValue;
+  }
+  let Oe = false;
+  function ke(e3) {
+    e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), ae.value = e3, te.value = "", ie.includes(e3) ? (ee.value = false, Ce(e3)) : ee.value = true, "system" == ae.value && be(), Oe = true;
+  }
+  function Ce(e3) {
+    if ("context" === e3) {
+      let e4 = T;
+      if (H2.isRange) {
+        e4 = j(e4);
+        for (let l2 = 0; l2 < e4.length; l2++) {
+          if ("currentDate" == e4[l2].value) {
+            e4.splice(l2 + 1, 0, { value: "currentDate", symbolUnit: "d", symbol: "-", type: "range" });
+            break;
           }
         }
-        valueOptions.value = options;
-      } 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 === "row") {
-        valueOptions.value = selectOptions.value.objModelOptions && selectOptions.value.objModelOptions.length > 0 ? selectOptions.value.objModelOptions : statisticsTableStore.columnList ? statisticsTableStore.columnList : selectOptions.value.dataModelOptions ? selectOptions.value.dataModelOptions : [];
-      } else if (value === "params") {
-        valueOptions.value = selectOptions.value.paramsVarOptions || [];
-      } else if (value === "page") {
-        valueOptions.value = selectOptions.value.pageVarOptions || [];
-      }
-    }
-    function clearSelect() {
-      defalutValue.value = "";
-      emits("update:modelValue", defalutValue.value);
-      popoverRef.value.hide();
-    }
-    function selectRow(row) {
-      if (row.type == "range") {
-        if (row.symbolNum === "") {
-          ElMessage.warning("周期不能为空!");
-          return;
-        }
-        if (isNaN(row.symbolNum)) {
-          ElMessage.warning("周期为无效的数字!");
-          return;
-        }
-        if (row.symbolNum != "0") {
-          paramValue.value = row.value + row.symbol + row.symbolNum + row.symbolUnit;
-        } else {
-          paramValue.value = row.value;
-        }
-      } else {
-        paramValue.value = row.value;
-      }
-      defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
-      emits("update:modelValue", defalutValue.value, row.alias);
-      closePopover(true);
-    }
-    function addRequestParam(paramName) {
-      paramValue.value = paramName;
-      addInputParams();
-    }
-    function addInputParams() {
-      if (!paramValue.value) {
-        ElMessage.warning("请输入参数名");
-        return;
-      }
-      defalutValue.value = "${" + paramType.value + "." + paramValue.value + "}";
-      emits("update:modelValue", defalutValue.value);
-      closePopover(true);
-    }
-    function addPageParams() {
-      searchValue.value = searchValue.value.trim();
-      if (!searchValue.value) {
-        ElMessage.warning("请输入参数名");
-        return;
-      }
-      const tempValues = selectOptions.value.pageVarOptions || [];
-      for (let t of tempValues) {
-        if (t.value === searchValue.value) {
-          ElMessage.warning("该变量已存在!");
-          return;
-        }
-      }
-      const variable = {
-        code: getUuidv4(),
-        name: searchValue.value,
-        alias: searchValue.value,
-        type: "string",
-        defaultValue: ""
-      };
-      if (!pageDesignContextUtil.pageContext.variables) {
-        pageDesignContextUtil.pageContext.variables = [];
-      }
-      pageDesignContextUtil.pageContext.variables.push(variable);
-      pageDesignContextUtil.setPageContext(pageDesignContextUtil.pageContext);
-      selectOptions.value.pageVarOptions = pageDesignContextUtil.pageContextVarOptions.pageVarOptions;
-      valueOptions.value = selectOptions.value.pageVarOptions || [];
-      paramValue.value = searchValue.value;
-      defalutValue.value = "${" + paramType.value + "." + searchValue.value + "}";
-      searchValue.value = "";
-      emits("update:modelValue", defalutValue.value);
-      closePopover(true);
-    }
-    function getValueLabel(valueType, value) {
-      if (selectInputType.includes(valueType)) {
-        if (valueType === "context" && value && value.startsWith("currentDate") && value.length > 11) {
-          const str = value.substring(11);
-          const symbol = str.substring(0, 1);
-          const num = str.substring(1, str.length - 1);
-          const unit = str.substring(str.length - 1);
-          return num + symbolUnitFormatter(unit) + ("+" === symbol ? "后" : "前");
-        }
-        const option = valueOptions.value.find((item) => item.value === value);
-        if (option) {
-          return option.label;
-        }
-      }
-      return value;
-    }
-    const tableRef = ref();
-    function handSelectRow() {
-      if (!props.showLabel && !showInput.value) {
-        const index = filterTableData.value.findIndex((item) => item.value === paramValue.value);
-        if (index > -1) {
-          tableRef.value.setCurrentRow(filterTableData.value[index]);
-        }
       }
-    }
-    function showPopover() {
-      openPopover();
-      nextTick(() => {
-        setSelectOptions();
-        if (paramType.value) {
-          if (selectInputType.includes(paramType.value)) {
-            showInput.value = false;
-            setValueOptions(paramType.value);
-          } else {
-            showInput.value = true;
-          }
-          if (paramType.value == "system") {
-            querySystemParams();
-          }
-        }
-        handSelectRow();
-      });
-    }
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_cascader_panel = resolveComponent("el-cascader-panel");
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_empty = resolveComponent("el-empty");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_table_column = resolveComponent("el-table-column");
-      const _component_el_option = resolveComponent("el-option");
-      const _component_el_select = resolveComponent("el-select");
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_row = resolveComponent("el-row");
-      const _component_el_popover = resolveComponent("el-popover");
-      return __props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(defalutValue.value), 1)) : (openBlock(), createBlock(_component_el_popover, {
-        key: 1,
-        ref_key: "popoverRef",
-        ref: popoverRef,
-        visible: popoverVisible.value,
-        width: 400
-      }, {
-        reference: withCtx(() => [
-          createVNode(_component_el_input, {
-            readonly: "",
-            size: __props.size,
-            title: defalutValue.value,
-            ref_key: "inputRef",
-            ref: inputRef,
-            onClick: showPopover,
-            formatter,
-            modelValue: defalutValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => defalutValue.value = $event),
-            placeholder: __props.placeholder
-          }, {
-            suffix: withCtx(() => [
-              withDirectives(createVNode(_component_el_icon, {
-                style: { "cursor": "pointer" },
-                onClick: withModifiers(clearSelect, ["stop"])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(CircleClose))
-                ]),
-                _: 1
-              }, 512), [
-                [vShow, defalutValue.value]
-              ])
-            ]),
-            _: 1
-          }, 8, ["size", "title", "modelValue", "placeholder"])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_el_row, {
-            ref_key: "contentRef",
-            ref: contentRef
-          }, {
-            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: true },
-                    size: "small",
-                    options: typeOptions.value,
-                    style: { "height": "240px", "width": "100%" }
-                  }, 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
-              })) : showInput.value ? (openBlock(), createBlock(_component_el_col, {
-                key: 1,
-                span: 16,
-                style: { "padding-left": "10px" }
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    style: { "width": "210px" },
-                    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(" 常用参数： "),
-                    createVNode(_component_el_button, {
-                      type: "primary",
-                      size: "small",
-                      onClick: _cache[3] || (_cache[3] = ($event) => addRequestParam("query"))
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("query")
-                      ]),
-                      _: 1
-                    })
-                  ], 512), [
-                    [vShow, paramType.value == "request"]
-                  ])
-                ]),
-                _: 1
-              })) : (openBlock(), createBlock(_component_el_col, {
-                key: 2,
-                span: 16,
-                style: { "padding-left": "10px" }
-              }, {
-                default: withCtx(() => [
-                  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: normalizeStyle([{ "margin-bottom": "5px", "height": "25px" }, searchWidthStyle.value])
-                  }, null, 8, ["modelValue", "suffix-icon", "style"]),
-                  withDirectives(createVNode(_component_el_button, {
-                    style: { "float": "right" },
-                    onClick: addPageParams,
-                    size: "small",
-                    type: "primary",
-                    icon: unref(Plus),
-                    circle: ""
-                  }, null, 8, ["icon"]), [
-                    [vShow, paramType.value == "page"]
-                  ]),
-                  withDirectives(createElementVNode("div", _hoisted_5, [
-                    createVNode(_component_el_icon, null, {
-                      default: withCtx(() => [
-                        createVNode(unref(InfoFilled))
-                      ]),
-                      _: 1
-                    }),
-                    _hoisted_6
-                  ], 512), [
-                    [vShow, paramType.value == "page"]
-                  ]),
-                  createVNode(_component_el_table, {
-                    ref_key: "tableRef",
-                    ref: tableRef,
-                    height: tableHeight.value,
-                    "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, { width: "65" }, {
-                        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, {
-                        label: "Date",
-                        prop: "label"
-                      }, {
-                        default: withCtx((scope) => [
-                          paramType.value == "context" && scope.row.type == "range" ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                            createVNode(_component_el_input, {
-                              size: "small",
-                              modelValue: scope.row.symbolNum,
-                              "onUpdate:modelValue": ($event) => scope.row.symbolNum = $event,
-                              placeholder: "",
-                              style: { "width": "35px", "margin-left": "4px" }
-                            }, null, 8, ["modelValue", "onUpdate:modelValue"]),
-                            createVNode(_component_el_select, {
-                              size: "small",
-                              style: { "margin-left": "4px", "width": "50px" },
-                              modelValue: scope.row.symbolUnit,
-                              "onUpdate:modelValue": ($event) => scope.row.symbolUnit = $event,
-                              placeholder: ""
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_el_option, {
-                                  label: "天",
-                                  value: "d"
-                                }),
-                                createVNode(_component_el_option, {
-                                  label: "周",
-                                  value: "w"
-                                }),
-                                createVNode(_component_el_option, {
-                                  label: "月",
-                                  value: "m"
-                                }),
-                                createVNode(_component_el_option, {
-                                  label: "年",
-                                  value: "y"
-                                })
-                              ]),
-                              _: 2
-                            }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                            createVNode(_component_el_select, {
-                              size: "small",
-                              style: { "margin-left": "4px", "width": "50px" },
-                              modelValue: scope.row.symbol,
-                              "onUpdate:modelValue": ($event) => scope.row.symbol = $event,
-                              placeholder: ""
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_el_option, {
-                                  label: "前",
-                                  value: "-"
-                                }),
-                                createVNode(_component_el_option, {
-                                  label: "后",
-                                  value: "+"
-                                })
-                              ]),
-                              _: 2
-                            }, 1032, ["modelValue", "onUpdate:modelValue"])
-                          ])) : createCommentVNode("", true),
-                          paramType.value == "data" || paramType.value == "obj" || paramType.value == "row" ? (openBlock(), createElementBlock("span", {
-                            key: 1,
-                            title: scope.row.label + " " + scope.row.value
-                          }, toDisplayString(scope.row.label + " " + scope.row.value), 9, _hoisted_8)) : (openBlock(), createElementBlock("span", {
-                            key: 2,
-                            title: scope.row.label
-                          }, toDisplayString(scope.row.label), 9, _hoisted_9))
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["height", "data"]),
-                  createElementVNode("div", _hoisted_10, "总计：" + toDisplayString(filterTableData.value.length), 1)
-                ]),
-                _: 1
-              }))
-            ]),
-            _: 1
-          }, 512)
-        ]),
-        _: 1
-      }, 8, ["visible"]));
-    };
+      ue.value = e4;
+    } else
+      "system" === e3 ? ue.value = oe.value.systemVarOptions || [] : "task" === e3 ? ue.value = N : "data" === e3 ? ue.value = oe.value.dataModelOptions || [] : "row" === e3 ? ue.value = oe.value.objModelOptions && oe.value.objModelOptions.length > 0 ? oe.value.objModelOptions : pe.columnList ? pe.columnList : oe.value.dataModelOptions ? oe.value.dataModelOptions : [] : "params" === e3 ? ue.value = oe.value.paramsVarOptions || [] : "page" === e3 && (ue.value = oe.value.pageVarOptions || []);
+  }
+  function Me() {
+    Q.value = "", q2("update:modelValue", Q.value), se.value.hide();
+  }
+  function _e() {
+    te.value ? (Q.value = "${" + ae.value + "." + te.value + "}", q2("update:modelValue", Q.value), ce(true)) : ElMessage.warning("请输入参数名");
+  }
+  function ze() {
+    if (ne.value = ne.value.trim(), !ne.value)
+      return void ElMessage.warning("请输入参数名");
+    const e3 = oe.value.pageVarOptions || [];
+    for (let l3 of e3)
+      if (l3.value === ne.value)
+        return void ElMessage.warning("该变量已存在!");
+    const l2 = { code: U(), name: ne.value, alias: ne.value, type: "string", defaultValue: "" };
+    O2.pageContext.variables || (O2.pageContext.variables = []), O2.pageContext.variables.push(l2), O2.setPageContext(O2.pageContext), oe.value.pageVarOptions = O2.pageContextVarOptions.pageVarOptions, ue.value = oe.value.pageVarOptions || [], te.value = ne.value, Q.value = "${" + ae.value + "." + ne.value + "}", ne.value = "", q2("update:modelValue", Q.value), ce(true);
+  }
+  const je = l();
+  function Ue() {
+    clearTimeout(fe), J.value = true, V(() => {
+      Ve(), ae.value && (ie.includes(ae.value) ? (ee.value = false, Ce(ae.value)) : ee.value = true, "system" == ae.value && be()), function() {
+        if (!H2.showLabel && !ee.value) {
+          const e3 = ye.value.findIndex((e4) => e4.value === te.value);
+          e3 > -1 && je.value.setCurrentRow(ye.value[e3]);
+        }
+      }();
+    });
   }
-});
+  return (l2, a2) => {
+    const t2 = n("el-icon"), u2 = n("el-input"), o2 = n("el-cascader-panel"), V2 = n("el-col"), x3 = n("el-empty"), O3 = n("el-button"), z2 = n("el-table-column"), j2 = n("el-option"), U2 = n("el-select"), L2 = n("el-table"), N2 = n("el-row"), T2 = n("el-popover");
+    return e2.showLabel ? (s(), i("span", D, r(Q.value), 1)) : (s(), p(T2, { key: 1, ref_key: "popoverRef", ref: se, visible: J.value, width: 400 }, { reference: v(() => [d(u2, { readonly: "", size: e2.size, title: Q.value, ref_key: "inputRef", ref: X, onClick: Ue, formatter: xe, modelValue: Q.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => Q.value = e3), placeholder: e2.placeholder }, { suffix: v(() => [m(d(t2, { style: { cursor: "pointer" }, onClick: f(Me, ["stop"]) }, { default: v(() => [d(c(k))]), _: 1 }, 512), [[y, Q.value]])]), _: 1 }, 8, ["size", "title", "modelValue", "placeholder"])]), default: v(() => [d(N2, { ref_key: "contentRef", ref: Y }, { default: v(() => [d(V2, { span: 8 }, { default: v(() => [d(o2, { modelValue: ae.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => ae.value = e3), onChange: ke, props: { emitPath: true }, size: "small", options: Z.value, style: { height: "240px", width: "100%" } }, null, 8, ["modelValue", "options"])]), _: 1 }), ae.value ? ee.value ? (s(), p(V2, { key: 1, span: 16, style: { "padding-left": "10px" } }, { default: v(() => [d(u2, { style: { width: "210px" }, size: "small", modelValue: te.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => te.value = e3), placeholder: "请手动输入" }, null, 8, ["modelValue"]), d(O3, { style: { float: "right" }, onClick: _e, size: "small", type: "primary", icon: c(C), circle: "" }, null, 8, ["icon"]), g("div", P, [d(t2, null, { default: v(() => [d(c(M))]), _: 1 }), $]), m(g("div", B, [b(" 常用参数： "), d(O3, { type: "primary", size: "small", onClick: a2[3] || (a2[3] = (e3) => {
+      return l3 = "query", te.value = l3, void _e();
+      var l3;
+    }) }, { default: v(() => [b("query")]), _: 1 })], 512), [[y, "request" == ae.value]])]), _: 1 })) : (s(), p(V2, { key: 2, span: 16, style: { "padding-left": "10px" } }, { default: v(() => [d(u2, { size: "small", modelValue: ne.value, "onUpdate:modelValue": a2[4] || (a2[4] = (e3) => ne.value = e3), placeholder: "搜索", "suffix-icon": c(_), style: h([{ "margin-bottom": "5px", height: "25px" }, we.value]) }, null, 8, ["modelValue", "suffix-icon", "style"]), m(d(O3, { style: { float: "right" }, onClick: ze, size: "small", type: "primary", icon: c(C), circle: "" }, null, 8, ["icon"]), [[y, "page" == ae.value]]), m(g("div", S, [d(t2, null, { default: v(() => [d(c(M))]), _: 1 }), I], 512), [[y, "page" == ae.value]]), d(L2, { ref_key: "tableRef", ref: je, height: he.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: ye.value }, { default: v(() => [d(z2, { width: "65" }, { default: v((e3) => [d(O3, { size: "small", onClick: (l3) => function(e4) {
+      if ("range" == e4.type) {
+        if ("" === e4.symbolNum)
+          return void ElMessage.warning("周期不能为空!");
+        if (isNaN(e4.symbolNum))
+          return void ElMessage.warning("周期为无效的数字!");
+        "0" != e4.symbolNum ? te.value = e4.value + e4.symbol + e4.symbolNum + e4.symbolUnit : te.value = e4.value;
+      } else
+        te.value = e4.value;
+      Q.value = "${" + ae.value + "." + te.value + "}", q2("update:modelValue", Q.value, e4.alias), ce(true);
+    }(e3.row) }, { default: v(() => [b(" 选择 ")]), _: 2 }, 1032, ["onClick"])]), _: 1 }), d(z2, { label: "Date", prop: "label" }, { default: v((e3) => ["context" == ae.value && "range" == e3.row.type ? (s(), i("div", K, [d(u2, { size: "small", modelValue: e3.row.symbolNum, "onUpdate:modelValue": (l3) => e3.row.symbolNum = l3, placeholder: "", style: { width: "35px", "margin-left": "4px" } }, null, 8, ["modelValue", "onUpdate:modelValue"]), d(U2, { size: "small", style: { "margin-left": "4px", width: "50px" }, modelValue: e3.row.symbolUnit, "onUpdate:modelValue": (l3) => e3.row.symbolUnit = l3, placeholder: "" }, { default: v(() => [d(j2, { label: "天", value: "d" }), d(j2, { label: "周", value: "w" }), d(j2, { label: "月", value: "m" }), d(j2, { label: "年", value: "y" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]), d(U2, { size: "small", style: { "margin-left": "4px", width: "50px" }, modelValue: e3.row.symbol, "onUpdate:modelValue": (l3) => e3.row.symbol = l3, placeholder: "" }, { default: v(() => [d(j2, { label: "前", value: "-" }), d(j2, { label: "后", value: "+" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])])) : w("", true), "data" == ae.value || "obj" == ae.value || "row" == ae.value ? (s(), i("span", { key: 1, title: e3.row.label + " " + e3.row.value }, r(e3.row.label + " " + e3.row.value), 9, W)) : (s(), i("span", { key: 2, title: e3.row.label }, r(e3.row.label), 9, F))]), _: 1 })]), _: 1 }, 8, ["height", "data"]), g("div", G, "总计：" + r(ye.value.length), 1)]), _: 1 })) : (s(), p(V2, { key: 0, span: 16 }, { default: v(() => [d(x3, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 }, 512)]), _: 1 }, 8, ["visible"]));
+  };
+} });
 export {
-  _sfc_main as default
+  H as default
 };