super-page-designer 2.2.22 → 2.2.24

package/dist/es/components/design/views/assemblys/chart/radar/radar-attr-data.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as e, ref as l, computed as a, resolveComponent as t, createBlock as r, openBlock as i, withCtx as o, createElementVNode as u, createVNode as n, unref as s, createElementBlock as p, Fragment as d, renderList as c, toDisplayString as f, createTextVNode as m } from "vue";
-import g from "../../common/page-permission-select.vue.js";
-import { usePageContextStore as v } from "../../../../../../stores/page-store.js";
-import { queryServiceReturnFields as b } from "../../../../utils/page-service-util.js";
-import y from "../../form/common/data-origin-service-in.vue.js";
-const x = { style: { padding: "8px 0px 0px 0px" } }, V = { style: { float: "left" } }, F = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, _ = { style: { float: "left" } }, h = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, D = { style: { float: "left" } }, S = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, O = e({ __name: "radar-attr-data", props: { configure: { type: Object, required: true }, defaultType: { type: String, default: "" }, chartType: { type: String, default: "" } }, setup(e2) {
-  const O2 = e2, j = v().pageContext, w = l([]), z = a(() => w.value.filter((e3) => "array" == e3.type || "any" == e3.type || !e3.type)), L = a(() => w.value.filter((e3) => {
+import { defineComponent as e, ref as l, computed as a, onUnmounted as t, resolveComponent as r, createBlock as i, openBlock as o, withCtx as u, createElementVNode as n, createVNode as s, unref as p, createElementBlock as d, Fragment as c, renderList as f, toDisplayString as m, createTextVNode as g } from "vue";
+import v from "../../common/page-permission-select.vue.js";
+import { usePageContextStore as b } from "../../../../../../stores/page-store.js";
+import { queryServiceReturnFields as y } from "../../../../utils/page-service-util.js";
+import x from "../../form/common/data-origin-service-in.vue.js";
+const V = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { float: "left" } }, _ = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, h = { style: { float: "left" } }, D = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, S = { style: { float: "left" } }, O = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, j = e({ __name: "radar-attr-data", props: { configure: { type: Object, required: true }, defaultType: { type: String, default: "" }, chartType: { type: String, default: "" } }, setup(e2) {
+  const j2 = e2, w = b().pageContext, z = l([]), L = a(() => z.value.filter((e3) => "array" == e3.type || "any" == e3.type || !e3.type)), U = a(() => z.value.filter((e3) => {
     if ("string" == e3.type || "any" == e3.type || !e3.type) {
-      const l2 = O2.configure.serviceDataField;
+      const l2 = j2.configure.serviceDataField;
       if (!l2 || e3.value.startsWith(l2 + ".")) {
         let a2 = e3.value, t2 = e3.label;
         return l2 && (a2 = a2.substring(l2.length + 1), t2 && (t2 = t2.replace(l2 + ".", ""))), e3.nameValue = a2, e3.nameLabel = t2, true;
       }
     }
     return false;
-  })), U = a(() => w.value.filter((e3) => {
+  })), k = a(() => z.value.filter((e3) => {
     if ("number" == e3.type || "any" == e3.type || !e3.type) {
-      const l2 = O2.configure.serviceDataField;
+      const l2 = j2.configure.serviceDataField;
       if (!l2 || e3.value.startsWith(l2 + ".")) {
         let a2 = e3.value, t2 = e3.label;
         return l2 && (a2 = a2.substring(l2.length + 1), t2 && (t2 = t2.replace(l2 + ".", ""))), e3.numValue = a2, e3.numLabel = t2, true;
@@ -23,38 +23,41 @@ const x = { style: { padding: "8px 0px 0px 0px" } }, V = { style: { float: "left
     }
     return false;
   }));
-  O2.configure.props.dataOrigin || (O2.configure.props.dataOrigin = {});
-  const k = O2.configure.props.dataOrigin;
-  k.service || (k.service = {});
+  j2.configure.props.dataOrigin || (j2.configure.props.dataOrigin = {});
+  const T = j2.configure.props.dataOrigin;
+  T.service || (T.service = {});
   let C = null;
-  function T() {
-    const e3 = k.service.id;
+  function W() {
+    const e3 = T.service.id;
     if (C != e3) {
-      if (C = e3, !e3) return O2.configure.serviceFields = [], w.value = [], void (O2.configure.serviceDataField = null);
-      b(k.service.simpleCode).then((e4) => {
-        O2.configure.serviceFields = e4, w.value = e4, function() {
-          if (!O2.configure.serviceDataField) return;
+      if (C = e3, !e3) return j2.configure.serviceFields = [], z.value = [], void (j2.configure.serviceDataField = null);
+      y(T.service.simpleCode).then((e4) => {
+        j2.configure.serviceFields = e4, z.value = e4, function() {
+          if (!j2.configure.serviceDataField) return;
           let e5 = false;
-          if (w.value) {
-            for (let l2 of w.value) if (l2.value == O2.configure.serviceDataField) {
+          if (z.value) {
+            for (let l2 of z.value) if (l2.value == j2.configure.serviceDataField) {
               e5 = true;
               break;
             }
           }
-          e5 || (O2.configure.serviceDataField = null);
+          e5 || (j2.configure.serviceDataField = null);
         }();
       });
     }
   }
-  return setTimeout(() => {
-    T();
-  }, 10), (l2, a2) => {
-    const v2 = t("el-form-item"), b2 = t("el-option"), O3 = t("el-select"), w2 = t("el-text"), C2 = t("el-radio"), W = t("el-input-number"), q = t("el-radio-group"), I = t("el-collapse-item");
-    return i(), r(I, { title: "数据设置", name: "dataSet", class: "amb-design-attr-group-header" }, { default: o(() => [u("div", x, [n(v2, { label: "选择服务", style: { "margin-top": "4px" } }, { default: o(() => [n(g, { pageDesign: s(j), rowObj: s(k).service, onlyService: "", "onUpdate:modelValue": a2[0] || (a2[0] = (e3, l3, a3, t2) => function(e4, l4, a4, t3) {
-      k.service.simpleCode = l4, k.service.id = t3, k.service.name = a4, T();
-    }(0, l3, a3, t2)) }, null, 8, ["pageDesign", "rowObj"])]), _: 1 }), n(v2, { label: "数据集", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: o(() => [n(O3, { modelValue: e2.configure.serviceDataField, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.serviceDataField = l3), filterable: "", clearable: "", placeholder: "请选择" }, { default: o(() => [(i(true), p(d, null, c(z.value, (e3, l3) => (i(), r(b2, { key: l3, label: e3.label, value: e3.value }, { default: o(() => [u("span", V, f(e3.label), 1), u("span", F, f(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), n(w2, { type: "success", size: "small" }, { default: o(() => a2[6] || (a2[6] = [m("默认为根目录.")])), _: 1 })]), _: 1 }), n(v2, { label: "配置项字段", style: { "margin-top": "15px", "margin-bottom": "-15px" } }, { default: o(() => [n(O3, { size: "small", modelValue: e2.configure.props.nameField, "onUpdate:modelValue": a2[2] || (a2[2] = (l3) => e2.configure.props.nameField = l3), title: e2.configure.props.nameField, style: { width: "160px" }, filterable: "", "allow-create": "", clearable: "", placeholder: "请选择" }, { default: o(() => [(i(true), p(d, null, c(L.value, (e3) => (i(), r(b2, { key: e3.nameValue, label: e3.nameLabel, value: e3.nameValue }, { default: o(() => [u("span", _, f(e3.nameLabel), 1), u("span", h, f(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 }), n(q, { modelValue: e2.configure.props.maxSource, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.maxSource = l3) }, { default: o(() => [n(v2, { style: { "margin-top": "25px", "margin-bottom": "-15px" } }, { label: o(() => [n(C2, { value: "variable" }, { default: o(() => a2[7] || (a2[7] = [m("最大值")])), _: 1 })]), default: o(() => [n(O3, { size: "small", disabled: "fixed" == e2.configure.props.maxSource, modelValue: e2.configure.props.maxField, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.maxField = l3), title: e2.configure.props.maxField, style: { width: "160px" }, filterable: "", "allow-create": "", clearable: "", placeholder: "请选择" }, { default: o(() => [(i(true), p(d, null, c(U.value, (e3) => (i(), r(b2, { key: e3.numValue, label: e3.numLabel, value: e3.numValue }, { default: o(() => [u("span", D, f(e3.numLabel), 1), u("span", S, f(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue", "title"])]), _: 1 }), n(v2, { style: { "margin-top": "25px", "margin-bottom": "-15px" } }, { label: o(() => [n(C2, { value: "fixed" }, { default: o(() => a2[8] || (a2[8] = [m("固定值")])), _: 1 })]), default: o(() => [n(W, { disabled: !e2.configure.props.maxSource || "fixed" != e2.configure.props.maxSource, modelValue: e2.configure.props.maxFixed, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.maxFixed = l3), placeholder: "100", min: "0" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), n(y, { ref: "dataOriginServiceInRef", dataOrigin: s(k) }, null, 8, ["dataOrigin"])])]), _: 1 });
+  let q = setTimeout(() => {
+    W();
+  }, 10);
+  return t(() => {
+    q && clearTimeout(q);
+  }), (l2, a2) => {
+    const t2 = r("el-form-item"), b2 = r("el-option"), y2 = r("el-select"), j3 = r("el-text"), z2 = r("el-radio"), C2 = r("el-input-number"), q2 = r("el-radio-group"), I = r("el-collapse-item");
+    return o(), i(I, { title: "数据设置", name: "dataSet", class: "amb-design-attr-group-header" }, { default: u(() => [n("div", V, [s(t2, { label: "选择服务", style: { "margin-top": "4px" } }, { default: u(() => [s(v, { pageDesign: p(w), rowObj: p(T).service, onlyService: "", "onUpdate:modelValue": a2[0] || (a2[0] = (e3, l3, a3, t3) => function(e4, l4, a4, t4) {
+      T.service.simpleCode = l4, T.service.id = t4, T.service.name = a4, W();
+    }(0, l3, a3, t3)) }, null, 8, ["pageDesign", "rowObj"])]), _: 1 }), s(t2, { label: "数据集", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: u(() => [s(y2, { modelValue: e2.configure.serviceDataField, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.serviceDataField = l3), filterable: "", clearable: "", placeholder: "请选择" }, { default: u(() => [(o(true), d(c, null, f(L.value, (e3, l3) => (o(), i(b2, { key: l3, label: e3.label, value: e3.value }, { default: u(() => [n("span", F, m(e3.label), 1), n("span", _, m(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), s(j3, { type: "success", size: "small" }, { default: u(() => a2[6] || (a2[6] = [g("默认为根目录.")])), _: 1 })]), _: 1 }), s(t2, { label: "配置项字段", style: { "margin-top": "15px", "margin-bottom": "-15px" } }, { default: u(() => [s(y2, { size: "small", modelValue: e2.configure.props.nameField, "onUpdate:modelValue": a2[2] || (a2[2] = (l3) => e2.configure.props.nameField = l3), title: e2.configure.props.nameField, style: { width: "160px" }, filterable: "", "allow-create": "", clearable: "", placeholder: "请选择" }, { default: u(() => [(o(true), d(c, null, f(U.value, (e3) => (o(), i(b2, { key: e3.nameValue, label: e3.nameLabel, value: e3.nameValue }, { default: u(() => [n("span", h, m(e3.nameLabel), 1), n("span", D, m(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 }), s(q2, { modelValue: e2.configure.props.maxSource, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.maxSource = l3) }, { default: u(() => [s(t2, { style: { "margin-top": "25px", "margin-bottom": "-15px" } }, { label: u(() => [s(z2, { value: "variable" }, { default: u(() => a2[7] || (a2[7] = [g("最大值")])), _: 1 })]), default: u(() => [s(y2, { size: "small", disabled: "fixed" == e2.configure.props.maxSource, modelValue: e2.configure.props.maxField, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.maxField = l3), title: e2.configure.props.maxField, style: { width: "160px" }, filterable: "", "allow-create": "", clearable: "", placeholder: "请选择" }, { default: u(() => [(o(true), d(c, null, f(k.value, (e3) => (o(), i(b2, { key: e3.numValue, label: e3.numLabel, value: e3.numValue }, { default: u(() => [n("span", S, m(e3.numLabel), 1), n("span", O, m(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue", "title"])]), _: 1 }), s(t2, { style: { "margin-top": "25px", "margin-bottom": "-15px" } }, { label: u(() => [s(z2, { value: "fixed" }, { default: u(() => a2[8] || (a2[8] = [g("固定值")])), _: 1 })]), default: u(() => [s(C2, { disabled: !e2.configure.props.maxSource || "fixed" != e2.configure.props.maxSource, modelValue: e2.configure.props.maxFixed, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.maxFixed = l3), placeholder: "100", min: "0" }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }, 8, ["modelValue"]), s(x, { ref: "dataOriginServiceInRef", dataOrigin: p(T) }, null, 8, ["dataOrigin"])])]), _: 1 });
   };
 } });
 export {
-  O as default
+  j as default
 };

package/dist/es/components/design/views/assemblys/chart/radar/radar-design.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, watch as i, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as s, normalizeClass as u, normalizeStyle as c, withDirectives as l, createVNode as f, vShow as a, unref as m, createElementVNode as g, Fragment as p, renderList as d, toDisplayString as v } from "vue";
+import { defineComponent as e, ref as t, watch as i, onUnmounted as r, createElementBlock as o, openBlock as n, withModifiers as s, normalizeClass as u, normalizeStyle as c, withDirectives as l, createVNode as a, vShow as f, unref as m, createElementVNode as g, Fragment as p, renderList as d, toDisplayString as v } from "vue";
 import { caculateComponentStyle as h } from "../../../../utils/container-design-util.js";
 import { removComponentDataConfig as W, generateChartHeader as b, generateChartOption as x, initComponentDataConfig as j } from "../../../../utils/chart-design-util.js";
 import { getUuidv4 as y } from "../../../../utils/common-util.js";
@@ -7,11 +7,11 @@ import I from "./series/series-attr.vue.js";
 import k from "../common/common-chart-header.vue.js";
 import { use as D } from "echarts/core";
 import { CanvasRenderer as F } from "echarts/renderers";
-import { RadarChart as w } from "echarts/charts";
-import { GridComponent as A, TitleComponent as O, TooltipComponent as R, ToolboxComponent as T, LegendComponent as _ } from "echarts/components";
+import { RadarChart as T } from "echarts/charts";
+import { GridComponent as w, TitleComponent as A, TooltipComponent as O, ToolboxComponent as R, LegendComponent as _ } from "echarts/components";
 import z from "vue-echarts";
 const H = { style: { position: "absolute", top: "0px", right: "60px", "text-align": "center" } }, S = ["onClick"], q = e({ __name: "radar-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: q2 }) {
-  D([F, w, A, O, R, T, _]);
+  D([F, T, w, A, O, R, _]);
   const B = e2;
   B.configure.props || (B.configure.props = {}), B.configure.items || (B.configure.items = []), 0 == B.configure.items.length && B.configure.items.push({ uuid: y(), name: "", index: 1, type: "radar", label: "数据1", props: { title: "数据1" }, style: {} }), B.configure.runtime || (B.configure.runtime = {});
   const E = t({}), G = t(""), J = t(null), K = t({}), L = t({});
@@ -19,30 +19,32 @@ const H = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
     const e3 = j(B.configure, L.value);
     B.configure.runtime.dataConfig = e3;
   }
-  function N() {
+  i(B.configure.style, () => {
+    h(B.configure, E, G, null), B.configure.runtime.style = E.value, B.configure.runtime.class = G.value, L.value = b(B.configure), B.configure.runtime.headerInfo = L.value, P();
+  }, { immediate: true }), i(B.configure.props, () => {
+    P(), M();
+  }), i(B.configure.items, () => {
+    P();
+  });
+  let N = setTimeout(() => {
+    M();
+  }, 100);
+  function P() {
     x(B.configure, K), L.value = b(B.configure), J.value = C(B.configure.props.customTheme), B.configure.runtime.chartOption = K.value, B.configure.runtime.headerInfo = L.value;
   }
-  function P() {
+  function Q() {
     if (B.configure.items) for (let e3 of B.configure.items) e3.selected = false;
   }
-  function Q(e3) {
-    P();
+  function U(e3) {
+    Q();
   }
-  i(B.configure.style, () => {
-    h(B.configure, E, G, null), B.configure.runtime.style = E.value, B.configure.runtime.class = G.value, L.value = b(B.configure), B.configure.runtime.headerInfo = L.value, N();
-  }, { immediate: true }), i(B.configure.props, () => {
-    N(), M();
-  }), i(B.configure.items, () => {
-    N();
-  }), setTimeout(() => {
-    M();
-  }, 100), r(() => {
-    W(B.configure);
+  r(() => {
+    W(B.configure), N && clearTimeout(N);
   }), B.selectWidget && i(B.selectWidget, () => {
-    B.selectWidget && B.selectWidget.value != B.configure.componentIndex && P();
+    B.selectWidget && B.selectWidget.value != B.configure.componentIndex && Q();
   });
-  const U = q2;
-  return (e3, t2) => (n(), o("div", { style: c(E.value), class: u([G.value, "amb-widget-chart"]), onClick: s(Q, ["stop"]), ref: "thisRef" }, [l(f(k, { headerInfo: L.value }, null, 8, ["headerInfo"]), [[a, L.value.showHeader]]), f(m(z), { ref: "chartRef", theme: J.value, option: K.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", H, [(n(true), o(p, null, d(e3.configure.items, (e4, t3) => (n(), o("label", { class: u([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: s((e5) => function(e6, t4) {
+  const V = q2;
+  return (e3, t2) => (n(), o("div", { style: c(E.value), class: u([G.value, "amb-widget-chart"]), onClick: s(U, ["stop"]), ref: "thisRef" }, [l(a(k, { headerInfo: L.value }, null, 8, ["headerInfo"]), [[f, L.value.showHeader]]), a(m(z), { ref: "chartRef", theme: J.value, option: K.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", H, [(n(true), o(p, null, d(e3.configure.items, (e4, t3) => (n(), o("label", { class: u([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: s((e5) => function(e6, t4) {
     e6 && e6.preventDefault();
     const i2 = B.configure.items[t4];
     if (!i2.selected) {
@@ -50,9 +52,9 @@ const H = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
         e7.selected = false;
         break;
       }
-      i2.serviceFields = B.configure.serviceFields, i2.serviceDataField = B.configure.serviceDataField, i2.selected = true, U("onCustomAttrWidget", i2, I);
+      i2.serviceFields = B.configure.serviceFields, i2.serviceDataField = B.configure.serviceDataField, i2.selected = true, V("onCustomAttrWidget", i2, I);
     }
-  }(e5, t3), ["stop"]) }, v(e4.props.title), 11, S))), 256))], 512), [[a, e3.configure.componentIndex == e3.selectWidget.value]])], 6));
+  }(e5, t3), ["stop"]) }, v(e4.props.title), 11, S))), 256))], 512), [[f, e3.configure.componentIndex == e3.selectWidget.value]])], 6));
 } });
 export {
   q as default

package/dist/es/components/design/views/assemblys/chart/scatter/scatter-attr-data.vue.js

@@ -1,60 +1,63 @@
-import { defineComponent as e, ref as t, computed as a, resolveComponent as l, createBlock as r, openBlock as i, withCtx as n, createElementVNode as o, createVNode as s, unref as u, createElementBlock as c, Fragment as p, renderList as f, toDisplayString as d, createTextVNode as v } from "vue";
-import g from "../../common/page-permission-select.vue.js";
-import { usePageContextStore as m } from "../../../../../../stores/page-store.js";
-import { queryServiceReturnFields as y } from "../../../../utils/page-service-util.js";
-import b from "../../form/common/data-origin-service-in.vue.js";
-const x = { style: { padding: "8px 0px 0px 0px" } }, D = { style: { float: "left" } }, F = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, h = e({ __name: "scatter-attr-data", props: { configure: { type: Object, required: true }, defaultType: { type: String, default: "" }, chartType: { type: String, default: "" } }, setup(e2) {
-  const h2 = e2, O = m().pageContext, _ = t([]), j = a(() => _.value.filter((e3) => "array" == e3.type || "any" == e3.type || !e3.type));
-  a(() => _.value.filter((e3) => {
+import { defineComponent as e, ref as t, computed as l, onUnmounted as a, resolveComponent as r, createBlock as i, openBlock as n, withCtx as o, createElementVNode as s, createVNode as u, unref as c, createElementBlock as p, Fragment as f, renderList as d, toDisplayString as v, createTextVNode as g } from "vue";
+import m from "../../common/page-permission-select.vue.js";
+import { usePageContextStore as y } from "../../../../../../stores/page-store.js";
+import { queryServiceReturnFields as b } from "../../../../utils/page-service-util.js";
+import x from "../../form/common/data-origin-service-in.vue.js";
+const D = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { float: "left" } }, h = { style: { float: "right", color: "var(--el-text-color-secondary)", "font-size": "13px" } }, O = e({ __name: "scatter-attr-data", props: { configure: { type: Object, required: true }, defaultType: { type: String, default: "" }, chartType: { type: String, default: "" } }, setup(e2) {
+  const O2 = e2, _ = y().pageContext, j = t([]), V = l(() => j.value.filter((e3) => "array" == e3.type || "any" == e3.type || !e3.type));
+  l(() => j.value.filter((e3) => {
     if ("string" == e3.type || "any" == e3.type || !e3.type) {
-      const t2 = h2.configure.serviceDataField;
+      const t2 = O2.configure.serviceDataField;
       if (!t2 || e3.value.startsWith(t2 + ".")) {
-        let a2 = e3.value, l2 = e3.label;
-        return t2 && (a2 = a2.substring(t2.length + 1), l2 && (l2 = l2.replace(t2 + ".", ""))), e3.nameValue = a2, e3.nameLabel = l2, true;
+        let l2 = e3.value, a2 = e3.label;
+        return t2 && (l2 = l2.substring(t2.length + 1), a2 && (a2 = a2.replace(t2 + ".", ""))), e3.nameValue = l2, e3.nameLabel = a2, true;
       }
     }
     return false;
-  })), a(() => _.value.filter((e3) => {
+  })), l(() => j.value.filter((e3) => {
     if ("number" == e3.type || "any" == e3.type || !e3.type) {
-      const t2 = h2.configure.serviceDataField;
+      const t2 = O2.configure.serviceDataField;
       if (!t2 || e3.value.startsWith(t2 + ".")) {
-        let a2 = e3.value, l2 = e3.label;
-        return t2 && (a2 = a2.substring(t2.length + 1), l2 && (l2 = l2.replace(t2 + ".", ""))), e3.numValue = a2, e3.numLabel = l2, true;
+        let l2 = e3.value, a2 = e3.label;
+        return t2 && (l2 = l2.substring(t2.length + 1), a2 && (a2 = a2.replace(t2 + ".", ""))), e3.numValue = l2, e3.numLabel = a2, true;
       }
     }
     return false;
-  })), h2.configure.props.dataOrigin || (h2.configure.props.dataOrigin = {});
-  const V = h2.configure.props.dataOrigin;
-  V.service || (V.service = {});
-  let S = null;
+  })), O2.configure.props.dataOrigin || (O2.configure.props.dataOrigin = {});
+  const S = O2.configure.props.dataOrigin;
+  S.service || (S.service = {});
+  let T = null;
   function C() {
-    const e3 = V.service.id;
-    if (S != e3) {
-      if (S = e3, !e3) return h2.configure.serviceFields = [], _.value = [], void (h2.configure.serviceDataField = null);
-      y(V.service.simpleCode).then((e4) => {
-        h2.configure.serviceFields = e4, _.value = e4, function() {
-          if (!h2.configure.serviceDataField) return;
+    const e3 = S.service.id;
+    if (T != e3) {
+      if (T = e3, !e3) return O2.configure.serviceFields = [], j.value = [], void (O2.configure.serviceDataField = null);
+      b(S.service.simpleCode).then((e4) => {
+        O2.configure.serviceFields = e4, j.value = e4, function() {
+          if (!O2.configure.serviceDataField) return;
           let e5 = false;
-          if (_.value) {
-            for (let t2 of _.value) if (t2.value == h2.configure.serviceDataField) {
+          if (j.value) {
+            for (let t2 of j.value) if (t2.value == O2.configure.serviceDataField) {
               e5 = true;
               break;
             }
           }
-          e5 || (h2.configure.serviceDataField = null);
+          e5 || (O2.configure.serviceDataField = null);
         }();
       });
     }
   }
-  return setTimeout(() => {
+  let k = setTimeout(() => {
     C();
-  }, 10), (t2, a2) => {
-    const m2 = l("el-form-item"), y2 = l("el-option"), h3 = l("el-select"), _2 = l("el-text"), S2 = l("el-collapse-item");
-    return i(), r(S2, { title: "数据设置", name: "dataSet", class: "amb-design-attr-group-header" }, { default: n(() => [o("div", x, [s(m2, { label: "选择服务", style: { "margin-top": "4px" } }, { default: n(() => [s(g, { pageDesign: u(O), rowObj: u(V).service, onlyService: "", "onUpdate:modelValue": a2[0] || (a2[0] = (e3, t3, a3, l2) => function(e4, t4, a4, l3) {
-      V.service.simpleCode = t4, V.service.id = l3, V.service.name = a4, C();
-    }(0, t3, a3, l2)) }, null, 8, ["pageDesign", "rowObj"])]), _: 1 }), s(m2, { label: "数据集", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: n(() => [s(h3, { modelValue: e2.configure.serviceDataField, "onUpdate:modelValue": a2[1] || (a2[1] = (t3) => e2.configure.serviceDataField = t3), filterable: "", clearable: "", placeholder: "请选择" }, { default: n(() => [(i(true), c(p, null, f(j.value, (e3, t3) => (i(), r(y2, { key: t3, label: e3.label, value: e3.value }, { default: n(() => [o("span", D, d(e3.label), 1), o("span", F, d(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), s(_2, { type: "success", size: "small" }, { default: n(() => a2[2] || (a2[2] = [v("默认为根目录.")])), _: 1 })]), _: 1 }), s(b, { ref: "dataOriginServiceInRef", dataOrigin: u(V) }, null, 8, ["dataOrigin"])])]), _: 1 });
+  }, 10);
+  return a(() => {
+    k && clearTimeout(k);
+  }), (t2, l2) => {
+    const a2 = r("el-form-item"), y2 = r("el-option"), b2 = r("el-select"), O3 = r("el-text"), j2 = r("el-collapse-item");
+    return n(), i(j2, { title: "数据设置", name: "dataSet", class: "amb-design-attr-group-header" }, { default: o(() => [s("div", D, [u(a2, { label: "选择服务", style: { "margin-top": "4px" } }, { default: o(() => [u(m, { pageDesign: c(_), rowObj: c(S).service, onlyService: "", "onUpdate:modelValue": l2[0] || (l2[0] = (e3, t3, l3, a3) => function(e4, t4, l4, a4) {
+      S.service.simpleCode = t4, S.service.id = a4, S.service.name = l4, C();
+    }(0, t3, l3, a3)) }, null, 8, ["pageDesign", "rowObj"])]), _: 1 }), u(a2, { label: "数据集", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: o(() => [u(b2, { modelValue: e2.configure.serviceDataField, "onUpdate:modelValue": l2[1] || (l2[1] = (t3) => e2.configure.serviceDataField = t3), filterable: "", clearable: "", placeholder: "请选择" }, { default: o(() => [(n(true), p(f, null, d(V.value, (e3, t3) => (n(), i(y2, { key: t3, label: e3.label, value: e3.value }, { default: o(() => [s("span", F, v(e3.label), 1), s("span", h, v(e3.type), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), u(O3, { type: "success", size: "small" }, { default: o(() => l2[2] || (l2[2] = [g("默认为根目录.")])), _: 1 })]), _: 1 }), u(x, { ref: "dataOriginServiceInRef", dataOrigin: c(S) }, null, 8, ["dataOrigin"])])]), _: 1 });
   };
 } });
 export {
-  h as default
+  O as default
 };

package/dist/es/components/design/views/assemblys/chart/scatter/scatter-design.vue2.js

@@ -7,11 +7,11 @@ import I from "./series/scatter-series-attr.vue.js";
 import k from "../common/common-chart-header.vue.js";
 import { use as D } from "echarts/core";
 import { CanvasRenderer as F } from "echarts/renderers";
-import { ScatterChart as w } from "echarts/charts";
-import { GridComponent as A, LegendComponent as O, TitleComponent as R, TooltipComponent as T, ToolboxComponent as _, DataZoomComponent as z } from "echarts/components";
+import { ScatterChart as T } from "echarts/charts";
+import { GridComponent as w, LegendComponent as A, TitleComponent as O, TooltipComponent as R, ToolboxComponent as _, DataZoomComponent as z } from "echarts/components";
 import H from "vue-echarts";
 const S = { style: { position: "absolute", top: "0px", right: "60px", "text-align": "center" } }, q = ["onClick"], B = e({ __name: "scatter-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: B2 }) {
-  D([F, w, A, O, R, T, _, z]);
+  D([F, T, w, A, O, R, _, z]);
   const E = e2;
   E.configure.props || (E.configure.props = {}), E.configure.items || (E.configure.items = []), 0 == E.configure.items.length && E.configure.items.push({ uuid: h(), index: 1, name: "", type: "scatter", label: "散点图", props: { title: "系列1" }, style: {} }), E.configure.runtime || (E.configure.runtime = {});
   const G = t({}), J = t(""), K = t(null), L = t({}), M = t({});
@@ -19,30 +19,32 @@ const S = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
     const e3 = y(E.configure, M.value);
     E.configure.runtime.dataConfig = e3;
   }
-  function P() {
+  i(E.configure.style, () => {
+    W(E.configure, G, J, null), E.configure.runtime.style = G.value, E.configure.runtime.class = J.value, M.value = x(E.configure), E.configure.runtime.headerInfo = M.value, Q();
+  }, { immediate: true }), i(E.configure.props, () => {
+    Q(), N();
+  }), i(E.configure.items, () => {
+    Q();
+  });
+  let P = setTimeout(() => {
+    N();
+  }, 100);
+  function Q() {
     j(E.configure, L), M.value = x(E.configure), K.value = C(E.configure.props.customTheme), E.configure.runtime.chartOption = L.value, E.configure.runtime.headerInfo = M.value;
   }
-  function Q() {
+  function U() {
     if (E.configure.items) for (let e3 of E.configure.items) e3.selected = false;
   }
-  function U(e3) {
-    Q();
+  function V(e3) {
+    U();
   }
-  i(E.configure.style, () => {
-    W(E.configure, G, J, null), E.configure.runtime.style = G.value, E.configure.runtime.class = J.value, M.value = x(E.configure), E.configure.runtime.headerInfo = M.value, P();
-  }, { immediate: true }), i(E.configure.props, () => {
-    P(), N();
-  }), i(E.configure.items, () => {
-    P();
-  }), setTimeout(() => {
-    N();
-  }, 100), r(() => {
-    b(E.configure);
+  r(() => {
+    b(E.configure), P && clearTimeout(P);
   }), E.selectWidget && i(E.selectWidget, () => {
-    E.selectWidget && E.selectWidget.value != E.configure.componentIndex && Q();
+    E.selectWidget && E.selectWidget.value != E.configure.componentIndex && U();
   });
-  const V = B2;
-  return (e3, t2) => (n(), o("div", { style: u(G.value), class: c([J.value, "amb-widget-chart"]), onClick: s(U, ["stop"]), ref: "thisRef" }, [l(f(k, { headerInfo: M.value }, null, 8, ["headerInfo"]), [[m, M.value.showHeader]]), f(a(H), { ref: "chartRef", theme: K.value, option: L.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", S, [(n(true), o(p, null, d(e3.configure.items, (e4, t3) => (n(), o("label", { class: c([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: s((e5) => function(e6, t4) {
+  const X = B2;
+  return (e3, t2) => (n(), o("div", { style: u(G.value), class: c([J.value, "amb-widget-chart"]), onClick: s(V, ["stop"]), ref: "thisRef" }, [l(f(k, { headerInfo: M.value }, null, 8, ["headerInfo"]), [[m, M.value.showHeader]]), f(a(H), { ref: "chartRef", theme: K.value, option: L.value, autoresize: "" }, null, 8, ["theme", "option"]), l(g("div", S, [(n(true), o(p, null, d(e3.configure.items, (e4, t3) => (n(), o("label", { class: c([[e4.selected ? "amb-design-chart-series-selected" : ""], "amb-design-chart-series"]), onClick: s((e5) => function(e6, t4) {
     e6 && e6.preventDefault();
     const i2 = E.configure.items[t4];
     if (!i2.selected) {
@@ -50,7 +52,7 @@ const S = { style: { position: "absolute", top: "0px", right: "60px", "text-alig
         e7.selected = false;
         break;
       }
-      i2.serviceFields = E.configure.serviceFields, i2.serviceDataField = E.configure.serviceDataField, i2.selected = true, V("onCustomAttrWidget", i2, I);
+      i2.serviceFields = E.configure.serviceFields, i2.serviceDataField = E.configure.serviceDataField, i2.selected = true, X("onCustomAttrWidget", i2, I);
     }
   }(e5, t3), ["stop"]) }, v(e4.props.title), 11, q))), 256))], 512), [[m, e3.configure.componentIndex == e3.selectWidget.value]])], 6));
 } });

package/dist/es/components/design/views/assemblys/common/common-icon-bind.vue.js

@@ -1,103 +1,106 @@
-import { defineComponent as e, ref as l, watch as a, computed as t, resolveComponent as u, createElementBlock as o, createBlock as n, openBlock as i, toDisplayString as r, withCtx as s, createVNode as c, Fragment as p, renderList as v, normalizeClass as m, createElementVNode as d, withDirectives as g, unref as f, vShow as h, normalizeStyle as w, createTextVNode as y, createCommentVNode as _, resolveDynamicComponent as b, withModifiers as x, nextTick as z } from "vue";
-import { Check as k, Search as S, Plus as C, InfoFilled as P, CircleClose as V } from "@element-plus/icons-vue";
-import * as I from "@element-plus/icons";
-import U from "agilebuilder-ui/src/utils/request";
-const O = { key: 0 }, N = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, T = ["title"], A = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: A2 }) {
-  const L = A2, E = e2, j = [{ value: "ElementUI", label: "ElementUI" }, { value: "custom", label: "自定义" }];
+import { defineComponent as e, ref as l, watch as a, onUnmounted as t, computed as u, resolveComponent as o, createElementBlock as n, createBlock as i, openBlock as s, toDisplayString as r, withCtx as c, createVNode as p, Fragment as v, renderList as m, normalizeClass as g, createElementVNode as d, withDirectives as f, unref as h, vShow as y, normalizeStyle as w, createTextVNode as _, createCommentVNode as b, resolveDynamicComponent as x, withModifiers as z, nextTick as k } from "vue";
+import { Check as C, Search as S, Plus as P, InfoFilled as V, CircleClose as I } from "@element-plus/icons-vue";
+import * as U from "@element-plus/icons";
+import O from "agilebuilder-ui/src/utils/request";
+const N = { key: 0 }, A = { style: { "margin-top": "4px", "margin-bottom": "8px", "font-size": "10px", display: "flex", "align-items": "center", "justify-self": "center" } }, L = ["title"], E = e({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "medium" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(e2, { emit: E2 }) {
+  const T = E2, j = e2, q = [{ value: "ElementUI", label: "ElementUI" }, { value: "custom", label: "自定义" }];
   l(false);
-  const q = {}, M = l({}), R = l(E.iconType);
-  R.value || (R.value = j[0].value);
-  const $ = l("");
-  $.value = E.iconValue, l([]);
-  const B = l({}), D = l(""), F = l(), G = l([]);
-  function H() {
-    "custom" == R.value ? K() : J();
+  const M = {}, R = l({}), $ = l(j.iconType);
+  $.value || ($.value = q[0].value);
+  const B = l("");
+  B.value = j.iconValue, l([]);
+  const D = l({}), F = l(""), G = l(), H = l([]);
+  let J;
+  function K() {
+    "custom" == $.value ? W() : Q();
   }
-  function J() {
-    const e3 = B.value.elementUIOptions.filter((e4) => !D.value || e4.label.toLowerCase().includes(D.value.toLowerCase()) || e4.value.toLowerCase().includes(D.value.toLowerCase()));
-    M.value.currentPage || (M.value.currentPage = 1), M.value.pageSize || (M.value.pageSize = 50);
-    let l2 = M.value.currentPage;
-    const a2 = M.value.pageSize;
+  function Q() {
+    const e3 = D.value.elementUIOptions.filter((e4) => !F.value || e4.label.toLowerCase().includes(F.value.toLowerCase()) || e4.value.toLowerCase().includes(F.value.toLowerCase()));
+    R.value.currentPage || (R.value.currentPage = 1), R.value.pageSize || (R.value.pageSize = 50);
+    let l2 = R.value.currentPage;
+    const a2 = R.value.pageSize;
     let t2 = (l2 - 1) * a2;
     t2 + 2 > e3.length && (t2 = 0, l2 = 1);
     const u2 = [];
     for (let l3 = t2; l3 < t2 + a2 && l3 < e3.length; l3++) u2.push(e3[l3]);
-    M.value.currentPage = l2, M.value.total = e3.length, G.value = u2;
+    R.value.currentPage = l2, R.value.total = e3.length, H.value = u2;
   }
-  function K() {
-    const e3 = { query: D.value, pageSize: M.value && M.value.pageSize ? M.value.pageSize : 50, pageNo: M.value && M.value.pageNo ? M.value.pageNo : 1 };
-    D.value, U.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", e3).then((e4) => {
+  function W() {
+    const e3 = { query: F.value, pageSize: R.value && R.value.pageSize ? R.value.pageSize : 50, pageNo: R.value && R.value.pageNo ? R.value.pageNo : 1 };
+    F.value, O.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", e3).then((e4) => {
       const l2 = e4.data ? e4.data : [], a2 = [];
       for (let e5 of l2) a2.push({ value: e5.iconName, label: e5.iconName });
-      B.value.customOptions = a2, "custom" == R.value && (M.value.pageSize = e4.size, M.value.currentPage = e4.page, M.value.total = e4.total, G.value = a2);
+      D.value.customOptions = a2, "custom" == $.value && (R.value.pageSize = e4.size, R.value.currentPage = e4.page, R.value.total = e4.total, H.value = a2);
     });
   }
-  a(D, () => {
-    window.iconSearchTimeout && clearTimeout(window.iconSearchTimeout), window.iconSearchTimeout = setTimeout(function() {
-      "custom" == R.value ? (M.value.pageNo = 1, K()) : (M.value.pageNo = 1, J());
+  a(F, () => {
+    J && clearTimeout(J), J = setTimeout(function() {
+      "custom" == $.value ? (R.value.pageNo = 1, W()) : (R.value.pageNo = 1, Q());
     }, 300);
+  }), t(() => {
+    J && clearTimeout(J);
   });
-  const Q = t(() => {
+  const X = u(() => {
     let e3 = 185;
-    return "custom" == R.value && (e3 = 170), e3;
-  }), W = t(() => {
+    return "custom" == $.value && (e3 = 170), e3;
+  }), Y = u(() => {
     const e3 = {};
-    return "custom" == R.value && (e3.width = "200px"), e3;
+    return "custom" == $.value && (e3.width = "200px"), e3;
   });
-  function X(e3) {
-    e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), R.value = e3;
-    let l2 = q[R.value];
+  function Z(e3) {
+    e3 && Array.isArray(e3) && e3.length > 0 && (e3 = e3[0]), $.value = e3;
+    let l2 = M[$.value];
     var a2;
-    l2 || (l2 = { currentPage: 1, pageSize: 50, total: 0 }, q[R.value] = l2), M.value = l2, "ElementUI" === (a2 = R.value) ? J() : "custom" === a2 && K();
+    l2 || (l2 = { currentPage: 1, pageSize: 50, total: 0 }, M[$.value] = l2), R.value = l2, "ElementUI" === (a2 = $.value) ? Q() : "custom" === a2 && W();
   }
-  function Y() {
-    $.value = "", L("update:modelValue", "", ""), F.value.hide();
+  function ee() {
+    B.value = "", T("update:modelValue", "", ""), G.value.hide();
   }
-  function Z() {
-    if (D.value = D.value.trim(), !D.value) return void ElMessage.warning("请输入图标名!");
-    const e3 = B.value.customOptions || [];
+  function le() {
+    if (F.value = F.value.trim(), !F.value) return void ElMessage.warning("请输入图标名!");
+    const e3 = D.value.customOptions || [];
     let l2 = false;
-    for (let a3 of e3) if (a3.value === D.value) {
+    for (let a3 of e3) if (a3.value === F.value) {
       l2 = true;
       break;
     }
-    R.value = "custom", $.value = D.value;
-    const a2 = D.value;
-    if (D.value = "", L("update:modelValue", R.value, $.value), F.value.hide(), !l2) {
+    $.value = "custom", B.value = F.value;
+    const a2 = F.value;
+    if (F.value = "", T("update:modelValue", $.value, B.value), G.value.hide(), !l2) {
       const e4 = { iconName: a2 };
-      U.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
-        "custom" == R.value && K();
+      O.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", e4).then((e5) => {
+        "custom" == $.value && W();
       }).catch((e5) => {
         ElMessage.warning("保存图标失败!");
       });
     }
   }
-  const ee = l();
-  function le() {
-    z(() => {
+  const ae = l();
+  function te() {
+    k(() => {
       !function() {
-        if (!B.value.elementUIOptions) {
+        if (!D.value.elementUIOptions) {
           if (!window.temp_Icon_Options) {
             const e3 = [];
-            for (const [l2, a2] of Object.entries(I)) e3.push({ value: l2, label: l2, component: a2 });
+            for (const [l2, a2] of Object.entries(U)) e3.push({ value: l2, label: l2, component: a2 });
             e3.sort(function(e4, l2) {
               const a2 = e4.value, t2 = l2.value;
               return a2.localeCompare(t2);
             }), window.temp_Icon_Options = e3;
           }
-          B.value.elementUIOptions = window.temp_Icon_Options;
+          D.value.elementUIOptions = window.temp_Icon_Options;
         }
-      }(), X(R.value);
+      }(), Z($.value);
     });
   }
   return (l2, a2) => {
-    const t2 = u("el-icon"), z2 = u("el-input"), I2 = u("el-menu-item"), U2 = u("el-menu"), A3 = u("el-col"), E2 = u("el-empty"), q2 = u("el-button"), B2 = u("el-tag"), J2 = u("el-tooltip"), K2 = u("el-table-column"), ae = u("el-table"), te = u("el-pagination"), ue = u("el-row"), oe = u("el-popover");
-    return e2.showLabel ? (i(), o("span", O, r($.value), 1)) : (i(), n(oe, { key: 1, ref_key: "popoverRef", ref: F, trigger: "click", width: 400 }, { reference: s(() => [c(z2, { readonly: "", size: "small", onClick: le, modelValue: $.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => $.value = e3), placeholder: "请选择" }, { suffix: s(() => [g(c(t2, { style: { cursor: "pointer" }, onClick: x(Y, ["stop"]) }, { default: s(() => [c(f(V))]), _: 1 }, 512), [[h, $.value]])]), _: 1 }, 8, ["modelValue"])]), default: s(() => [c(ue, null, { default: s(() => [c(A3, { span: 8 }, { default: s(() => [c(U2, null, { default: s(() => [(i(), o(p, null, v(j, (e3) => c(I2, { style: { height: "40px", "padding-left": "0px" }, class: m(e3.value == R.value ? "is-active" : ""), onClick: (l3) => X(e3.value) }, { default: s(() => [c(t2, null, { default: s(() => [g(c(f(k), null, null, 512), [[h, e3.value == R.value]])]), _: 2 }, 1024), d("span", null, r(e3.label), 1)]), _: 2 }, 1032, ["class", "onClick"])), 64))]), _: 1 })]), _: 1 }), R.value ? (i(), n(A3, { key: 1, span: 16, style: { "padding-left": "10px" } }, { default: s(() => [c(z2, { size: "small", modelValue: D.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => D.value = e3), placeholder: "搜索", "suffix-icon": f(S), style: w([{ "margin-bottom": "5px", height: "25px" }, W.value]) }, null, 8, ["modelValue", "suffix-icon", "style"]), g(c(q2, { style: { float: "right" }, onClick: Z, size: "small", type: "primary", icon: f(C), circle: "" }, null, 8, ["icon"]), [[h, "custom" == R.value]]), g(d("div", N, [c(t2, null, { default: s(() => [c(f(P))]), _: 1 }), a2[6] || (a2[6] = d("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[7] || (a2[7] = y("   ")), c(J2, null, { content: s(() => a2[4] || (a2[4] = [y(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), d("br", null, null, -1), y(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: s(() => [c(B2, { type: "primary" }, { default: s(() => a2[5] || (a2[5] = [y("更多")])), _: 1 })]), _: 1 })], 512), [[h, "custom" == R.value]]), c(ae, { ref_key: "tableRef", ref: ee, height: Q.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: G.value }, { default: s(() => [c(K2, { width: "65" }, { default: s((e3) => [c(q2, { size: "small", onClick: (l3) => {
-      return a3 = e3.row, $.value = a3.value, L("update:modelValue", R.value, $.value), void F.value.hide();
+    const t2 = o("el-icon"), u2 = o("el-input"), k2 = o("el-menu-item"), U2 = o("el-menu"), O2 = o("el-col"), E3 = o("el-empty"), j2 = o("el-button"), M2 = o("el-tag"), D2 = o("el-tooltip"), J2 = o("el-table-column"), Q2 = o("el-table"), W2 = o("el-pagination"), ue = o("el-row"), oe = o("el-popover");
+    return e2.showLabel ? (s(), n("span", N, r(B.value), 1)) : (s(), i(oe, { key: 1, ref_key: "popoverRef", ref: G, trigger: "click", width: 400 }, { reference: c(() => [p(u2, { readonly: "", size: "small", onClick: te, modelValue: B.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => B.value = e3), placeholder: "请选择" }, { suffix: c(() => [f(p(t2, { style: { cursor: "pointer" }, onClick: z(ee, ["stop"]) }, { default: c(() => [p(h(I))]), _: 1 }, 512), [[y, B.value]])]), _: 1 }, 8, ["modelValue"])]), default: c(() => [p(ue, null, { default: c(() => [p(O2, { span: 8 }, { default: c(() => [p(U2, null, { default: c(() => [(s(), n(v, null, m(q, (e3) => p(k2, { style: { height: "40px", "padding-left": "0px" }, class: g(e3.value == $.value ? "is-active" : ""), onClick: (l3) => Z(e3.value) }, { default: c(() => [p(t2, null, { default: c(() => [f(p(h(C), null, null, 512), [[y, e3.value == $.value]])]), _: 2 }, 1024), d("span", null, r(e3.label), 1)]), _: 2 }, 1032, ["class", "onClick"])), 64))]), _: 1 })]), _: 1 }), $.value ? (s(), i(O2, { key: 1, span: 16, style: { "padding-left": "10px" } }, { default: c(() => [p(u2, { size: "small", modelValue: F.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => F.value = e3), placeholder: "搜索", "suffix-icon": h(S), style: w([{ "margin-bottom": "5px", height: "25px" }, Y.value]) }, null, 8, ["modelValue", "suffix-icon", "style"]), f(p(j2, { style: { float: "right" }, onClick: le, size: "small", type: "primary", icon: h(P), circle: "" }, null, 8, ["icon"]), [[y, "custom" == $.value]]), f(d("div", A, [p(t2, null, { default: c(() => [p(h(V))]), _: 1 }), a2[6] || (a2[6] = d("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), a2[7] || (a2[7] = _("   ")), p(D2, null, { content: c(() => a2[4] || (a2[4] = [_(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; "), d("br", null, null, -1), _(" 2.支持svg图标,需以svg-开头,接svg内容,如：svg-xxxxxx. ")])), default: c(() => [p(M2, { type: "primary" }, { default: c(() => a2[5] || (a2[5] = [_("更多")])), _: 1 })]), _: 1 })], 512), [[y, "custom" == $.value]]), p(Q2, { ref_key: "tableRef", ref: ae, height: X.value, "show-header": false, size: "small", "current-row-key": "code", "row-key": "code", "tree-props": { children: "items" }, "highlight-current-row": true, data: H.value }, { default: c(() => [p(J2, { width: "65" }, { default: c((e3) => [p(j2, { size: "small", onClick: (l3) => {
+      return a3 = e3.row, B.value = a3.value, T("update:modelValue", $.value, B.value), void G.value.hide();
       var a3;
-    } }, { default: s(() => a2[8] || (a2[8] = [y(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), c(K2, { label: "名称", prop: "value", width: "120" }, { default: s((e3) => [d("span", { style: { "text-align": "left" }, title: e3.row.value }, r(e3.row.value), 9, T)]), _: 1 }), c(K2, { label: "图标" }, { default: s((e3) => [e3.row.component ? (i(), n(b(e3.row.component), { key: 0, style: { width: "20px" } })) : _("", true)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), c(te, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": M.value.currentPage, "onUpdate:currentPage": a2[2] || (a2[2] = (e3) => M.value.currentPage = e3), "page-size": M.value.pageSize, "onUpdate:pageSize": a2[3] || (a2[3] = (e3) => M.value.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: M.value.total, onCurrentChange: H }, null, 8, ["current-page", "page-size", "size", "total"])]), _: 1 })) : (i(), n(A3, { key: 0, span: 16 }, { default: s(() => [c(E2, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 })]), _: 1 }, 512));
+    } }, { default: c(() => a2[8] || (a2[8] = [_(" 选择 ")])), _: 2 }, 1032, ["onClick"])]), _: 1 }), p(J2, { label: "名称", prop: "value", width: "120" }, { default: c((e3) => [d("span", { style: { "text-align": "left" }, title: e3.row.value }, r(e3.row.value), 9, L)]), _: 1 }), p(J2, { label: "图标" }, { default: c((e3) => [e3.row.component ? (s(), i(x(e3.row.component), { key: 0, style: { width: "20px" } })) : b("", true)]), _: 1 })]), _: 1 }, 8, ["height", "data"]), p(W2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": R.value.currentPage, "onUpdate:currentPage": a2[2] || (a2[2] = (e3) => R.value.currentPage = e3), "page-size": R.value.pageSize, "onUpdate:pageSize": a2[3] || (a2[3] = (e3) => R.value.pageSize = e3), size: l2.small, "pager-count": 3, layout: "pager,total", total: R.value.total, onCurrentChange: K }, null, 8, ["current-page", "page-size", "size", "total"])]), _: 1 })) : (s(), i(O2, { key: 0, span: 16 }, { default: c(() => [p(E3, { description: "请选择类型", "image-size": 40 })]), _: 1 }))]), _: 1 })]), _: 1 }, 512));
   };
 } });
 export {
-  A as default
+  E as default
 };