@web-utils/component 4.0.15 → 4.0.16

package/fy-form-design/index.mjs

@@ -1,162 +1,12 @@
-import p from "element-ui/lib/button";
-import { F as ae } from "../chunks/FyForm.DriwCJ7b.mjs";
-import E from "element-ui/lib/drawer";
-import c from "element-ui/lib/switch";
-import i from "element-ui/lib/form-item";
-import le from "element-ui/lib/slider";
-import w from "element-ui/lib/radio";
-import B from "element-ui/lib/popover";
-import I from "element-ui/lib/form";
-import { M as g, c as T } from "../chunks/MonacoEditor.D31t4FTy.mjs";
-import r from "element-ui/lib/input";
-import f from "element-ui/lib/input-number";
-import d from "element-ui/lib/option";
-import b from "element-ui/lib/select";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-import F from "element-ui/lib/tab-pane";
-import L from "../fy-empty/index.mjs";
+import { isBlank as E } from "@web-utils/core";
+import { c as v, M as f } from "../chunks/MonacoEditor.D31t4FTy.mjs";
 import "../monaco-editor/style.css";
-import { z as y, d as _ } from "../chunks/util.DI42t5GU.mjs";
-import R from "element-ui/lib/collapse-item";
-import $ from "element-ui/lib/link";
-import se from "element-ui/lib/option-group";
-import ie from "element-ui/lib/collapse";
-import N from "element-ui/lib/color-picker";
-import K from "element-ui/lib/tag";
-import A from "element-ui/lib/radio-button";
-import M from "element-ui/lib/radio-group";
-import z from "../fy-dynamic/index.mjs";
-import Q from "element-ui/lib/tabs";
-import S from "vuedraggable";
-import ne from "../element-dialog/index.mjs";
-import oe from "element-ui/lib/tree";
-import re from "../fy-input-color/index.mjs";
-import ce from "../fy-input-icon/index.mjs";
-import C from "element-ui/lib/table-column";
-import G from "element-ui/lib/table";
-import j from "element-ui/lib/aside";
+import b from "vuedraggable";
+import { d as p, z as u } from "../chunks/util.DqFv_pWg.mjs";
+import { cloneDeep as g } from "@web-utils/integrations/lodash";
 import "../fy-u-editor/style.css";
-import H from "element-ui/lib/col";
-import de from "element-ui/lib/row";
-import pe from "element-ui/lib/main";
-import ue from "element-ui/lib/header";
-import V from "element-ui/lib/container";
-import me from "element-ui/lib/tooltip";
-import { isBlank as q } from "@web-utils/core";
-import { cloneDeep as W } from "@web-utils/integrations/lodash";
-const he = {
-  name: "FormConfig",
-  props: {
-    data: Object
-  }
-};
-var fe = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "form-config-container" }, [t(I, { attrs: { "label-position": "left", "label-suffix": "：", "label-width": "130px", size: "small" } }, [t(i, { attrs: { label: "标签对齐方式" } }, [t(b, { attrs: { placeholder: "标签对齐方式" }, model: { value: e.data.labelPosition, callback: function(a) {
-    e.$set(e.data, "labelPosition", a);
-  }, expression: "data.labelPosition" } }, [t(d, { attrs: { label: "左对齐", value: "left" } }), t(d, { attrs: { label: "右对齐", value: "right" } }), t(d, { attrs: { label: "顶部对齐", value: "top" } })], 1)], 1), t(i, { attrs: { label: "标签宽度" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { min: 80, max: 200, step: 10, "controls-position": "right", placeholder: "标签宽度" }, model: { value: e.data.labelWidth, callback: function(a) {
-    e.$set(e.data, "labelWidth", a);
-  }, expression: "data.labelWidth" } })], 1), t(i, { attrs: { label: "标签后缀" } }, [t(r, { attrs: { placeholder: "标签后缀" }, model: { value: e.data.labelSuffix, callback: function(a) {
-    e.$set(e.data, "labelSuffix", a);
-  }, expression: "data.labelSuffix" } })], 1), t(i, { attrs: { label: "项之间的间隔" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { min: 0, max: 60, step: 5, "controls-position": "right", placeholder: "项之间的间隔" }, model: { value: e.data.gutter, callback: function(a) {
-    e.$set(e.data, "gutter", a);
-  }, expression: "data.gutter" } })], 1), t(i, { attrs: { label: "多分组转标签" } }, [t(c, { model: { value: e.data.tabs, callback: function(a) {
-    e.$set(e.data, "tabs", a);
-  }, expression: "data.tabs" } })], 1), t(i, { attrs: { label: "详情模式" } }, [t(c, { model: { value: e.data.detail, callback: function(a) {
-    e.$set(e.data, "detail", a);
-  }, expression: "data.detail" } })], 1), t(i, { attrs: { label: "显示按钮" } }, [t(c, { model: { value: e.data.menuBtn, callback: function(a) {
-    e.$set(e.data, "menuBtn", a);
-  }, expression: "data.menuBtn" } })], 1), e.data.menuBtn ? t(i, { attrs: { label: "显示提交按钮" } }, [t(c, { model: { value: e.data.submitBtn, callback: function(a) {
-    e.$set(e.data, "submitBtn", a);
-  }, expression: "data.submitBtn" } })], 1) : e._e(), e.data.menuBtn && e.data.submitBtn ? t(i, { attrs: { label: "提交按钮的文字" } }, [t(r, { attrs: { placeholder: "提交按钮的文字" }, model: { value: e.data.submitText, callback: function(a) {
-    e.$set(e.data, "submitText", a);
-  }, expression: "data.submitText" } })], 1) : e._e(), e.data.menuBtn ? t(i, { attrs: { label: "显示清空按钮" } }, [t(c, { model: { value: e.data.emptyBtn, callback: function(a) {
-    e.$set(e.data, "emptyBtn", a);
-  }, expression: "data.emptyBtn" } })], 1) : e._e(), e.data.menuBtn && e.data.emptyBtn ? t(i, { attrs: { label: "清空按钮的文字" } }, [t(r, { attrs: { placeholder: "提交按钮的文字" }, model: { value: e.data.emptyText, callback: function(a) {
-    e.$set(e.data, "emptyText", a);
-  }, expression: "data.emptyText" } })], 1) : e._e(), t(i, { attrs: { label: "全局只读" } }, [t(c, { model: { value: e.data.readonly, callback: function(a) {
-    e.$set(e.data, "readonly", a);
-  }, expression: "data.readonly" } })], 1), t(i, { attrs: { label: "全局禁用" } }, [t(c, { model: { value: e.data.disabled, callback: function(a) {
-    e.$set(e.data, "disabled", a);
-  }, expression: "data.disabled" } })], 1)], 1)], 1);
-}, be = [], ge = /* @__PURE__ */ h(
-  he,
-  fe,
-  be,
-  !1,
-  null,
-  null
-);
-const U = ge.exports, ve = {
-  name: "ConfigEvent",
-  components: { MonacoEditor: g },
-  props: {
-    data: Object
-  },
-  data() {
-    return {
-      change: "",
-      click: "",
-      focus: "",
-      blur: "",
-      options: {
-        fullScreen: !0,
-        minimap: {
-          enabled: !1
-        }
-      }
-    };
-  },
-  watch: {
-    "data.prop": {
-      handler() {
-        const { change: l, click: e, focus: t, blur: a } = this.data;
-        this.$set(this, "change", l ? `${l}` : `({value}) => {\r
-\r
-}`), this.$set(this, "click", e ? `${e}` : `({value}) => {\r
-\r
-}`), this.$set(this, "focus", t ? `${t}` : `({value}) => {\r
-\r
-}`), this.$set(this, "blur", a ? `${a}` : `({value}) => {\r
-\r
-}`);
-      },
-      immediate: !0
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      ["change", "click", "focus", "blur"].forEach((e) => {
-        this.$watch(`${e}`, (t) => {
-          try {
-            this.$set(this.data, e, y(t));
-          } catch {
-          }
-        });
-      });
-    });
-  }
-};
-var _e = function() {
-  var e = this, t = e._self._c;
-  return t("div", [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("change：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "300", "key-index": `event-change-${e.data.prop}`, options: e.options }, model: { value: e.change, callback: function(a) {
-    e.change = a;
-  }, expression: "change" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("click：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "200", "key-index": `event-click-${e.data.prop}`, options: e.options }, model: { value: e.click, callback: function(a) {
-    e.click = a;
-  }, expression: "click" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("focus：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "200", "key-index": `event-focus-${e.data.prop}`, options: e.options }, model: { value: e.focus, callback: function(a) {
-    e.focus = a;
-  }, expression: "focus" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("blur：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "200", "key-index": `event-blur-${e.data.prop}`, options: e.options }, model: { value: e.blur, callback: function(a) {
-    e.blur = a;
-  }, expression: "blur" } })], 1)])]);
-}, ye = [], xe = /* @__PURE__ */ h(
-  ve,
-  _e,
-  ye,
-  !1,
-  null,
-  null
-);
-const J = xe.exports, D = [
+import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const _ = [
   {
     title: "布局字段",
     list: [
@@ -615,179 +465,624 @@ const J = xe.exports, D = [
       }
     ]
   }
-], $e = {
-  name: "ConfigCustom",
-  components: { MonacoEditor: g },
-  props: {
-    data: Object
-  },
+], $ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAAADXCAYAAACAszPmAAAAAXNSR0IArs4c6QAADXRJREFUeAHt3cuLZGcZB+BvLk2PM0ZxFMdJXEQCYRIialrUmPgXuM0qkI3GnVl4ScBtUEFFXOhCEBQ3oiDi36BGkWQ0gpgIZgK59EhIxhBn0nMfz+nqwq6e6upT019933vqPAVxuuty3vc8b/fPU3UufWB9ff1GciNAgMDABQ6363/y5MmBM8y3+mfPnmU2H5lnEwgt0P5OHwzdoeYIECBQSEAYFoJWhgCB2ALCMPZ8dEeAQCEBYVgIWhkCBGILCMPY89EdAQKFBIRhIWhlCBCILbB5aE3sFnVHgEAtgfaQk0Xddh7St6haO+vstj4zw/DPr26knz/3dnrr4vXN199/cjV9/cHjm19/9w/n0nP/vjSx3I9/aDU9+VA/Hv/e0+fSX89O9v/J21fTVz876n9ixeb4ZlEDnaOFqU/t+gMx9cXuJDAAgZlvk3/6l/8HYWtx9frynKxy/vIo4LfP+Nn1S+nbv3tz+12+JkBgIAIH2tPxdttqeOTXo03kb306pZUmNg/NjM5+ibW5/s7VyZ6feiala839v3h49hk57dbfbma2DCdNfddvgUX+PO/8HVpUrZ11pk2krT3zbfL4RW0ILlMQtut18EBK714Zr6F/CRAYusDMMPxE8xnhlWZTaeXg5aE7WX8CBJZcYGYYPrG1s2RRm69Lbmv1CBDokcDMMOzRemRp9f7bj6RrS7STKAuKhRAYiMDMMGwPn2lvj941DI2vPPC+YayotSRA4CaBmfuH2+MIdx5LeNMS3EGAAIElEJi5ZbgE6zfXKoy3hMcHjs/14q0nd9mNfyvL9RoCBBYrIAy3+doK3obhSwIDE5j5NnlgFlaXAIEBC8zcMmzPNR7dJs/hjer13Bsp/fZMSv+9Murw3mZ/yBfvHX39k3+k9MJ/Jju/p3n8sW2Pjx8dn3kz+1zrs2n24ynr49POpX7gw0fS45+x02c8N//mFyj5sU/JWtOkZobh+LOzvhxn+JsXU7qw7RS79tS6Zbmdv3TzudR/evViOv/7N9M3Pvf+ZVlN60GgmsDMc5PHXfUlDL/29Kjjpz6V0pFDy3UK4bRzqb/5bEpXmozc61zq8Rz9S4DAdIE9z03+TnOc4eHmU8VHPjJ9AVHvPdScd+xc6qjT0ReBmAIzd6D8rT3OcMc1/2Kuxqir9jPCu97TbBXOfPMfeQ30RoBALYGlio3xzpJamOoSINBfgZlh+MFjh9LrF66lJ/84WsGPNXuX+3Cl6758xrnfH5v2XOrLy7SXaL8gXk9gHwIzw/Cx+9+bfvzsW+ncxmhPZvTfuxfPXUntWSRDOZf6oZXmOKLmmowvvPB6uuOOOzZ/DF577bV04cKFiR+JY8eOeZzPIH4+XnnllbSxsTHx87+2tjbx/W7fzAzD+06sph99/sTU144Pu5n6YHNnjcfb4wPbs0iGEoa72bufwFAFVlZW0tWro+PrrlzZOuC4I0anQ2s6Lqv608YHS3//weqtFGngZ/9sjh9qbo+vvatIPUUI9EngpZdeSm0gdtky3PPQmj6t+BB7/fsb14a42taZQCeBo0ePpsuXu1+lf+bb5HHFoeyQGK+vfwkQ6L/AiRPTP+Lbbc06heFuL452/ymn6UYbiX4I9EZgqcLwS1sXXeiNvkYJEFiYQHtkRXs7depUpxpLFYad1niJnnTfBw6l5sxDNwIEpgjsPMRsylMm7lqqMGwv09XehrKFaC/yaN7+l0AOgaUKw53XK8wBZBkECAxDYOaFGoZB0N+1/MEzG6n9z40Agf0LLNWW4fHmwtznmotyP7F1LnV7Jesv3DNC6nKl651blvu9kvVHm8/0vrx1QPQPT2+knccFzvP4r56/lJ5/c9uVa5vVOtucN378iE8N9/9rYAnLKNCehjrPbanC8OHm7zv/8l8pvb11nGXtc6kvXrzYzCLP2SHr56834Td56e4TRw+kR+87Ms+8PZfAYATG5+t3XeFOp+MN5aDrrn+DofXY67mnT5/enMHdd9/ddRaeR4DAAgRuu+22PZfa/k77zHBPJk8gQKCPAu1xhuNjDbv0v1Rvk7ussOcQIDAMgXmPM7RlOIyfC2tJgMAeArYM9wC61Yfn3ZN1q3W8jgCBPALCMI/jTUuZd0/WTQtwBwECRQWEYVFuxQgQKCUw77szYbigyYz3YtlCXBCwxRLYQ2De3z1huAforT48756sW63jdQQI5BHoFIZ7HWCcpxVLIUCAQD6B8bsz1zPMZ2pJBAj0UGDed2eOM+zhkLVMgEB+gU5vk/OXXf4lzrsna/lFrCGB2ALCcEHzmXdP1oLasFgCBDoKCMOOUJ5GgEC/BOZ9d9YpDF3Ca/4fgjNnzqTV1dXNS30dPOij2fkFvYLA/gTmfXfWKQz319IwX339+vXU7s16+eWX05133rmJ0O7q37mHq/1/r/HQPM7Hz8eFicCY5/djfX39pt+vGzdupLW1tYll7vaNMNxNJtP9KysrmZZkMQQIzBJog6/9b/vt8OHuEedK19vkuh5c3uVK19sW60sCBIILuNJ18AFpjwCBcgI+2S9nrRIBAoEFhGHg4WiNAIFyAsKwnLVKBAgEFhCGgYejNQIEygkIw3LWKhEgEFhAGAYejtYIECgnIAzLWatEgEBgAWEYeDhaI0CgnIAwLGetEgECgQWEYeDhaI0AgXICnc5i7nrObrm2VSJAgEBeAVuGeT0tjQCBngoIw54OTtsECOQVEIZ5PS2NAIGeCgjDng5O2wQI5BXotAPF30DJi25pBAjEE7BlGG8mOiJAoIKAMKyAriQBAvEEhGG8meiIAIEKAsKwArqSBAjEExCG8WaiIwIEKggIwwroShIgEE9AGMabiY4IEKggIAwroCtJgEA8AWEYbyY6IkCggoAwrICuJAEC8QSEYbyZ6IgAgQoCwrACupIECMQTEIbxZqIjAgQqCAjDCuhKEiAQT0AYxpuJjggQqCAgDCugK0mAQDyBThd39dfx4g1ORwQI5BWwZZjX09IIEOipgDDs6eC0TYBAXgFhmNfT0ggQ6KmAMOzp4LRNgEBegU47UPx1vLzolkaAQDwBW4bxZqIjAgQqCAjDCuhKEiAQT0AYxpuJjggQqCAgDCugK0mAQDwBYRhvJjoiQKCCgDCsgK4kAQLxBIRhvJnoiACBCgLCsAK6kgQIxBMQhvFmoiMCBCoICMMK6EoSIBBPQBjGm4mOCBCoICAMK6ArSYBAPAFhGG8mOiJAoIKAMKyAriQBAvEEhGG8meiIAIEKAsKwArqSBAjEE+h0cVd/HS/e4HREgEBeAVuGeT0tjQCBngoIw54OTtsECOQVEIZ5PS2NAIGeCgjDng5O2wQI5BXotAPFX8fLi25pBAjEE7BlGG8mOiJAoIKAMKyAriQBAvEEhGG8meiIAIEKAsKwArqSBAjEExCG8WaiIwIEKggIwwroShIgEE9AGMabiY4IEKggIAwroCtJgEA8AWEYbyY6IkCggoAwrICuJAEC8QSEYbyZ6IgAgQoCwrACupIECMQTEIbxZqIjAgQqCAjDCuhKEiAQT0AYxpuJjggQqCDQ6XqG/iBUhckoSYBAUQFbhkW5FSNAIKqAMIw6GX0RIFBUQBgW5VaMAIGoAsIw6mT0RYBAUQFhWJRbMQIEogp02pvsr+NFHZ++CBDIJWDLMJek5RAg0GsBYdjr8WmeAIFcAsIwl6TlECDQawFh2OvxaZ4AgVwCwjCXpOUQINBrAWHY6/FpngCBXALCMJek5RAg0GsBYdjr8WmeAIFcAsIwl6TlECDQawFh2OvxaZ4AgVwCwjCXpOUQINBrAWHY6/FpngCBXALCMJek5RAg0GsBYdjr8WmeAIFcAp0u4eUPQuXithwCBKIK2DKMOhl9ESBQVEAYFuVWjACBqALCMOpk9EWAQFEBYViUWzECBKIKCMOok9EXAQJFBYRhUW7FCBCIKiAMo05GXwQIFBUQhkW5FSNAIKqAMIw6GX0RIFBUQBgW5VaMAIGoAsIw6mT0RYBAUQFhWJRbMQIEogoIw6iT0RcBAkUFhGFRbsUIEIgqIAyjTkZfBAgUFRCGRbkVI0AgqoAwjDoZfREgUFRAGBblVowAgagCwjDqZPRFgEBRAWFYlFsxAgSiCgjDqJPRFwECRQWEYVFuxQgQiCogDKNORl8ECBQVEIZFuRUjQCCqgDCMOhl9ESBQVEAYFuVWjACBqALCMOpk9EWAQFEBYViUWzECBKIKCMOok9EXAQJFBYRhUW7FCBCIKiAMo05GXwQIFBUQhkW5FSNAIKqAMIw6GX0RIFBUQBgW5VaMAIGoAsIw6mT0RYBAUQFhWJRbMQIEogoIw6iT0RcBAkUFhGFRbsUIEIgqIAyjTkZfBAgUFRCGRbkVI0AgqoAwjDoZfREgUFRAGBblVowAgagCwjDqZPRFgEBRAWFYlFsxAgSiCgjDqJPRFwECRQWEYVFuxQgQiCogDKNORl8ECBQVEIZFuRUjQCCqgDCMOhl9ESBQVEAYFuVWjACBqALCMOpk9EWAQFEBYViUWzECBKIKCMOok9EXAQJFBYRhUW7FCBCIKiAMo05GXwQIFBUQhkW5FSNAIKqAMIw6GX0RIFBU4H8RUTV123y9kQAAAABJRU5ErkJggg==", C = (l) => new Function(`return ${l}`)(), w = {
   data() {
     return {
-      params: this.data.params || {},
-      event: this.data.event || {},
-      options: {
-        fullScreen: !0,
-        minimap: {
-          enabled: !1
-        }
+      historySteps: {
+        index: 0,
+        maxStep: 20,
+        steps: [],
+        storage: !1
       }
     };
   },
   watch: {
-    "data.params"(l) {
-      this.params = l || {};
+    historySteps: {
+      handler(l) {
+        l.storage ? localStorage.setItem("avue-form-history", v(l)) : localStorage.removeItem("avue-form-history");
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    initHistory(l) {
+      if (l.storage) {
+        const a = localStorage.getItem("avue-form-history");
+        if (a) {
+          this.historySteps = C(a);
+          const { index: i, steps: s } = this.historySteps;
+          return g(s[i]);
+        }
+      }
+      this.historySteps = {
+        ...this.historySteps,
+        ...l
+      };
+      const { index: e, steps: t } = this.historySteps;
+      return g(t[e]);
     },
-    "data.event"(l) {
-      this.event = l || {};
+    handleHistoryChange(l) {
+      this.historySteps.index === this.historySteps.maxStep - 1 ? this.historySteps.steps.shift() : this.historySteps.index++, this.historySteps.steps[this.historySteps.index] = g(l), this.historySteps.index < this.historySteps.steps.length - 1 && (this.historySteps.steps = this.historySteps.steps.slice(0, this.historySteps.index + 1));
     },
-    params(l) {
-      try {
-        this.data.params = y(`(${l})`);
-      } catch {
-      }
+    handleUndo() {
+      return this.historySteps.index !== 0 && this.historySteps.index--, g(this.historySteps.steps[this.historySteps.index]);
     },
-    event(l) {
-      try {
-        this.data.event = y(`(${l})`);
-      } catch {
-      }
+    handleRedo() {
+      return this.historySteps.index !== this.historySteps.steps.length - 1 && this.historySteps.index++, g(this.historySteps.steps[this.historySteps.index]);
+    }
+  }
+}, I = {
+  name: "WidgetFormItem",
+  components: { FyUEditor: () => import("../fy-u-editor/index.mjs") },
+  props: {
+    item: {
+      type: Object,
+      default: () => ({})
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    vBind() {
+      const l = Object.assign(p(this.item), this.params, {
+        size: this.item.size || "small",
+        dic: this.item.dicData ? this.item.dicData.map((t) => {
+          if (!this.item.props) return t;
+          const { label: a, value: i, desc: s } = this.item.props;
+          return !a || !i ? t : {
+            [a]: t.label,
+            [i]: t.value,
+            [s]: t.desc
+          };
+        }) : void 0,
+        rules: this.item.pattern ? this.item.rules.map((t) => (t.pattern && (t.pattern = new RegExp(this.item.pattern)), t)) : this.item.rules
+      });
+      return ["change", "blur", "click", "focus"].forEach((t) => delete l[t]), l.event && delete l.event, l;
+    }
+  },
+  methods: {
+    getComponent(l, e) {
+      let a = "input";
+      return e || (["array", "img", "url"].includes(l) ? a = "array" : l === "select" ? a = "select" : l === "radio" ? a = "radio" : l === "checkbox" ? a = "checkbox" : ["time", "timerange"].includes(l) ? a = "time" : ["dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year"].includes(l) ? a = "date" : l === "cascader" ? a = "cascader" : l === "number" ? a = "input-number" : l === "password" ? a = "input" : l === "switch" ? a = "switch" : l === "rate" ? a = "rate" : l === "upload" ? a = "upload" : l === "slider" ? a = "slider" : l === "dynamic" ? a = "dynamic" : l === "icon" ? a = "input-icon" : l === "color" ? a = "input-color" : l === "map" && (a = "input-map"), "fy-" + a);
+    },
+    getPlaceholder(l) {
+      const e = l.label;
+      return [
+        "select",
+        "checkbox",
+        "radio",
+        "tree",
+        "color",
+        "dates",
+        "date",
+        "datetime",
+        "datetimerange",
+        "daterange",
+        "week",
+        "month",
+        "year",
+        "map",
+        "icon"
+      ].includes(l.type) ? `请选择 ${e}` : `请输入 ${e}`;
     }
   }
 };
-var ke = function() {
+var F = function() {
   var e = this, t = e._self._c;
-  return t("div", [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("自定义属性：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "300", "key-index": e.data.prop, options: e.options }, model: { value: e.params, callback: function(a) {
-    e.params = a;
-  }, expression: "params" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("自定义事件：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "300", "key-index": e.data.prop, options: e.options }, model: { value: e.event, callback: function(a) {
-    e.event = a;
-  }, expression: "event" } })], 1)])]);
-}, Ce = [], we = /* @__PURE__ */ h(
-  $e,
-  ke,
-  Ce,
+  return t("div", [e.item.type === "title" ? t("div", { staticStyle: { "margin-left": "5px" }, style: e.item.styles }, [e._v(" " + e._s(e.item.value) + " ")]) : t(e.getComponent(e.item.type, e.item.component), e._b({ tag: "Component", attrs: { multiple: !1, placeholder: e.item.placeholder || e.getPlaceholder(e.item), value: ["time", "timerange", "checkbox"].includes(e.item.type) ? e.item.dicData : void 0 } }, "Component", e.vBind, !1), [e.params.html ? t("span", { domProps: { innerHTML: e._s(e.params.html) } }) : e._e()])], 1);
+}, S = [], A = /* @__PURE__ */ c(
+  I,
+  F,
+  S,
   !1,
   null,
   null
 );
-const Ae = we.exports, Fe = {
-  name: "ConfigInput",
+const y = A.exports, O = {
+  name: "WidgetFormTable",
+  components: { WidgetFormItem: y, Draggable: b },
   props: {
-    data: Object
+    data: Object,
+    column: Object,
+    select: Object,
+    index: Number
+  },
+  data() {
+    return {
+      selectWidget: this.select
+    };
+  },
+  watch: {
+    select(l) {
+      this.selectWidget = l;
+    },
+    selectWidget: {
+      handler(l) {
+        this.$emit("update:select", l);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    handleSelectWidget(l) {
+      this.selectWidget = this.data.column[l];
+    },
+    handleWidgetClear(l) {
+      this.data.column[l].children.column = [], this.selectWidget = this.data.column[l], this.$emit("change");
+    },
+    handleWidgetDelete(l) {
+      this.data.column.length - 1 === l ? l === 0 ? this.selectWidget = {} : this.handleSelectWidget(l - 1) : this.handleSelectWidget(l + 1), this.$nextTick(() => {
+        this.data.column.splice(l, 1), this.$emit("change");
+      });
+    },
+    handleWidgetCloneTable(l) {
+      const e = p(this.data.column[l]);
+      e.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, e.children.column.forEach((t) => {
+        t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`;
+      }), this.data.column.splice(l, 0, e), this.$nextTick(() => {
+        this.handleSelectWidget(l + 1), this.$emit("change");
+      });
+    },
+    handleWidgetTableAdd(l, e) {
+      let t = l.newIndex;
+      const a = l.item;
+      if (t === 1 && t > e.children.column.length - 1 && (t = 0), ["子表单", "富文本", "坐标拾取器", "分组"].includes(a.textContent)) {
+        e.children.column.splice(t, 1);
+        return;
+      }
+      const i = p(e.children.column[t]);
+      i.prop || (i.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), i.subfield = !0, delete i.icon, this.$set(e.children.column, t, { ...i }), this.selectWidget = e.children.column[t], this.$emit("change");
+    },
+    handleWidgetTableSelect(l) {
+      this.selectWidget = l;
+    },
+    handleWidgetTableClone(l, e) {
+      const t = p(e);
+      t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.$set(l.children.column, l.children.column.length, { ...t }), this.$nextTick(() => {
+        this.selectWidget = l.children.column[l.children.column.length - 1], this.$emit("change");
+      });
+    },
+    handleWidgetTableDelete(l, e) {
+      l.children.column.length - 1 === e ? e === 0 ? this.selectWidget = l : this.selectWidget = l.children.column[e - 1] : this.selectWidget = l.children.column[e + 1], this.$nextTick(() => {
+        l.children.column.splice(e, 1), this.$emit("change");
+      });
+    }
   }
 };
-var Se = function() {
+var B = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
-    e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1), t(i, { attrs: { label: "前缀" } }, [t(r, { attrs: { clearable: "", placeholder: "前缀" }, model: { value: e.data.prepend, callback: function(a) {
-    e.$set(e.data, "prepend", a);
-  }, expression: "data.prepend" } })], 1), t(i, { attrs: { label: "后缀" } }, [t(r, { attrs: { clearable: "", placeholder: "后缀" }, model: { value: e.data.append, callback: function(a) {
-    e.$set(e.data, "append", a);
-  }, expression: "data.append" } })], 1), t(i, { attrs: { label: "最大长度" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最大长度" }, model: { value: e.data.maxlength, callback: function(a) {
-    e.$set(e.data, "maxlength", a);
-  }, expression: "data.maxlength" } })], 1), e.data.type !== "password" ? t(i, { attrs: { label: "显示计数" } }, [t(c, { model: { value: e.data.showWordLimit, callback: function(a) {
+  return t("div", [t("h3", { directives: [{ name: "show", rawName: "v-show", value: e.column.label, expression: "column.label" }], staticStyle: { margin: "10px" } }, [e._v(" " + e._s(e.column.label) + " ")]), t("Draggable", { staticClass: "widget-form-table__content", attrs: { list: e.column.children.column, group: { name: "form" }, "ghost-class": "ghost", animation: 200, handle: ".widget-form-table__item" }, on: { add: function(a) {
+    return e.handleWidgetTableAdd(a, e.column);
+  }, end: function(a) {
+    return e.$emit("change");
+  } } }, [e.column.children.column.length > 0 ? e._l(e.column.children.column, function(a, i) {
+    return t("div", { key: i, staticClass: "widget-form-table__item", class: { active: e.selectWidget.prop === a.prop, required: a.required }, style: {
+      minWidth: a.width ? `${a.width}px` : "33.3%",
+      width: a.width ? `${a.width}px` : "33.3%"
+    }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableSelect(a);
+    } } }, [t("ElTable", { attrs: { data: [a], border: "" } }, [t("ElTableColumn", { attrs: { prop: a.prop, label: a.label, align: e.column.children.align, "header-align": e.column.children.headerAlign } }, [t("WidgetFormItem", { attrs: { item: a, params: e.column.params } }), e.selectWidget.prop === a.prop ? t("ElButton", { staticClass: "widget-table-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableDelete(e.column, i);
+    } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === a.prop ? t("ElButton", { staticClass: "widget-table-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableClone(e.column, a);
+    } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1)], 1)], 1);
+  }) : [t("FyEmpty", { staticStyle: { width: "100%" }, attrs: { size: "50", desc: "拖拽字段至此" } })]], 2), e.selectWidget.prop === e.column.prop ? t("ElButton", { staticClass: "widget-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(a) {
+    return a.stopPropagation(), e.handleWidgetDelete(e.index);
+  } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t("ElButton", { staticClass: "widget-action-clear", attrs: { title: "清空", circle: "", plain: "", size: "small", type: "warning" }, on: { click: function(a) {
+    return a.stopPropagation(), e.handleWidgetClear(e.index);
+  } } }, [t("i", { staticClass: "iconfont icon-clear" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t("ElButton", { staticClass: "widget-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(a) {
+    return a.stopPropagation(), e.handleWidgetCloneTable(e.index);
+  } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1);
+}, W = [], T = /* @__PURE__ */ c(
+  O,
+  B,
+  W,
+  !1,
+  null,
+  null
+);
+const x = T.exports, z = {
+  name: "WidgetFormGroup",
+  components: { WidgetFormItem: y, WidgetFormTable: x, Draggable: b },
+  props: {
+    data: Object,
+    column: Object,
+    select: Object,
+    index: Number
+  },
+  data() {
+    return {
+      selectWidget: this.select
+    };
+  },
+  watch: {
+    select(l) {
+      this.selectWidget = l;
+    },
+    selectWidget: {
+      handler(l) {
+        this.$emit("update:select", l);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    handleSelectWidget(l) {
+      this.selectWidget = this.data.column[l];
+    },
+    handleWidgetClear(l) {
+      this.data.column[l].children.column = [], this.selectWidget = this.data.column[l], this.$emit("change");
+    },
+    handleWidgetDelete(l) {
+      this.data.column.length - 1 === l ? l === 0 ? this.selectWidget = {} : this.handleSelectWidget(l - 1) : this.handleSelectWidget(l + 1), this.$nextTick(() => {
+        this.data.column.splice(l, 1), this.$emit("change");
+      });
+    },
+    handleWidgetCloneTable(l) {
+      const e = p(this.data.column[l]);
+      e.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, e.children.column.forEach((t) => {
+        t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`;
+      }), this.data.column.splice(l, 0, e), this.$nextTick(() => {
+        this.handleSelectWidget(l + 1), this.$emit("change");
+      });
+    },
+    handleWidgetTableSelect(l) {
+      this.selectWidget = l;
+    },
+    handleWidgetTableClone(l, e) {
+      const t = p(e);
+      t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.$set(l.children.column, l.children.column.length, { ...t }), this.$nextTick(() => {
+        this.selectWidget = l.children.column[l.children.column.length - 1], this.$emit("change");
+      });
+    },
+    handleWidgetTableDelete(l, e) {
+      l.children.column.length - 1 === e ? e === 0 ? this.selectWidget = l : this.selectWidget = l.children.column[e - 1] : this.selectWidget = l.children.column[e + 1], this.$nextTick(() => {
+        l.children.column.splice(e, 1), this.$emit("change");
+      });
+    },
+    handleWidgetGroupAdd(l, e) {
+      let t = l.newIndex;
+      const a = l.item;
+      if (t === 1 && t > e.children.column.length - 1 && (t = 0), ["分组"].includes(a.textContent)) {
+        e.children.column.splice(t, 1);
+        return;
+      }
+      const i = p(e.children.column[t]);
+      i.prop || (i.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), delete i.icon, i.type === "dynamic" ? i.span = 24 : i.span = 12, this.$set(e.children.column, t, { ...i }), this.selectWidget = e.children.column[t], this.$emit("change");
+    }
+  }
+};
+var R = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("h4", { directives: [{ name: "show", rawName: "v-show", value: e.column.label, expression: "column.label" }], staticClass: "widget-form-group__head" }, [t("i", { directives: [{ name: "show", rawName: "v-show", value: e.column.icon, expression: "column.icon" }], class: e.column.icon, staticStyle: { "margin-right": "10px" } }), e._v(e._s(e.column.label) + " ")]), t("Draggable", { staticClass: "widget-form-group__body", attrs: { list: e.column.children.column, group: { name: "form" }, "ghost-class": "ghost", animation: 200 }, on: { add: function(a) {
+    return e.handleWidgetGroupAdd(a, e.column);
+  }, end: function(a) {
+    return e.$emit("change");
+  } } }, [e._l(e.column.children.column, function(a, i) {
+    return [a.type === "dynamic" ? t("div", { key: i, staticClass: "widget-form-table", class: { active: e.selectWidget.prop === a.prop }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableSelect(a);
+    } } }, [t("WidgetFormTable", { attrs: { data: e.column.children, column: a, index: i, select: e.selectWidget }, on: { "update:select": function(s) {
+      e.selectWidget = s;
+    }, change: function(s) {
+      return e.$emit("change");
+    } } })], 1) : t("ElCol", { key: i, attrs: { md: a.span || 12, xs: 24, offset: a.offset || 0 } }, [t("ElFormItem", { staticClass: "widget-form-group__item", class: { active: e.selectWidget.prop === a.prop, required: a.required }, attrs: { label: a.label, prop: a.prop }, nativeOn: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableSelect(a);
+    } } }, [t("WidgetFormItem", { attrs: { item: a, params: e.column.params } }), e.selectWidget.prop === a.prop ? t("ElButton", { staticClass: "widget-form-group__item--delete", attrs: { title: "删除", circle: "", plain: "", type: "danger" }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableDelete(e.column, i);
+    } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === a.prop ? t("ElButton", { staticClass: "widget-form-group__item--clone", attrs: { title: "复制", circle: "", plain: "", type: "primary" }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetTableClone(e.column, a);
+    } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1)], 1)];
+  })], 2), e.selectWidget.prop === e.column.prop ? t("ElButton", { staticClass: "widget-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(a) {
+    return a.stopPropagation(), e.handleWidgetDelete(e.index);
+  } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t("ElButton", { staticClass: "widget-action-clear", attrs: { title: "清空", circle: "", plain: "", size: "small", type: "warning" }, on: { click: function(a) {
+    return a.stopPropagation(), e.handleWidgetClear(e.index);
+  } } }, [t("i", { staticClass: "iconfont icon-clear" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t("ElButton", { staticClass: "widget-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(a) {
+    return a.stopPropagation(), e.handleWidgetCloneTable(e.index);
+  } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1);
+}, P = [], M = /* @__PURE__ */ c(
+  z,
+  R,
+  P,
+  !1,
+  null,
+  null
+);
+const D = M.exports, Q = {
+  name: "WidgetForm",
+  components: { Draggable: b, WidgetFormItem: y, WidgetFormTable: x, WidgetFormGroup: D },
+  props: {
+    data: Object,
+    select: Object
+  },
+  data() {
+    return {
+      selectWidget: this.select,
+      form: {}
+    };
+  },
+  watch: {
+    select(l) {
+      this.selectWidget = l;
+    },
+    selectWidget: {
+      handler(l) {
+        this.$emit("update:select", l);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    handleSelectWidget(l) {
+      this.selectWidget = this.data.column[l];
+    },
+    handleWidgetAdd(l) {
+      const e = l.newIndex, t = p(this.data.column[e]);
+      t.prop || (t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), delete t.icon, delete t.subfield, t.type === "title" && (delete t.label, this.form[t.prop] = t.value), this.$set(this.data.column, e, t), this.handleSelectWidget(e), this.$emit("change");
+    },
+    handleWidgetDelete(l) {
+      this.data.column.length - 1 === l ? l === 0 ? this.selectWidget = {} : this.handleSelectWidget(l - 1) : this.handleSelectWidget(l + 1), this.$nextTick(() => {
+        this.data.column.splice(l, 1), this.$emit("change");
+      });
+    },
+    handleWidgetClone(l) {
+      const e = p(this.data.column[l]);
+      e.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.data.column.push(e), this.$nextTick(() => {
+        this.handleSelectWidget(this.data.column.length - 1), this.$emit("change");
+      });
+    }
+  }
+};
+var K = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "widget-form-container" }, [t("ElForm", { ref: "widgetForm", attrs: { "label-position": e.data.labelPosition || "left", "label-width": e.data.labelWidth ? `${e.data.labelWidth}px` : "100px", "label-suffix": e.data.labelSuffix, model: e.form, size: "small" } }, [t("ElRow", { attrs: { gutter: e.data.gutter } }, [t("Draggable", { staticClass: "widget-form-list", attrs: { list: e.data.column, group: { name: "form" }, "ghost-class": "ghost", animation: 300 }, on: { add: e.handleWidgetAdd, end: function(a) {
+    return e.$emit("change");
+  } } }, [e._l(e.data.column, function(a, i) {
+    return [a.type === "dynamic" ? t("div", { key: i, staticClass: "widget-form-table", class: { active: e.selectWidget.prop === a.prop }, on: { click: function(s) {
+      return e.handleSelectWidget(i);
+    } } }, [t("WidgetFormTable", { attrs: { data: e.data, column: a, index: i, select: e.selectWidget }, on: { "update:select": function(s) {
+      e.selectWidget = s;
+    }, change: function(s) {
+      return e.$emit("change");
+    } } })], 1) : a.type === "group" ? t("div", { key: i, staticClass: "widget-form-group", class: { active: e.selectWidget.prop === a.prop }, on: { click: function(s) {
+      return e.handleSelectWidget(i);
+    } } }, [t("WidgetFormGroup", { attrs: { data: e.data, column: a, index: i, select: e.selectWidget }, on: { "update:select": function(s) {
+      e.selectWidget = s;
+    }, change: function(s) {
+      return e.$emit("change");
+    } } })], 1) : t("ElCol", { key: i, attrs: { md: a.span || 12, xs: 24, offset: a.offset || 0 } }, [t("ElFormItem", { staticClass: "widget-form-item", class: [{ active: e.selectWidget.prop === a.prop, required: a.required }, `avue-form__item--${a.labelPosition}` || ""], attrs: { label: a.label, "label-width": a.labelWidth && `${a.labelWidth}px`, prop: a.prop }, nativeOn: { click: function(s) {
+      return e.handleSelectWidget(i);
+    } } }, [t("WidgetFormItem", { attrs: { item: a, params: a.params } }), e.selectWidget.prop === a.prop ? t("ElButton", { staticClass: "widget-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetDelete(i);
+    } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === a.prop ? t("ElButton", { staticClass: "widget-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(s) {
+      return s.stopPropagation(), e.handleWidgetClone(i);
+    } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1)], 1)];
+  })], 2)], 1)], 1)], 1);
+}, j = [], N = /* @__PURE__ */ c(
+  Q,
+  K,
+  j,
+  !1,
+  null,
+  null
+);
+const V = N.exports, q = {
+  name: "FormConfig",
+  props: {
+    data: Object
+  }
+};
+var L = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "form-config-container" }, [t("ElForm", { attrs: { "label-position": "left", "label-suffix": "：", "label-width": "130px", size: "small" } }, [t("ElFormItem", { attrs: { label: "标签对齐方式" } }, [t("ElSelect", { attrs: { placeholder: "标签对齐方式" }, model: { value: e.data.labelPosition, callback: function(a) {
+    e.$set(e.data, "labelPosition", a);
+  }, expression: "data.labelPosition" } }, [t("ElOption", { attrs: { label: "左对齐", value: "left" } }), t("ElOption", { attrs: { label: "右对齐", value: "right" } }), t("ElOption", { attrs: { label: "顶部对齐", value: "top" } })], 1)], 1), t("ElFormItem", { attrs: { label: "标签宽度" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { min: 80, max: 200, step: 10, "controls-position": "right", placeholder: "标签宽度" }, model: { value: e.data.labelWidth, callback: function(a) {
+    e.$set(e.data, "labelWidth", a);
+  }, expression: "data.labelWidth" } })], 1), t("ElFormItem", { attrs: { label: "标签后缀" } }, [t("ElInput", { attrs: { placeholder: "标签后缀" }, model: { value: e.data.labelSuffix, callback: function(a) {
+    e.$set(e.data, "labelSuffix", a);
+  }, expression: "data.labelSuffix" } })], 1), t("ElFormItem", { attrs: { label: "项之间的间隔" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { min: 0, max: 60, step: 5, "controls-position": "right", placeholder: "项之间的间隔" }, model: { value: e.data.gutter, callback: function(a) {
+    e.$set(e.data, "gutter", a);
+  }, expression: "data.gutter" } })], 1), t("ElFormItem", { attrs: { label: "多分组转标签" } }, [t("ElSwitch", { model: { value: e.data.tabs, callback: function(a) {
+    e.$set(e.data, "tabs", a);
+  }, expression: "data.tabs" } })], 1), t("ElFormItem", { attrs: { label: "详情模式" } }, [t("ElSwitch", { model: { value: e.data.detail, callback: function(a) {
+    e.$set(e.data, "detail", a);
+  }, expression: "data.detail" } })], 1), t("ElFormItem", { attrs: { label: "显示按钮" } }, [t("ElSwitch", { model: { value: e.data.menuBtn, callback: function(a) {
+    e.$set(e.data, "menuBtn", a);
+  }, expression: "data.menuBtn" } })], 1), e.data.menuBtn ? t("ElFormItem", { attrs: { label: "显示提交按钮" } }, [t("ElSwitch", { model: { value: e.data.submitBtn, callback: function(a) {
+    e.$set(e.data, "submitBtn", a);
+  }, expression: "data.submitBtn" } })], 1) : e._e(), e.data.menuBtn && e.data.submitBtn ? t("ElFormItem", { attrs: { label: "提交按钮的文字" } }, [t("ElInput", { attrs: { placeholder: "提交按钮的文字" }, model: { value: e.data.submitText, callback: function(a) {
+    e.$set(e.data, "submitText", a);
+  }, expression: "data.submitText" } })], 1) : e._e(), e.data.menuBtn ? t("ElFormItem", { attrs: { label: "显示清空按钮" } }, [t("ElSwitch", { model: { value: e.data.emptyBtn, callback: function(a) {
+    e.$set(e.data, "emptyBtn", a);
+  }, expression: "data.emptyBtn" } })], 1) : e._e(), e.data.menuBtn && e.data.emptyBtn ? t("ElFormItem", { attrs: { label: "清空按钮的文字" } }, [t("ElInput", { attrs: { placeholder: "提交按钮的文字" }, model: { value: e.data.emptyText, callback: function(a) {
+    e.$set(e.data, "emptyText", a);
+  }, expression: "data.emptyText" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "全局只读" } }, [t("ElSwitch", { model: { value: e.data.readonly, callback: function(a) {
+    e.$set(e.data, "readonly", a);
+  }, expression: "data.readonly" } })], 1), t("ElFormItem", { attrs: { label: "全局禁用" } }, [t("ElSwitch", { model: { value: e.data.disabled, callback: function(a) {
+    e.$set(e.data, "disabled", a);
+  }, expression: "data.disabled" } })], 1)], 1)], 1);
+}, G = [], H = /* @__PURE__ */ c(
+  q,
+  L,
+  G,
+  !1,
+  null,
+  null
+);
+const U = H.exports, J = {
+  name: "ConfigCustom",
+  components: { MonacoEditor: f },
+  props: {
+    data: Object
+  },
+  data() {
+    return {
+      params: this.data.params || {},
+      event: this.data.event || {},
+      options: {
+        fullScreen: !0,
+        minimap: {
+          enabled: !1
+        }
+      }
+    };
+  },
+  watch: {
+    "data.params"(l) {
+      this.params = l || {};
+    },
+    "data.event"(l) {
+      this.event = l || {};
+    },
+    params(l) {
+      try {
+        this.data.params = u(`(${l})`);
+      } catch {
+      }
+    },
+    event(l) {
+      try {
+        this.data.event = u(`(${l})`);
+      } catch {
+      }
+    }
+  }
+};
+var Y = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("自定义属性：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "300", "key-index": e.data.prop, options: e.options }, model: { value: e.params, callback: function(a) {
+    e.params = a;
+  }, expression: "params" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("自定义事件：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "300", "key-index": e.data.prop, options: e.options }, model: { value: e.event, callback: function(a) {
+    e.event = a;
+  }, expression: "event" } })], 1)])]);
+}, X = [], Z = /* @__PURE__ */ c(
+  J,
+  Y,
+  X,
+  !1,
+  null,
+  null
+);
+const ee = Z.exports, te = {
+  name: "ConfigInput",
+  props: {
+    data: Object
+  }
+};
+var ae = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+    e.$set(e.data, "placeholder", a);
+  }, expression: "data.placeholder" } })], 1), t("ElFormItem", { attrs: { label: "前缀" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "前缀" }, model: { value: e.data.prepend, callback: function(a) {
+    e.$set(e.data, "prepend", a);
+  }, expression: "data.prepend" } })], 1), t("ElFormItem", { attrs: { label: "后缀" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "后缀" }, model: { value: e.data.append, callback: function(a) {
+    e.$set(e.data, "append", a);
+  }, expression: "data.append" } })], 1), t("ElFormItem", { attrs: { label: "最大长度" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最大长度" }, model: { value: e.data.maxlength, callback: function(a) {
+    e.$set(e.data, "maxlength", a);
+  }, expression: "data.maxlength" } })], 1), e.data.type !== "password" ? t("ElFormItem", { attrs: { label: "显示计数" } }, [t("ElSwitch", { model: { value: e.data.showWordLimit, callback: function(a) {
     e.$set(e.data, "showWordLimit", a);
-  }, expression: "data.showWordLimit" } })], 1) : e._e(), e.data.type === "password" ? t(i, { attrs: { label: "显示密码" } }, [t(c, { model: { value: e.data.showPassword, callback: function(a) {
+  }, expression: "data.showWordLimit" } })], 1) : e._e(), e.data.type === "password" ? t("ElFormItem", { attrs: { label: "显示密码" } }, [t("ElSwitch", { model: { value: e.data.showPassword, callback: function(a) {
     e.$set(e.data, "showPassword", a);
   }, expression: "data.showPassword" } })], 1) : e._e()], 1);
-}, Oe = [], We = /* @__PURE__ */ h(
-  Fe,
-  Se,
-  Oe,
+}, le = [], ie = /* @__PURE__ */ c(
+  te,
+  ae,
+  le,
   !1,
   null,
   null
 );
-const Ie = We.exports, Ee = {
+const se = ie.exports, oe = {
   name: "ConfigTextarea",
   props: {
     data: Object
   }
 };
-var Be = function() {
+var ne = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { type: "textarea", autosize: "", clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { type: "textarea", autosize: "", clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1), t(i, { attrs: { label: "最大长度" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最大长度" }, model: { value: e.data.maxlength, callback: function(a) {
+  }, expression: "data.placeholder" } })], 1), t("ElFormItem", { attrs: { label: "最大长度" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最大长度" }, model: { value: e.data.maxlength, callback: function(a) {
     e.$set(e.data, "maxlength", a);
-  }, expression: "data.maxlength" } })], 1), t(i, { attrs: { label: "显示计数" } }, [t(c, { model: { value: e.data.showWordLimit, callback: function(a) {
+  }, expression: "data.maxlength" } })], 1), t("ElFormItem", { attrs: { label: "显示计数" } }, [t("ElSwitch", { model: { value: e.data.showWordLimit, callback: function(a) {
     e.$set(e.data, "showWordLimit", a);
-  }, expression: "data.showWordLimit" } })], 1), t(i, { attrs: { label: "最小行" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最小行", min: 1 }, model: { value: e.data.minRows, callback: function(a) {
+  }, expression: "data.showWordLimit" } })], 1), t("ElFormItem", { attrs: { label: "最小行" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最小行", min: 1 }, model: { value: e.data.minRows, callback: function(a) {
     e.$set(e.data, "minRows", a);
-  }, expression: "data.minRows" } })], 1), t(i, { attrs: { label: "最大行" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最大行", min: 2 }, model: { value: e.data.maxRows, callback: function(a) {
+  }, expression: "data.minRows" } })], 1), t("ElFormItem", { attrs: { label: "最大行" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最大行", min: 2 }, model: { value: e.data.maxRows, callback: function(a) {
     e.$set(e.data, "maxRows", a);
   }, expression: "data.maxRows" } })], 1)], 1);
-}, Te = [], ze = /* @__PURE__ */ h(
-  Ee,
-  Be,
-  Te,
+}, re = [], ce = /* @__PURE__ */ c(
+  oe,
+  ne,
+  re,
   !1,
   null,
   null
 );
-const Pe = ze.exports, Re = {
+const de = ce.exports, pe = {
   name: "ConfigNumber",
   props: {
     data: Object
   }
 };
-var De = function() {
+var ue = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1), t(i, { attrs: { label: "最小值" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最小值" }, model: { value: e.data.minRows, callback: function(a) {
+  }, expression: "data.placeholder" } })], 1), t("ElFormItem", { attrs: { label: "最小值" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最小值" }, model: { value: e.data.minRows, callback: function(a) {
     e.$set(e.data, "minRows", a);
-  }, expression: "data.minRows" } })], 1), t(i, { attrs: { label: "最大值" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最大值" }, model: { value: e.data.maxRows, callback: function(a) {
+  }, expression: "data.minRows" } })], 1), t("ElFormItem", { attrs: { label: "最大值" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最大值" }, model: { value: e.data.maxRows, callback: function(a) {
     e.$set(e.data, "maxRows", a);
-  }, expression: "data.maxRows" } })], 1), t(i, { attrs: { label: "步长" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "步长" }, model: { value: e.data.step, callback: function(a) {
+  }, expression: "data.maxRows" } })], 1), t("ElFormItem", { attrs: { label: "步长" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "步长" }, model: { value: e.data.step, callback: function(a) {
     e.$set(e.data, "step", a);
-  }, expression: "data.step" } })], 1), t(i, { attrs: { label: "数值精度" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "数值精度", min: 0, max: 10 }, model: { value: e.data.precision, callback: function(a) {
+  }, expression: "data.step" } })], 1), t("ElFormItem", { attrs: { label: "数值精度" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "数值精度", min: 0, max: 10 }, model: { value: e.data.precision, callback: function(a) {
     e.$set(e.data, "precision", a);
-  }, expression: "data.precision" } })], 1), t(i, { attrs: { label: "开启控制器", "label-width": "100px" } }, [t(c, { model: { value: e.data.controls, callback: function(a) {
+  }, expression: "data.precision" } })], 1), t("ElFormItem", { attrs: { label: "开启控制器", "label-width": "100px" } }, [t("ElSwitch", { model: { value: e.data.controls, callback: function(a) {
     e.$set(e.data, "controls", a);
-  }, expression: "data.controls" } })], 1), e.data.controls ? t(i, { attrs: { label: "控制器位置", "label-width": "100px" } }, [t(w, { attrs: { label: "" }, model: { value: e.data.controlsPosition, callback: function(a) {
+  }, expression: "data.controls" } })], 1), e.data.controls ? t("ElFormItem", { attrs: { label: "控制器位置", "label-width": "100px" } }, [t("ElRadio", { attrs: { label: "" }, model: { value: e.data.controlsPosition, callback: function(a) {
     e.$set(e.data, "controlsPosition", a);
-  }, expression: "data.controlsPosition" } }, [e._v(" 默认 ")]), t(w, { attrs: { label: "right" }, model: { value: e.data.controlsPosition, callback: function(a) {
+  }, expression: "data.controlsPosition" } }, [e._v(" 默认 ")]), t("ElRadio", { attrs: { label: "right" }, model: { value: e.data.controlsPosition, callback: function(a) {
     e.$set(e.data, "controlsPosition", a);
   }, expression: "data.controlsPosition" } }, [e._v(" 右 ")])], 1) : e._e()], 1);
-}, Me = [], Qe = /* @__PURE__ */ h(
-  Re,
-  De,
-  Me,
+}, me = [], he = /* @__PURE__ */ c(
+  pe,
+  ue,
+  me,
   !1,
   null,
   null
 );
-const Ke = Qe.exports, je = {
+const fe = he.exports, be = {
   name: "ConfigDynamic",
   props: {
     data: Object
   }
 };
-var Ve = function() {
+var ge = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "对齐方式" } }, [t(b, { attrs: { placeholder: "对齐方式", clearable: "" }, model: { value: e.data.children.align, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "对齐方式" } }, [t("ElSelect", { attrs: { placeholder: "对齐方式", clearable: "" }, model: { value: e.data.children.align, callback: function(a) {
     e.$set(e.data.children, "align", a);
-  }, expression: "data.children.align" } }, [t(d, { attrs: { label: "居左", value: "left" } }), t(d, { attrs: { label: "居中", value: "center" } }), t(d, { attrs: { label: "居右", value: "right" } })], 1)], 1), t(i, { attrs: { label: "头部对齐方式", "label-width": "110px" } }, [t(b, { attrs: { placeholder: "对齐方式", clearable: "" }, model: { value: e.data.children.headerAlign, callback: function(a) {
+  }, expression: "data.children.align" } }, [t("ElOption", { attrs: { label: "居左", value: "left" } }), t("ElOption", { attrs: { label: "居中", value: "center" } }), t("ElOption", { attrs: { label: "居右", value: "right" } })], 1)], 1), t("ElFormItem", { attrs: { label: "头部对齐方式", "label-width": "110px" } }, [t("ElSelect", { attrs: { placeholder: "对齐方式", clearable: "" }, model: { value: e.data.children.headerAlign, callback: function(a) {
     e.$set(e.data.children, "headerAlign", a);
-  }, expression: "data.children.headerAlign" } }, [t(d, { attrs: { label: "居左", value: "left" } }), t(d, { attrs: { label: "居中", value: "center" } }), t(d, { attrs: { label: "居右", value: "right" } })], 1)], 1), t(i, { attrs: { label: "表单格式" } }, [t(b, { attrs: { placeholder: "表单格式", clearable: "" }, model: { value: e.data.children.type, callback: function(a) {
+  }, expression: "data.children.headerAlign" } }, [t("ElOption", { attrs: { label: "居左", value: "left" } }), t("ElOption", { attrs: { label: "居中", value: "center" } }), t("ElOption", { attrs: { label: "居右", value: "right" } })], 1)], 1), t("ElFormItem", { attrs: { label: "表单格式" } }, [t("ElSelect", { attrs: { placeholder: "表单格式", clearable: "" }, model: { value: e.data.children.type, callback: function(a) {
     e.$set(e.data.children, "type", a);
-  }, expression: "data.children.type" } }, [t(d, { attrs: { label: "表格", value: "" } }), t(d, { attrs: { label: "表单", value: "form" } })], 1)], 1), e.data.children.type === "form" ? t(i, { attrs: { label: "序号" } }, [t(c, { model: { value: e.data.children.index, callback: function(a) {
+  }, expression: "data.children.type" } }, [t("ElOption", { attrs: { label: "表格", value: "" } }), t("ElOption", { attrs: { label: "表单", value: "form" } })], 1)], 1), e.data.children.type === "form" ? t("ElFormItem", { attrs: { label: "序号" } }, [t("ElSwitch", { model: { value: e.data.children.index, callback: function(a) {
     e.$set(e.data.children, "index", a);
-  }, expression: "data.children.index" } })], 1) : e._e(), t(i, { attrs: { label: "添加按钮" } }, [t(c, { model: { value: e.data.children.addBtn, callback: function(a) {
+  }, expression: "data.children.index" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "添加按钮" } }, [t("ElSwitch", { model: { value: e.data.children.addBtn, callback: function(a) {
     e.$set(e.data.children, "addBtn", a);
-  }, expression: "data.children.addBtn" } })], 1), t(i, { attrs: { label: "删除按钮" } }, [t(c, { model: { value: e.data.children.delBtn, callback: function(a) {
+  }, expression: "data.children.addBtn" } })], 1), t("ElFormItem", { attrs: { label: "删除按钮" } }, [t("ElSwitch", { model: { value: e.data.children.delBtn, callback: function(a) {
     e.$set(e.data.children, "delBtn", a);
   }, expression: "data.children.delBtn" } })], 1)], 1);
-}, qe = [], Le = /* @__PURE__ */ h(
-  je,
-  Ve,
-  qe,
+}, ve = [], _e = /* @__PURE__ */ c(
+  be,
+  ge,
+  ve,
   !1,
   null,
   null
 );
-const Ne = Le.exports, Ge = {
+const ye = _e.exports, Ee = {
   name: "ConfigSwitch",
   props: {
     data: Object
@@ -801,24 +1096,24 @@ const Ne = Le.exports, Ge = {
     }
   }
 };
-var He = function() {
+var xe = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "自定义" } }, [t(p, { staticClass: "danger", attrs: { type: "text" }, on: { click: e.handleDicClear } }, [e._v(" 清空 ")]), e._l(e.data.dicData, function(a, s) {
-    return t("div", { key: s, staticClass: "dic" }, [t(r, { staticStyle: { "margin-right": "5px" }, attrs: { size: "mini", placeholder: "自定义文字", clearable: "" }, model: { value: a.label, callback: function(n) {
-      e.$set(a, "label", n);
-    }, expression: "item.label" } }), t(r, { attrs: { size: "mini", clearable: "", placeholder: "自定义值" }, model: { value: a.value, callback: function(n) {
-      e.$set(a, "value", n);
+  return t("div", [t("ElFormItem", { attrs: { label: "自定义" } }, [t("ElButton", { staticClass: "danger", attrs: { type: "text" }, on: { click: e.handleDicClear } }, [e._v(" 清空 ")]), e._l(e.data.dicData, function(a, i) {
+    return t("div", { key: i, staticClass: "dic" }, [t("ElInput", { staticStyle: { "margin-right": "5px" }, attrs: { size: "mini", placeholder: "自定义文字", clearable: "" }, model: { value: a.label, callback: function(s) {
+      e.$set(a, "label", s);
+    }, expression: "item.label" } }), t("ElInput", { attrs: { size: "mini", clearable: "", placeholder: "自定义值" }, model: { value: a.value, callback: function(s) {
+      e.$set(a, "value", s);
     }, expression: "item.value" } })], 1);
   })], 2)], 1);
-}, Ue = [], Je = /* @__PURE__ */ h(
-  Ge,
-  He,
-  Ue,
+}, ke = [], $e = /* @__PURE__ */ c(
+  Ee,
+  xe,
+  ke,
   !1,
   null,
   "31aa4f25"
 );
-const Ye = Je.exports, Xe = {
+const Ce = $e.exports, we = {
   name: "ConfigRate",
   props: {
     data: Object
@@ -864,86 +1159,86 @@ const Ye = Je.exports, Xe = {
     // }
   }
 };
-var Ze = function() {
+var Ie = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "最大星数" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最大星数" }, model: { value: e.data.max, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "最大星数" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最大星数" }, model: { value: e.data.max, callback: function(a) {
     e.$set(e.data, "max", a);
-  }, expression: "data.max" } })], 1), t(i, { attrs: { label: "是否显示文本", "label-width": "110px" } }, [t(c, { model: { value: e.data.showText, callback: function(a) {
+  }, expression: "data.max" } })], 1), t("ElFormItem", { attrs: { label: "是否显示文本", "label-width": "110px" } }, [t("ElSwitch", { model: { value: e.data.showText, callback: function(a) {
     e.$set(e.data, "showText", a);
-  }, expression: "data.showText" } })], 1), e.data.showText ? t(i, { attrs: { label: "自定义文本", "label-width": "110px" } }, [e._l(e.data.texts, function(a, s) {
-    return t(K, { key: s, attrs: { size: "small", closable: "" }, on: { close: function(n) {
+  }, expression: "data.showText" } })], 1), e.data.showText ? t("ElFormItem", { attrs: { label: "自定义文本", "label-width": "110px" } }, [e._l(e.data.texts, function(a, i) {
+    return t("ElTag", { key: i, attrs: { size: "small", closable: "" }, on: { close: function(s) {
       return e.handleTextClose(a);
     } } }, [e._v(" " + e._s(a) + " ")]);
-  }), e.textVisible ? t(r, { ref: "textTag", staticClass: "input-new-tag", attrs: { size: "mini", clearable: "" }, on: { blur: e.handleTextConfirm }, nativeOn: { keyup: function(a) {
+  }), e.textVisible ? t("ElInput", { ref: "textTag", staticClass: "input-new-tag", attrs: { size: "mini", clearable: "" }, on: { blur: e.handleTextConfirm }, nativeOn: { keyup: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.handleTextConfirm.apply(null, arguments);
   } }, model: { value: e.textValue, callback: function(a) {
     e.textValue = a;
-  }, expression: "textValue" } }) : e._e(), !e.textVisible && e.data.texts.length < e.data.max ? t(p, { staticStyle: { "margin-left": "5px" }, attrs: { size: "mini", icon: "el-icon-plus", circle: "" }, on: { click: e.showTextInput } }) : e._e()], 2) : e._e(), t(i, { attrs: { label: "自定义颜色", "label-width": "110px" } }, [e._l(e.data.colors, function(a, s) {
-    return t(K, { key: s, style: { color: a }, attrs: { closable: "", size: "small" }, on: { close: function(n) {
+  }, expression: "textValue" } }) : e._e(), !e.textVisible && e.data.texts.length < e.data.max ? t("ElButton", { staticStyle: { "margin-left": "5px" }, attrs: { size: "mini", icon: "el-icon-plus", circle: "" }, on: { click: e.showTextInput } }) : e._e()], 2) : e._e(), t("ElFormItem", { attrs: { label: "自定义颜色", "label-width": "110px" } }, [e._l(e.data.colors, function(a, i) {
+    return t("ElTag", { key: i, style: { color: a }, attrs: { closable: "", size: "small" }, on: { close: function(s) {
       return e.handleColorClose(a);
     } } }, [e._v(" " + e._s(a) + " ")]);
-  }), t(N, { staticClass: "color-picker", attrs: { size: "mini" }, on: { change: e.handleColorConfirm }, model: { value: e.colorValue, callback: function(a) {
+  }), t("ElColorPicker", { staticClass: "color-picker", attrs: { size: "mini" }, on: { change: e.handleColorConfirm }, model: { value: e.colorValue, callback: function(a) {
     e.colorValue = a;
   }, expression: "colorValue" } })], 2)], 1);
-}, et = [], tt = /* @__PURE__ */ h(
-  Xe,
-  Ze,
-  et,
+}, Fe = [], Se = /* @__PURE__ */ c(
+  we,
+  Ie,
+  Fe,
   !1,
   null,
   "befe1506"
 );
-const at = tt.exports, lt = {
+const Ae = Se.exports, Oe = {
   name: "ConfigSlider",
   props: {
     data: Object
   }
 };
-var st = function() {
+var Be = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "最小值" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最小值", max: e.data.max - 1, min: 0 }, model: { value: e.data.min, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "最小值" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最小值", max: e.data.max - 1, min: 0 }, model: { value: e.data.min, callback: function(a) {
     e.$set(e.data, "min", a);
-  }, expression: "data.min" } })], 1), t(i, { attrs: { label: "最大值" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "最大值", min: e.data.min + 1 }, model: { value: e.data.max, callback: function(a) {
+  }, expression: "data.min" } })], 1), t("ElFormItem", { attrs: { label: "最大值" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "最大值", min: e.data.min + 1 }, model: { value: e.data.max, callback: function(a) {
     e.$set(e.data, "max", a);
-  }, expression: "data.max" } })], 1), t(i, { attrs: { label: "步长" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "步长", min: 1, max: e.data.max - e.data.min }, model: { value: e.data.step, callback: function(a) {
+  }, expression: "data.max" } })], 1), t("ElFormItem", { attrs: { label: "步长" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "步长", min: 1, max: e.data.max - e.data.min }, model: { value: e.data.step, callback: function(a) {
     e.$set(e.data, "step", a);
-  }, expression: "data.step" } })], 1), t(i, { attrs: { label: "显示间隔点", "label-width": "100px" } }, [t(c, { model: { value: e.data.showStops, callback: function(a) {
+  }, expression: "data.step" } })], 1), t("ElFormItem", { attrs: { label: "显示间隔点", "label-width": "100px" } }, [t("ElSwitch", { model: { value: e.data.showStops, callback: function(a) {
     e.$set(e.data, "showStops", a);
-  }, expression: "data.showStops" } })], 1), t(i, { attrs: { label: "显示输入框", "label-width": "100px" } }, [t(c, { model: { value: e.data.showInput, callback: function(a) {
+  }, expression: "data.showStops" } })], 1), t("ElFormItem", { attrs: { label: "显示输入框", "label-width": "100px" } }, [t("ElSwitch", { model: { value: e.data.showInput, callback: function(a) {
     e.$set(e.data, "showInput", a);
-  }, expression: "data.showInput" } })], 1), t(i, { attrs: { label: "范围" } }, [t(c, { model: { value: e.data.range, callback: function(a) {
+  }, expression: "data.showInput" } })], 1), t("ElFormItem", { attrs: { label: "范围" } }, [t("ElSwitch", { model: { value: e.data.range, callback: function(a) {
     e.$set(e.data, "range", a);
   }, expression: "data.range" } })], 1)], 1);
-}, it = [], nt = /* @__PURE__ */ h(
-  lt,
-  st,
-  it,
+}, We = [], Te = /* @__PURE__ */ c(
+  Oe,
+  Be,
+  We,
   !1,
   null,
   null
 );
-const ot = nt.exports, rt = {
+const ze = Te.exports, Re = {
   name: "ConfigColor",
   props: {
     data: Object
   }
 };
-var ct = function() {
+var Pe = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
   }, expression: "data.placeholder" } })], 1)], 1);
-}, dt = [], pt = /* @__PURE__ */ h(
-  rt,
-  ct,
-  dt,
+}, Me = [], De = /* @__PURE__ */ c(
+  Re,
+  Pe,
+  Me,
   !1,
   null,
   null
 );
-const ut = pt.exports, mt = {
+const Qe = De.exports, Ke = {
   name: "ConfigSelect",
-  components: { Draggable: S, MonacoEditor: g },
+  components: { Draggable: b, MonacoEditor: f },
   props: {
     data: Object
   },
@@ -985,7 +1280,7 @@ const ut = pt.exports, mt = {
     dicFormatter: {
       handler(l) {
         try {
-          this.data.dicFormatter = y(l);
+          this.data.dicFormatter = u(l);
         } catch {
         }
       }
@@ -1010,76 +1305,76 @@ const ut = pt.exports, mt = {
     }
   }
 };
-var ht = function() {
+var je = function() {
   var e = this, t = e._self._c;
-  return t("div", [e.data.type === "select" ? t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  return t("div", [e.data.type === "select" ? t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1) : e._e(), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典配置：")]), t("div", { staticClass: "el-form-item__content" }, [t(Q, { attrs: { stretch: "" }, on: { "tab-click": e.handleTabClick }, model: { value: e.data.dicOption, callback: function(a) {
+  }, expression: "data.placeholder" } })], 1) : e._e(), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("ElTabs", { attrs: { stretch: "" }, on: { "tab-click": e.handleTabClick }, model: { value: e.data.dicOption, callback: function(a) {
     e.$set(e.data, "dicOption", a);
-  }, expression: "data.dicOption" } }, [t(F, { attrs: { label: "静态数据", name: "static" } }, [t("Draggable", { attrs: { tag: "ul", list: e.data.dicData, group: { name: "dic" }, "ghost-class": "ghost", handle: ".drag-item" } }, e._l(e.data.dicData, function(a, s) {
-    return t("li", { key: s }, [t("i", { staticClass: "drag-item el-icon-s-operation", staticStyle: { margin: "0 5px", "font-size": "16px", cursor: "move" } }), t(r, { staticStyle: { "margin-right": "5px" }, attrs: { size: "mini", clearable: "", placeholder: "label" }, model: { value: a.label, callback: function(n) {
-      e.$set(a, "label", n);
-    }, expression: "item.label" } }), t(r, { style: { "margin-right": e.data.type === "select" ? "5px" : "0" }, attrs: { size: "mini", clearable: "", placeholder: "value" }, model: { value: a.value, callback: function(n) {
-      e.$set(a, "value", n);
-    }, expression: "item.value" } }), e.data.type === "select" ? t(r, { attrs: { size: "mini", clearable: "", placeholder: "描述" }, model: { value: a.desc, callback: function(n) {
-      e.$set(a, "desc", n);
-    }, expression: "item.desc" } }) : e._e(), t(p, { staticStyle: { "margin-left": "5px", padding: "4px" }, attrs: { circle: "", plain: "", type: "danger", size: "mini", icon: "el-icon-minus" }, on: { click: function(n) {
-      return e.handleRemoveFields(s);
+  }, expression: "data.dicOption" } }, [t("ElTabPane", { attrs: { label: "静态数据", name: "static" } }, [t("Draggable", { attrs: { tag: "ul", list: e.data.dicData, group: { name: "dic" }, "ghost-class": "ghost", handle: ".drag-item" } }, e._l(e.data.dicData, function(a, i) {
+    return t("li", { key: i }, [t("i", { staticClass: "drag-item el-icon-s-operation", staticStyle: { margin: "0 5px", "font-size": "16px", cursor: "move" } }), t("ElInput", { staticStyle: { "margin-right": "5px" }, attrs: { size: "mini", clearable: "", placeholder: "label" }, model: { value: a.label, callback: function(s) {
+      e.$set(a, "label", s);
+    }, expression: "item.label" } }), t("ElInput", { style: { "margin-right": e.data.type === "select" ? "5px" : "0" }, attrs: { size: "mini", clearable: "", placeholder: "value" }, model: { value: a.value, callback: function(s) {
+      e.$set(a, "value", s);
+    }, expression: "item.value" } }), e.data.type === "select" ? t("ElInput", { attrs: { size: "mini", clearable: "", placeholder: "描述" }, model: { value: a.desc, callback: function(s) {
+      e.$set(a, "desc", s);
+    }, expression: "item.desc" } }) : e._e(), t("ElButton", { staticStyle: { "margin-left": "5px", padding: "4px" }, attrs: { circle: "", plain: "", type: "danger", size: "mini", icon: "el-icon-minus" }, on: { click: function(s) {
+      return e.handleRemoveFields(i);
     } } })], 1);
-  }), 0), t("div", { staticStyle: { "margin-left": "22px" } }, [t(p, { attrs: { type: "text" }, on: { click: e.handleAddFields } }, [e._v(" 添加列 ")])], 1)], 1), t(F, { attrs: { label: "远端数据", name: "remote" } }, [e._v(" 网址 "), t(r, { attrs: { size: "small", placeholder: "远端数据字典网址" }, model: { value: e.data.dicUrl, callback: function(a) {
+  }), 0), t("div", { staticStyle: { "margin-left": "22px" } }, [t("ElButton", { attrs: { type: "text" }, on: { click: e.handleAddFields } }, [e._v(" 添加列 ")])], 1)], 1), t("ElTabPane", { attrs: { label: "远端数据", name: "remote" } }, [e._v(" 网址 "), t("ElInput", { attrs: { size: "small", placeholder: "远端数据字典网址" }, model: { value: e.data.dicUrl, callback: function(a) {
     e.$set(e.data, "dicUrl", a);
-  }, expression: "data.dicUrl" } }), e._v(" 远程搜索 "), t(c, { model: { value: e.data.remote, callback: function(a) {
+  }, expression: "data.dicUrl" } }), e._v(" 远程搜索 "), t("ElSwitch", { model: { value: e.data.remote, callback: function(a) {
     e.$set(e.data, "remote", a);
-  }, expression: "data.remote" } }), t("br"), e._v(" 请求方法 "), t(b, { staticStyle: { width: "100%" }, attrs: { placeholder: "请求方法", size: "small" }, model: { value: e.data.dicMethod, callback: function(a) {
+  }, expression: "data.remote" } }), t("br"), e._v(" 请求方法 "), t("ElSelect", { staticStyle: { width: "100%" }, attrs: { placeholder: "请求方法", size: "small" }, model: { value: e.data.dicMethod, callback: function(a) {
     e.$set(e.data, "dicMethod", a);
-  }, expression: "data.dicMethod" } }, [t(d, { attrs: { label: "POST", value: "post" } }), t(d, { attrs: { label: "GET", value: "get" } })], 1), e.data.dicMethod === "post" ? t("p", [e._v(" 请求参数 "), t(z, { attrs: { children: e.option }, model: { value: e.data.dicQueryConfig, callback: function(a) {
+  }, expression: "data.dicMethod" } }, [t("ElOption", { attrs: { label: "POST", value: "post" } }), t("ElOption", { attrs: { label: "GET", value: "get" } })], 1), e.data.dicMethod === "post" ? t("p", [e._v(" 请求参数 "), t("FyDynamic", { attrs: { children: e.option }, model: { value: e.data.dicQueryConfig, callback: function(a) {
     e.$set(e.data, "dicQueryConfig", a);
-  }, expression: "data.dicQueryConfig" } })], 1) : e._e(), e.data.dicUrl ? t("p", [e._v(" 返回结构 "), t(g, { attrs: { height: "80", "key-index": `dict-formatter-${e.data.prop}`, options: e.options }, model: { value: e.dicFormatter, callback: function(a) {
+  }, expression: "data.dicQueryConfig" } })], 1) : e._e(), e.data.dicUrl ? t("p", [e._v(" 返回结构 "), t("MonacoEditor", { attrs: { height: "80", "key-index": `dict-formatter-${e.data.prop}`, options: e.options }, model: { value: e.dicFormatter, callback: function(a) {
     e.dicFormatter = a;
-  }, expression: "dicFormatter" } })], 1) : e._e()], 1)], 1)], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典key配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("ul", e._l(e.data.props, function(a, s) {
-    return t("li", { key: s }, [t("span", { staticStyle: { width: "50px" } }, [e._v(e._s(s))]), t(r, { attrs: { size: "mini", clearable: "", placeholder: "key配置" }, model: { value: e.data.props[s], callback: function(n) {
-      e.$set(e.data.props, s, n);
+  }, expression: "dicFormatter" } })], 1) : e._e()], 1)], 1)], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典key配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("ul", e._l(e.data.props, function(a, i) {
+    return t("li", { key: i }, [t("span", { staticStyle: { width: "50px" } }, [e._v(e._s(i))]), t("ElInput", { attrs: { size: "mini", clearable: "", placeholder: "key配置" }, model: { value: e.data.props[i], callback: function(s) {
+      e.$set(e.data.props, i, s);
     }, expression: "data.props[key]" } })], 1);
-  }), 0)])]), e.data.dicOption === "remote" ? t(i, { attrs: { label: "重新请求字典(crud)", "label-width": "150px" } }, [t(c, { model: { value: e.data.dicFlag, callback: function(a) {
+  }), 0)])]), e.data.dicOption === "remote" ? t("ElFormItem", { attrs: { label: "重新请求字典(crud)", "label-width": "150px" } }, [t("ElSwitch", { model: { value: e.data.dicFlag, callback: function(a) {
     e.$set(e.data, "dicFlag", a);
-  }, expression: "data.dicFlag" } })], 1) : e._e(), e.data.type === "select" ? [t(i, { attrs: { label: "是否多选" } }, [t(c, { model: { value: e.data.multiple, callback: function(a) {
+  }, expression: "data.dicFlag" } })], 1) : e._e(), e.data.type === "select" ? [t("ElFormItem", { attrs: { label: "是否多选" } }, [t("ElSwitch", { model: { value: e.data.multiple, callback: function(a) {
     e.$set(e.data, "multiple", a);
-  }, expression: "data.multiple" } })], 1), e.data.multiple ? t(i, { attrs: { label: "是否可拖拽", "label-width": "110px" }, scopedSlots: e._u([{ key: "label", fn: function() {
-    return [t($, { attrs: { underline: !1, href: "https://avuejs.com/form/form-select.html#%E6%8B%96%E6%8B%BD", target: "_blank" } }, [e._v(" 是否可拖拽 "), t("i", { staticClass: "el-icon-question" })])];
-  }, proxy: !0 }], null, !1, 2120444940) }, [t(c, { model: { value: e.data.drag, callback: function(a) {
+  }, expression: "data.multiple" } })], 1), e.data.multiple ? t("ElFormItem", { attrs: { label: "是否可拖拽", "label-width": "110px" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/form/form-select.html#%E6%8B%96%E6%8B%BD", target: "_blank" } }, [e._v(" 是否可拖拽 "), t("i", { staticClass: "el-icon-question" })])];
+  }, proxy: !0 }], null, !1, 2120444940) }, [t("ElSwitch", { model: { value: e.data.drag, callback: function(a) {
     e.$set(e.data, "drag", a);
-  }, expression: "data.drag" } })], 1) : e._e(), e.data.multiple ? t(i, { attrs: { label: "多选数量限制", "label-width": "110px" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "多选限制", min: 0, max: e.data.dicData.length }, model: { value: e.data.limit, callback: function(a) {
+  }, expression: "data.drag" } })], 1) : e._e(), e.data.multiple ? t("ElFormItem", { attrs: { label: "多选数量限制", "label-width": "110px" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "多选限制", min: 0, max: e.data.dicData.length }, model: { value: e.data.limit, callback: function(a) {
     e.$set(e.data, "limit", a);
-  }, expression: "data.limit" } })], 1) : e._e(), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("级联配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("Draggable", { attrs: { tag: "ul", list: e.data.cascaderItem || e.data.cascader, group: { name: "cascaderItem" }, "ghost-class": "ghost", handle: ".drag-item" } }, e._l(e.data.cascaderItem || e.data.cascader, function(a, s) {
-    return t("li", { key: s }, [t("i", { staticClass: "drag-item el-icon-s-operation", staticStyle: { margin: "0 5px", "font-size": "16px", cursor: "move" } }), t(r, { attrs: { size: "mini", clearable: "", placeholder: "级联属性值" }, model: { value: e.data.cascader[s], callback: function(n) {
-      e.$set(e.data.cascader, s, n);
-    }, expression: "data.cascader[index]" } }), t(p, { staticStyle: { "margin-left": "5px", padding: "4px" }, attrs: { circle: "", plain: "", type: "danger", size: "mini", icon: "el-icon-minus" }, on: { click: function(n) {
-      return e.handleRemoveCascaderItemFields(s);
+  }, expression: "data.limit" } })], 1) : e._e(), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("级联配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("Draggable", { attrs: { tag: "ul", list: e.data.cascaderItem || e.data.cascader, group: { name: "cascaderItem" }, "ghost-class": "ghost", handle: ".drag-item" } }, e._l(e.data.cascaderItem || e.data.cascader, function(a, i) {
+    return t("li", { key: i }, [t("i", { staticClass: "drag-item el-icon-s-operation", staticStyle: { margin: "0 5px", "font-size": "16px", cursor: "move" } }), t("ElInput", { attrs: { size: "mini", clearable: "", placeholder: "级联属性值" }, model: { value: e.data.cascader[i], callback: function(s) {
+      e.$set(e.data.cascader, i, s);
+    }, expression: "data.cascader[index]" } }), t("ElButton", { staticStyle: { "margin-left": "5px", padding: "4px" }, attrs: { circle: "", plain: "", type: "danger", size: "mini", icon: "el-icon-minus" }, on: { click: function(s) {
+      return e.handleRemoveCascaderItemFields(i);
     } } })], 1);
-  }), 0), t("div", { staticStyle: { "margin-left": "22px" } }, [t(p, { attrs: { type: "text" }, on: { click: e.handleAddCascaderItemFields } }, [e._v(" 添加列 ")])], 1)], 1)]), (e.data.cascaderItem || e.data.cascader) && (e.data.cascaderItem || e.data.cascader).length > 0 ? t(i, { attrs: { label: "级联默认选中", "label-width": "110px" } }, [t(f, { attrs: { "controls-position": "right", placeholder: "级联默认选中", min: 0 }, model: { value: e.data.cascaderIndex, callback: function(a) {
+  }), 0), t("div", { staticStyle: { "margin-left": "22px" } }, [t("ElButton", { attrs: { type: "text" }, on: { click: e.handleAddCascaderItemFields } }, [e._v(" 添加列 ")])], 1)], 1)]), (e.data.cascaderItem || e.data.cascader) && (e.data.cascaderItem || e.data.cascader).length > 0 ? t("ElFormItem", { attrs: { label: "级联默认选中", "label-width": "110px" } }, [t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "级联默认选中", min: 0 }, model: { value: e.data.cascaderIndex, callback: function(a) {
     e.$set(e.data, "cascaderIndex", a);
-  }, expression: "data.cascaderIndex" } })], 1) : e._e(), t(i, { attrs: { label: "是否可清空", "label-width": "110px" } }, [t(c, { model: { value: e.data.clearable, callback: function(a) {
+  }, expression: "data.cascaderIndex" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "是否可清空", "label-width": "110px" } }, [t("ElSwitch", { model: { value: e.data.clearable, callback: function(a) {
     e.$set(e.data, "clearable", a);
-  }, expression: "data.clearable" } })], 1), t(i, { attrs: { label: "是否可搜索", "label-width": "110px" } }, [t(c, { model: { value: e.data.filterable, callback: function(a) {
+  }, expression: "data.clearable" } })], 1), t("ElFormItem", { attrs: { label: "是否可搜索", "label-width": "110px" } }, [t("ElSwitch", { model: { value: e.data.filterable, callback: function(a) {
     e.$set(e.data, "filterable", a);
-  }, expression: "data.filterable" } })], 1)] : e._e(), ["radio", "checkbox"].includes(e.data.type) ? [e.data.button ? e._e() : t(i, { attrs: { label: "边框" } }, [t(c, { model: { value: e.data.border, callback: function(a) {
+  }, expression: "data.filterable" } })], 1)] : e._e(), ["radio", "checkbox"].includes(e.data.type) ? [e.data.button ? e._e() : t("ElFormItem", { attrs: { label: "边框" } }, [t("ElSwitch", { model: { value: e.data.border, callback: function(a) {
     e.$set(e.data, "border", a);
-  }, expression: "data.border" } })], 1), e.data.border ? e._e() : t(i, { attrs: { label: "按钮" } }, [t(c, { model: { value: e.data.button, callback: function(a) {
+  }, expression: "data.border" } })], 1), e.data.border ? e._e() : t("ElFormItem", { attrs: { label: "按钮" } }, [t("ElSwitch", { model: { value: e.data.button, callback: function(a) {
     e.$set(e.data, "button", a);
-  }, expression: "data.button" } })], 1)] : e._e(), e.data.border || e.data.button ? t(i, { attrs: { label: "尺寸" } }, [t(M, { attrs: { size: "mini" }, model: { value: e.data.size, callback: function(a) {
+  }, expression: "data.button" } })], 1)] : e._e(), e.data.border || e.data.button ? t("ElFormItem", { attrs: { label: "尺寸" } }, [t("ElRadioGroup", { attrs: { size: "mini" }, model: { value: e.data.size, callback: function(a) {
     e.$set(e.data, "size", a);
-  }, expression: "data.size" } }, [t(A, { attrs: { label: "medium" } }, [e._v(" 正常 ")]), t(A, { attrs: { label: "small" } }, [e._v(" 小 ")]), t(A, { attrs: { label: "mini" } }, [e._v(" 超小 ")])], 1)], 1) : e._e()], 2);
-}, ft = [], bt = /* @__PURE__ */ h(
-  mt,
-  ht,
-  ft,
+  }, expression: "data.size" } }, [t("ElRadioButton", { attrs: { label: "medium" } }, [e._v(" 正常 ")]), t("ElRadioButton", { attrs: { label: "small" } }, [e._v(" 小 ")]), t("ElRadioButton", { attrs: { label: "mini" } }, [e._v(" 超小 ")])], 1)], 1) : e._e()], 2);
+}, Ne = [], Ve = /* @__PURE__ */ c(
+  Ke,
+  je,
+  Ne,
   !1,
   null,
   null
 );
-const gt = bt.exports, vt = {
+const qe = Ve.exports, Le = {
   name: "ConfigTree",
-  components: { MonacoEditor: g, Draggable: S },
+  components: { MonacoEditor: f, Draggable: b },
   props: {
     data: Object
   },
@@ -1131,7 +1426,7 @@ const gt = bt.exports, vt = {
     dicFormatter: {
       handler(l) {
         try {
-          this.data.dicFormatter = y(l);
+          this.data.dicFormatter = u(l);
         } catch {
         }
       }
@@ -1154,8 +1449,8 @@ const gt = bt.exports, vt = {
       this.selectData = l, this.dialogStatus = "add", this.dialogVisible = !0;
     },
     handleNodeRemove(l, e) {
-      const t = l.parent, a = t.data.children || t.data, s = a.findIndex((n) => n.id === e.id);
-      a.splice(s, 1);
+      const t = l.parent, a = t.data.children || t.data, i = a.findIndex((s) => s.id === e.id);
+      a.splice(i, 1);
     },
     handleDialogAdd() {
       this.$refs.dialogForm.validate((l) => {
@@ -1163,11 +1458,11 @@ const gt = bt.exports, vt = {
           const { label: e, value: t } = this.dialogForm;
           if (this.$refs.tree.getNode(t)) this.$message.error("value重复");
           else {
-            const s = this.selectData, n = {
+            const i = this.selectData, s = {
               label: e,
               value: this.dialogInputType === "number" ? Number(t) : t
             };
-            s ? (s.children || this.$set(s, "children", []), s.children.push(n)) : this.$set(this.data.dicData, this.data.dicData.length, n), this.beforeClose();
+            i ? (i.children || this.$set(i, "children", []), i.children.push(s)) : this.$set(this.data.dicData, this.data.dicData.length, s), this.beforeClose();
           }
         }
       });
@@ -1177,105 +1472,105 @@ const gt = bt.exports, vt = {
     }
   }
 };
-var _t = function() {
+var Ge = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典配置：")]), t("div", { staticClass: "el-form-item__content" }, [t(Q, { attrs: { stretch: "" }, on: { "tab-click": e.handleTabClick }, model: { value: e.data.dicOption, callback: function(a) {
+  }, expression: "data.placeholder" } })], 1), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("ElTabs", { attrs: { stretch: "" }, on: { "tab-click": e.handleTabClick }, model: { value: e.data.dicOption, callback: function(a) {
     e.$set(e.data, "dicOption", a);
-  }, expression: "data.dicOption" } }, [t(F, { attrs: { label: "静态数据", name: "static" } }, [t(oe, { ref: "tree", attrs: { data: e.data.dicData, "default-expand-all": "", draggable: "", "node-key": "value", "expand-on-click-node": !1 }, scopedSlots: e._u([{ key: "default", fn: function({ node: a, data: s }) {
-    return [t("span", { staticClass: "custom-tree-node" }, [t("span", [e._v(e._s(a.label))]), t("span", [t(p, { attrs: { type: "text", size: "mini", icon: "el-icon-plus" }, on: { click: function(n) {
-      return e.handleNodeAdd(s);
-    } } }), t(p, { staticClass: "danger", attrs: { type: "text", size: "mini", icon: "el-icon-delete" }, on: { click: function(n) {
-      return e.handleNodeRemove(a, s);
+  }, expression: "data.dicOption" } }, [t("ElTabPane", { attrs: { label: "静态数据", name: "static" } }, [t("ElTree", { ref: "tree", attrs: { data: e.data.dicData, "default-expand-all": "", draggable: "", "node-key": "value", "expand-on-click-node": !1 }, scopedSlots: e._u([{ key: "default", fn: function({ node: a, data: i }) {
+    return [t("span", { staticClass: "custom-tree-node" }, [t("span", [e._v(e._s(a.label))]), t("span", [t("ElButton", { attrs: { type: "text", size: "mini", icon: "el-icon-plus" }, on: { click: function(s) {
+      return e.handleNodeAdd(i);
+    } } }), t("ElButton", { staticClass: "danger", attrs: { type: "text", size: "mini", icon: "el-icon-delete" }, on: { click: function(s) {
+      return e.handleNodeRemove(a, i);
     } } })], 1)])];
-  } }]) }), t("div", { staticStyle: { "margin-left": "22px" } }, [t(p, { attrs: { type: "text" }, on: { click: e.handleParentNodeAdd } }, [e._v(" 添加父级 ")])], 1)], 1), t(F, { attrs: { label: "远端数据", name: "remote" } }, [e._v(" 网址 "), t(r, { attrs: { size: "small", placeholder: "远端数据字典网址" }, model: { value: e.data.dicUrl, callback: function(a) {
+  } }]) }), t("div", { staticStyle: { "margin-left": "22px" } }, [t("ElButton", { attrs: { type: "text" }, on: { click: e.handleParentNodeAdd } }, [e._v(" 添加父级 ")])], 1)], 1), t("ElTabPane", { attrs: { label: "远端数据", name: "remote" } }, [e._v(" 网址 "), t("ElInput", { attrs: { size: "small", placeholder: "远端数据字典网址" }, model: { value: e.data.dicUrl, callback: function(a) {
     e.$set(e.data, "dicUrl", a);
-  }, expression: "data.dicUrl" } }), e._v(" 远程搜索 "), t(c, { model: { value: e.data.remote, callback: function(a) {
+  }, expression: "data.dicUrl" } }), e._v(" 远程搜索 "), t("ElSwitch", { model: { value: e.data.remote, callback: function(a) {
     e.$set(e.data, "remote", a);
-  }, expression: "data.remote" } }), t("br"), e._v(" 请求方法 "), t(b, { staticStyle: { width: "100%" }, attrs: { size: "small", placeholder: "请求方法" }, model: { value: e.data.dicMethod, callback: function(a) {
+  }, expression: "data.remote" } }), t("br"), e._v(" 请求方法 "), t("ElSelect", { staticStyle: { width: "100%" }, attrs: { size: "small", placeholder: "请求方法" }, model: { value: e.data.dicMethod, callback: function(a) {
     e.$set(e.data, "dicMethod", a);
-  }, expression: "data.dicMethod" } }, [t(d, { attrs: { label: "POST", value: "post" } }), t(d, { attrs: { label: "GET", value: "get" } })], 1), e.data.dicMethod === "post" ? t("p", [e._v(" 请求参数 "), t(z, { attrs: { children: e.option }, model: { value: e.data.dicQueryConfig, callback: function(a) {
+  }, expression: "data.dicMethod" } }, [t("ElOption", { attrs: { label: "POST", value: "post" } }), t("ElOption", { attrs: { label: "GET", value: "get" } })], 1), e.data.dicMethod === "post" ? t("p", [e._v(" 请求参数 "), t("FyDynamic", { attrs: { children: e.option }, model: { value: e.data.dicQueryConfig, callback: function(a) {
     e.$set(e.data, "dicQueryConfig", a);
-  }, expression: "data.dicQueryConfig" } })], 1) : e._e(), e.data.dicUrl ? t("p", [e._v(" 返回结构 "), t(g, { attrs: { height: "80", "key-index": `dict-formatter-${e.data.prop}`, options: e.options }, model: { value: e.dicFormatter, callback: function(a) {
+  }, expression: "data.dicQueryConfig" } })], 1) : e._e(), e.data.dicUrl ? t("p", [e._v(" 返回结构 "), t("MonacoEditor", { attrs: { height: "80", "key-index": `dict-formatter-${e.data.prop}`, options: e.options }, model: { value: e.dicFormatter, callback: function(a) {
     e.dicFormatter = a;
-  }, expression: "dicFormatter" } })], 1) : e._e()], 1)], 1)], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典key配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("ul", e._l(e.data.props, function(a, s) {
-    return t("li", { key: s }, [t("span", { staticStyle: { width: "50px" } }, [e._v(e._s(s))]), t(r, { attrs: { size: "mini", placeholder: "key配置" }, model: { value: e.data.props[s], callback: function(n) {
-      e.$set(e.data.props, s, n);
+  }, expression: "dicFormatter" } })], 1) : e._e()], 1)], 1)], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("字典key配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("ul", e._l(e.data.props, function(a, i) {
+    return t("li", { key: i }, [t("span", { staticStyle: { width: "50px" } }, [e._v(e._s(i))]), t("ElInput", { attrs: { size: "mini", placeholder: "key配置" }, model: { value: e.data.props[i], callback: function(s) {
+      e.$set(e.data.props, i, s);
     }, expression: "data.props[key]" } })], 1);
-  }), 0)])]), e.data.dicOption === "remote" ? t(i, { attrs: { label: "重新请求字典(crud)" } }, [t(c, { model: { value: e.data.dicFlag, callback: function(a) {
+  }), 0)])]), e.data.dicOption === "remote" ? t("ElFormItem", { attrs: { label: "重新请求字典(crud)" } }, [t("ElSwitch", { model: { value: e.data.dicFlag, callback: function(a) {
     e.$set(e.data, "dicFlag", a);
-  }, expression: "data.dicFlag" } })], 1) : e._e(), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("级联配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("Draggable", { attrs: { tag: "ul", list: e.data.cascaderItem || e.data.cascader, group: { name: "cascaderItem" }, "ghost-class": "ghost", handle: ".drag-item" } }, e._l(e.data.cascaderItem || e.data.cascader, function(a, s) {
-    return t("li", { key: s }, [t("i", { staticClass: "drag-item el-icon-s-operation", staticStyle: { margin: "0 5px", "font-size": "16px", cursor: "move" } }), t(r, { attrs: { size: "mini", clearable: "", placeholder: "级联属性值" }, model: { value: e.data.cascader[s], callback: function(n) {
-      e.$set(e.data.cascader, s, n);
-    }, expression: "data.cascader[index]" } }), t(p, { staticStyle: { "margin-left": "5px", padding: "4px" }, attrs: { circle: "", plain: "", type: "danger", size: "mini", icon: "el-icon-minus" }, on: { click: function(n) {
-      return e.handleRemoveCascaderItemFields(s);
+  }, expression: "data.dicFlag" } })], 1) : e._e(), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("级联配置：")]), t("div", { staticClass: "el-form-item__content" }, [t("Draggable", { attrs: { tag: "ul", list: e.data.cascaderItem || e.data.cascader, group: { name: "cascaderItem" }, "ghost-class": "ghost", handle: ".drag-item" } }, e._l(e.data.cascaderItem || e.data.cascader, function(a, i) {
+    return t("li", { key: i }, [t("i", { staticClass: "drag-item el-icon-s-operation", staticStyle: { margin: "0 5px", "font-size": "16px", cursor: "move" } }), t("ElInput", { attrs: { size: "mini", clearable: "", placeholder: "级联属性值" }, model: { value: e.data.cascader[i], callback: function(s) {
+      e.$set(e.data.cascader, i, s);
+    }, expression: "data.cascader[index]" } }), t("ElButton", { staticStyle: { "margin-left": "5px", padding: "4px" }, attrs: { circle: "", plain: "", type: "danger", size: "mini", icon: "el-icon-minus" }, on: { click: function(s) {
+      return e.handleRemoveCascaderItemFields(i);
     } } })], 1);
-  }), 0), t("div", { staticStyle: { "margin-left": "22px" } }, [t(p, { attrs: { type: "text" }, on: { click: e.handleAddCascaderItemFields } }, [e._v(" 添加列 ")])], 1)], 1)]), e.data.type === "tree" ? [t(i, { attrs: { label: "当有子级时,是否可选择父级", "label-width": "200px" } }, [t(c, { model: { value: e.data.parent, callback: function(a) {
+  }), 0), t("div", { staticStyle: { "margin-left": "22px" } }, [t("ElButton", { attrs: { type: "text" }, on: { click: e.handleAddCascaderItemFields } }, [e._v(" 添加列 ")])], 1)], 1)]), e.data.type === "tree" ? [t("ElFormItem", { attrs: { label: "当有子级时,是否可选择父级", "label-width": "200px" } }, [t("ElSwitch", { model: { value: e.data.parent, callback: function(a) {
     e.$set(e.data, "parent", a);
-  }, expression: "data.parent" } })], 1)] : e._e(), e.data.type === "cascader" ? [t(i, { attrs: { label: "选项分隔符", "label-width": "100px" } }, [t(r, { attrs: { clearable: "", placeholder: "选项分隔符" }, model: { value: e.data.separator, callback: function(a) {
+  }, expression: "data.parent" } })], 1)] : e._e(), e.data.type === "cascader" ? [t("ElFormItem", { attrs: { label: "选项分隔符", "label-width": "100px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "选项分隔符" }, model: { value: e.data.separator, callback: function(a) {
     e.$set(e.data, "separator", a);
-  }, expression: "data.separator" } })], 1), t(i, { attrs: { label: "是否显示选中值的完整路径", "label-width": "200px" } }, [t(c, { model: { value: e.data.showAllLevels, callback: function(a) {
+  }, expression: "data.separator" } })], 1), t("ElFormItem", { attrs: { label: "是否显示选中值的完整路径", "label-width": "200px" } }, [t("ElSwitch", { model: { value: e.data.showAllLevels, callback: function(a) {
     e.$set(e.data, "showAllLevels", a);
-  }, expression: "data.showAllLevels" } })], 1), t(i, { attrs: { label: "是否可搜索", "label-width": "100px" } }, [t(c, { model: { value: e.data.filterable, callback: function(a) {
+  }, expression: "data.showAllLevels" } })], 1), t("ElFormItem", { attrs: { label: "是否可搜索", "label-width": "100px" } }, [t("ElSwitch", { model: { value: e.data.filterable, callback: function(a) {
     e.$set(e.data, "filterable", a);
-  }, expression: "data.filterable" } })], 1)] : e._e(), t(i, { attrs: { label: "是否多选" } }, [t(c, { model: { value: e.data.multiple, callback: function(a) {
+  }, expression: "data.filterable" } })], 1)] : e._e(), t("ElFormItem", { attrs: { label: "是否多选" } }, [t("ElSwitch", { model: { value: e.data.multiple, callback: function(a) {
     e.$set(e.data, "multiple", a);
-  }, expression: "data.multiple" } })], 1), e.data.type === "tree" && e.data.multiple ? t(i, { attrs: { label: "勾选时，父子不关联", "label-width": "160px" } }, [t(c, { model: { value: e.data.checkStrictly, callback: function(a) {
+  }, expression: "data.multiple" } })], 1), e.data.type === "tree" && e.data.multiple ? t("ElFormItem", { attrs: { label: "勾选时，父子不关联", "label-width": "160px" } }, [t("ElSwitch", { model: { value: e.data.checkStrictly, callback: function(a) {
     e.$set(e.data, "checkStrictly", a);
-  }, expression: "data.checkStrictly" } })], 1) : e._e(), t(ne, { attrs: { visible: e.dialogVisible, rules: e.dialogRules, "before-close": e.beforeClose }, on: { "update:visible": function(a) {
+  }, expression: "data.checkStrictly" } })], 1) : e._e(), t("ElementDialog", { attrs: { visible: e.dialogVisible, rules: e.dialogRules, "before-close": e.beforeClose }, on: { "update:visible": function(a) {
     e.dialogVisible = a;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t(p, { on: { click: function(a) {
+    return [t("ElButton", { on: { click: function(a) {
       e.dialogVisible = !1;
-    } } }, [e._v(" 取 消 ")]), e.dialogStatus === "add" ? t(p, { attrs: { type: "primary" }, on: { click: e.handleDialogAdd } }, [e._v(" 确 定 ")]) : e._e()];
-  }, proxy: !0 }]) }, [t(I, { ref: "dialogForm", attrs: { model: e.dialogForm, "label-width": "80px" } }, [t(i, { attrs: { label: "label" } }, [t(r, { attrs: { placeholder: "label" }, model: { value: e.dialogForm.label, callback: function(a) {
+    } } }, [e._v(" 取 消 ")]), e.dialogStatus === "add" ? t("ElButton", { attrs: { type: "primary" }, on: { click: e.handleDialogAdd } }, [e._v(" 确 定 ")]) : e._e()];
+  }, proxy: !0 }]) }, [t("ElForm", { ref: "dialogForm", attrs: { model: e.dialogForm, "label-width": "80px" } }, [t("ElFormItem", { attrs: { label: "label" } }, [t("ElInput", { attrs: { placeholder: "label" }, model: { value: e.dialogForm.label, callback: function(a) {
     e.$set(e.dialogForm, "label", a);
-  }, expression: "dialogForm.label" } })], 1), t(i, { attrs: { label: "value" } }, [t(r, { attrs: { placeholder: "value", type: e.dialogInputType }, scopedSlots: e._u([{ key: "append", fn: function() {
-    return [t(b, { staticStyle: { width: "100px" }, attrs: { placeholder: "数据类型" }, model: { value: e.dialogInputType, callback: function(a) {
+  }, expression: "dialogForm.label" } })], 1), t("ElFormItem", { attrs: { label: "value" } }, [t("ElInput", { attrs: { placeholder: "value", type: e.dialogInputType }, scopedSlots: e._u([{ key: "append", fn: function() {
+    return [t("ElSelect", { staticStyle: { width: "100px" }, attrs: { placeholder: "数据类型" }, model: { value: e.dialogInputType, callback: function(a) {
       e.dialogInputType = a;
-    }, expression: "dialogInputType" } }, [t(d, { attrs: { label: "String", value: "text" } }), t(d, { attrs: { label: "Number", value: "number" } })], 1)];
+    }, expression: "dialogInputType" } }, [t("ElOption", { attrs: { label: "String", value: "text" } }), t("ElOption", { attrs: { label: "Number", value: "number" } })], 1)];
   }, proxy: !0 }]), model: { value: e.dialogForm.value, callback: function(a) {
     e.$set(e.dialogForm, "value", a);
   }, expression: "dialogForm.value" } })], 1)], 1)], 1)], 2);
-}, yt = [], xt = /* @__PURE__ */ h(
-  vt,
-  _t,
-  yt,
+}, He = [], Ue = /* @__PURE__ */ c(
+  Le,
+  Ge,
+  He,
   !1,
   null,
   "8d588d56"
 );
-const $t = xt.exports, kt = {
+const Je = Ue.exports, Ye = {
   name: "ConfigDate",
   props: {
     data: Object
   }
 };
-var Ct = function() {
+var Xe = function() {
   var e = this, t = e._self._c;
-  return t("div", [e.data.type.indexOf("range") !== -1 ? [t(i, { attrs: { label: "开始占位内容", "label-width": "110px" } }, [t(r, { attrs: { clearable: "", placeholder: "开始占位内容" }, model: { value: e.data.startPlaceholder, callback: function(a) {
+  return t("div", [e.data.type.indexOf("range") !== -1 ? [t("ElFormItem", { attrs: { label: "开始占位内容", "label-width": "110px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "开始占位内容" }, model: { value: e.data.startPlaceholder, callback: function(a) {
     e.$set(e.data, "startPlaceholder", a);
-  }, expression: "data.startPlaceholder" } })], 1), t(i, { attrs: { label: "结束占位内容", "label-width": "110px" } }, [t(r, { attrs: { clearable: "", placeholder: "结束占位内容" }, model: { value: e.data.endPlaceholder, callback: function(a) {
+  }, expression: "data.startPlaceholder" } })], 1), t("ElFormItem", { attrs: { label: "结束占位内容", "label-width": "110px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "结束占位内容" }, model: { value: e.data.endPlaceholder, callback: function(a) {
     e.$set(e.data, "endPlaceholder", a);
-  }, expression: "data.endPlaceholder" } })], 1)] : t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  }, expression: "data.endPlaceholder" } })], 1)] : t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1), t(i, { attrs: { label: "显示格式化", "label-width": "100px" } }, [t(r, { attrs: { clearable: "", placeholder: "显示格式化" }, model: { value: e.data.format, callback: function(a) {
+  }, expression: "data.placeholder" } })], 1), t("ElFormItem", { attrs: { label: "显示格式化", "label-width": "100px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "显示格式化" }, model: { value: e.data.format, callback: function(a) {
     e.$set(e.data, "format", a);
-  }, expression: "data.format" } })], 1), t(i, { attrs: { label: "值格式化" } }, [t(r, { attrs: { clearable: "", placeholder: "值格式化" }, model: { value: e.data.valueFormat, callback: function(a) {
+  }, expression: "data.format" } })], 1), t("ElFormItem", { attrs: { label: "值格式化" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "值格式化" }, model: { value: e.data.valueFormat, callback: function(a) {
     e.$set(e.data, "valueFormat", a);
-  }, expression: "data.valueFormat" } })], 1), ["timerange", "daterange", "datetimerange"].includes(e.data.type) ? t(i, { attrs: { label: "取消范围联动", "label-width": "110px" } }, [t(c, { model: { value: e.data.unlinkPanels, callback: function(a) {
+  }, expression: "data.valueFormat" } })], 1), ["timerange", "daterange", "datetimerange"].includes(e.data.type) ? t("ElFormItem", { attrs: { label: "取消范围联动", "label-width": "110px" } }, [t("ElSwitch", { model: { value: e.data.unlinkPanels, callback: function(a) {
     e.$set(e.data, "unlinkPanels", a);
   }, expression: "data.unlinkPanels" } })], 1) : e._e()], 2);
-}, wt = [], At = /* @__PURE__ */ h(
-  kt,
-  Ct,
-  wt,
+}, Ze = [], et = /* @__PURE__ */ c(
+  Ye,
+  Xe,
+  Ze,
   !1,
   null,
   null
 );
-const Ft = At.exports, St = {
+const tt = et.exports, at = {
   name: "ConfigUpload",
   props: {
     data: Object
@@ -1314,74 +1609,74 @@ const Ft = At.exports, St = {
     }
   }
 };
-var Ot = function() {
+var lt = function() {
   var e = this, t = e._self._c;
-  return t("div", [e.data.oss ? e._e() : t(i, { attrs: { label: "上传地址" } }, [t(r, { attrs: { clearable: "", placeholder: "上传地址" }, model: { value: e.data.action, callback: function(a) {
+  return t("div", [e.data.oss ? e._e() : t("ElFormItem", { attrs: { label: "上传地址" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "上传地址" }, model: { value: e.data.action, callback: function(a) {
     e.$set(e.data, "action", a);
-  }, expression: "data.action" } })], 1), e.data.oss ? e._e() : t(i, { attrs: { label: "接受文件类型", "label-width": "110px" } }, [t(r, { attrs: { clearable: "", placeholder: "接受文件类型，如：image/png,image/jpg" }, model: { value: e.data.accept, callback: function(a) {
+  }, expression: "data.action" } })], 1), e.data.oss ? e._e() : t("ElFormItem", { attrs: { label: "接受文件类型", "label-width": "110px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "接受文件类型，如：image/png,image/jpg" }, model: { value: e.data.accept, callback: function(a) {
     e.$set(e.data, "accept", a);
-  }, expression: "data.accept" } })], 1), t(i, { attrs: { label: "OSS" }, scopedSlots: e._u([{ key: "label", fn: function() {
-    return [t($, { attrs: { underline: !1, href: "https://avuejs.com/form/form-upload.html#%E9%98%BF%E9%87%8C%E4%BA%91oss%E4%B8%8A%E4%BC%A0", target: "_blank" } }, [e._v(" OSS "), t("i", { staticClass: "el-icon-question" })])];
-  }, proxy: !0 }]) }, [t(b, { staticStyle: { width: "100%" }, attrs: { placeholder: "oss不写则为普通上传", clearable: "" }, model: { value: e.data.oss, callback: function(a) {
+  }, expression: "data.accept" } })], 1), t("ElFormItem", { attrs: { label: "OSS" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/form/form-upload.html#%E9%98%BF%E9%87%8C%E4%BA%91oss%E4%B8%8A%E4%BC%A0", target: "_blank" } }, [e._v(" OSS "), t("i", { staticClass: "el-icon-question" })])];
+  }, proxy: !0 }]) }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { placeholder: "oss不写则为普通上传", clearable: "" }, model: { value: e.data.oss, callback: function(a) {
     e.$set(e.data, "oss", a);
-  }, expression: "data.oss" } }, [t(d, { attrs: { label: "阿里", value: "ali" } }), t(d, { attrs: { label: "七牛", value: "qiniu" } })], 1)], 1), t(i, { attrs: { label: "拖拽上传", "label-width": "110px" } }, [t(c, { model: { value: e.data.dragFile, callback: function(a) {
+  }, expression: "data.oss" } }, [t("ElOption", { attrs: { label: "阿里", value: "ali" } }), t("ElOption", { attrs: { label: "七牛", value: "qiniu" } })], 1)], 1), t("ElFormItem", { attrs: { label: "拖拽上传", "label-width": "110px" } }, [t("ElSwitch", { model: { value: e.data.dragFile, callback: function(a) {
     e.$set(e.data, "dragFile", a);
-  }, expression: "data.dragFile" } })], 1), e.data.dragFile ? e._e() : t(i, { attrs: { label: "文件列表类型", "label-width": "110px" } }, [t(b, { attrs: { placeholder: "文件列表类型", clearable: "" }, model: { value: e.data.listType, callback: function(a) {
+  }, expression: "data.dragFile" } })], 1), e.data.dragFile ? e._e() : t("ElFormItem", { attrs: { label: "文件列表类型", "label-width": "110px" } }, [t("ElSelect", { attrs: { placeholder: "文件列表类型", clearable: "" }, model: { value: e.data.listType, callback: function(a) {
     e.$set(e.data, "listType", a);
-  }, expression: "data.listType" } }, [t(d, { attrs: { label: "附件", value: "text" } }), t(d, { attrs: { label: "照片墙", value: "picture-card" } }), t(d, { attrs: { label: "头像", value: "picture-img" } }), t(d, { attrs: { label: "缩略图", value: "picture" } })], 1)], 1), t(i, { attrs: { label: "拖拽排序", "label-width": "110px" } }, [t(c, { model: { value: e.data.drag, callback: function(a) {
+  }, expression: "data.listType" } }, [t("ElOption", { attrs: { label: "附件", value: "text" } }), t("ElOption", { attrs: { label: "照片墙", value: "picture-card" } }), t("ElOption", { attrs: { label: "头像", value: "picture-img" } }), t("ElOption", { attrs: { label: "缩略图", value: "picture" } })], 1)], 1), t("ElFormItem", { attrs: { label: "拖拽排序", "label-width": "110px" } }, [t("ElSwitch", { model: { value: e.data.drag, callback: function(a) {
     e.$set(e.data, "drag", a);
-  }, expression: "data.drag" } })], 1), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("参数设置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" 请求头 "), t(z, { attrs: { children: e.option }, model: { value: e.data.headersConfig, callback: function(a) {
+  }, expression: "data.drag" } })], 1), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("参数设置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" 请求头 "), t("FyDynamic", { attrs: { children: e.option }, model: { value: e.data.headersConfig, callback: function(a) {
     e.$set(e.data, "headersConfig", a);
-  }, expression: "data.headersConfig" } }), e._v(" 请求体 "), t(z, { attrs: { children: e.option }, model: { value: e.data.dataConfig, callback: function(a) {
+  }, expression: "data.headersConfig" } }), e._v(" 请求体 "), t("FyDynamic", { attrs: { children: e.option }, model: { value: e.data.dataConfig, callback: function(a) {
     e.$set(e.data, "dataConfig", a);
-  }, expression: "data.dataConfig" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [t($, { attrs: { underline: !1, href: "https://avuejs.com/form/form-upload.html", target: "_blank" } }, [e._v("上传参数设置 "), t("i", { staticClass: "el-icon-question" })])], 1), t("div", { staticClass: "el-form-item__content" }, [e._v(" 上传成功返回结构体的图片地址 "), t(r, { attrs: { size: "small", placeholder: "上传成功返回结构体的图片地址" }, model: { value: e.data.propsHttp.url, callback: function(a) {
+  }, expression: "data.dataConfig" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/form/form-upload.html", target: "_blank" } }, [e._v("上传参数设置 "), t("i", { staticClass: "el-icon-question" })])], 1), t("div", { staticClass: "el-form-item__content" }, [e._v(" 上传成功返回结构体的图片地址 "), t("ElInput", { attrs: { size: "small", placeholder: "上传成功返回结构体的图片地址" }, model: { value: e.data.propsHttp.url, callback: function(a) {
     e.$set(e.data.propsHttp, "url", a);
-  }, expression: "data.propsHttp.url" } }), e._v(" 上传成功返回结构体的图片的姓名 "), t(r, { attrs: { size: "small", placeholder: "上传成功返回结构体的图片的姓名" }, model: { value: e.data.propsHttp.name, callback: function(a) {
+  }, expression: "data.propsHttp.url" } }), e._v(" 上传成功返回结构体的图片的姓名 "), t("ElInput", { attrs: { size: "small", placeholder: "上传成功返回结构体的图片的姓名" }, model: { value: e.data.propsHttp.name, callback: function(a) {
     e.$set(e.data.propsHttp, "name", a);
-  }, expression: "data.propsHttp.name" } }), e._v(" 返回结构体的层次 "), t(r, { attrs: { size: "small", placeholder: "返回结构体的层次" }, model: { value: e.data.propsHttp.res, callback: function(a) {
+  }, expression: "data.propsHttp.name" } }), e._v(" 返回结构体的层次 "), t("ElInput", { attrs: { size: "small", placeholder: "返回结构体的层次" }, model: { value: e.data.propsHttp.res, callback: function(a) {
     e.$set(e.data.propsHttp, "res", a);
-  }, expression: "data.propsHttp.res" } }), e._v(" 文件名称 "), t(r, { attrs: { size: "small", placeholder: "文件名称，默认file" }, model: { value: e.data.propsHttp.fileName, callback: function(a) {
+  }, expression: "data.propsHttp.res" } }), e._v(" 文件名称 "), t("ElInput", { attrs: { size: "small", placeholder: "文件名称，默认file" }, model: { value: e.data.propsHttp.fileName, callback: function(a) {
     e.$set(e.data.propsHttp, "fileName", a);
-  }, expression: "data.propsHttp.fileName" } })], 1)]), t(i, { attrs: { label: "是否显示已上传文件列表", "label-width": "180px" } }, [t(c, { model: { value: e.data.showFileList, callback: function(a) {
+  }, expression: "data.propsHttp.fileName" } })], 1)]), t("ElFormItem", { attrs: { label: "是否显示已上传文件列表", "label-width": "180px" } }, [t("ElSwitch", { model: { value: e.data.showFileList, callback: function(a) {
     e.$set(e.data, "showFileList", a);
-  }, expression: "data.showFileList" } })], 1), t(i, { attrs: { label: "文件大小" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "文件大小限制（字节）", min: 0 }, model: { value: e.data.fileSize, callback: function(a) {
+  }, expression: "data.showFileList" } })], 1), t("ElFormItem", { attrs: { label: "文件大小" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "文件大小限制（字节）", min: 0 }, model: { value: e.data.fileSize, callback: function(a) {
     e.$set(e.data, "fileSize", a);
-  }, expression: "data.fileSize" } })], 1), t(i, { attrs: { label: "上传限制提示", "label-width": "110px" } }, [t(r, { attrs: { clearable: "", placeholder: "上传限制提示" }, model: { value: e.data.tip, callback: function(a) {
+  }, expression: "data.fileSize" } })], 1), t("ElFormItem", { attrs: { label: "上传限制提示", "label-width": "110px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "上传限制提示" }, model: { value: e.data.tip, callback: function(a) {
     e.$set(e.data, "tip", a);
-  }, expression: "data.tip" } })], 1), t(i, { attrs: { label: "上传中提示", "label-width": "110px" } }, [t(r, { attrs: { clearable: "", placeholder: "上传中提示" }, model: { value: e.data.loadText, callback: function(a) {
+  }, expression: "data.tip" } })], 1), t("ElFormItem", { attrs: { label: "上传中提示", "label-width": "110px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "上传中提示" }, model: { value: e.data.loadText, callback: function(a) {
     e.$set(e.data, "loadText", a);
-  }, expression: "data.loadText" } })], 1), t(i, { attrs: { label: "是否多文件上传", "label-width": "130px" } }, [t(c, { model: { value: e.data.multiple, callback: function(a) {
+  }, expression: "data.loadText" } })], 1), t("ElFormItem", { attrs: { label: "是否多文件上传", "label-width": "130px" } }, [t("ElSwitch", { model: { value: e.data.multiple, callback: function(a) {
     e.$set(e.data, "multiple", a);
-  }, expression: "data.multiple" } })], 1), e.data.multiple ? t(i, { attrs: { label: "多文件数量限制", "label-width": "130px" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "多文件上传数量限制", min: 1 }, model: { value: e.data.limit, callback: function(a) {
+  }, expression: "data.multiple" } })], 1), e.data.multiple ? t("ElFormItem", { attrs: { label: "多文件数量限制", "label-width": "130px" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "多文件上传数量限制", min: 1 }, model: { value: e.data.limit, callback: function(a) {
     e.$set(e.data, "limit", a);
-  }, expression: "data.limit" } })], 1) : e._e(), t(i, { attrs: { label: "水印配置，开启后只能上传图片", "label-width": "230px" } }, [t(c, { model: { value: e.data.showCanvas, callback: function(a) {
+  }, expression: "data.limit" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "水印配置，开启后只能上传图片", "label-width": "230px" } }, [t("ElSwitch", { model: { value: e.data.showCanvas, callback: function(a) {
     e.$set(e.data, "showCanvas", a);
-  }, expression: "data.showCanvas" } })], 1), e.data.canvasOption ? t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("水印设置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" 水印文字 "), t(r, { attrs: { size: "small", clearable: "", placeholder: "水印文字" }, model: { value: e.data.canvasOption.text, callback: function(a) {
+  }, expression: "data.showCanvas" } })], 1), e.data.canvasOption ? t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("水印设置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" 水印文字 "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "水印文字" }, model: { value: e.data.canvasOption.text, callback: function(a) {
     e.$set(e.data.canvasOption, "text", a);
-  }, expression: "data.canvasOption.text" } }), e._v(" 字体类型 "), t(r, { attrs: { size: "small", clearable: "", placeholder: "字体类型" }, model: { value: e.data.canvasOption.fontFamily, callback: function(a) {
+  }, expression: "data.canvasOption.text" } }), e._v(" 字体类型 "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "字体类型" }, model: { value: e.data.canvasOption.fontFamily, callback: function(a) {
     e.$set(e.data.canvasOption, "fontFamily", a);
-  }, expression: "data.canvasOption.fontFamily" } }), e._v(" 字体颜色 "), t(re, { attrs: { size: "small", placeholder: "字体颜色" }, model: { value: e.data.canvasOption.color, callback: function(a) {
+  }, expression: "data.canvasOption.fontFamily" } }), e._v(" 字体颜色 "), t("FyInputColor", { attrs: { size: "small", placeholder: "字体颜色" }, model: { value: e.data.canvasOption.color, callback: function(a) {
     e.$set(e.data.canvasOption, "color", a);
-  }, expression: "data.canvasOption.color" } }), e._v(" 字体大小 "), t(f, { attrs: { size: "small", "controls-position": "right", placeholder: "字体大小" }, model: { value: e.data.canvasOption.fontSize, callback: function(a) {
+  }, expression: "data.canvasOption.color" } }), e._v(" 字体大小 "), t("ElInputNumber", { attrs: { size: "small", "controls-position": "right", placeholder: "字体大小" }, model: { value: e.data.canvasOption.fontSize, callback: function(a) {
     e.$set(e.data.canvasOption, "fontSize", a);
-  }, expression: "data.canvasOption.fontSize" } }), e._v(" 文字的透明度 "), t(f, { attrs: { size: "small", "controls-position": "right", placeholder: "文字的透明度", step: 10, min: 10, max: 100 }, model: { value: e.data.canvasOption.opacity, callback: function(a) {
+  }, expression: "data.canvasOption.fontSize" } }), e._v(" 文字的透明度 "), t("ElInputNumber", { attrs: { size: "small", "controls-position": "right", placeholder: "文字的透明度", step: 10, min: 10, max: 100 }, model: { value: e.data.canvasOption.opacity, callback: function(a) {
     e.$set(e.data.canvasOption, "opacity", a);
-  }, expression: "data.canvasOption.opacity" } }), e._v(" 文字距离图片底部的距离"), t("br"), t(f, { attrs: { "controls-position": "right", placeholder: "文字距离图片底部的距离", size: "small" }, model: { value: e.data.canvasOption.bottom, callback: function(a) {
+  }, expression: "data.canvasOption.opacity" } }), e._v(" 文字距离图片底部的距离"), t("br"), t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "文字距离图片底部的距离", size: "small" }, model: { value: e.data.canvasOption.bottom, callback: function(a) {
     e.$set(e.data.canvasOption, "bottom", a);
-  }, expression: "data.canvasOption.bottom" } }), e._v(" 文字距离图片右边的距离"), t("br"), t(f, { attrs: { "controls-position": "right", placeholder: "文字距离图片右边的距离", size: "small" }, model: { value: e.data.canvasOption.right, callback: function(a) {
+  }, expression: "data.canvasOption.bottom" } }), e._v(" 文字距离图片右边的距离"), t("br"), t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "文字距离图片右边的距离", size: "small" }, model: { value: e.data.canvasOption.right, callback: function(a) {
     e.$set(e.data.canvasOption, "right", a);
-  }, expression: "data.canvasOption.right" } }), e._v(" 压缩图片比率"), t("br"), t(f, { attrs: { "controls-position": "right", placeholder: "压缩图片比率", step: 0.1, min: 0, max: 1, size: "small" }, model: { value: e.data.canvasOption.ratio, callback: function(a) {
+  }, expression: "data.canvasOption.right" } }), e._v(" 压缩图片比率"), t("br"), t("ElInputNumber", { attrs: { "controls-position": "right", placeholder: "压缩图片比率", step: 0.1, min: 0, max: 1, size: "small" }, model: { value: e.data.canvasOption.ratio, callback: function(a) {
     e.$set(e.data.canvasOption, "ratio", a);
   }, expression: "data.canvasOption.ratio" } })], 1)]) : e._e()], 1);
-}, Wt = [], It = /* @__PURE__ */ h(
-  St,
-  Ot,
-  Wt,
+}, it = [], st = /* @__PURE__ */ c(
+  at,
+  lt,
+  it,
   !1,
   null,
   null
 );
-const Et = It.exports, Bt = {
+const ot = st.exports, nt = {
   name: "ConfigUEditor",
   props: {
     data: Object
@@ -1392,65 +1687,65 @@ const Et = It.exports, Bt = {
     }
   }
 };
-var Tt = function() {
+var rt = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "图片上传地址", "label-width": "110px" } }, [t(r, { attrs: { clearable: "", placeholder: "图片上传地址" }, model: { value: e.data.options.action, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "图片上传地址", "label-width": "110px" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "图片上传地址" }, model: { value: e.data.options.action, callback: function(a) {
     e.$set(e.data.options, "action", a);
-  }, expression: "data.options.action" } })], 1), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [t($, { attrs: { underline: !1, href: "https://avuejs.com/plugins/ueditor-plugins.html", target: "_blank" } }, [e._v("参数设置 "), t("i", { staticClass: "el-icon-question" })])], 1), t("div", { staticClass: "el-form-item__content" }, [e._v(" 返回的数据结构层次 "), t(r, { attrs: { size: "small", placeholder: "返回的数据结构层次" }, model: { value: e.data.options.props.res, callback: function(a) {
+  }, expression: "data.options.action" } })], 1), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/plugins/ueditor-plugins.html", target: "_blank" } }, [e._v("参数设置 "), t("i", { staticClass: "el-icon-question" })])], 1), t("div", { staticClass: "el-form-item__content" }, [e._v(" 返回的数据结构层次 "), t("ElInput", { attrs: { size: "small", placeholder: "返回的数据结构层次" }, model: { value: e.data.options.props.res, callback: function(a) {
     e.$set(e.data.options.props, "res", a);
-  }, expression: "data.options.props.res" } }), e._v(" 返回结构体图片地址字段 "), t(r, { attrs: { size: "small", placeholder: "返回结构体图片地址字段" }, model: { value: e.data.options.props.url, callback: function(a) {
+  }, expression: "data.options.props.res" } }), e._v(" 返回结构体图片地址字段 "), t("ElInput", { attrs: { size: "small", placeholder: "返回结构体图片地址字段" }, model: { value: e.data.options.props.url, callback: function(a) {
     e.$set(e.data.options.props, "url", a);
-  }, expression: "data.options.props.url" } })], 1)]), t(i, { attrs: { label: "OSS" } }, [t(b, { attrs: { placeholder: "oss不写则为普通上传", clearable: "" }, model: { value: e.data.options.oss, callback: function(a) {
+  }, expression: "data.options.props.url" } })], 1)]), t("ElFormItem", { attrs: { label: "OSS" } }, [t("ElSelect", { attrs: { placeholder: "oss不写则为普通上传", clearable: "" }, model: { value: e.data.options.oss, callback: function(a) {
     e.$set(e.data.options, "oss", a);
-  }, expression: "data.options.oss" } }, [t(d, { attrs: { label: "阿里", value: "ali" } }), t(d, { attrs: { label: "七牛", value: "qiniu" } })], 1)], 1), e.data.options.oss == "qiniu" ? [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("七牛oss配置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" AK： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "七牛云的密钥(AK)" }, model: { value: e.data.options.qiniu.AK, callback: function(a) {
+  }, expression: "data.options.oss" } }, [t("ElOption", { attrs: { label: "阿里", value: "ali" } }), t("ElOption", { attrs: { label: "七牛", value: "qiniu" } })], 1)], 1), e.data.options.oss == "qiniu" ? [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("七牛oss配置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" AK： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "七牛云的密钥(AK)" }, model: { value: e.data.options.qiniu.AK, callback: function(a) {
     e.$set(e.data.options.qiniu, "AK", a);
-  }, expression: "data.options.qiniu.AK" } }), e._v(" SK： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "七牛云的密钥(SK)" }, model: { value: e.data.options.qiniu.SK, callback: function(a) {
+  }, expression: "data.options.qiniu.AK" } }), e._v(" SK： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "七牛云的密钥(SK)" }, model: { value: e.data.options.qiniu.SK, callback: function(a) {
     e.$set(e.data.options.qiniu, "SK", a);
-  }, expression: "data.options.qiniu.SK" } }), e._v(" scope： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "七牛云存储的空间名" }, model: { value: e.data.options.qiniu.scope, callback: function(a) {
+  }, expression: "data.options.qiniu.SK" } }), e._v(" scope： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "七牛云存储的空间名" }, model: { value: e.data.options.qiniu.scope, callback: function(a) {
     e.$set(e.data.options.qiniu, "scope", a);
-  }, expression: "data.options.qiniu.scope" } }), e._v(" url： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "空间的自定义域名" }, model: { value: e.data.options.qiniu.url, callback: function(a) {
+  }, expression: "data.options.qiniu.scope" } }), e._v(" url： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "空间的自定义域名" }, model: { value: e.data.options.qiniu.url, callback: function(a) {
     e.$set(e.data.options.qiniu, "url", a);
-  }, expression: "data.options.qiniu.url" } }), e._v(" deadline： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "token的过期时间" }, model: { value: e.data.options.qiniu.deadline, callback: function(a) {
+  }, expression: "data.options.qiniu.url" } }), e._v(" deadline： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "token的过期时间" }, model: { value: e.data.options.qiniu.deadline, callback: function(a) {
     e.$set(e.data.options.qiniu, "deadline", a);
-  }, expression: "data.options.qiniu.deadline" } })], 1)])] : e._e(), e.data.options.oss === "ali" ? [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("七牛oss配置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" region： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "region" }, model: { value: e.data.options.ali.region, callback: function(a) {
+  }, expression: "data.options.qiniu.deadline" } })], 1)])] : e._e(), e.data.options.oss === "ali" ? [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("七牛oss配置：")]), t("div", { staticClass: "el-form-item__content" }, [e._v(" region： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "region" }, model: { value: e.data.options.ali.region, callback: function(a) {
     e.$set(e.data.options.ali, "region", a);
-  }, expression: "data.options.ali.region" } }), e._v(" endpoint： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "endpoint" }, model: { value: e.data.options.ali.endpoint, callback: function(a) {
+  }, expression: "data.options.ali.region" } }), e._v(" endpoint： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "endpoint" }, model: { value: e.data.options.ali.endpoint, callback: function(a) {
     e.$set(e.data.options.ali, "endpoint", a);
-  }, expression: "data.options.ali.endpoint" } }), e._v(" accessKeyId： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "accessKeyId" }, model: { value: e.data.options.ali.accessKeyId, callback: function(a) {
+  }, expression: "data.options.ali.endpoint" } }), e._v(" accessKeyId： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "accessKeyId" }, model: { value: e.data.options.ali.accessKeyId, callback: function(a) {
     e.$set(e.data.options.ali, "accessKeyId", a);
-  }, expression: "data.options.ali.accessKeyId" } }), e._v(" accessKeySecret： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "accessKeySecret" }, model: { value: e.data.options.ali.accessKeySecret, callback: function(a) {
+  }, expression: "data.options.ali.accessKeyId" } }), e._v(" accessKeySecret： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "accessKeySecret" }, model: { value: e.data.options.ali.accessKeySecret, callback: function(a) {
     e.$set(e.data.options.ali, "accessKeySecret", a);
-  }, expression: "data.options.ali.accessKeySecret" } }), e._v(" bucket： "), t(r, { attrs: { size: "small", clearable: "", placeholder: "bucket " }, model: { value: e.data.options.ali.bucket, callback: function(a) {
+  }, expression: "data.options.ali.accessKeySecret" } }), e._v(" bucket： "), t("ElInput", { attrs: { size: "small", clearable: "", placeholder: "bucket " }, model: { value: e.data.options.ali.bucket, callback: function(a) {
     e.$set(e.data.options.ali, "bucket", a);
   }, expression: "data.options.ali.bucket" } })], 1)])] : e._e()], 2);
-}, zt = [], Pt = /* @__PURE__ */ h(
-  Bt,
-  Tt,
-  zt,
+}, ct = [], dt = /* @__PURE__ */ c(
+  nt,
+  rt,
+  ct,
   !1,
   null,
   null
 );
-const Rt = Pt.exports, Dt = {
+const pt = dt.exports, ut = {
   name: "ConfigMap",
   props: {
     data: Object
   }
 };
-var Mt = function() {
+var mt = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "默认值" } }, [t("a", { staticStyle: { color: "#409eff" }, attrs: { href: "https://avuejs.com/form/form-input-map.html", target: "_blank" } }, [e._v("详细文档")]), t("br"), t(r, { attrs: { placeholder: "默认值" }, model: { value: e.data.value, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "默认值" } }, [t("a", { staticStyle: { color: "#409eff" }, attrs: { href: "https://avuejs.com/form/form-input-map.html", target: "_blank" } }, [e._v("详细文档")]), t("br"), t("ElInput", { attrs: { placeholder: "默认值" }, model: { value: e.data.value, callback: function(a) {
     e.$set(e.data, "value", a);
   }, expression: "data.value" } })], 1)], 1);
-}, Qt = [], Kt = /* @__PURE__ */ h(
-  Dt,
-  Mt,
-  Qt,
+}, ht = [], ft = /* @__PURE__ */ c(
+  ut,
+  mt,
+  ht,
   !1,
   null,
   null
 );
-const jt = Kt.exports, Vt = {
+const bt = ft.exports, gt = {
   name: "ConfigGroup",
   props: {
     data: Object
@@ -1466,45 +1761,45 @@ const jt = Kt.exports, Vt = {
     };
   }
 };
-var qt = function() {
+var vt = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "图标" } }, [t(ce, { attrs: { "icon-list": e.iconList, placeholder: "图标" }, model: { value: e.data.icon, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "图标" } }, [t("FyInputIcon", { attrs: { "icon-list": e.iconList, placeholder: "图标" }, model: { value: e.data.icon, callback: function(a) {
     e.$set(e.data, "icon", a);
-  }, expression: "data.icon" } })], 1), t(i, { attrs: { label: "开启折叠" } }, [t(c, { model: { value: e.data.arrow, callback: function(a) {
+  }, expression: "data.icon" } })], 1), t("ElFormItem", { attrs: { label: "开启折叠" } }, [t("ElSwitch", { model: { value: e.data.arrow, callback: function(a) {
     e.$set(e.data, "arrow", a);
-  }, expression: "data.arrow" } })], 1), e.data.arrow ? t(i, { attrs: { label: "默认展开" } }, [t(c, { model: { value: e.data.collapse, callback: function(a) {
+  }, expression: "data.arrow" } })], 1), e.data.arrow ? t("ElFormItem", { attrs: { label: "默认展开" } }, [t("ElSwitch", { model: { value: e.data.collapse, callback: function(a) {
     e.$set(e.data, "collapse", a);
   }, expression: "data.collapse" } })], 1) : e._e()], 1);
-}, Lt = [], Nt = /* @__PURE__ */ h(
-  Vt,
-  qt,
-  Lt,
+}, _t = [], yt = /* @__PURE__ */ c(
+  gt,
+  vt,
+  _t,
   !1,
   null,
   null
 );
-const Gt = Nt.exports, Ht = {
+const Et = yt.exports, xt = {
   name: "ConfigArray",
   props: {
     data: Object
   }
 };
-var Ut = function() {
+var kt = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "占位内容" } }, [t(r, { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "占位内容" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "占位内容" }, model: { value: e.data.placeholder, callback: function(a) {
     e.$set(e.data, "placeholder", a);
-  }, expression: "data.placeholder" } })], 1), t(i, { attrs: { label: "尺寸" } }, [t(M, { attrs: { size: "mini" }, model: { value: e.data.size, callback: function(a) {
+  }, expression: "data.placeholder" } })], 1), t("ElFormItem", { attrs: { label: "尺寸" } }, [t("ElRadioGroup", { attrs: { size: "mini" }, model: { value: e.data.size, callback: function(a) {
     e.$set(e.data, "size", a);
-  }, expression: "data.size" } }, [t(A, { attrs: { label: "medium" } }, [e._v(" 正常 ")]), t(A, { attrs: { label: "small" } }, [e._v(" 小 ")]), t(A, { attrs: { label: "mini" } }, [e._v(" 超小 ")])], 1)], 1)], 1);
-}, Jt = [], Yt = /* @__PURE__ */ h(
-  Ht,
-  Ut,
-  Jt,
+  }, expression: "data.size" } }, [t("ElRadioButton", { attrs: { label: "medium" } }, [e._v(" 正常 ")]), t("ElRadioButton", { attrs: { label: "small" } }, [e._v(" 小 ")]), t("ElRadioButton", { attrs: { label: "mini" } }, [e._v(" 超小 ")])], 1)], 1)], 1);
+}, $t = [], Ct = /* @__PURE__ */ c(
+  xt,
+  kt,
+  $t,
   !1,
   null,
   null
 );
-const Xt = Yt.exports, Zt = {
+const wt = Ct.exports, It = {
   name: "ConfigTitle",
   props: {
     data: Object
@@ -1515,28 +1810,97 @@ const Xt = Yt.exports, Zt = {
     };
   }
 };
-var ea = function() {
+var Ft = function() {
   var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "文本对齐" } }, [t(M, { model: { value: e.data.styles.textAlign, callback: function(a) {
+  return t("div", [t("ElFormItem", { attrs: { label: "文本对齐" } }, [t("ElRadioGroup", { model: { value: e.data.styles.textAlign, callback: function(a) {
     e.$set(e.data.styles, "textAlign", a);
-  }, expression: "data.styles.textAlign" } }, [t(w, { attrs: { label: "left" } }, [e._v(" 左 ")]), t(w, { attrs: { label: "center" } }, [e._v(" 中 ")]), t(w, { attrs: { label: "right" } }, [e._v(" 右 ")])], 1)], 1), t(i, { attrs: { label: "颜色" } }, [t(N, { attrs: { size: "mini" }, model: { value: e.data.styles.color, callback: function(a) {
+  }, expression: "data.styles.textAlign" } }, [t("ElRadio", { attrs: { label: "left" } }, [e._v(" 左 ")]), t("ElRadio", { attrs: { label: "center" } }, [e._v(" 中 ")]), t("ElRadio", { attrs: { label: "right" } }, [e._v(" 右 ")])], 1)], 1), t("ElFormItem", { attrs: { label: "颜色" } }, [t("ElColorPicker", { attrs: { size: "mini" }, model: { value: e.data.styles.color, callback: function(a) {
     e.$set(e.data.styles, "color", a);
-  }, expression: "data.styles.color" } })], 1), t(i, { attrs: { label: "字体大小" } }, [t(r, { attrs: { clearable: "", placeholder: "字体大小" }, model: { value: e.data.styles.fontSize, callback: function(a) {
+  }, expression: "data.styles.color" } })], 1), t("ElFormItem", { attrs: { label: "字体大小" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "字体大小" }, model: { value: e.data.styles.fontSize, callback: function(a) {
     e.$set(e.data.styles, "fontSize", a);
-  }, expression: "data.styles.fontSize" } })], 1), t(i, { attrs: { label: "粗体" } }, [t(b, { attrs: { placeholder: "粗体", clearable: "" }, model: { value: e.data.styles.fontWeight, callback: function(a) {
+  }, expression: "data.styles.fontSize" } })], 1), t("ElFormItem", { attrs: { label: "粗体" } }, [t("ElSelect", { attrs: { placeholder: "粗体", clearable: "" }, model: { value: e.data.styles.fontWeight, callback: function(a) {
     e.$set(e.data.styles, "fontWeight", a);
   }, expression: "data.styles.fontWeight" } }, e._l(e.options, function(a) {
-    return t(d, { key: a, attrs: { label: a, value: a } });
+    return t("ElOption", { key: a, attrs: { label: a, value: a } });
   }), 1)], 1)], 1);
-}, ta = [], aa = /* @__PURE__ */ h(
-  Zt,
-  ea,
-  ta,
+}, St = [], At = /* @__PURE__ */ c(
+  It,
+  Ft,
+  St,
+  !1,
+  null,
+  null
+);
+const Ot = At.exports, Bt = {
+  name: "ConfigEvent",
+  components: { MonacoEditor: f },
+  props: {
+    data: Object
+  },
+  data() {
+    return {
+      change: "",
+      click: "",
+      focus: "",
+      blur: "",
+      options: {
+        fullScreen: !0,
+        minimap: {
+          enabled: !1
+        }
+      }
+    };
+  },
+  watch: {
+    "data.prop": {
+      handler() {
+        const { change: l, click: e, focus: t, blur: a } = this.data;
+        this.$set(this, "change", l ? `${l}` : `({value}) => {\r
+\r
+}`), this.$set(this, "click", e ? `${e}` : `({value}) => {\r
+\r
+}`), this.$set(this, "focus", t ? `${t}` : `({value}) => {\r
+\r
+}`), this.$set(this, "blur", a ? `${a}` : `({value}) => {\r
+\r
+}`);
+      },
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      ["change", "click", "focus", "blur"].forEach((e) => {
+        this.$watch(`${e}`, (t) => {
+          try {
+            this.$set(this.data, e, u(t));
+          } catch {
+          }
+        });
+      });
+    });
+  }
+};
+var Wt = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("change：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "300", "key-index": `event-change-${e.data.prop}`, options: e.options }, model: { value: e.change, callback: function(a) {
+    e.change = a;
+  }, expression: "change" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("click：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "200", "key-index": `event-click-${e.data.prop}`, options: e.options }, model: { value: e.click, callback: function(a) {
+    e.click = a;
+  }, expression: "click" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("focus：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "200", "key-index": `event-focus-${e.data.prop}`, options: e.options }, model: { value: e.focus, callback: function(a) {
+    e.focus = a;
+  }, expression: "focus" } })], 1)]), t("div", { staticClass: "el-form-item el-form-item--small el-form--label-top" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("blur：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "200", "key-index": `event-blur-${e.data.prop}`, options: e.options }, model: { value: e.blur, callback: function(a) {
+    e.blur = a;
+  }, expression: "blur" } })], 1)])]);
+}, Tt = [], zt = /* @__PURE__ */ c(
+  Bt,
+  Wt,
+  Tt,
   !1,
   null,
   null
 );
-const la = aa.exports, sa = [
+const Rt = zt.exports, Pt = [
   {
     label: "输入框",
     value: "input"
@@ -1629,7 +1993,7 @@ const la = aa.exports, sa = [
     label: "年",
     value: "year"
   }
-], ia = {
+], Mt = {
   name: "AfdColumn",
   props: {
     column: {
@@ -1640,763 +2004,361 @@ const la = aa.exports, sa = [
   emits: ["submit"],
   data() {
     return {
-      fields: sa,
+      fields: Pt,
       visible: !1,
       list: []
     };
   },
   watch: {
     column: {
-      handler(l) {
-        this.list = l;
-      },
-      deep: !0,
-      immediate: !0
-    }
-  },
-  methods: {
-    handleSubmit() {
-      this.$emit("submit", _(this.list)), this.visible = !1;
-    },
-    handleDic(l) {
-      console.log(l), this.$message.error("暂未实现");
-    }
-  }
-};
-var na = function() {
-  var e = this, t = e._self._c;
-  return t(E, { attrs: { visible: e.visible, size: "80%", "append-to-body": "" }, on: { "update:visible": function(a) {
-    e.visible = a;
-  } } }, [t(G, { attrs: { data: e.list, border: "" } }, [t(C, { attrs: { align: "center", width: "60" }, scopedSlots: e._u([{ key: "header", fn: function() {
-    return [t(p, { attrs: { icon: "el-icon-plus", type: "primary", circle: "", size: "mini" }, on: { click: function(a) {
-      return e.list.push({});
-    } } })];
-  }, proxy: !0 }, { key: "default", fn: function({ $index: a }) {
-    return [t(p, { attrs: { icon: "el-icon-minus", type: "danger", circle: "", size: "mini" }, on: { click: function(s) {
-      return e.list.splice(a, 1);
-    } } })];
-  } }]) }), t(C, { attrs: { label: "字段名", prop: "label", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
-    return [t(r, { attrs: { placeholder: "请输入 字段名" }, model: { value: a.label, callback: function(s) {
-      e.$set(a, "label", s);
-    }, expression: "row.label" } })];
-  } }]) }), t(C, { attrs: { label: "Prop", prop: "prop", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
-    return [t(r, { attrs: { placeholder: "请输入 prop" }, model: { value: a.prop, callback: function(s) {
-      e.$set(a, "prop", s);
-    }, expression: "row.prop" } })];
-  } }]) }), t(C, { attrs: { label: "类型", prop: "type", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
-    return [t(b, { staticStyle: { width: "100%" }, attrs: { placeholder: "请选择 类型", filterable: "" }, model: { value: a.type, callback: function(s) {
-      e.$set(a, "type", s);
-    }, expression: "row.type" } }, e._l(e.fields, function(s) {
-      return t(d, { key: s.value, attrs: { label: s.value, value: s.value } });
-    }), 1)];
-  } }]) }), t(C, { attrs: { label: "搜索", prop: "search", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
-    return [t(c, { model: { value: a.search, callback: function(s) {
-      e.$set(a, "search", s);
-    }, expression: "row.search" } })];
-  } }]) }), t(C, { attrs: { label: "操作", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
-    return [["select", "cascader", "tree", "radio", "checkbox"].includes(a.type) ? [t(p, { attrs: { type: "text" }, on: { click: function(s) {
-      return e.handleDic(a);
-    } } }, [e._v(" 字典配置 ")])] : e._e()];
-  } }]) })], 1), t("span", { staticClass: "afd-drawer-foot" }, [t(p, { attrs: { type: "primary" }, on: { click: e.handleSubmit } }, [e._v("确定")]), t(p, { on: { click: function(a) {
-    e.visible = !1;
-  } } }, [e._v("取消")])], 1)], 1);
-}, oa = [], ra = /* @__PURE__ */ h(
-  ia,
-  na,
-  oa,
-  !1,
-  null,
-  null
-);
-const Y = ra.exports, ca = {
-  name: "ConfigTable",
-  components: { MonacoEditor: g, AfdColumn: Y },
-  props: {
-    data: Object
-  },
-  data() {
-    return {
-      options: {
-        fullScreen: !0,
-        minimap: {
-          enabled: !1
-        }
-      },
-      onLoad: "",
-      formatter: ""
-    };
-  },
-  watch: {
-    "data.prop": {
-      handler() {
-        const { onLoad: l, formatter: e } = this.data;
-        this.onLoad = l ? `${l}` : "", this.formatter = e ? `${e}` : "";
-      },
-      immediate: !0
-    },
-    "data.children.props": {
-      handler(l) {
-        this.handleOnLoad(l);
-      },
-      deep: !0
-    },
-    onLoad: {
-      handler(l) {
-        try {
-          this.data.onLoad = y(l);
-        } catch (e) {
-          console.error(e);
-        }
-      }
-    }
-  },
-  methods: {
-    handleColumn(l) {
-      this.data.children.column = l;
-    },
-    handleOnLoad(l) {
-      const { url: e, method: t, needPage: a, currentPageKey: s, pageSizeKey: n, totalKey: o, recordsKey: m, resKey: u, auto: x } = l;
-      if (!x) return;
-      if (!e) {
-        this.onLoad = "(res, cb) => { }";
-        return;
-      }
-      let { props: v } = this.data;
-      v || (v = { label: "label", value: "value" });
-      const { value: k } = v, te = `(res, cb) => {
-        let { page, value, data } = res
-        if (!page) page = { currentPage: 1, pageSize: 10 }
-        const { currentPage, pageSize } = page
-        let params = { ...data, ${s || "current"}: currentPage, ${n || "page"}: pageSize }
-
-        if (value) params['${k}'] = value
-
-        if ('${t || "get"}' == 'get') params = { params: { ...params } }
-
-        this.$axios['${t}']('${e}', params).then(res => {
-          const response = this.getAsVal(res, '${u || "data.data"}')
-          if (!response) this.$message.error('未查询到数据或者返回层级配置错误')
-
-          let result = {}
-          if (${a}) {
-            const total = this.getAsVal(response, '${o || "total"}')
-            if (total || total == 0) {
-              result.total = total
-            } else {
-              this.$message.error('总条数配置错误')
-              return
-            }
-            const records = this.getAsVal(response, '${m || "records"}')
-            if (records) {
-              result.data = records
-            } else {
-              this.$message.error('列表配置错误')
-              return
-            }
-          } else result = { total: response.length, data: response }
-
-          if (value) {
-            const records = result.data
-            if (records && records.length > 0) cb(records[0])
-            else this.$message.error('根据${k}: ' + value + ' 查询不到结果')
-          } else cb(result)
-        })
-      }`;
-      this.onLoad = te;
-    }
-  }
-};
-var da = function() {
-  var e = this, t = e._self._c;
-  return t("div", [t(i, { attrs: { label: "字段配置" } }, [t(p, { attrs: { type: "primary", size: "small" }, on: { click: function(a) {
-    e.$refs.column.visible = !0;
-  } } }, [e._v(" 字段配置 ")])], 1), t(i, { attrs: { label: "边框" } }, [t(c, { model: { value: e.data.children.border, callback: function(a) {
-    e.$set(e.data.children, "border", a);
-  }, expression: "data.children.border" } })], 1), t(i, { attrs: { label: "label" } }, [t(r, { attrs: { placeholder: "label", clearable: "" }, model: { value: e.data.props.label, callback: function(a) {
-    e.$set(e.data.props, "label", a);
-  }, expression: "data.props.label" } })], 1), t(i, { attrs: { label: "value" } }, [t(r, { attrs: { placeholder: "value", clearable: "" }, model: { value: e.data.props.value, callback: function(a) {
-    e.$set(e.data.props, "value", a);
-  }, expression: "data.props.value" } })], 1), t(i, { attrs: { label: "请求地址" } }, [t(r, { attrs: { type: "textarea", placeholder: "请求地址", autosize: "" }, model: { value: e.data.children.props.url, callback: function(a) {
-    e.$set(e.data.children.props, "url", a);
-  }, expression: "data.children.props.url" } })], 1), t(i, { attrs: { label: "请求方法" } }, [t(b, { attrs: { placeholder: "请求方法", clearable: "" }, model: { value: e.data.children.props.method, callback: function(a) {
-    e.$set(e.data.children.props, "method", a);
-  }, expression: "data.children.props.method" } }, [t(d, { attrs: { label: "GET", value: "get" } }), t(d, { attrs: { label: "POST", value: "post" } })], 1)], 1), t(i, { attrs: { label: "分页" } }, [t(c, { model: { value: e.data.children.props.needPage, callback: function(a) {
-    e.$set(e.data.children.props, "needPage", a);
-  }, expression: "data.children.props.needPage" } })], 1), e.data.children.props.needPage ? t(i, { attrs: { label: "当前页" } }, [t(r, { attrs: { placeholder: "当前页", clearable: "" }, model: { value: e.data.children.props.currentPageKey, callback: function(a) {
-    e.$set(e.data.children.props, "currentPageKey", a);
-  }, expression: "data.children.props.currentPageKey" } })], 1) : e._e(), e.data.children.props.needPage ? t(i, { attrs: { label: "每页条数" } }, [t(r, { attrs: { placeholder: "每页条数", clearable: "" }, model: { value: e.data.children.props.pageSizeKey, callback: function(a) {
-    e.$set(e.data.children.props, "pageSizeKey", a);
-  }, expression: "data.children.props.pageSizeKey" } })], 1) : e._e(), e.data.children.props.needPage ? t(i, { attrs: { label: "总条数" } }, [t(r, { attrs: { placeholder: "总条数", clearable: "" }, model: { value: e.data.children.props.totalKey, callback: function(a) {
-    e.$set(e.data.children.props, "totalKey", a);
-  }, expression: "data.children.props.totalKey" } })], 1) : e._e(), e.data.children.props.needPage ? t(i, { attrs: { label: "列表" } }, [t(r, { attrs: { placeholder: "列表", clearable: "" }, model: { value: e.data.children.props.recordsKey, callback: function(a) {
-    e.$set(e.data.children.props, "recordsKey", a);
-  }, expression: "data.children.props.recordsKey" } })], 1) : e._e(), t(i, { attrs: { label: "返回层级" } }, [t(r, { attrs: { placeholder: "返回层级", clearable: "" }, model: { value: e.data.children.props.resKey, callback: function(a) {
-    e.$set(e.data.children.props, "resKey", a);
-  }, expression: "data.children.props.resKey" } })], 1), t(i, { attrs: { label: "自动生成" } }, [t(c, { model: { value: e.data.children.props.auto, callback: function(a) {
-    e.$set(e.data.children.props, "auto", a);
-  }, expression: "data.children.props.auto" } })], 1), t("div", { staticClass: "el-form--label-top" }, [t("div", { staticClass: "el-form-item" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [t(B, { attrs: { placement: "top-start", width: 200, trigger: "hover", content: "填写以上配置后会自动生成，若觉得生成的不对请自行修改或关闭自动生成" }, scopedSlots: e._u([{ key: "reference", fn: function() {
-    return [t($, { attrs: { href: "https://avuejs.com/form/form-input-table.html", underline: !1, target: "_blank" } }, [e._v(" onLoad： "), t("i", { staticClass: "el-icon-question" })])];
-  }, proxy: !0 }]) })], 1), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "200", "key-index": `table-onload-${e.data.prop}`, options: e.options }, model: { value: e.onLoad, callback: function(a) {
-    e.onLoad = a;
-  }, expression: "onLoad" } })], 1)]), t("div", { staticClass: "el-form-item" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("formatter：")]), t("div", { staticClass: "el-form-item__content" }, [t(g, { attrs: { height: "200", "key-index": `table-formatter-${e.data.prop}`, options: e.options }, model: { value: e.formatter, callback: function(a) {
-    e.formatter = a;
-  }, expression: "formatter" } })], 1)])]), t(Y, { ref: "column", attrs: { column: e.data.children.column }, on: { submit: e.handleColumn } })], 1);
-}, pa = [], ua = /* @__PURE__ */ h(
-  ca,
-  da,
-  pa,
-  !1,
-  null,
-  null
-);
-const ma = ua.exports, ha = ["year", "month", "week", "date", "datetime", "time", "daterange", "timerange", "datetimerange", "dates"], fa = {
-  name: "WidgetConfig",
-  components: {
-    ConfigCustom: Ae,
-    ConfigInput: Ie,
-    ConfigTextarea: Pe,
-    ConfigNumber: Ke,
-    ConfigDynamic: Ne,
-    ConfigSwitch: Ye,
-    ConfigRate: at,
-    ConfigSlider: ot,
-    ConfigColor: ut,
-    ConfigSelect: gt,
-    ConfigTree: $t,
-    ConfigDate: Ft,
-    ConfigUpload: Et,
-    ConfigUEditor: Rt,
-    ConfigMap: jt,
-    ConfigGroup: Gt,
-    ConfigArray: Xt,
-    ConfigTitle: la,
-    ConfigEvent: J,
-    ConfigTable: ma
-  },
-  props: {
-    data: Object,
-    defaultValues: Object
-  },
-  data() {
-    return {
-      fields: D,
-      collapse: ["1", "2", "3"],
-      validator: {
-        type: null,
-        required: null,
-        pattern: null,
-        length: null
-      }
-    };
-  },
-  computed: {
-    getComponent() {
-      const l = "config-", { type: e, component: t } = this.data;
-      if ((!e || t) && e !== "u-editor")
-        return `${l}custom`;
-      let a = "input";
-      return [void 0, "input", "password", "url"].includes(e) ? a = "input" : ha.includes(e) ? a = "date" : ["array", "img"].includes(e) ? a = "array" : ["tree", "cascader"].includes(e) ? a = "tree" : ["radio", "checkbox", "select"].includes(e) ? a = "select" : a = e, l + a;
-    }
-  },
-  watch: {
-    "data.required"(l) {
-      l ? this.validator.required = { required: !0, message: `${this.data.label}必须填写` } : this.validator.required = null, this.generateRule();
-    },
-    "data.pattern"(l) {
-      l ? this.validator.pattern = { pattern: new RegExp(l), message: `${this.data.label}格式不匹配` } : this.validator.pattern = null, this.generateRule();
-    }
-  },
-  methods: {
-    handleChangeType(l) {
-      if (!l) return;
-      let e;
-      for (const t of this.fields)
-        if (e = t.list.find((a) => a.type === l), e) break;
-      if (e)
-        for (const t in e)
-          e && Object.prototype.hasOwnProperty.call(e, t) && !["icon", "label", "span"].includes(t) && (this.data[t] = e[t]);
-    },
-    generateRule() {
-      const l = [];
-      Object.keys(this.validator).forEach((e) => {
-        this.validator[e] && l.push(this.validator[e]);
-      }), l.length === 0 ? delete this.data.rules : this.data.rules = l;
-    }
-  }
-};
-var ba = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "widget-config" }, [e.data && Object.keys(e.data).length > 0 ? t(I, { attrs: { "label-suffix": "：", "label-position": "left", "label-width": "90px", size: "small" } }, [t(ie, { model: { value: e.collapse, callback: function(a) {
-    e.collapse = a;
-  }, expression: "collapse" } }, [t(R, { attrs: { name: "1", title: "基本属性" } }, [e.data.type && !e.data.component ? t(i, { attrs: { label: "类型" } }, [t(b, { staticStyle: { width: "100%" }, attrs: { placeholder: "请选择类型" }, on: { change: e.handleChangeType }, model: { value: e.data.type, callback: function(a) {
-    e.$set(e.data, "type", a);
-  }, expression: "data.type" } }, e._l(e.fields, function(a) {
-    return t(se, { key: a.title, attrs: { label: a.title } }, e._l(a.list, function(s) {
-      return t(d, { key: s.type, attrs: { label: s.label, value: s.type } });
-    }), 1);
-  }), 1)], 1) : e._e(), t(i, { attrs: { label: "属性值" } }, [t(r, { attrs: { clearable: "", placeholder: "属性值" }, model: { value: e.data.prop, callback: function(a) {
-    e.$set(e.data, "prop", a);
-  }, expression: "data.prop" } })], 1), t(i, { attrs: { label: "标题" } }, [t(r, { attrs: { clearable: "", placeholder: "标题" }, model: { value: e.data.label, callback: function(a) {
-    e.$set(e.data, "label", a);
-  }, expression: "data.label" } })], 1), ["group", "dynamic", "title"].includes(e.data.type) ? e._e() : t(i, { attrs: { label: "标题宽度" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { min: 80, step: 10, "controls-position": "right", placeholder: "标签宽度" }, model: { value: e.data.labelWidth, callback: function(a) {
-    e.$set(e.data, "labelWidth", a);
-  }, expression: "data.labelWidth" } })], 1), e.data.subfield ? e._e() : t(i, { attrs: { label: "标签位置" } }, [t(b, { attrs: { placeholder: "标签位置", clearable: "" }, model: { value: e.data.labelPosition, callback: function(a) {
-    e.$set(e.data, "labelPosition", a);
-  }, expression: "data.labelPosition" } }, [t(d, { attrs: { label: "上", value: "top" } }), t(d, { attrs: { label: "左", value: "left" } }), t(d, { attrs: { label: "右", value: "right" } })], 1)], 1), e.data.subfield ? t(i, { attrs: { label: "宽度" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "宽度", min: 100 }, model: { value: e.data.width, callback: function(a) {
-    e.$set(e.data, "width", a);
-  }, expression: "data.width" } })], 1) : e._e(), !e.data.subfield && !["group"].includes(e.data.type) ? t(i, { attrs: { label: "表单栅格" } }, [t(f, { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "表单栅格", min: 2, max: 24 }, model: { value: e.data.span, callback: function(a) {
-    e.$set(e.data, "span", a);
-  }, expression: "data.span" } })], 1) : e._e(), ["cascader", "checkbox", "radio", "select", "tree", "upload", "img", "array", "slider", "timerange", "daterange", "datetimerange"].includes(
-    e.data.type
-  ) ? t(i, { attrs: { label: "数据类型" }, scopedSlots: e._u([{ key: "label", fn: function() {
-    return [t($, { attrs: { underline: !1, href: "https://avuejs.com/docs/datatype.html", target: "_blank" } }, [e._v(" 数据类型 "), t("i", { staticClass: "el-icon-question" })])];
-  }, proxy: !0 }], null, !1, 3051713203) }, [t(b, { attrs: { placeholder: "数据类型", clearable: "" }, model: { value: e.data.dataType, callback: function(a) {
-    e.$set(e.data, "dataType", a);
-  }, expression: "data.dataType" } }, [t(d, { attrs: { label: "String", value: "string" } }), t(d, { attrs: { label: "Number", value: "number" } }), t(d, { attrs: { label: "Array", value: "array" } })], 1)], 1) : e._e(), t(i, { attrs: { label: "字段提示" }, scopedSlots: e._u([{ key: "label", fn: function() {
-    return [t($, { attrs: { underline: !1, href: "https://avuejs.com/form/form-tip.html", target: "_blank" } }, [e._v(" 字段提示 "), t("i", { staticClass: "el-icon-question" })])];
-  }, proxy: !0 }], null, !1, 708991366) }, [t(r, { attrs: { clearable: "", placeholder: "字段提示" }, model: { value: e.data.tip, callback: function(a) {
-    e.$set(e.data, "tip", a);
-  }, expression: "data.tip" } })], 1), e.data.tip && !["upload"].includes(e.data.type) ? t(i, { attrs: { label: "字段提示位置", "label-width": "110px" } }, [t(b, { attrs: { placeholder: "字段提示位置", clearable: "" }, model: { value: e.data.tipPlacement, callback: function(a) {
-    e.$set(e.data, "tipPlacement", a);
-  }, expression: "data.tipPlacement" } }, [t(d, { attrs: { label: "上", value: "top" } }), t(d, { attrs: { label: "下", value: "bottom" } }), t(d, { attrs: { label: "左", value: "left" } }), t(d, { attrs: { label: "右", value: "right" } })], 1)], 1) : e._e(), t(i, { attrs: { label: "标题提示" }, scopedSlots: e._u([{ key: "label", fn: function() {
-    return [t($, { attrs: { underline: !1, href: "https://avuejs.com/form/form-tip.html", target: "_blank" } }, [e._v(" 标题提示 "), t("i", { staticClass: "el-icon-question" })])];
-  }, proxy: !0 }], null, !1, 1033131739) }, [t(r, { attrs: { clearable: "", placeholder: "标题提示" }, model: { value: e.data.labelTip, callback: function(a) {
-    e.$set(e.data, "labelTip", a);
-  }, expression: "data.labelTip" } })], 1), e.data.labelTip && !["upload"].includes(e.data.type) ? t(i, { attrs: { label: "标题提示位置", "label-width": "110px" } }, [t(b, { attrs: { placeholder: "标题提示位置", clearable: "" }, model: { value: e.data.labelTipPlacement, callback: function(a) {
-    e.$set(e.data, "labelTipPlacement", a);
-  }, expression: "data.labelTipPlacement" } }, [t(d, { attrs: { label: "上", value: "top" } }), t(d, { attrs: { label: "下", value: "bottom" } }), t(d, { attrs: { label: "左", value: "left" } }), t(d, { attrs: { label: "右", value: "right" } })], 1)], 1) : e._e(), ["color", "dynamic", "group", "ueditor", "upload", "map"].includes(e.data.type) ? e._e() : t(i, { attrs: { label: "默认值" } }, [e.defaultValues && e.defaultValues[e.data.type] ? [t(b, { attrs: { "allow-create": "", clearable: "", filterable: "", placeholder: "默认值" }, model: { value: e.data.value, callback: function(a) {
-    e.$set(e.data, "value", a);
-  }, expression: "data.value" } }, e._l(e.defaultValues[e.data.type], function(a) {
-    return t(d, { key: a.value, attrs: { label: a.label, value: a.value } });
-  }), 1)] : [t(r, { attrs: { clearable: "", placeholder: "默认值" }, model: { value: e.data.value, callback: function(a) {
-    e.$set(e.data, "value", a);
-  }, expression: "data.value" } })]], 2), t(i, { attrs: { label: "详情模式" } }, [t(c, { model: { value: e.data.detail, callback: function(a) {
-    e.$set(e.data, "detail", a);
-  }, expression: "data.detail" } })], 1), t(i, { attrs: { label: "是否只读" } }, [t(c, { model: { value: e.data.readonly, callback: function(a) {
-    e.$set(e.data, "readonly", a);
-  }, expression: "data.readonly" } })], 1), t(i, { attrs: { label: "是否禁用" } }, [t(c, { model: { value: e.data.disabled, callback: function(a) {
-    e.$set(e.data, "disabled", a);
-  }, expression: "data.disabled" } })], 1), t(i, { attrs: { label: "是否可见" } }, [t(c, { model: { value: e.data.display, callback: function(a) {
-    e.$set(e.data, "display", a);
-  }, expression: "data.display" } })], 1), t(i, { attrs: { label: "是否必填" } }, [t(c, { model: { value: e.data.required, callback: function(a) {
-    e.$set(e.data, "required", a);
-  }, expression: "data.required" } }), e.data.required ? t(r, { attrs: { placeholder: "正则表达式" }, model: { value: e.data.pattern, callback: function(a) {
-    e.$set(e.data, "pattern", a);
-  }, expression: "data.pattern" } }) : e._e()], 1)], 1), t(R, { attrs: { name: "2", title: "组件属性" } }, [t(e.getComponent, { tag: "Component", attrs: { data: e.data, "default-values": e.defaultValues } })], 1), ["group"].includes(e.data.type) ? e._e() : t(R, { attrs: { name: "3", title: "事件属性" } }, [t(J, { attrs: { data: e.data } })], 1)], 1)], 1) : [t(L, { staticStyle: { "margin-top": "100%" }, attrs: { desc: "拖拽字段进行配置" } })]], 2);
-}, ga = [], va = /* @__PURE__ */ h(
-  fa,
-  ba,
-  ga,
-  !1,
-  null,
-  null
-);
-const X = va.exports, _a = {
-  name: "WidgetFormItem",
-  components: { FyUEditor: () => import("../fy-u-editor/index.mjs") },
-  props: {
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    params: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  computed: {
-    vBind() {
-      const l = Object.assign(_(this.item), this.params, {
-        size: this.item.size || "small",
-        dic: this.item.dicData ? this.item.dicData.map((t) => {
-          if (!this.item.props) return t;
-          const { label: a, value: s, desc: n } = this.item.props;
-          return !a || !s ? t : {
-            [a]: t.label,
-            [s]: t.value,
-            [n]: t.desc
-          };
-        }) : void 0,
-        rules: this.item.pattern ? this.item.rules.map((t) => (t.pattern && (t.pattern = new RegExp(this.item.pattern)), t)) : this.item.rules
-      });
-      return ["change", "blur", "click", "focus"].forEach((t) => delete l[t]), l.event && delete l.event, l;
-    }
-  },
-  methods: {
-    getComponent(l, e) {
-      let a = "input";
-      return e || (["array", "img", "url"].includes(l) ? a = "array" : l === "select" ? a = "select" : l === "radio" ? a = "radio" : l === "checkbox" ? a = "checkbox" : ["time", "timerange"].includes(l) ? a = "time" : ["dates", "date", "datetime", "datetimerange", "daterange", "week", "month", "year"].includes(l) ? a = "date" : l === "cascader" ? a = "cascader" : l === "number" ? a = "input-number" : l === "password" ? a = "input" : l === "switch" ? a = "switch" : l === "rate" ? a = "rate" : l === "upload" ? a = "upload" : l === "slider" ? a = "slider" : l === "dynamic" ? a = "dynamic" : l === "icon" ? a = "input-icon" : l === "color" ? a = "input-color" : l === "map" && (a = "input-map"), "fy-" + a);
-    },
-    getPlaceholder(l) {
-      const e = l.label;
-      return [
-        "select",
-        "checkbox",
-        "radio",
-        "tree",
-        "color",
-        "dates",
-        "date",
-        "datetime",
-        "datetimerange",
-        "daterange",
-        "week",
-        "month",
-        "year",
-        "map",
-        "icon"
-      ].includes(l.type) ? `请选择 ${e}` : `请输入 ${e}`;
-    }
-  }
-};
-var ya = function() {
-  var e = this, t = e._self._c;
-  return t("div", [e.item.type === "title" ? t("div", { staticStyle: { "margin-left": "5px" }, style: e.item.styles }, [e._v(" " + e._s(e.item.value) + " ")]) : t(e.getComponent(e.item.type, e.item.component), e._b({ tag: "Component", attrs: { multiple: !1, placeholder: e.item.placeholder || e.getPlaceholder(e.item), value: ["time", "timerange", "checkbox"].includes(e.item.type) ? e.item.dicData : void 0 } }, "Component", e.vBind, !1), [e.params.html ? t("span", { domProps: { innerHTML: e._s(e.params.html) } }) : e._e()])], 1);
-}, xa = [], $a = /* @__PURE__ */ h(
-  _a,
-  ya,
-  xa,
-  !1,
-  null,
-  null
-);
-const O = $a.exports, ka = {
-  name: "WidgetFormTable",
-  components: { WidgetFormItem: O, Draggable: S },
-  props: {
-    data: Object,
-    column: Object,
-    select: Object,
-    index: Number
-  },
-  data() {
-    return {
-      selectWidget: this.select
-    };
-  },
-  watch: {
-    select(l) {
-      this.selectWidget = l;
-    },
-    selectWidget: {
-      handler(l) {
-        this.$emit("update:select", l);
-      },
-      deep: !0
-    }
-  },
-  methods: {
-    handleSelectWidget(l) {
-      this.selectWidget = this.data.column[l];
-    },
-    handleWidgetClear(l) {
-      this.data.column[l].children.column = [], this.selectWidget = this.data.column[l], this.$emit("change");
-    },
-    handleWidgetDelete(l) {
-      this.data.column.length - 1 === l ? l === 0 ? this.selectWidget = {} : this.handleSelectWidget(l - 1) : this.handleSelectWidget(l + 1), this.$nextTick(() => {
-        this.data.column.splice(l, 1), this.$emit("change");
-      });
-    },
-    handleWidgetCloneTable(l) {
-      const e = _(this.data.column[l]);
-      e.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, e.children.column.forEach((t) => {
-        t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`;
-      }), this.data.column.splice(l, 0, e), this.$nextTick(() => {
-        this.handleSelectWidget(l + 1), this.$emit("change");
-      });
-    },
-    handleWidgetTableAdd(l, e) {
-      let t = l.newIndex;
-      const a = l.item;
-      if (t === 1 && t > e.children.column.length - 1 && (t = 0), ["子表单", "富文本", "坐标拾取器", "分组"].includes(a.textContent)) {
-        e.children.column.splice(t, 1);
-        return;
-      }
-      const s = _(e.children.column[t]);
-      s.prop || (s.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), s.subfield = !0, delete s.icon, this.$set(e.children.column, t, { ...s }), this.selectWidget = e.children.column[t], this.$emit("change");
-    },
-    handleWidgetTableSelect(l) {
-      this.selectWidget = l;
-    },
-    handleWidgetTableClone(l, e) {
-      const t = _(e);
-      t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.$set(l.children.column, l.children.column.length, { ...t }), this.$nextTick(() => {
-        this.selectWidget = l.children.column[l.children.column.length - 1], this.$emit("change");
-      });
-    },
-    handleWidgetTableDelete(l, e) {
-      l.children.column.length - 1 === e ? e === 0 ? this.selectWidget = l : this.selectWidget = l.children.column[e - 1] : this.selectWidget = l.children.column[e + 1], this.$nextTick(() => {
-        l.children.column.splice(e, 1), this.$emit("change");
-      });
-    }
-  }
-};
-var Ca = function() {
-  var e = this, t = e._self._c;
-  return t("div", [t("h3", { directives: [{ name: "show", rawName: "v-show", value: e.column.label, expression: "column.label" }], staticStyle: { margin: "10px" } }, [e._v(" " + e._s(e.column.label) + " ")]), t("Draggable", { staticClass: "widget-form-table__content", attrs: { list: e.column.children.column, group: { name: "form" }, "ghost-class": "ghost", animation: 200, handle: ".widget-form-table__item" }, on: { add: function(a) {
-    return e.handleWidgetTableAdd(a, e.column);
-  }, end: function(a) {
-    return e.$emit("change");
-  } } }, [e.column.children.column.length > 0 ? e._l(e.column.children.column, function(a, s) {
-    return t("div", { key: s, staticClass: "widget-form-table__item", class: { active: e.selectWidget.prop === a.prop, required: a.required }, style: {
-      minWidth: a.width ? `${a.width}px` : "33.3%",
-      width: a.width ? `${a.width}px` : "33.3%"
-    }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableSelect(a);
-    } } }, [t(G, { attrs: { data: [a], border: "" } }, [t(C, { attrs: { prop: a.prop, label: a.label, align: e.column.children.align, "header-align": e.column.children.headerAlign } }, [t(O, { attrs: { item: a, params: e.column.params } }), e.selectWidget.prop === a.prop ? t(p, { staticClass: "widget-table-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableDelete(e.column, s);
-    } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === a.prop ? t(p, { staticClass: "widget-table-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableClone(e.column, a);
-    } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1)], 1)], 1);
-  }) : [t(L, { staticStyle: { width: "100%" }, attrs: { size: "50", desc: "拖拽字段至此" } })]], 2), e.selectWidget.prop === e.column.prop ? t(p, { staticClass: "widget-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(a) {
-    return a.stopPropagation(), e.handleWidgetDelete(e.index);
-  } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t(p, { staticClass: "widget-action-clear", attrs: { title: "清空", circle: "", plain: "", size: "small", type: "warning" }, on: { click: function(a) {
-    return a.stopPropagation(), e.handleWidgetClear(e.index);
-  } } }, [t("i", { staticClass: "iconfont icon-clear" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t(p, { staticClass: "widget-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(a) {
-    return a.stopPropagation(), e.handleWidgetCloneTable(e.index);
-  } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1);
-}, wa = [], Aa = /* @__PURE__ */ h(
-  ka,
-  Ca,
-  wa,
-  !1,
-  null,
-  null
-);
-const P = Aa.exports, Fa = {
-  name: "WidgetFormGroup",
-  components: { WidgetFormItem: O, WidgetFormTable: P, Draggable: S },
-  props: {
-    data: Object,
-    column: Object,
-    select: Object,
-    index: Number
-  },
-  data() {
-    return {
-      selectWidget: this.select
-    };
-  },
-  watch: {
-    select(l) {
-      this.selectWidget = l;
-    },
-    selectWidget: {
-      handler(l) {
-        this.$emit("update:select", l);
-      },
-      deep: !0
-    }
-  },
-  methods: {
-    handleSelectWidget(l) {
-      this.selectWidget = this.data.column[l];
-    },
-    handleWidgetClear(l) {
-      this.data.column[l].children.column = [], this.selectWidget = this.data.column[l], this.$emit("change");
-    },
-    handleWidgetDelete(l) {
-      this.data.column.length - 1 === l ? l === 0 ? this.selectWidget = {} : this.handleSelectWidget(l - 1) : this.handleSelectWidget(l + 1), this.$nextTick(() => {
-        this.data.column.splice(l, 1), this.$emit("change");
-      });
-    },
-    handleWidgetCloneTable(l) {
-      const e = _(this.data.column[l]);
-      e.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, e.children.column.forEach((t) => {
-        t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`;
-      }), this.data.column.splice(l, 0, e), this.$nextTick(() => {
-        this.handleSelectWidget(l + 1), this.$emit("change");
-      });
-    },
-    handleWidgetTableSelect(l) {
-      this.selectWidget = l;
-    },
-    handleWidgetTableClone(l, e) {
-      const t = _(e);
-      t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.$set(l.children.column, l.children.column.length, { ...t }), this.$nextTick(() => {
-        this.selectWidget = l.children.column[l.children.column.length - 1], this.$emit("change");
-      });
-    },
-    handleWidgetTableDelete(l, e) {
-      l.children.column.length - 1 === e ? e === 0 ? this.selectWidget = l : this.selectWidget = l.children.column[e - 1] : this.selectWidget = l.children.column[e + 1], this.$nextTick(() => {
-        l.children.column.splice(e, 1), this.$emit("change");
-      });
+      handler(l) {
+        this.list = l;
+      },
+      deep: !0,
+      immediate: !0
+    }
+  },
+  methods: {
+    handleSubmit() {
+      this.$emit("submit", p(this.list)), this.visible = !1;
     },
-    handleWidgetGroupAdd(l, e) {
-      let t = l.newIndex;
-      const a = l.item;
-      if (t === 1 && t > e.children.column.length - 1 && (t = 0), ["分组"].includes(a.textContent)) {
-        e.children.column.splice(t, 1);
-        return;
-      }
-      const s = _(e.children.column[t]);
-      s.prop || (s.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), delete s.icon, s.type === "dynamic" ? s.span = 24 : s.span = 12, this.$set(e.children.column, t, { ...s }), this.selectWidget = e.children.column[t], this.$emit("change");
+    handleDic(l) {
+      console.log(l), this.$message.error("暂未实现");
     }
   }
 };
-var Sa = function() {
+var Dt = function() {
   var e = this, t = e._self._c;
-  return t("div", [t("h4", { directives: [{ name: "show", rawName: "v-show", value: e.column.label, expression: "column.label" }], staticClass: "widget-form-group__head" }, [t("i", { directives: [{ name: "show", rawName: "v-show", value: e.column.icon, expression: "column.icon" }], class: e.column.icon, staticStyle: { "margin-right": "10px" } }), e._v(e._s(e.column.label) + " ")]), t("Draggable", { staticClass: "widget-form-group__body", attrs: { list: e.column.children.column, group: { name: "form" }, "ghost-class": "ghost", animation: 200 }, on: { add: function(a) {
-    return e.handleWidgetGroupAdd(a, e.column);
-  }, end: function(a) {
-    return e.$emit("change");
-  } } }, [e._l(e.column.children.column, function(a, s) {
-    return [a.type === "dynamic" ? t("div", { key: s, staticClass: "widget-form-table", class: { active: e.selectWidget.prop === a.prop }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableSelect(a);
-    } } }, [t(P, { attrs: { data: e.column.children, column: a, index: s, select: e.selectWidget }, on: { "update:select": function(n) {
-      e.selectWidget = n;
-    }, change: function(n) {
-      return e.$emit("change");
-    } } })], 1) : t(H, { key: s, attrs: { md: a.span || 12, xs: 24, offset: a.offset || 0 } }, [t(i, { staticClass: "widget-form-group__item", class: { active: e.selectWidget.prop === a.prop, required: a.required }, attrs: { label: a.label, prop: a.prop }, nativeOn: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableSelect(a);
-    } } }, [t(O, { attrs: { item: a, params: e.column.params } }), e.selectWidget.prop === a.prop ? t(p, { staticClass: "widget-form-group__item--delete", attrs: { title: "删除", circle: "", plain: "", type: "danger" }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableDelete(e.column, s);
-    } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === a.prop ? t(p, { staticClass: "widget-form-group__item--clone", attrs: { title: "复制", circle: "", plain: "", type: "primary" }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetTableClone(e.column, a);
-    } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1)], 1)];
-  })], 2), e.selectWidget.prop === e.column.prop ? t(p, { staticClass: "widget-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(a) {
-    return a.stopPropagation(), e.handleWidgetDelete(e.index);
-  } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t(p, { staticClass: "widget-action-clear", attrs: { title: "清空", circle: "", plain: "", size: "small", type: "warning" }, on: { click: function(a) {
-    return a.stopPropagation(), e.handleWidgetClear(e.index);
-  } } }, [t("i", { staticClass: "iconfont icon-clear" })]) : e._e(), e.selectWidget.prop === e.column.prop ? t(p, { staticClass: "widget-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(a) {
-    return a.stopPropagation(), e.handleWidgetCloneTable(e.index);
-  } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1);
-}, Oa = [], Wa = /* @__PURE__ */ h(
-  Fa,
-  Sa,
-  Oa,
+  return t("ElDrawer", { attrs: { visible: e.visible, size: "80%", "append-to-body": "" }, on: { "update:visible": function(a) {
+    e.visible = a;
+  } } }, [t("ElTable", { attrs: { data: e.list, border: "" } }, [t("ElTableColumn", { attrs: { align: "center", width: "60" }, scopedSlots: e._u([{ key: "header", fn: function() {
+    return [t("ElButton", { attrs: { icon: "el-icon-plus", type: "primary", circle: "", size: "mini" }, on: { click: function(a) {
+      return e.list.push({});
+    } } })];
+  }, proxy: !0 }, { key: "default", fn: function({ $index: a }) {
+    return [t("ElButton", { attrs: { icon: "el-icon-minus", type: "danger", circle: "", size: "mini" }, on: { click: function(i) {
+      return e.list.splice(a, 1);
+    } } })];
+  } }]) }), t("ElTableColumn", { attrs: { label: "字段名", prop: "label", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
+    return [t("ElInput", { attrs: { placeholder: "请输入 字段名" }, model: { value: a.label, callback: function(i) {
+      e.$set(a, "label", i);
+    }, expression: "row.label" } })];
+  } }]) }), t("ElTableColumn", { attrs: { label: "Prop", prop: "prop", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
+    return [t("ElInput", { attrs: { placeholder: "请输入 prop" }, model: { value: a.prop, callback: function(i) {
+      e.$set(a, "prop", i);
+    }, expression: "row.prop" } })];
+  } }]) }), t("ElTableColumn", { attrs: { label: "类型", prop: "type", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
+    return [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { placeholder: "请选择 类型", filterable: "" }, model: { value: a.type, callback: function(i) {
+      e.$set(a, "type", i);
+    }, expression: "row.type" } }, e._l(e.fields, function(i) {
+      return t("ElOption", { key: i.value, attrs: { label: i.value, value: i.value } });
+    }), 1)];
+  } }]) }), t("ElTableColumn", { attrs: { label: "搜索", prop: "search", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
+    return [t("ElSwitch", { model: { value: a.search, callback: function(i) {
+      e.$set(a, "search", i);
+    }, expression: "row.search" } })];
+  } }]) }), t("ElTableColumn", { attrs: { label: "操作", align: "center" }, scopedSlots: e._u([{ key: "default", fn: function({ row: a }) {
+    return [["select", "cascader", "tree", "radio", "checkbox"].includes(a.type) ? [t("ElButton", { attrs: { type: "text" }, on: { click: function(i) {
+      return e.handleDic(a);
+    } } }, [e._v(" 字典配置 ")])] : e._e()];
+  } }]) })], 1), t("span", { staticClass: "afd-drawer-foot" }, [t("ElButton", { attrs: { type: "primary" }, on: { click: e.handleSubmit } }, [e._v("确定")]), t("ElButton", { on: { click: function(a) {
+    e.visible = !1;
+  } } }, [e._v("取消")])], 1)], 1);
+}, Qt = [], Kt = /* @__PURE__ */ c(
+  Mt,
+  Dt,
+  Qt,
   !1,
   null,
   null
 );
-const Z = Wa.exports, Ia = {
-  name: "WidgetForm",
-  components: { Draggable: S, WidgetFormItem: O, WidgetFormTable: P, WidgetFormGroup: Z },
+const jt = Kt.exports, Nt = {
+  name: "ConfigTable",
+  components: { MonacoEditor: f, AfdColumn: jt },
   props: {
-    data: Object,
-    select: Object
+    data: Object
   },
   data() {
     return {
-      selectWidget: this.select,
-      form: {}
+      options: {
+        fullScreen: !0,
+        minimap: {
+          enabled: !1
+        }
+      },
+      onLoad: "",
+      formatter: ""
     };
   },
   watch: {
-    select(l) {
-      this.selectWidget = l;
+    "data.prop": {
+      handler() {
+        const { onLoad: l, formatter: e } = this.data;
+        this.onLoad = l ? `${l}` : "", this.formatter = e ? `${e}` : "";
+      },
+      immediate: !0
     },
-    selectWidget: {
+    "data.children.props": {
       handler(l) {
-        this.$emit("update:select", l);
+        this.handleOnLoad(l);
       },
       deep: !0
+    },
+    onLoad: {
+      handler(l) {
+        try {
+          this.data.onLoad = u(l);
+        } catch (e) {
+          console.error(e);
+        }
+      }
     }
   },
   methods: {
-    handleSelectWidget(l) {
-      this.selectWidget = this.data.column[l];
-    },
-    handleWidgetAdd(l) {
-      const e = l.newIndex, t = _(this.data.column[e]);
-      t.prop || (t.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`), delete t.icon, delete t.subfield, t.type === "title" && (delete t.label, this.form[t.prop] = t.value), this.$set(this.data.column, e, t), this.handleSelectWidget(e), this.$emit("change");
-    },
-    handleWidgetDelete(l) {
-      this.data.column.length - 1 === l ? l === 0 ? this.selectWidget = {} : this.handleSelectWidget(l - 1) : this.handleSelectWidget(l + 1), this.$nextTick(() => {
-        this.data.column.splice(l, 1), this.$emit("change");
-      });
+    handleColumn(l) {
+      this.data.children.column = l;
     },
-    handleWidgetClone(l) {
-      const e = _(this.data.column[l]);
-      e.prop = `a${Date.now()}${Math.ceil(Math.random() * 99999)}`, this.data.column.push(e), this.$nextTick(() => {
-        this.handleSelectWidget(this.data.column.length - 1), this.$emit("change");
-      });
+    handleOnLoad(l) {
+      const { url: e, method: t, needPage: a, currentPageKey: i, pageSizeKey: s, totalKey: o, recordsKey: r, resKey: n, auto: m } = l;
+      if (!m) return;
+      if (!e) {
+        this.onLoad = "(res, cb) => { }";
+        return;
+      }
+      let { props: d } = this.data;
+      d || (d = { label: "label", value: "value" });
+      const { value: h } = d, k = `(res, cb) => {
+        let { page, value, data } = res
+        if (!page) page = { currentPage: 1, pageSize: 10 }
+        const { currentPage, pageSize } = page
+        let params = { ...data, ${i || "current"}: currentPage, ${s || "page"}: pageSize }
+
+        if (value) params['${h}'] = value
+
+        if ('${t || "get"}' == 'get') params = { params: { ...params } }
+
+        this.$axios['${t}']('${e}', params).then(res => {
+          const response = this.getAsVal(res, '${n || "data.data"}')
+          if (!response) this.$message.error('未查询到数据或者返回层级配置错误')
+
+          let result = {}
+          if (${a}) {
+            const total = this.getAsVal(response, '${o || "total"}')
+            if (total || total == 0) {
+              result.total = total
+            } else {
+              this.$message.error('总条数配置错误')
+              return
+            }
+            const records = this.getAsVal(response, '${r || "records"}')
+            if (records) {
+              result.data = records
+            } else {
+              this.$message.error('列表配置错误')
+              return
+            }
+          } else result = { total: response.length, data: response }
+
+          if (value) {
+            const records = result.data
+            if (records && records.length > 0) cb(records[0])
+            else this.$message.error('根据${h}: ' + value + ' 查询不到结果')
+          } else cb(result)
+        })
+      }`;
+      this.onLoad = k;
     }
   }
 };
-var Ea = function() {
+var Vt = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "widget-form-container" }, [t(I, { ref: "widgetForm", attrs: { "label-position": e.data.labelPosition || "left", "label-width": e.data.labelWidth ? `${e.data.labelWidth}px` : "100px", "label-suffix": e.data.labelSuffix, model: e.form, size: "small" } }, [t(de, { attrs: { gutter: e.data.gutter } }, [t("Draggable", { staticClass: "widget-form-list", attrs: { list: e.data.column, group: { name: "form" }, "ghost-class": "ghost", animation: 300 }, on: { add: e.handleWidgetAdd, end: function(a) {
-    return e.$emit("change");
-  } } }, [e._l(e.data.column, function(a, s) {
-    return [a.type === "dynamic" ? t("div", { key: s, staticClass: "widget-form-table", class: { active: e.selectWidget.prop === a.prop }, on: { click: function(n) {
-      return e.handleSelectWidget(s);
-    } } }, [t(P, { attrs: { data: e.data, column: a, index: s, select: e.selectWidget }, on: { "update:select": function(n) {
-      e.selectWidget = n;
-    }, change: function(n) {
-      return e.$emit("change");
-    } } })], 1) : a.type === "group" ? t("div", { key: s, staticClass: "widget-form-group", class: { active: e.selectWidget.prop === a.prop }, on: { click: function(n) {
-      return e.handleSelectWidget(s);
-    } } }, [t(Z, { attrs: { data: e.data, column: a, index: s, select: e.selectWidget }, on: { "update:select": function(n) {
-      e.selectWidget = n;
-    }, change: function(n) {
-      return e.$emit("change");
-    } } })], 1) : t(H, { key: s, attrs: { md: a.span || 12, xs: 24, offset: a.offset || 0 } }, [t(i, { staticClass: "widget-form-item", class: [{ active: e.selectWidget.prop === a.prop, required: a.required }, `avue-form__item--${a.labelPosition}` || ""], attrs: { label: a.label, "label-width": a.labelWidth && `${a.labelWidth}px`, prop: a.prop }, nativeOn: { click: function(n) {
-      return e.handleSelectWidget(s);
-    } } }, [t(O, { attrs: { item: a, params: a.params } }), e.selectWidget.prop === a.prop ? t(p, { staticClass: "widget-action-delete", attrs: { title: "删除", circle: "", plain: "", size: "small", type: "danger" }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetDelete(s);
-    } } }, [t("i", { staticClass: "iconfont icon-delete" })]) : e._e(), e.selectWidget.prop === a.prop ? t(p, { staticClass: "widget-action-clone", attrs: { title: "复制", circle: "", plain: "", size: "small", type: "primary" }, on: { click: function(n) {
-      return n.stopPropagation(), e.handleWidgetClone(s);
-    } } }, [t("i", { staticClass: "iconfont icon-copy" })]) : e._e()], 1)], 1)];
-  })], 2)], 1)], 1)], 1);
-}, Ba = [], Ta = /* @__PURE__ */ h(
-  Ia,
-  Ea,
-  Ba,
+  return t("div", [t("ElFormItem", { attrs: { label: "字段配置" } }, [t("ElButton", { attrs: { type: "primary", size: "small" }, on: { click: function(a) {
+    e.$refs.column.visible = !0;
+  } } }, [e._v(" 字段配置 ")])], 1), t("ElFormItem", { attrs: { label: "边框" } }, [t("ElSwitch", { model: { value: e.data.children.border, callback: function(a) {
+    e.$set(e.data.children, "border", a);
+  }, expression: "data.children.border" } })], 1), t("ElFormItem", { attrs: { label: "label" } }, [t("ElInput", { attrs: { placeholder: "label", clearable: "" }, model: { value: e.data.props.label, callback: function(a) {
+    e.$set(e.data.props, "label", a);
+  }, expression: "data.props.label" } })], 1), t("ElFormItem", { attrs: { label: "value" } }, [t("ElInput", { attrs: { placeholder: "value", clearable: "" }, model: { value: e.data.props.value, callback: function(a) {
+    e.$set(e.data.props, "value", a);
+  }, expression: "data.props.value" } })], 1), t("ElFormItem", { attrs: { label: "请求地址" } }, [t("ElInput", { attrs: { type: "textarea", placeholder: "请求地址", autosize: "" }, model: { value: e.data.children.props.url, callback: function(a) {
+    e.$set(e.data.children.props, "url", a);
+  }, expression: "data.children.props.url" } })], 1), t("ElFormItem", { attrs: { label: "请求方法" } }, [t("ElSelect", { attrs: { placeholder: "请求方法", clearable: "" }, model: { value: e.data.children.props.method, callback: function(a) {
+    e.$set(e.data.children.props, "method", a);
+  }, expression: "data.children.props.method" } }, [t("ElOption", { attrs: { label: "GET", value: "get" } }), t("ElOption", { attrs: { label: "POST", value: "post" } })], 1)], 1), t("ElFormItem", { attrs: { label: "分页" } }, [t("ElSwitch", { model: { value: e.data.children.props.needPage, callback: function(a) {
+    e.$set(e.data.children.props, "needPage", a);
+  }, expression: "data.children.props.needPage" } })], 1), e.data.children.props.needPage ? t("ElFormItem", { attrs: { label: "当前页" } }, [t("ElInput", { attrs: { placeholder: "当前页", clearable: "" }, model: { value: e.data.children.props.currentPageKey, callback: function(a) {
+    e.$set(e.data.children.props, "currentPageKey", a);
+  }, expression: "data.children.props.currentPageKey" } })], 1) : e._e(), e.data.children.props.needPage ? t("ElFormItem", { attrs: { label: "每页条数" } }, [t("ElInput", { attrs: { placeholder: "每页条数", clearable: "" }, model: { value: e.data.children.props.pageSizeKey, callback: function(a) {
+    e.$set(e.data.children.props, "pageSizeKey", a);
+  }, expression: "data.children.props.pageSizeKey" } })], 1) : e._e(), e.data.children.props.needPage ? t("ElFormItem", { attrs: { label: "总条数" } }, [t("ElInput", { attrs: { placeholder: "总条数", clearable: "" }, model: { value: e.data.children.props.totalKey, callback: function(a) {
+    e.$set(e.data.children.props, "totalKey", a);
+  }, expression: "data.children.props.totalKey" } })], 1) : e._e(), e.data.children.props.needPage ? t("ElFormItem", { attrs: { label: "列表" } }, [t("ElInput", { attrs: { placeholder: "列表", clearable: "" }, model: { value: e.data.children.props.recordsKey, callback: function(a) {
+    e.$set(e.data.children.props, "recordsKey", a);
+  }, expression: "data.children.props.recordsKey" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "返回层级" } }, [t("ElInput", { attrs: { placeholder: "返回层级", clearable: "" }, model: { value: e.data.children.props.resKey, callback: function(a) {
+    e.$set(e.data.children.props, "resKey", a);
+  }, expression: "data.children.props.resKey" } })], 1), t("ElFormItem", { attrs: { label: "自动生成" } }, [t("ElSwitch", { model: { value: e.data.children.props.auto, callback: function(a) {
+    e.$set(e.data.children.props, "auto", a);
+  }, expression: "data.children.props.auto" } })], 1), t("div", { staticClass: "el-form--label-top" }, [t("div", { staticClass: "el-form-item" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [t("ElPopover", { attrs: { placement: "top-start", width: 200, trigger: "hover", content: "填写以上配置后会自动生成，若觉得生成的不对请自行修改或关闭自动生成" }, scopedSlots: e._u([{ key: "reference", fn: function() {
+    return [t("ElLink", { attrs: { href: "https://avuejs.com/form/form-input-table.html", underline: !1, target: "_blank" } }, [e._v(" onLoad： "), t("i", { staticClass: "el-icon-question" })])];
+  }, proxy: !0 }]) })], 1), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "200", "key-index": `table-onload-${e.data.prop}`, options: e.options }, model: { value: e.onLoad, callback: function(a) {
+    e.onLoad = a;
+  }, expression: "onLoad" } })], 1)]), t("div", { staticClass: "el-form-item" }, [t("label", { staticClass: "el-form-item__label", staticStyle: { padding: "0" } }, [e._v("formatter：")]), t("div", { staticClass: "el-form-item__content" }, [t("MonacoEditor", { attrs: { height: "200", "key-index": `table-formatter-${e.data.prop}`, options: e.options }, model: { value: e.formatter, callback: function(a) {
+    e.formatter = a;
+  }, expression: "formatter" } })], 1)])]), t("AfdColumn", { ref: "column", attrs: { column: e.data.children.column }, on: { submit: e.handleColumn } })], 1);
+}, qt = [], Lt = /* @__PURE__ */ c(
+  Nt,
+  Vt,
+  qt,
   !1,
   null,
   null
 );
-const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAAADXCAYAAACAszPmAAAAAXNSR0IArs4c6QAADXRJREFUeAHt3cuLZGcZB+BvLk2PM0ZxFMdJXEQCYRIialrUmPgXuM0qkI3GnVl4ScBtUEFFXOhCEBQ3oiDi36BGkWQ0gpgIZgK59EhIxhBn0nMfz+nqwq6e6upT019933vqPAVxuuty3vc8b/fPU3UufWB9ff1GciNAgMDABQ6363/y5MmBM8y3+mfPnmU2H5lnEwgt0P5OHwzdoeYIECBQSEAYFoJWhgCB2ALCMPZ8dEeAQCEBYVgIWhkCBGILCMPY89EdAQKFBIRhIWhlCBCILbB5aE3sFnVHgEAtgfaQk0Xddh7St6haO+vstj4zw/DPr26knz/3dnrr4vXN199/cjV9/cHjm19/9w/n0nP/vjSx3I9/aDU9+VA/Hv/e0+fSX89O9v/J21fTVz876n9ixeb4ZlEDnaOFqU/t+gMx9cXuJDAAgZlvk3/6l/8HYWtx9frynKxy/vIo4LfP+Nn1S+nbv3tz+12+JkBgIAIH2tPxdttqeOTXo03kb306pZUmNg/NjM5+ibW5/s7VyZ6feiala839v3h49hk57dbfbma2DCdNfddvgUX+PO/8HVpUrZ11pk2krT3zbfL4RW0ILlMQtut18EBK714Zr6F/CRAYusDMMPxE8xnhlWZTaeXg5aE7WX8CBJZcYGYYPrG1s2RRm69Lbmv1CBDokcDMMOzRemRp9f7bj6RrS7STKAuKhRAYiMDMMGwPn2lvj941DI2vPPC+YayotSRA4CaBmfuH2+MIdx5LeNMS3EGAAIElEJi5ZbgE6zfXKoy3hMcHjs/14q0nd9mNfyvL9RoCBBYrIAy3+doK3obhSwIDE5j5NnlgFlaXAIEBC8zcMmzPNR7dJs/hjer13Bsp/fZMSv+9Murw3mZ/yBfvHX39k3+k9MJ/Jju/p3n8sW2Pjx8dn3kz+1zrs2n24ynr49POpX7gw0fS45+x02c8N//mFyj5sU/JWtOkZobh+LOzvhxn+JsXU7qw7RS79tS6Zbmdv3TzudR/evViOv/7N9M3Pvf+ZVlN60GgmsDMc5PHXfUlDL/29Kjjpz6V0pFDy3UK4bRzqb/5bEpXmozc61zq8Rz9S4DAdIE9z03+TnOc4eHmU8VHPjJ9AVHvPdScd+xc6qjT0ReBmAIzd6D8rT3OcMc1/2Kuxqir9jPCu97TbBXOfPMfeQ30RoBALYGlio3xzpJamOoSINBfgZlh+MFjh9LrF66lJ/84WsGPNXuX+3Cl6758xrnfH5v2XOrLy7SXaL8gXk9gHwIzw/Cx+9+bfvzsW+ncxmhPZvTfuxfPXUntWSRDOZf6oZXmOKLmmowvvPB6uuOOOzZ/DF577bV04cKFiR+JY8eOeZzPIH4+XnnllbSxsTHx87+2tjbx/W7fzAzD+06sph99/sTU144Pu5n6YHNnjcfb4wPbs0iGEoa72bufwFAFVlZW0tWro+PrrlzZOuC4I0anQ2s6Lqv608YHS3//weqtFGngZ/9sjh9qbo+vvatIPUUI9EngpZdeSm0gdtky3PPQmj6t+BB7/fsb14a42taZQCeBo0ePpsuXu1+lf+bb5HHFoeyQGK+vfwkQ6L/AiRPTP+Lbbc06heFuL452/ymn6UYbiX4I9EZgqcLwS1sXXeiNvkYJEFiYQHtkRXs7depUpxpLFYad1niJnnTfBw6l5sxDNwIEpgjsPMRsylMm7lqqMGwv09XehrKFaC/yaN7+l0AOgaUKw53XK8wBZBkECAxDYOaFGoZB0N+1/MEzG6n9z40Agf0LLNWW4fHmwtznmotyP7F1LnV7Jesv3DNC6nKl651blvu9kvVHm8/0vrx1QPQPT2+knccFzvP4r56/lJ5/c9uVa5vVOtucN378iE8N9/9rYAnLKNCehjrPbanC8OHm7zv/8l8pvb11nGXtc6kvXrzYzCLP2SHr56834Td56e4TRw+kR+87Ms+8PZfAYATG5+t3XeFOp+MN5aDrrn+DofXY67mnT5/enMHdd9/ddRaeR4DAAgRuu+22PZfa/k77zHBPJk8gQKCPAu1xhuNjDbv0v1Rvk7ussOcQIDAMgXmPM7RlOIyfC2tJgMAeArYM9wC61Yfn3ZN1q3W8jgCBPALCMI/jTUuZd0/WTQtwBwECRQWEYVFuxQgQKCUw77szYbigyYz3YtlCXBCwxRLYQ2De3z1huAforT48756sW63jdQQI5BHoFIZ7HWCcpxVLIUCAQD6B8bsz1zPMZ2pJBAj0UGDed2eOM+zhkLVMgEB+gU5vk/OXXf4lzrsna/lFrCGB2ALCcEHzmXdP1oLasFgCBDoKCMOOUJ5GgEC/BOZ9d9YpDF3Ca/4fgjNnzqTV1dXNS30dPOij2fkFvYLA/gTmfXfWKQz319IwX339+vXU7s16+eWX05133rmJ0O7q37mHq/1/r/HQPM7Hz8eFicCY5/djfX39pt+vGzdupLW1tYll7vaNMNxNJtP9KysrmZZkMQQIzBJog6/9b/vt8OHuEedK19vkuh5c3uVK19sW60sCBIILuNJ18AFpjwCBcgI+2S9nrRIBAoEFhGHg4WiNAIFyAsKwnLVKBAgEFhCGgYejNQIEygkIw3LWKhEgEFhAGAYejtYIECgnIAzLWatEgEBgAWEYeDhaI0CgnIAwLGetEgECgQWEYeDhaI0AgXICnc5i7nrObrm2VSJAgEBeAVuGeT0tjQCBngoIw54OTtsECOQVEIZ5PS2NAIGeCgjDng5O2wQI5BXotAPF30DJi25pBAjEE7BlGG8mOiJAoIKAMKyAriQBAvEEhGG8meiIAIEKAsKwArqSBAjEExCG8WaiIwIEKggIwwroShIgEE9AGMabiY4IEKggIAwroCtJgEA8AWEYbyY6IkCggoAwrICuJAEC8QSEYbyZ6IgAgQoCwrACupIECMQTEIbxZqIjAgQqCAjDCuhKEiAQT0AYxpuJjggQqCAgDCugK0mAQDyBThd39dfx4g1ORwQI5BWwZZjX09IIEOipgDDs6eC0TYBAXgFhmNfT0ggQ6KmAMOzp4LRNgEBegU47UPx1vLzolkaAQDwBW4bxZqIjAgQqCAjDCuhKEiAQT0AYxpuJjggQqCAgDCugK0mAQDwBYRhvJjoiQKCCgDCsgK4kAQLxBIRhvJnoiACBCgLCsAK6kgQIxBMQhvFmoiMCBCoICMMK6EoSIBBPQBjGm4mOCBCoICAMK6ArSYBAPAFhGG8mOiJAoIKAMKyAriQBAvEEhGG8meiIAIEKAsKwArqSBAjEE+h0cVd/HS/e4HREgEBeAVuGeT0tjQCBngoIw54OTtsECOQVEIZ5PS2NAIGeCgjDng5O2wQI5BXotAPFX8fLi25pBAjEE7BlGG8mOiJAoIKAMKyAriQBAvEEhGG8meiIAIEKAsKwArqSBAjEExCG8WaiIwIEKggIwwroShIgEE9AGMabiY4IEKggIAwroCtJgEA8AWEYbyY6IkCggoAwrICuJAEC8QSEYbyZ6IgAgQoCwrACupIECMQTEIbxZqIjAgQqCAjDCuhKEiAQT0AYxpuJjggQqCDQ6XqG/iBUhckoSYBAUQFbhkW5FSNAIKqAMIw6GX0RIFBUQBgW5VaMAIGoAsIw6mT0RYBAUQFhWJRbMQIEogp02pvsr+NFHZ++CBDIJWDLMJek5RAg0GsBYdjr8WmeAIFcAsIwl6TlECDQawFh2OvxaZ4AgVwCwjCXpOUQINBrAWHY6/FpngCBXALCMJek5RAg0GsBYdjr8WmeAIFcAsIwl6TlECDQawFh2OvxaZ4AgVwCwjCXpOUQINBrAWHY6/FpngCBXALCMJek5RAg0GsBYdjr8WmeAIFcAp0u4eUPQuXithwCBKIK2DKMOhl9ESBQVEAYFuVWjACBqALCMOpk9EWAQFEBYViUWzECBKIKCMOok9EXAQJFBYRhUW7FCBCIKiAMo05GXwQIFBUQhkW5FSNAIKqAMIw6GX0RIFBUQBgW5VaMAIGoAsIw6mT0RYBAUQFhWJRbMQIEogoIw6iT0RcBAkUFhGFRbsUIEIgqIAyjTkZfBAgUFRCGRbkVI0AgqoAwjDoZfREgUFRAGBblVowAgagCwjDqZPRFgEBRAWFYlFsxAgSiCgjDqJPRFwECRQWEYVFuxQgQiCogDKNORl8ECBQVEIZFuRUjQCCqgDCMOhl9ESBQVEAYFuVWjACBqALCMOpk9EWAQFEBYViUWzECBKIKCMOok9EXAQJFBYRhUW7FCBCIKiAMo05GXwQIFBUQhkW5FSNAIKqAMIw6GX0RIFBUQBgW5VaMAIGoAsIw6mT0RYBAUQFhWJRbMQIEogoIw6iT0RcBAkUFhGFRbsUIEIgqIAyjTkZfBAgUFRCGRbkVI0AgqoAwjDoZfREgUFRAGBblVowAgagCwjDqZPRFgEBRAWFYlFsxAgSiCgjDqJPRFwECRQWEYVFuxQgQiCogDKNORl8ECBQVEIZFuRUjQCCqgDCMOhl9ESBQVEAYFuVWjACBqALCMOpk9EWAQFEBYViUWzECBKIKCMOok9EXAQJFBYRhUW7FCBCIKiAMo05GXwQIFBUQhkW5FSNAIKqAMIw6GX0RIFBU4H8RUTV123y9kQAAAABJRU5ErkJggg==", Pa = (l) => new Function(`return ${l}`)(), Ra = {
+const Gt = Lt.exports, Ht = ["year", "month", "week", "date", "datetime", "time", "daterange", "timerange", "datetimerange", "dates"], Ut = {
+  name: "WidgetConfig",
+  components: {
+    ConfigCustom: ee,
+    ConfigInput: se,
+    ConfigTextarea: de,
+    ConfigNumber: fe,
+    ConfigDynamic: ye,
+    ConfigSwitch: Ce,
+    ConfigRate: Ae,
+    ConfigSlider: ze,
+    ConfigColor: Qe,
+    ConfigSelect: qe,
+    ConfigTree: Je,
+    ConfigDate: tt,
+    ConfigUpload: ot,
+    ConfigUEditor: pt,
+    ConfigMap: bt,
+    ConfigGroup: Et,
+    ConfigArray: wt,
+    ConfigTitle: Ot,
+    ConfigEvent: Rt,
+    ConfigTable: Gt
+  },
+  props: {
+    data: Object,
+    defaultValues: Object
+  },
   data() {
     return {
-      historySteps: {
-        index: 0,
-        maxStep: 20,
-        steps: [],
-        storage: !1
+      fields: _,
+      collapse: ["1", "2", "3"],
+      validator: {
+        type: null,
+        required: null,
+        pattern: null,
+        length: null
       }
     };
   },
+  computed: {
+    getComponent() {
+      const l = "config-", { type: e, component: t } = this.data;
+      if ((!e || t) && e !== "u-editor")
+        return `${l}custom`;
+      let a = "input";
+      return [void 0, "input", "password", "url"].includes(e) ? a = "input" : Ht.includes(e) ? a = "date" : ["array", "img"].includes(e) ? a = "array" : ["tree", "cascader"].includes(e) ? a = "tree" : ["radio", "checkbox", "select"].includes(e) ? a = "select" : a = e, l + a;
+    }
+  },
   watch: {
-    historySteps: {
-      handler(l) {
-        l.storage ? localStorage.setItem("avue-form-history", T(l)) : localStorage.removeItem("avue-form-history");
-      },
-      deep: !0
+    "data.required"(l) {
+      l ? this.validator.required = { required: !0, message: `${this.data.label}必须填写` } : this.validator.required = null, this.generateRule();
+    },
+    "data.pattern"(l) {
+      l ? this.validator.pattern = { pattern: new RegExp(l), message: `${this.data.label}格式不匹配` } : this.validator.pattern = null, this.generateRule();
     }
   },
   methods: {
-    initHistory(l) {
-      if (l.storage) {
-        const a = localStorage.getItem("avue-form-history");
-        if (a) {
-          this.historySteps = Pa(a);
-          const { index: s, steps: n } = this.historySteps;
-          return W(n[s]);
-        }
-      }
-      this.historySteps = {
-        ...this.historySteps,
-        ...l
-      };
-      const { index: e, steps: t } = this.historySteps;
-      return W(t[e]);
-    },
-    handleHistoryChange(l) {
-      this.historySteps.index === this.historySteps.maxStep - 1 ? this.historySteps.steps.shift() : this.historySteps.index++, this.historySteps.steps[this.historySteps.index] = W(l), this.historySteps.index < this.historySteps.steps.length - 1 && (this.historySteps.steps = this.historySteps.steps.slice(0, this.historySteps.index + 1));
-    },
-    handleUndo() {
-      return this.historySteps.index !== 0 && this.historySteps.index--, W(this.historySteps.steps[this.historySteps.index]);
+    handleChangeType(l) {
+      if (!l) return;
+      let e;
+      for (const t of this.fields)
+        if (e = t.list.find((a) => a.type === l), e) break;
+      if (e)
+        for (const t in e)
+          e && Object.prototype.hasOwnProperty.call(e, t) && !["icon", "label", "span"].includes(t) && (this.data[t] = e[t]);
     },
-    handleRedo() {
-      return this.historySteps.index !== this.historySteps.steps.length - 1 && this.historySteps.index++, W(this.historySteps.steps[this.historySteps.index]);
+    generateRule() {
+      const l = [];
+      Object.keys(this.validator).forEach((e) => {
+        this.validator[e] && l.push(this.validator[e]);
+      }), l.length === 0 ? delete this.data.rules : this.data.rules = l;
     }
   }
-}, Da = {
+};
+var Jt = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "widget-config" }, [e.data && Object.keys(e.data).length > 0 ? t("ElForm", { attrs: { "label-suffix": "：", "label-position": "left", "label-width": "90px", size: "small" } }, [t("ElCollapse", { model: { value: e.collapse, callback: function(a) {
+    e.collapse = a;
+  }, expression: "collapse" } }, [t("ElCollapseItem", { attrs: { name: "1", title: "基本属性" } }, [e.data.type && !e.data.component ? t("ElFormItem", { attrs: { label: "类型" } }, [t("ElSelect", { staticStyle: { width: "100%" }, attrs: { placeholder: "请选择类型" }, on: { change: e.handleChangeType }, model: { value: e.data.type, callback: function(a) {
+    e.$set(e.data, "type", a);
+  }, expression: "data.type" } }, e._l(e.fields, function(a) {
+    return t("ElOptionGroup", { key: a.title, attrs: { label: a.title } }, e._l(a.list, function(i) {
+      return t("ElOption", { key: i.type, attrs: { label: i.label, value: i.type } });
+    }), 1);
+  }), 1)], 1) : e._e(), t("ElFormItem", { attrs: { label: "属性值" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "属性值" }, model: { value: e.data.prop, callback: function(a) {
+    e.$set(e.data, "prop", a);
+  }, expression: "data.prop" } })], 1), t("ElFormItem", { attrs: { label: "标题" } }, [t("ElInput", { attrs: { clearable: "", placeholder: "标题" }, model: { value: e.data.label, callback: function(a) {
+    e.$set(e.data, "label", a);
+  }, expression: "data.label" } })], 1), ["group", "dynamic", "title"].includes(e.data.type) ? e._e() : t("ElFormItem", { attrs: { label: "标题宽度" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { min: 80, step: 10, "controls-position": "right", placeholder: "标签宽度" }, model: { value: e.data.labelWidth, callback: function(a) {
+    e.$set(e.data, "labelWidth", a);
+  }, expression: "data.labelWidth" } })], 1), e.data.subfield ? e._e() : t("ElFormItem", { attrs: { label: "标签位置" } }, [t("ElSelect", { attrs: { placeholder: "标签位置", clearable: "" }, model: { value: e.data.labelPosition, callback: function(a) {
+    e.$set(e.data, "labelPosition", a);
+  }, expression: "data.labelPosition" } }, [t("ElOption", { attrs: { label: "上", value: "top" } }), t("ElOption", { attrs: { label: "左", value: "left" } }), t("ElOption", { attrs: { label: "右", value: "right" } })], 1)], 1), e.data.subfield ? t("ElFormItem", { attrs: { label: "宽度" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "宽度", min: 100 }, model: { value: e.data.width, callback: function(a) {
+    e.$set(e.data, "width", a);
+  }, expression: "data.width" } })], 1) : e._e(), !e.data.subfield && !["group"].includes(e.data.type) ? t("ElFormItem", { attrs: { label: "表单栅格" } }, [t("ElInputNumber", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", placeholder: "表单栅格", min: 2, max: 24 }, model: { value: e.data.span, callback: function(a) {
+    e.$set(e.data, "span", a);
+  }, expression: "data.span" } })], 1) : e._e(), ["cascader", "checkbox", "radio", "select", "tree", "upload", "img", "array", "slider", "timerange", "daterange", "datetimerange"].includes(
+    e.data.type
+  ) ? t("ElFormItem", { attrs: { label: "数据类型" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/docs/datatype.html", target: "_blank" } }, [e._v(" 数据类型 "), t("i", { staticClass: "el-icon-question" })])];
+  }, proxy: !0 }], null, !1, 3051713203) }, [t("ElSelect", { attrs: { placeholder: "数据类型", clearable: "" }, model: { value: e.data.dataType, callback: function(a) {
+    e.$set(e.data, "dataType", a);
+  }, expression: "data.dataType" } }, [t("ElOption", { attrs: { label: "String", value: "string" } }), t("ElOption", { attrs: { label: "Number", value: "number" } }), t("ElOption", { attrs: { label: "Array", value: "array" } })], 1)], 1) : e._e(), t("ElFormItem", { attrs: { label: "字段提示" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/form/form-tip.html", target: "_blank" } }, [e._v(" 字段提示 "), t("i", { staticClass: "el-icon-question" })])];
+  }, proxy: !0 }], null, !1, 708991366) }, [t("ElInput", { attrs: { clearable: "", placeholder: "字段提示" }, model: { value: e.data.tip, callback: function(a) {
+    e.$set(e.data, "tip", a);
+  }, expression: "data.tip" } })], 1), e.data.tip && !["upload"].includes(e.data.type) ? t("ElFormItem", { attrs: { label: "字段提示位置", "label-width": "110px" } }, [t("ElSelect", { attrs: { placeholder: "字段提示位置", clearable: "" }, model: { value: e.data.tipPlacement, callback: function(a) {
+    e.$set(e.data, "tipPlacement", a);
+  }, expression: "data.tipPlacement" } }, [t("ElOption", { attrs: { label: "上", value: "top" } }), t("ElOption", { attrs: { label: "下", value: "bottom" } }), t("ElOption", { attrs: { label: "左", value: "left" } }), t("ElOption", { attrs: { label: "右", value: "right" } })], 1)], 1) : e._e(), t("ElFormItem", { attrs: { label: "标题提示" }, scopedSlots: e._u([{ key: "label", fn: function() {
+    return [t("ElLink", { attrs: { underline: !1, href: "https://avuejs.com/form/form-tip.html", target: "_blank" } }, [e._v(" 标题提示 "), t("i", { staticClass: "el-icon-question" })])];
+  }, proxy: !0 }], null, !1, 1033131739) }, [t("ElInput", { attrs: { clearable: "", placeholder: "标题提示" }, model: { value: e.data.labelTip, callback: function(a) {
+    e.$set(e.data, "labelTip", a);
+  }, expression: "data.labelTip" } })], 1), e.data.labelTip && !["upload"].includes(e.data.type) ? t("ElFormItem", { attrs: { label: "标题提示位置", "label-width": "110px" } }, [t("ElSelect", { attrs: { placeholder: "标题提示位置", clearable: "" }, model: { value: e.data.labelTipPlacement, callback: function(a) {
+    e.$set(e.data, "labelTipPlacement", a);
+  }, expression: "data.labelTipPlacement" } }, [t("ElOption", { attrs: { label: "上", value: "top" } }), t("ElOption", { attrs: { label: "下", value: "bottom" } }), t("ElOption", { attrs: { label: "左", value: "left" } }), t("ElOption", { attrs: { label: "右", value: "right" } })], 1)], 1) : e._e(), ["color", "dynamic", "group", "ueditor", "upload", "map"].includes(e.data.type) ? e._e() : t("ElFormItem", { attrs: { label: "默认值" } }, [e.defaultValues && e.defaultValues[e.data.type] ? [t("ElSelect", { attrs: { "allow-create": "", clearable: "", filterable: "", placeholder: "默认值" }, model: { value: e.data.value, callback: function(a) {
+    e.$set(e.data, "value", a);
+  }, expression: "data.value" } }, e._l(e.defaultValues[e.data.type], function(a) {
+    return t("ElOption", { key: a.value, attrs: { label: a.label, value: a.value } });
+  }), 1)] : [t("ElInput", { attrs: { clearable: "", placeholder: "默认值" }, model: { value: e.data.value, callback: function(a) {
+    e.$set(e.data, "value", a);
+  }, expression: "data.value" } })]], 2), t("ElFormItem", { attrs: { label: "详情模式" } }, [t("ElSwitch", { model: { value: e.data.detail, callback: function(a) {
+    e.$set(e.data, "detail", a);
+  }, expression: "data.detail" } })], 1), t("ElFormItem", { attrs: { label: "是否只读" } }, [t("ElSwitch", { model: { value: e.data.readonly, callback: function(a) {
+    e.$set(e.data, "readonly", a);
+  }, expression: "data.readonly" } })], 1), t("ElFormItem", { attrs: { label: "是否禁用" } }, [t("ElSwitch", { model: { value: e.data.disabled, callback: function(a) {
+    e.$set(e.data, "disabled", a);
+  }, expression: "data.disabled" } })], 1), t("ElFormItem", { attrs: { label: "是否可见" } }, [t("ElSwitch", { model: { value: e.data.display, callback: function(a) {
+    e.$set(e.data, "display", a);
+  }, expression: "data.display" } })], 1), t("ElFormItem", { attrs: { label: "是否必填" } }, [t("ElSwitch", { model: { value: e.data.required, callback: function(a) {
+    e.$set(e.data, "required", a);
+  }, expression: "data.required" } }), e.data.required ? t("ElInput", { attrs: { placeholder: "正则表达式" }, model: { value: e.data.pattern, callback: function(a) {
+    e.$set(e.data, "pattern", a);
+  }, expression: "data.pattern" } }) : e._e()], 1)], 1), t("ElCollapseItem", { attrs: { name: "2", title: "组件属性" } }, [t(e.getComponent, { tag: "Component", attrs: { data: e.data, "default-values": e.defaultValues } })], 1), ["group"].includes(e.data.type) ? e._e() : t("ElCollapseItem", { attrs: { name: "3", title: "事件属性" } }, [t("ConfigEvent", { attrs: { data: e.data } })], 1)], 1)], 1) : [t("FyEmpty", { staticStyle: { "margin-top": "100%" }, attrs: { desc: "拖拽字段进行配置" } })]], 2);
+}, Yt = [], Xt = /* @__PURE__ */ c(
+  Ut,
+  Jt,
+  Yt,
+  !1,
+  null,
+  null
+);
+const Zt = Xt.exports, ea = {
   name: "FyFormDesign",
-  components: { Draggable: S, WidgetForm: ee, FormConfig: U, WidgetConfig: X, MonacoEditor: g },
-  mixins: [Ra],
+  components: { Draggable: b, WidgetForm: V, FormConfig: U, WidgetConfig: Zt, MonacoEditor: f },
+  mixins: [w],
   props: {
     options: {
       type: [Object, String],
@@ -2429,7 +2391,7 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
       type: Array,
       default: () => {
         const l = [];
-        return D.forEach((e) => {
+        return _.forEach((e) => {
           e.list.forEach((t) => {
             l.push(t.type);
           });
@@ -2445,8 +2407,8 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
   },
   data() {
     return {
-      widgetEmpty: za,
-      fields: D,
+      widgetEmpty: $,
+      fields: _,
       widgetForm: {
         column: [],
         labelPosition: "left",
@@ -2490,7 +2452,7 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
         let e = l;
         if (typeof e == "string")
           try {
-            e = y(`(${e})`);
+            e = u(`(${e})`);
           } catch {
             console.error("非法配置"), e = { column: [] };
           }
@@ -2516,7 +2478,7 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
       let l = this.options;
       if (typeof l == "string")
         try {
-          l = y(l);
+          l = u(l);
         } catch {
           console.error("非法配置"), l = { column: [] };
         }
@@ -2574,7 +2536,7 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
       this.transformToAvueOptions(this.widgetForm).then((l) => {
         this.configOption.generateType && this.configOption.generateType === "string" ? this.$emit(
           "submit",
-          T(l, {
+          v(l, {
             minify: !0,
             ...this.configOption
           })
@@ -2585,7 +2547,7 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
     handleCopy() {
       this.transformToAvueOptions(this.widgetForm).then((l) => {
         this.$Clipboard({
-          text: T(l, {
+          text: v(l, {
             minify: !0,
             ...this.configOption
           })
@@ -2627,24 +2589,24 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
     transformToAvueOptions(l, e = !1) {
       return new Promise((t, a) => {
         try {
-          const s = _(l);
-          for (const n in s)
-            q(s[n]) && delete s[n];
-          for (let n = 0; n < s.column.length; n++) {
-            const o = s.column[n];
-            if (e && (["change", "blur", "click", "focus"].forEach((u) => {
-              o[u] && (o[u] = y(`${o[u]}`.replace(/this/g, "_this")));
-            }), o.event && Object.keys(o.event).forEach((u) => {
-              o.event[u] = y(`${o.event[u]}`.replace(/this/g, "_this"));
+          const i = p(l);
+          for (const s in i)
+            E(i[s]) && delete i[s];
+          for (let s = 0; s < i.column.length; s++) {
+            const o = i.column[s];
+            if (e && (["change", "blur", "click", "focus"].forEach((n) => {
+              o[n] && (o[n] = u(`${o[n]}`.replace(/this/g, "_this")));
+            }), o.event && Object.keys(o.event).forEach((n) => {
+              o.event[n] = u(`${o.event[n]}`.replace(/this/g, "_this"));
             })), o.type === "dynamic" && o.children && o.children.column && o.children.column.length > 0)
-              o.children.column.forEach((u) => {
-                delete u.subfield;
-              }), this.transformToAvueOptions(o.children, e).then((u) => {
-                o.children = u;
+              o.children.column.forEach((n) => {
+                delete n.subfield;
+              }), this.transformToAvueOptions(o.children, e).then((n) => {
+                o.children = n;
               });
             else if (o.type === "group") {
-              s.group || (s.group = []);
-              const m = {
+              i.group || (i.group = []);
+              const r = {
                 label: o.label,
                 icon: o.icon,
                 prop: o.prop,
@@ -2652,147 +2614,147 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
                 collapse: o.collapse,
                 display: o.display
               };
-              this.transformToAvueOptions(o.children, e).then((u) => {
-                m.column = u.column, s.group.push(m);
-              }), s.column.splice(n, 1), n--;
+              this.transformToAvueOptions(o.children, e).then((n) => {
+                r.column = n.column, i.group.push(r);
+              }), i.column.splice(s, 1), s--;
             } else if (["checkbox", "radio", "tree", "cascader", "select"].includes(o.type)) {
               if (o.dicOption === "static") {
                 delete o.dicUrl, delete o.dicMethod, delete o.dicQuery, delete o.dicQueryConfig;
-                const { label: m, value: u, desc: x } = o.props;
-                o.dicData.forEach((v) => {
-                  if (v.label) {
-                    const k = v.label;
-                    delete v.label, v[m] = k;
+                const { label: r, value: n, desc: m } = o.props;
+                o.dicData.forEach((d) => {
+                  if (d.label) {
+                    const h = d.label;
+                    delete d.label, d[r] = h;
                   }
-                  if (v.value) {
-                    const k = v.value;
-                    delete v.value, v[u] = k;
+                  if (d.value) {
+                    const h = d.value;
+                    delete d.value, d[n] = h;
                   }
-                  if (v.desc) {
-                    const k = v.desc;
-                    delete v.desc, v[x] = k;
+                  if (d.desc) {
+                    const h = d.desc;
+                    delete d.desc, d[m] = h;
                   }
                 });
               } else if (o.dicOption === "remote")
                 if (delete o.dicData, o.dicQueryConfig && o.dicQueryConfig.length > 0) {
-                  const m = {};
-                  o.dicQueryConfig.forEach((u) => {
-                    u.key && u.value && (m[u.key] = u.value);
-                  }), o.dicQuery = m, delete o.dicQueryConfig;
+                  const r = {};
+                  o.dicQueryConfig.forEach((n) => {
+                    n.key && n.value && (r[n.key] = n.value);
+                  }), o.dicQuery = r, delete o.dicQueryConfig;
                 } else delete o.dicQueryConfig;
               delete o.dicOption;
             } else if (["upload"].includes(o.type)) {
               if (o.headersConfig && o.headersConfig.length > 0) {
-                const m = {};
-                o.headersConfig.forEach((u) => {
-                  u.key && u.value && (m[u.key] = u.value);
-                }), o.headers = m;
+                const r = {};
+                o.headersConfig.forEach((n) => {
+                  n.key && n.value && (r[n.key] = n.value);
+                }), o.headers = r;
               } else delete o.headers;
               if (delete o.headersConfig, o.dataConfig && o.dataConfig.length > 0) {
-                const m = {};
-                o.dataConfig.forEach((u) => {
-                  u.key && u.value && (m[u.key] = u.value);
-                }), o.data = m;
+                const r = {};
+                o.dataConfig.forEach((n) => {
+                  n.key && n.value && (r[n.key] = n.value);
+                }), o.data = r;
               } else delete o.data;
               delete o.dataConfig;
             }
-            for (const m in o)
-              q(o[m]) && delete o[m];
+            for (const r in o)
+              E(o[r]) && delete o[r];
           }
-          t(s);
-        } catch (s) {
-          a(s);
+          t(i);
+        } catch (i) {
+          a(i);
         }
       });
     },
     // Avue配置项 转化为 表单设计器配置项
     transAvueOptionsToFormDesigner(l) {
-      typeof l == "string" && (l = y(l));
-      const e = _(l);
+      typeof l == "string" && (l = u(l));
+      const e = p(l);
       return new Promise((t, a) => {
         try {
-          if (e.column && e.column.length > 0 && e.column.forEach((s) => {
-            if (s.type === "dynamic" && s.children && s.children.column && s.children.column.length > 0)
-              s.children.column.forEach((o) => {
+          if (e.column && e.column.length > 0 && e.column.forEach((i) => {
+            if (i.type === "dynamic" && i.children && i.children.column && i.children.column.length > 0)
+              i.children.column.forEach((o) => {
                 o.subfield = !0;
-              }), this.transAvueOptionsToFormDesigner(s.children).then((o) => {
-                s.children = o;
+              }), this.transAvueOptionsToFormDesigner(i.children).then((o) => {
+                i.children = o;
               });
-            else if (["checkbox", "radio", "tree", "cascader", "select"].includes(s.type)) {
-              if (!s.dicData && s.dicQuery && typeof s.dicQuery == "object") {
-                const n = [];
-                for (const o in s.dicQuery)
-                  n.push({
+            else if (["checkbox", "radio", "tree", "cascader", "select"].includes(i.type)) {
+              if (!i.dicData && i.dicQuery && typeof i.dicQuery == "object") {
+                const s = [];
+                for (const o in i.dicQuery)
+                  s.push({
                     key: o,
-                    value: s.dicQuery[o],
+                    value: i.dicQuery[o],
                     $cellEdit: !0
                   });
-                s.dicQueryConfig = n;
+                i.dicQueryConfig = s;
               }
-              s.dicUrl ? s.dicOption = "remote" : s.dicOption = "static", s.dicData ? s.props && s.dicData.forEach((n) => {
-                const { label: o, value: m, desc: u } = s.props;
+              i.dicUrl ? i.dicOption = "remote" : i.dicOption = "static", i.dicData ? i.props && i.dicData.forEach((s) => {
+                const { label: o, value: r, desc: n } = i.props;
                 if (o) {
-                  const x = n[o];
-                  delete n[o], n.label = x;
+                  const m = s[o];
+                  delete s[o], s.label = m;
                 }
-                if (m) {
-                  const x = n[m];
-                  delete n[m], n.value = x;
+                if (r) {
+                  const m = s[r];
+                  delete s[r], s.value = m;
                 }
-                if (u) {
-                  const x = n[u];
-                  delete n[u], n.desc = x;
+                if (n) {
+                  const m = s[n];
+                  delete s[n], s.desc = m;
                 }
-              }) : s.dicData = [];
-            } else if (["upload"].includes(s.type)) {
-              if (s.headers && typeof s.headers == "object") {
-                const n = [];
-                for (const o in s.headers)
-                  n.push({
+              }) : i.dicData = [];
+            } else if (["upload"].includes(i.type)) {
+              if (i.headers && typeof i.headers == "object") {
+                const s = [];
+                for (const o in i.headers)
+                  s.push({
                     key: o,
-                    value: s.headers[o],
+                    value: i.headers[o],
                     $cellEdit: !0
                   });
-                s.headersConfig = n;
-              } else s.headersConfig = [];
-              if (s.data && typeof s.data == "object") {
-                const n = [];
-                for (const o in s.data)
-                  n.push({
+                i.headersConfig = s;
+              } else i.headersConfig = [];
+              if (i.data && typeof i.data == "object") {
+                const s = [];
+                for (const o in i.data)
+                  s.push({
                     key: o,
-                    value: s.data[o],
+                    value: i.data[o],
                     $cellEdit: !0
                   });
-                s.dataConfig = n;
-              } else s.dataConfig = [];
+                i.dataConfig = s;
+              } else i.dataConfig = [];
             }
           }), e.group && e.group.length > 0) {
-            for (let s = 0; s < e.group.length; s++) {
+            for (let i = 0; i < e.group.length; i++) {
               e.column || (e.column = []);
-              const n = e.group[s], o = {
+              const s = e.group[i], o = {
                 type: "group",
-                label: n.label,
-                icon: n.icon,
-                prop: n.prop,
-                arrow: n.arrow,
-                collapse: n.collapse,
-                display: n.display
+                label: s.label,
+                icon: s.icon,
+                prop: s.prop,
+                arrow: s.arrow,
+                collapse: s.collapse,
+                display: s.display
               };
-              this.transAvueOptionsToFormDesigner(n).then((m) => {
-                o.children = m, e.column.push(o);
+              this.transAvueOptionsToFormDesigner(s).then((r) => {
+                o.children = r, e.column.push(o);
               });
             }
             delete e.group;
           }
           t(e);
-        } catch (s) {
-          a(s);
+        } catch (i) {
+          a(i);
         }
       });
     },
     async getData(l = "json", e = {}) {
       if (l === "string")
-        return T(await this.transformToAvueOptions(this.widgetForm), {
+        return v(await this.transformToAvueOptions(this.widgetForm), {
           minify: !0,
           ...e
         });
@@ -2809,82 +2771,82 @@ const ee = Ta.exports, za = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUMAA
     }
   }
 };
-var Ma = function() {
+var ta = function() {
   var e = this, t = e._self._c;
-  return t(V, { staticClass: "form-designer" }, [t(j, { attrs: { width: e.leftWidth } }, [t("div", { staticClass: "fields-list" }, [e.customFields && e.customFields.length > 0 ? [e.customFields[0].title && e.customFields[0].list && e.customFields[0].list.length > 0 ? [e._l(e.customFields, function(a, s) {
-    return [t("div", { key: `f_${s}`, staticClass: "field-title" }, [e._v(" " + e._s(a.title) + " ")]), t("Draggable", { key: `d_${s}`, attrs: { tag: "ul", list: a.list, group: { name: "form", pull: "clone", put: !1 }, "ghost-class": "ghost", sort: !1 } }, [e._l(a.list, function(n, o) {
-      return [t("li", { key: `c_${o}`, staticClass: "field-label" }, [t("a", { on: { click: function(m) {
-        return e.handleFieldClick(n);
-      } } }, [t("i", { staticClass: "icon iconfont", class: n.icon }), t("span", [e._v(e._s(n.title || n.label))])])])];
+  return t("ElContainer", { staticClass: "form-designer" }, [t("ElAside", { attrs: { width: e.leftWidth } }, [t("div", { staticClass: "fields-list" }, [e.customFields && e.customFields.length > 0 ? [e.customFields[0].title && e.customFields[0].list && e.customFields[0].list.length > 0 ? [e._l(e.customFields, function(a, i) {
+    return [t("div", { key: `f_${i}`, staticClass: "field-title" }, [e._v(" " + e._s(a.title) + " ")]), t("Draggable", { key: `d_${i}`, attrs: { tag: "ul", list: a.list, group: { name: "form", pull: "clone", put: !1 }, "ghost-class": "ghost", sort: !1 } }, [e._l(a.list, function(s, o) {
+      return [t("li", { key: `c_${o}`, staticClass: "field-label" }, [t("a", { on: { click: function(r) {
+        return e.handleFieldClick(s);
+      } } }, [t("i", { staticClass: "icon iconfont", class: s.icon }), t("span", [e._v(e._s(s.title || s.label))])])])];
     })], 2)];
-  })] : [t($, { staticClass: "field-title", attrs: { underline: !1, href: "https://github.com/sscfaith/avue-form-design/blob/master/CHANGELOG.md#2020-09-22", target: "_blank" } }, [e._v(" 自定义字段 "), t("i", { staticClass: "el-icon-question" })]), t("Draggable", { attrs: { tag: "ul", list: e.customFields, group: { name: "form", pull: "clone", put: !1 }, "ghost-class": "ghost", sort: !1 } }, [e._l(e.customFields, function(a, s) {
-    return [a.tips ? t(me, { key: s, attrs: { effect: "dark", content: a.tips } }, [t("li", { key: s, staticClass: "field-label" }, [t("a", { staticStyle: { padding: "0 5px" }, on: { click: function(n) {
+  })] : [t("ElLink", { staticClass: "field-title", attrs: { underline: !1, href: "https://github.com/sscfaith/avue-form-design/blob/master/CHANGELOG.md#2020-09-22", target: "_blank" } }, [e._v(" 自定义字段 "), t("i", { staticClass: "el-icon-question" })]), t("Draggable", { attrs: { tag: "ul", list: e.customFields, group: { name: "form", pull: "clone", put: !1 }, "ghost-class": "ghost", sort: !1 } }, [e._l(e.customFields, function(a, i) {
+    return [a.tips ? t("ElTooltip", { key: i, attrs: { effect: "dark", content: a.tips } }, [t("li", { key: i, staticClass: "field-label" }, [t("a", { staticStyle: { padding: "0 5px" }, on: { click: function(s) {
       return e.handleFieldClick(a);
-    } } }, [t("i", { class: a.icon }), t("span", { staticStyle: { "margin-left": "5px" } }, [e._v(e._s(a.title || a.label))])])])]) : t("li", { key: s, staticClass: "field-label" }, [t("a", { staticStyle: { padding: "0 5px" }, on: { click: function(n) {
+    } } }, [t("i", { class: a.icon }), t("span", { staticStyle: { "margin-left": "5px" } }, [e._v(e._s(a.title || a.label))])])])]) : t("li", { key: i, staticClass: "field-label" }, [t("a", { staticStyle: { padding: "0 5px" }, on: { click: function(s) {
       return e.handleFieldClick(a);
     } } }, [t("i", { class: a.icon }), t("span", { staticStyle: { "margin-left": "5px" } }, [e._v(e._s(a.title || a.label))])])])];
-  })], 2)]] : e._e(), e._l(e.fields, function(a, s) {
-    return t("div", { key: s }, [a.list.find((n) => e.includeFields.includes(n.type)) ? [t("div", { staticClass: "field-title" }, [e._v(" " + e._s(a.title) + " ")]), t("Draggable", { attrs: { tag: "ul", list: a.list, group: { name: "form", pull: "clone", put: !1 }, "ghost-class": "ghost", sort: !1 } }, [e._l(a.list, function(n, o) {
-      return [e.includeFields.includes(n.type) ? t("li", { key: `c_${o}`, staticClass: "field-label" }, [t("a", { on: { click: function(m) {
-        return e.handleFieldClick(n);
-      } } }, [t("i", { staticClass: "icon iconfont", class: n.icon }), t("span", [e._v(e._s(n.title || n.label))])])]) : e._e()];
+  })], 2)]] : e._e(), e._l(e.fields, function(a, i) {
+    return t("div", { key: i }, [a.list.find((s) => e.includeFields.includes(s.type)) ? [t("div", { staticClass: "field-title" }, [e._v(" " + e._s(a.title) + " ")]), t("Draggable", { attrs: { tag: "ul", list: a.list, group: { name: "form", pull: "clone", put: !1 }, "ghost-class": "ghost", sort: !1 } }, [e._l(a.list, function(s, o) {
+      return [e.includeFields.includes(s.type) ? t("li", { key: `c_${o}`, staticClass: "field-label" }, [t("a", { on: { click: function(r) {
+        return e.handleFieldClick(s);
+      } } }, [t("i", { staticClass: "icon iconfont", class: s.icon }), t("span", [e._v(e._s(s.title || s.label))])])]) : e._e()];
     })], 2)] : e._e()], 2);
-  })], 2)]), t(V, { staticClass: "widget-container", attrs: { direction: "vertical" } }, [t(ue, { staticClass: "widget-container-header" }, [t("div", [e.undoRedo ? [t(p, { attrs: { type: "text", size: "medium", icon: "el-icon-refresh-left", disabled: e.historySteps.index === 0 }, on: { click: function(a) {
+  })], 2)]), t("ElContainer", { staticClass: "widget-container", attrs: { direction: "vertical" } }, [t("ElHeader", { staticClass: "widget-container-header" }, [t("div", [e.undoRedo ? [t("ElButton", { attrs: { type: "text", size: "medium", icon: "el-icon-refresh-left", disabled: e.historySteps.index === 0 }, on: { click: function(a) {
     e.widgetForm = e.handleUndo();
-  } } }, [e._v(" 撤销 ")]), t(p, { attrs: { type: "text", size: "medium", icon: "el-icon-refresh-right", disabled: e.historySteps.index === e.historySteps.steps.length - 1 }, on: { click: function(a) {
+  } } }, [e._v(" 撤销 ")]), t("ElButton", { attrs: { type: "text", size: "medium", icon: "el-icon-refresh-right", disabled: e.historySteps.index === e.historySteps.steps.length - 1 }, on: { click: function(a) {
     e.widgetForm = e.handleRedo();
-  } } }, [e._v(" 重做 ")])] : e._e()], 2), t("div", { staticStyle: { display: "flex", "align-items": "center" } }, [e.showGithubStar ? t("iframe", { staticStyle: { "margin-left": "10px" }, attrs: { src: "https://ghbtns.com/github-btn.html?user=sscfaith&repo=avue-form-design&type=star&count=true", frameborder: "0", scrolling: "0", width: "100", height: "20", title: "GitHub" } }) : e._e(), e._t("toolbar-left"), e.toolbar.includes("avue-doc") ? t(p, { attrs: { type: "text", size: "medium", icon: "el-icon-document" }, on: { click: e.handleAvueDoc } }, [e._v(" Avue文档 ")]) : e._e(), e.toolbar.includes("import") ? t(p, { attrs: { type: "text", size: "medium", icon: "el-icon-upload2" }, on: { click: function(a) {
+  } } }, [e._v(" 重做 ")])] : e._e()], 2), t("div", { staticStyle: { display: "flex", "align-items": "center" } }, [e.showGithubStar ? t("iframe", { staticStyle: { "margin-left": "10px" }, attrs: { src: "https://ghbtns.com/github-btn.html?user=sscfaith&repo=avue-form-design&type=star&count=true", frameborder: "0", scrolling: "0", width: "100", height: "20", title: "GitHub" } }) : e._e(), e._t("toolbar-left"), e.toolbar.includes("avue-doc") ? t("ElButton", { attrs: { type: "text", size: "medium", icon: "el-icon-document" }, on: { click: e.handleAvueDoc } }, [e._v(" Avue文档 ")]) : e._e(), e.toolbar.includes("import") ? t("ElButton", { attrs: { type: "text", size: "medium", icon: "el-icon-upload2" }, on: { click: function(a) {
     e.importJsonVisible = !0;
-  } } }, [e._v(" 导入JSON ")]) : e._e(), e.toolbar.includes("generate") ? t(p, { attrs: { type: "text", size: "medium", icon: "el-icon-download" }, on: { click: e.handleGenerateJson } }, [e._v(" 生成JSON ")]) : e._e(), e.toolbar.includes("preview") ? t(p, { attrs: { type: "text", size: "medium", icon: "el-icon-view" }, on: { click: e.handlePreview } }, [e._v(" 预览 ")]) : e._e(), e.toolbar.includes("clear") ? t(p, { staticClass: "danger", attrs: { type: "text", size: "medium", icon: "el-icon-delete" }, on: { click: e.handleClear } }, [e._v(" 清空 ")]) : e._e(), e._t("toolbar")], 2)]), t(pe, { style: { background: e.widgetForm.column.length === 0 ? `url(${e.widgetEmpty}) no-repeat 50%` : "" } }, [t(ee, { ref: "widgetForm", attrs: { data: e.widgetForm, select: e.widgetFormSelect }, on: { "update:select": function(a) {
+  } } }, [e._v(" 导入JSON ")]) : e._e(), e.toolbar.includes("generate") ? t("ElButton", { attrs: { type: "text", size: "medium", icon: "el-icon-download" }, on: { click: e.handleGenerateJson } }, [e._v(" 生成JSON ")]) : e._e(), e.toolbar.includes("preview") ? t("ElButton", { attrs: { type: "text", size: "medium", icon: "el-icon-view" }, on: { click: e.handlePreview } }, [e._v(" 预览 ")]) : e._e(), e.toolbar.includes("clear") ? t("ElButton", { staticClass: "danger", attrs: { type: "text", size: "medium", icon: "el-icon-delete" }, on: { click: e.handleClear } }, [e._v(" 清空 ")]) : e._e(), e._t("toolbar")], 2)]), t("ElMain", { style: { background: e.widgetForm.column.length === 0 ? `url(${e.widgetEmpty}) no-repeat 50%` : "" } }, [t("WidgetForm", { ref: "widgetForm", attrs: { data: e.widgetForm, select: e.widgetFormSelect }, on: { "update:select": function(a) {
     e.widgetFormSelect = a;
   }, change: function(a) {
     return e.handleHistoryChange(e.widgetForm);
-  } } })], 1)], 1), t(j, { staticClass: "widget-config-container", attrs: { width: e.rightWidth } }, [t(Q, { attrs: { stretch: "" }, model: { value: e.configTab, callback: function(a) {
+  } } })], 1)], 1), t("ElAside", { staticClass: "widget-config-container", attrs: { width: e.rightWidth } }, [t("ElTabs", { attrs: { stretch: "" }, model: { value: e.configTab, callback: function(a) {
     e.configTab = a;
-  }, expression: "configTab" } }, [t(F, { staticStyle: { padding: "0 10px" }, attrs: { label: "字段属性", name: "widget" } }, [t(X, { attrs: { data: e.widgetFormSelect, "default-values": e.defaultValues } })], 1), t(F, { staticStyle: { padding: "0 10px" }, attrs: { label: "表单属性", name: "form", lazy: "" } }, [t(U, { attrs: { data: e.widgetForm } })], 1)], 1)], 1), t(E, { attrs: { title: "导入JSON", visible: e.importJsonVisible, size: "50%", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(a) {
+  }, expression: "configTab" } }, [t("ElTabPane", { staticStyle: { padding: "0 10px" }, attrs: { label: "字段属性", name: "widget" } }, [t("WidgetConfig", { attrs: { data: e.widgetFormSelect, "default-values": e.defaultValues } })], 1), t("ElTabPane", { staticStyle: { padding: "0 10px" }, attrs: { label: "表单属性", name: "form", lazy: "" } }, [t("FormConfig", { attrs: { data: e.widgetForm } })], 1)], 1)], 1), t("ElDrawer", { attrs: { title: "导入JSON", visible: e.importJsonVisible, size: "50%", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(a) {
     e.importJsonVisible = a;
-  } } }, [t(g, { attrs: { "key-index": "import", height: "82%" }, model: { value: e.importJson, callback: function(a) {
+  } } }, [t("MonacoEditor", { attrs: { "key-index": "import", height: "82%" }, model: { value: e.importJson, callback: function(a) {
     e.importJson = a;
-  }, expression: "importJson" } }), t("div", { staticClass: "afd-drawer-foot" }, [t(p, { attrs: { size: "medium", type: "primary" }, on: { click: e.handleImportJsonSubmit } }, [e._v(" 确定 ")]), t(p, { attrs: { size: "medium", type: "danger" }, on: { click: function(a) {
+  }, expression: "importJson" } }), t("div", { staticClass: "afd-drawer-foot" }, [t("ElButton", { attrs: { size: "medium", type: "primary" }, on: { click: e.handleImportJsonSubmit } }, [e._v(" 确定 ")]), t("ElButton", { attrs: { size: "medium", type: "danger" }, on: { click: function(a) {
     e.importJsonVisible = !1;
-  } } }, [e._v(" 取消 ")])], 1)], 1), t(E, { attrs: { title: "生成JSON", visible: e.generateJsonVisible, size: "50%", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(a) {
+  } } }, [e._v(" 取消 ")])], 1)], 1), t("ElDrawer", { attrs: { title: "生成JSON", visible: e.generateJsonVisible, size: "50%", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(a) {
     e.generateJsonVisible = a;
-  } } }, [t(g, { attrs: { "key-index": "generate", height: "82%", "read-only": !0 }, model: { value: e.option, callback: function(a) {
+  } } }, [t("MonacoEditor", { attrs: { "key-index": "generate", height: "82%", "read-only": !0 }, model: { value: e.option, callback: function(a) {
     e.option = a;
-  }, expression: "option" } }), t("div", { staticClass: "afd-drawer-foot" }, [t(p, { attrs: { size: "medium", type: "primary" }, on: { click: e.handleGenerate } }, [e._v(" 生成 ")]), t(B, { attrs: { placement: "top", trigger: "hover", width: "350px" }, scopedSlots: e._u([{ key: "reference", fn: function() {
-    return [t(p, { staticStyle: { "margin-left": "10px" }, attrs: { size: "medium", type: "primary" }, on: { click: e.handleCopy } }, [e._v(" 复制 ")])];
-  }, proxy: !0 }]) }, [t(I, { staticStyle: { padding: "0 20px" }, attrs: { "label-suffix": "：", "label-width": "180px", "label-position": "left" }, model: { value: e.configOption, callback: function(a) {
+  }, expression: "option" } }), t("div", { staticClass: "afd-drawer-foot" }, [t("ElButton", { attrs: { size: "medium", type: "primary" }, on: { click: e.handleGenerate } }, [e._v(" 生成 ")]), t("ElPopover", { attrs: { placement: "top", trigger: "hover", width: "350px" }, scopedSlots: e._u([{ key: "reference", fn: function() {
+    return [t("ElButton", { staticStyle: { "margin-left": "10px" }, attrs: { size: "medium", type: "primary" }, on: { click: e.handleCopy } }, [e._v(" 复制 ")])];
+  }, proxy: !0 }]) }, [t("ElForm", { staticStyle: { padding: "0 20px" }, attrs: { "label-suffix": "：", "label-width": "180px", "label-position": "left" }, model: { value: e.configOption, callback: function(a) {
     e.configOption = a;
-  }, expression: "configOption" } }, [t(i, { attrs: { label: "类型" } }, [t(B, { staticStyle: { "margin-right": "15px" }, attrs: { placement: "top-start", trigger: "hover", content: "复制json对象" }, scopedSlots: e._u([{ key: "reference", fn: function() {
-    return [t(w, { attrs: { label: "json" }, model: { value: e.configOption.generateType, callback: function(a) {
+  }, expression: "configOption" } }, [t("ElFormItem", { attrs: { label: "类型" } }, [t("ElPopover", { staticStyle: { "margin-right": "15px" }, attrs: { placement: "top-start", trigger: "hover", content: "复制json对象" }, scopedSlots: e._u([{ key: "reference", fn: function() {
+    return [t("ElRadio", { attrs: { label: "json" }, model: { value: e.configOption.generateType, callback: function(a) {
       e.$set(e.configOption, "generateType", a);
     }, expression: "configOption.generateType" } }, [e._v(" json ")])];
-  }, proxy: !0 }]) }), t(B, { attrs: { placement: "top-start", trigger: "hover", content: "复制string字符串，可直接用于后端保存无需再次处理。" }, scopedSlots: e._u([{ key: "reference", fn: function() {
-    return [t(w, { attrs: { label: "string" }, model: { value: e.configOption.generateType, callback: function(a) {
+  }, proxy: !0 }]) }), t("ElPopover", { attrs: { placement: "top-start", trigger: "hover", content: "复制string字符串，可直接用于后端保存无需再次处理。" }, scopedSlots: e._u([{ key: "reference", fn: function() {
+    return [t("ElRadio", { attrs: { label: "string" }, model: { value: e.configOption.generateType, callback: function(a) {
       e.$set(e.configOption, "generateType", a);
     }, expression: "configOption.generateType" } }, [e._v(" string ")])];
-  }, proxy: !0 }]) })], 1), t(i, { attrs: { label: "缩进长度-空格数量" } }, [t(le, { attrs: { "show-stops": "", marks: { 1: "1", 2: "2", 3: "3", 4: "4" }, min: 1, max: 4, step: 1 }, model: { value: e.configOption.space, callback: function(a) {
+  }, proxy: !0 }]) })], 1), t("ElFormItem", { attrs: { label: "缩进长度-空格数量" } }, [t("ElSlider", { attrs: { "show-stops": "", marks: { 1: "1", 2: "2", 3: "3", 4: "4" }, min: 1, max: 4, step: 1 }, model: { value: e.configOption.space, callback: function(a) {
     e.$set(e.configOption, "space", a);
-  }, expression: "configOption.space" } })], 1), t(i, { attrs: { label: "引号类型" } }, [t(c, { attrs: { "active-value": "single", "inactive-value": "double", "active-text": "单引号", "inactive-text": "双引号" }, model: { value: e.configOption.quoteType, callback: function(a) {
+  }, expression: "configOption.space" } })], 1), t("ElFormItem", { attrs: { label: "引号类型" } }, [t("ElSwitch", { attrs: { "active-value": "single", "inactive-value": "double", "active-text": "单引号", "inactive-text": "双引号" }, model: { value: e.configOption.quoteType, callback: function(a) {
     e.$set(e.configOption, "quoteType", a);
-  }, expression: "configOption.quoteType" } })], 1), t(i, { attrs: { label: "移除key的引号" } }, [t(c, { model: { value: e.configOption.dropQuotesOnKeys, callback: function(a) {
+  }, expression: "configOption.quoteType" } })], 1), t("ElFormItem", { attrs: { label: "移除key的引号" } }, [t("ElSwitch", { model: { value: e.configOption.dropQuotesOnKeys, callback: function(a) {
     e.$set(e.configOption, "dropQuotesOnKeys", a);
-  }, expression: "configOption.dropQuotesOnKeys" } })], 1), t(i, { attrs: { label: "移除数字字符串的引号" } }, [t(c, { model: { value: e.configOption.dropQuotesOnNumbers, callback: function(a) {
+  }, expression: "configOption.dropQuotesOnKeys" } })], 1), t("ElFormItem", { attrs: { label: "移除数字字符串的引号" } }, [t("ElSwitch", { model: { value: e.configOption.dropQuotesOnNumbers, callback: function(a) {
     e.$set(e.configOption, "dropQuotesOnNumbers", a);
-  }, expression: "configOption.dropQuotesOnNumbers" } })], 1)], 1)], 1)], 1)], 1), t(E, { attrs: { title: "预览", visible: e.previewVisible, size: "60%", "append-to-body": "", "before-close": e.handleBeforeClose }, on: { "update:visible": function(a) {
+  }, expression: "configOption.dropQuotesOnNumbers" } })], 1)], 1)], 1)], 1)], 1), t("ElDrawer", { attrs: { title: "预览", visible: e.previewVisible, size: "60%", "append-to-body": "", "before-close": e.handleBeforeClose }, on: { "update:visible": function(a) {
     e.previewVisible = a;
-  } } }, [e.previewVisible ? t(ae, { ref: "form", staticClass: "afd-preview-form", attrs: { option: e.option }, on: { submit: e.handlePreviewSubmit }, model: { value: e.form, callback: function(a) {
+  } } }, [e.previewVisible ? t("FyForm", { ref: "form", staticClass: "afd-preview-form", attrs: { option: e.option }, on: { submit: e.handlePreviewSubmit }, model: { value: e.form, callback: function(a) {
     e.form = a;
-  }, expression: "form" } }) : e._e(), t("div", { staticClass: "afd-drawer-foot" }, [t(p, { attrs: { size: "medium", type: "primary" }, on: { click: e.handlePreviewSubmit } }, [e._v(" 确定 ")]), t(p, { attrs: { size: "medium", type: "danger" }, on: { click: e.handleBeforeClose } }, [e._v(" 取消 ")])], 1)], 1)], 1);
-}, Qa = [], Ka = /* @__PURE__ */ h(
-  Da,
-  Ma,
-  Qa,
+  }, expression: "form" } }) : e._e(), t("div", { staticClass: "afd-drawer-foot" }, [t("ElButton", { attrs: { size: "medium", type: "primary" }, on: { click: e.handlePreviewSubmit } }, [e._v(" 确定 ")]), t("ElButton", { attrs: { size: "medium", type: "danger" }, on: { click: e.handleBeforeClose } }, [e._v(" 取消 ")])], 1)], 1)], 1);
+}, aa = [], la = /* @__PURE__ */ c(
+  ea,
+  ta,
+  aa,
   !1,
   null,
   null
 );
-const Tl = Ka.exports;
+const ua = la.exports;
 export {
-  Tl as default
+  ua as default
 };