@web-utils/component 2.7.3 → 2.7.5

package/dist/components/fy-form-design/index.js

@@ -0,0 +1,1255 @@
+import { s as staticRenderFns$3, r as render$3, C as ConfigCustom, a as ConfigInput, b as ConfigTextarea, c as ConfigNumber, d as ConfigDynamic, e as ConfigSwitch, f as ConfigRate, g as ConfigSlider, h as ConfigColor, i as ConfigSelect, j as ConfigTree, k as ConfigDate, l as ConfigUpload, m as ConfigUEditor, n as ConfigMap, o as ConfigGroup, p as ConfigArray, q as ConfigTitle, t as ConfigEvent, u as ConfigTable, v as fields } from "../../chunks/WidgetConfig.vue_vue_type_template_lang.fbbbff76.js";
+import { isBlank } from "@web-utils/core";
+import { c as convert, M as MonacoEditor } from "../../chunks/monaco.1dbdc960.js";
+import { d as deepClone } from "../../chunks/util.80e28481.js";
+import Draggable from "vuedraggable";
+import { W as WidgetFormItem } from "../../chunks/WidgetFormTable.vue_vue_type_template_lang.30625146.js";
+import { W as WidgetFormTable } from "../../chunks/WidgetFormGroup.vue_vue_type_template_lang.c636aabd.js";
+import { s as staticRenderFns$1, r as render$1, W as WidgetFormGroup } from "../../chunks/WidgetForm.vue_vue_type_template_lang.82248338.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+import { s as staticRenderFns$2, r as render$2 } from "../../chunks/FormConfig.vue_vue_type_template_lang.85b4ee87.js";
+const widgetEmpty = "data:image/png;base64,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", history = {
+  data() {
+    return {
+      historySteps: {
+        index: 0,
+        maxStep: 20,
+        steps: [],
+        storage: !1
+      }
+    };
+  },
+  watch: {
+    historySteps: {
+      handler(t) {
+        t.storage ? localStorage.setItem("avue-form-history", convert(t)) : localStorage.removeItem("avue-form-history");
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    initHistory(data) {
+      if (data.storage) {
+        const history = localStorage.getItem("avue-form-history");
+        if (history) {
+          this.historySteps = eval("(" + history + ")");
+          const { index, steps } = this.historySteps;
+          return deepClone(steps[index]);
+        }
+      }
+      this.historySteps = {
+        ...this.historySteps,
+        ...data
+      };
+      const { index, steps } = this.historySteps;
+      return deepClone(steps[index]);
+    },
+    handleHistoryChange(t) {
+      this.historySteps.index == this.historySteps.maxStep - 1 ? this.historySteps.steps.shift() : this.historySteps.index++, this.historySteps.steps[this.historySteps.index] = deepClone(t), 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--, deepClone(this.historySteps.steps[this.historySteps.index]);
+    },
+    handleRedo() {
+      return this.historySteps.index != this.historySteps.steps.length - 1 && this.historySteps.index++, deepClone(this.historySteps.steps[this.historySteps.index]);
+    }
+  }
+}, __vue2_script$3 = {
+  name: "WidgetForm",
+  components: { Draggable, WidgetFormItem, WidgetFormTable, WidgetFormGroup },
+  props: ["data", "select"],
+  data() {
+    return {
+      selectWidget: this.select,
+      form: {}
+    };
+  },
+  watch: {
+    select(t) {
+      this.selectWidget = t;
+    },
+    selectWidget: {
+      handler(t) {
+        this.$emit("update:select", t);
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    handleSelectWidget(t) {
+      this.selectWidget = this.data.column[t];
+    },
+    handleWidgetAdd(t) {
+      const n = t.newIndex, o = deepClone(this.data.column[n]);
+      o.prop || (o.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999)), delete o.icon, delete o.subfield, o.type === "title" && (delete o.label, this.form[o.prop] = o.value), this.$set(this.data.column, n, o), this.handleSelectWidget(n), this.$emit("change");
+    },
+    handleWidgetDelete(t) {
+      this.data.column.length - 1 === t ? t === 0 ? this.selectWidget = {} : this.handleSelectWidget(t - 1) : this.handleSelectWidget(t + 1), this.$nextTick(() => {
+        this.data.column.splice(t, 1), this.$emit("change");
+      });
+    },
+    handleWidgetClone(t) {
+      let n = deepClone(this.data.column[t]);
+      n.prop = "a" + Date.now() + Math.ceil(Math.random() * 99999), this.data.column.push(n), this.$nextTick(() => {
+        this.handleSelectWidget(this.data.column.length - 1), this.$emit("change");
+      });
+    }
+  }
+}, __cssModules$3 = {};
+var __component__$3 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$3,
+  render$1,
+  staticRenderFns$1,
+  !1,
+  __vue2_injectStyles$3,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$3(t) {
+  for (let n in __cssModules$3)
+    this[n] = __cssModules$3[n];
+}
+const WidgetForm = /* @__PURE__ */ function() {
+  return __component__$3.exports;
+}(), __vue2_script$2 = {
+  name: "FormConfig",
+  props: ["data"]
+}, __cssModules$2 = {};
+var __component__$2 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$2,
+  render$2,
+  staticRenderFns$2,
+  !1,
+  __vue2_injectStyles$2,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$2(t) {
+  for (let n in __cssModules$2)
+    this[n] = __cssModules$2[n];
+}
+const FormConfig = /* @__PURE__ */ function() {
+  return __component__$2.exports;
+}(), dateArr = [
+  "year",
+  "month",
+  "week",
+  "date",
+  "datetime",
+  "time",
+  "daterange",
+  "timerange",
+  "datetimerange",
+  "dates"
+], __vue2_script$1 = {
+  name: "WidgetConfig",
+  components: {
+    ConfigCustom,
+    ConfigInput,
+    ConfigTextarea,
+    ConfigNumber,
+    ConfigDynamic,
+    ConfigSwitch,
+    ConfigRate,
+    ConfigSlider,
+    ConfigColor,
+    ConfigSelect,
+    ConfigTree,
+    ConfigDate,
+    ConfigUpload,
+    ConfigUEditor,
+    ConfigMap,
+    ConfigGroup,
+    ConfigArray,
+    ConfigTitle,
+    ConfigEvent,
+    ConfigTable
+  },
+  props: ["data", "defaultValues"],
+  data() {
+    return {
+      fields,
+      collapse: ["1", "2", "3"],
+      validator: {
+        type: null,
+        required: null,
+        pattern: null,
+        length: null
+      }
+    };
+  },
+  computed: {
+    getComponent() {
+      const t = "config-", { type: n, component: o } = this.data;
+      if ((!n || o) && n != "ueditor")
+        return t + "custom";
+      let s = "input";
+      return [void 0, "input", "password", "url"].includes(n) ? s = "input" : dateArr.includes(n) ? s = "date" : ["array", "img"].includes(n) ? s = "array" : ["tree", "cascader"].includes(n) ? s = "tree" : ["radio", "checkbox", "select"].includes(n) ? s = "select" : s = n, t + s;
+    }
+  },
+  watch: {
+    "data.required"(t) {
+      t ? this.validator.required = { required: !0, message: `${this.data.label}必须填写` } : this.validator.required = null, this.generateRule();
+    },
+    "data.pattern"(t) {
+      t ? this.validator.pattern = { pattern: new RegExp(t), message: `${this.data.label}格式不匹配` } : this.validator.pattern = null, this.generateRule();
+    }
+  },
+  methods: {
+    handleChangeType(t) {
+      if (!t)
+        return;
+      let n;
+      for (let o of this.fields)
+        if (n = o.list.find((s) => s.type == t), n)
+          break;
+      if (n)
+        for (let o in n)
+          n && Object.prototype.hasOwnProperty.call(n, o) && !["icon", "label", "span"].includes(o) && (this.data[o] = n[o]);
+    },
+    generateRule() {
+      const t = [];
+      Object.keys(this.validator).forEach((n) => {
+        this.validator[n] && t.push(this.validator[n]);
+      }), t.length == 0 ? delete this.data.rules : this.data.rules = t;
+    }
+  }
+}, __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  render$3,
+  staticRenderFns$3,
+  !1,
+  __vue2_injectStyles$1,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles$1(t) {
+  for (let n in __cssModules$1)
+    this[n] = __cssModules$1[n];
+}
+const WidgetConfig = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}();
+var render = function() {
+  var t = this, n = t.$createElement, o = t._self._c || n;
+  return o("div", {
+    staticClass: "form-designer"
+  }, [o("ElContainer", [o("ElAside", {
+    attrs: {
+      width: t.leftWidth
+    }
+  }, [o("div", {
+    staticClass: "fields-list"
+  }, [t.customFields && t.customFields.length > 0 ? [t.customFields[0].title && t.customFields[0].list && t.customFields[0].list.length > 0 ? [t._l(t.customFields, function(s, a) {
+    return [o("div", {
+      key: "f_" + a,
+      staticClass: "field-title"
+    }, [t._v(" " + t._s(s.title) + " ")]), o("Draggable", {
+      key: "d_" + a,
+      attrs: {
+        tag: "ul",
+        list: s.list,
+        group: {
+          name: "form",
+          pull: "clone",
+          put: !1
+        },
+        "ghost-class": "ghost",
+        sort: !1
+      }
+    }, [t._l(s.list, function(r, l) {
+      return [o("li", {
+        key: "c_" + l,
+        staticClass: "field-label"
+      }, [o("a", {
+        on: {
+          click: function(c) {
+            return t.handleFieldClick(r);
+          }
+        }
+      }, [o("i", {
+        staticClass: "icon iconfont",
+        class: r.icon
+      }), o("span", [t._v(t._s(r.title || r.label))])])])];
+    })], 2)];
+  })] : [o("ElLink", {
+    staticClass: "field-title",
+    attrs: {
+      underline: !1,
+      href: "https://github.com/sscfaith/avue-form-design/blob/master/CHANGELOG.md#2020-09-22",
+      target: "_blank"
+    }
+  }, [t._v(" 自定义字段 "), o("i", {
+    staticClass: "el-icon-question"
+  })]), o("Draggable", {
+    attrs: {
+      tag: "ul",
+      list: t.customFields,
+      group: {
+        name: "form",
+        pull: "clone",
+        put: !1
+      },
+      "ghost-class": "ghost",
+      sort: !1
+    }
+  }, [t._l(t.customFields, function(s, a) {
+    return [s.tips ? o("ElTooltip", {
+      key: a,
+      attrs: {
+        effect: "dark",
+        content: s.tips
+      }
+    }, [o("li", {
+      key: a,
+      staticClass: "field-label"
+    }, [o("a", {
+      staticStyle: {
+        padding: "0 5px"
+      },
+      on: {
+        click: function(r) {
+          return t.handleFieldClick(s);
+        }
+      }
+    }, [o("i", {
+      class: s.icon
+    }), o("span", {
+      staticStyle: {
+        "margin-left": "5px"
+      }
+    }, [t._v(t._s(s.title || s.label))])])])]) : o("li", {
+      key: a,
+      staticClass: "field-label"
+    }, [o("a", {
+      staticStyle: {
+        padding: "0 5px"
+      },
+      on: {
+        click: function(r) {
+          return t.handleFieldClick(s);
+        }
+      }
+    }, [o("i", {
+      class: s.icon
+    }), o("span", {
+      staticStyle: {
+        "margin-left": "5px"
+      }
+    }, [t._v(t._s(s.title || s.label))])])])];
+  })], 2)]] : t._e(), t._l(t.fields, function(s, a) {
+    return o("div", {
+      key: a
+    }, [s.list.find(function(r) {
+      return t.includeFields.includes(r.type);
+    }) ? [o("div", {
+      staticClass: "field-title"
+    }, [t._v(" " + t._s(s.title) + " ")]), o("Draggable", {
+      attrs: {
+        tag: "ul",
+        list: s.list,
+        group: {
+          name: "form",
+          pull: "clone",
+          put: !1
+        },
+        "ghost-class": "ghost",
+        sort: !1
+      }
+    }, [t._l(s.list, function(r, l) {
+      return [t.includeFields.includes(r.type) ? o("li", {
+        key: "c_" + l,
+        staticClass: "field-label"
+      }, [o("a", {
+        on: {
+          click: function(c) {
+            return t.handleFieldClick(r);
+          }
+        }
+      }, [o("i", {
+        staticClass: "icon iconfont",
+        class: r.icon
+      }), o("span", [t._v(t._s(r.title || r.label))])])]) : t._e()];
+    })], 2)] : t._e()], 2);
+  })], 2)]), o("ElContainer", {
+    staticClass: "widget-container",
+    attrs: {
+      direction: "vertical"
+    }
+  }, [o("ElHeader", {
+    staticClass: "widget-container-header"
+  }, [o("div", [t.undoRedo ? [o("ElButton", {
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-refresh-left",
+      disabled: t.historySteps.index === 0
+    },
+    on: {
+      click: function(s) {
+        t.widgetForm = t.handleUndo();
+      }
+    }
+  }, [t._v(" 撤销 ")]), o("ElButton", {
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-refresh-right",
+      disabled: t.historySteps.index === t.historySteps.steps.length - 1
+    },
+    on: {
+      click: function(s) {
+        t.widgetForm = t.handleRedo();
+      }
+    }
+  }, [t._v(" 重做 ")])] : t._e()], 2), o("div", {
+    staticStyle: {
+      display: "flex",
+      "align-items": "center"
+    }
+  }, [t.showGithubStar ? o("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"
+    }
+  }) : t._e(), t._t("toolbar-left"), t.toolbar.includes("avue-doc") ? o("ElButton", {
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-document"
+    },
+    on: {
+      click: t.handleAvueDoc
+    }
+  }, [t._v(" Avue文档 ")]) : t._e(), t.toolbar.includes("import") ? o("ElButton", {
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-upload2"
+    },
+    on: {
+      click: function(s) {
+        t.importJsonVisible = !0;
+      }
+    }
+  }, [t._v(" 导入JSON ")]) : t._e(), t.toolbar.includes("generate") ? o("ElButton", {
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-download"
+    },
+    on: {
+      click: t.handleGenerateJson
+    }
+  }, [t._v(" 生成JSON ")]) : t._e(), t.toolbar.includes("preview") ? o("ElButton", {
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-view"
+    },
+    on: {
+      click: t.handlePreview
+    }
+  }, [t._v(" 预览 ")]) : t._e(), t.toolbar.includes("clear") ? o("ElButton", {
+    staticClass: "danger",
+    attrs: {
+      type: "text",
+      size: "medium",
+      icon: "el-icon-delete"
+    },
+    on: {
+      click: t.handleClear
+    }
+  }, [t._v(" 清空 ")]) : t._e(), t._t("toolbar")], 2)]), o("ElMain", {
+    style: {
+      background: t.widgetForm.column.length === 0 ? `url(${t.widgetEmpty}) no-repeat 50%` : ""
+    }
+  }, [o("WidgetForm", {
+    ref: "widgetForm",
+    attrs: {
+      data: t.widgetForm,
+      select: t.widgetFormSelect
+    },
+    on: {
+      "update:select": function(s) {
+        t.widgetFormSelect = s;
+      },
+      change: function(s) {
+        return t.handleHistoryChange(t.widgetForm);
+      }
+    }
+  })], 1)], 1), o("ElAside", {
+    staticClass: "widget-config-container",
+    attrs: {
+      width: t.rightWidth
+    }
+  }, [o("ElTabs", {
+    attrs: {
+      stretch: ""
+    },
+    model: {
+      value: t.configTab,
+      callback: function(s) {
+        t.configTab = s;
+      },
+      expression: "configTab"
+    }
+  }, [o("ElTabPane", {
+    staticStyle: {
+      padding: "0 10px"
+    },
+    attrs: {
+      label: "字段属性",
+      name: "widget"
+    }
+  }, [o("WidgetConfig", {
+    attrs: {
+      data: t.widgetFormSelect,
+      "default-values": t.defaultValues
+    }
+  })], 1), o("ElTabPane", {
+    staticStyle: {
+      padding: "0 10px"
+    },
+    attrs: {
+      label: "表单属性",
+      name: "form",
+      lazy: ""
+    }
+  }, [o("FormConfig", {
+    attrs: {
+      data: t.widgetForm
+    }
+  })], 1)], 1)], 1), o("ElDrawer", {
+    attrs: {
+      title: "导入JSON",
+      visible: t.importJsonVisible,
+      size: "50%",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function(s) {
+        t.importJsonVisible = s;
+      }
+    }
+  }, [o("MonacoEditor", {
+    attrs: {
+      "key-index": "import",
+      height: "82%"
+    },
+    model: {
+      value: t.importJson,
+      callback: function(s) {
+        t.importJson = s;
+      },
+      expression: "importJson"
+    }
+  }), o("div", {
+    staticClass: "afd-drawer-foot"
+  }, [o("ElButton", {
+    attrs: {
+      size: "medium",
+      type: "primary"
+    },
+    on: {
+      click: t.handleImportJsonSubmit
+    }
+  }, [t._v(" 确定 ")]), o("ElButton", {
+    attrs: {
+      size: "medium",
+      type: "danger"
+    },
+    on: {
+      click: function(s) {
+        t.importJsonVisible = !1;
+      }
+    }
+  }, [t._v(" 取消 ")])], 1)], 1), o("ElDrawer", {
+    attrs: {
+      title: "生成JSON",
+      visible: t.generateJsonVisible,
+      size: "50%",
+      "append-to-body": "",
+      "destroy-on-close": ""
+    },
+    on: {
+      "update:visible": function(s) {
+        t.generateJsonVisible = s;
+      }
+    }
+  }, [o("MonacoEditor", {
+    attrs: {
+      "key-index": "generate",
+      height: "82%",
+      "read-only": !0
+    },
+    model: {
+      value: t.option,
+      callback: function(s) {
+        t.option = s;
+      },
+      expression: "option"
+    }
+  }), o("div", {
+    staticClass: "afd-drawer-foot"
+  }, [o("ElButton", {
+    attrs: {
+      size: "medium",
+      type: "primary"
+    },
+    on: {
+      click: t.handleGenerate
+    }
+  }, [t._v(" 生成 ")]), o("ElPopover", {
+    attrs: {
+      placement: "top",
+      trigger: "hover",
+      width: "350px"
+    }
+  }, [o("ElForm", {
+    staticStyle: {
+      padding: "0 20px"
+    },
+    attrs: {
+      "label-suffix": "：",
+      "label-width": "180px",
+      "label-position": "left"
+    },
+    model: {
+      value: t.configOption,
+      callback: function(s) {
+        t.configOption = s;
+      },
+      expression: "configOption"
+    }
+  }, [o("ElFormItem", {
+    attrs: {
+      label: "类型"
+    }
+  }, [o("ElPopover", {
+    staticStyle: {
+      "margin-right": "15px"
+    },
+    attrs: {
+      placement: "top-start",
+      trigger: "hover",
+      content: "复制json对象"
+    }
+  }, [o("ElRadio", {
+    attrs: {
+      slot: "reference",
+      label: "json"
+    },
+    slot: "reference",
+    model: {
+      value: t.configOption.generateType,
+      callback: function(s) {
+        t.$set(t.configOption, "generateType", s);
+      },
+      expression: "configOption.generateType"
+    }
+  }, [t._v(" json ")])], 1), o("ElPopover", {
+    attrs: {
+      placement: "top-start",
+      trigger: "hover",
+      content: "复制string字符串，可直接用于后端保存无需再次处理。"
+    }
+  }, [o("ElRadio", {
+    attrs: {
+      slot: "reference",
+      label: "string"
+    },
+    slot: "reference",
+    model: {
+      value: t.configOption.generateType,
+      callback: function(s) {
+        t.$set(t.configOption, "generateType", s);
+      },
+      expression: "configOption.generateType"
+    }
+  }, [t._v(" string ")])], 1)], 1), o("ElFormItem", {
+    attrs: {
+      label: "缩进长度-空格数量"
+    }
+  }, [o("ElSlider", {
+    attrs: {
+      "show-stops": "",
+      marks: {
+        1: "1",
+        2: "2",
+        3: "3",
+        4: "4"
+      },
+      min: 1,
+      max: 4,
+      step: 1
+    },
+    model: {
+      value: t.configOption.space,
+      callback: function(s) {
+        t.$set(t.configOption, "space", s);
+      },
+      expression: "configOption.space"
+    }
+  })], 1), o("ElFormItem", {
+    attrs: {
+      label: "引号类型"
+    }
+  }, [o("ElSwitch", {
+    attrs: {
+      "active-value": "single",
+      "inactive-value": "double",
+      "active-text": "单引号",
+      "inactive-text": "双引号"
+    },
+    model: {
+      value: t.configOption.quoteType,
+      callback: function(s) {
+        t.$set(t.configOption, "quoteType", s);
+      },
+      expression: "configOption.quoteType"
+    }
+  })], 1), o("ElFormItem", {
+    attrs: {
+      label: "移除key的引号"
+    }
+  }, [o("ElSwitch", {
+    model: {
+      value: t.configOption.dropQuotesOnKeys,
+      callback: function(s) {
+        t.$set(t.configOption, "dropQuotesOnKeys", s);
+      },
+      expression: "configOption.dropQuotesOnKeys"
+    }
+  })], 1), o("ElFormItem", {
+    attrs: {
+      label: "移除数字字符串的引号"
+    }
+  }, [o("ElSwitch", {
+    model: {
+      value: t.configOption.dropQuotesOnNumbers,
+      callback: function(s) {
+        t.$set(t.configOption, "dropQuotesOnNumbers", s);
+      },
+      expression: "configOption.dropQuotesOnNumbers"
+    }
+  })], 1)], 1), o("ElButton", {
+    staticStyle: {
+      "margin-left": "10px"
+    },
+    attrs: {
+      slot: "reference",
+      size: "medium",
+      type: "primary"
+    },
+    on: {
+      click: t.handleCopy
+    },
+    slot: "reference"
+  }, [t._v(" 复制 ")])], 1)], 1)], 1), o("ElDrawer", {
+    attrs: {
+      title: "预览",
+      visible: t.previewVisible,
+      size: "60%",
+      "append-to-body": "",
+      "before-close": t.handleBeforeClose
+    },
+    on: {
+      "update:visible": function(s) {
+        t.previewVisible = s;
+      }
+    }
+  }, [t.previewVisible ? o("FyForm", {
+    ref: "form",
+    staticClass: "afd-preview-form",
+    attrs: {
+      option: t.option
+    },
+    on: {
+      submit: t.handlePreviewSubmit
+    },
+    model: {
+      value: t.form,
+      callback: function(s) {
+        t.form = s;
+      },
+      expression: "form"
+    }
+  }) : t._e(), o("div", {
+    staticClass: "afd-drawer-foot"
+  }, [o("ElButton", {
+    attrs: {
+      size: "medium",
+      type: "primary"
+    },
+    on: {
+      click: t.handlePreviewSubmit
+    }
+  }, [t._v(" 确定 ")]), o("ElButton", {
+    attrs: {
+      size: "medium",
+      type: "danger"
+    },
+    on: {
+      click: t.handleBeforeClose
+    }
+  }, [t._v(" 取消 ")])], 1)], 1)], 1)], 1);
+}, staticRenderFns = [];
+const FyFormDesign_vue_vue_type_style_index_0_lang = "", __vue2_script = {
+  name: "FyFormDesign",
+  components: { Draggable, MonacoEditor, WidgetForm, FormConfig, WidgetConfig },
+  mixins: [history],
+  props: {
+    options: {
+      type: [Object, String],
+      default: () => ({
+        column: []
+      })
+    },
+    storage: {
+      type: Boolean,
+      default: !1
+    },
+    asideLeftWidth: {
+      type: [String, Number],
+      default: "270px"
+    },
+    asideRightWidth: {
+      type: [String, Number],
+      default: "380px"
+    },
+    showGithubStar: Boolean,
+    toolbar: {
+      type: Array,
+      default: () => ["import", "generate", "preview", "clear"]
+    },
+    undoRedo: {
+      type: Boolean,
+      default: !0
+    },
+    includeFields: {
+      type: Array,
+      default: () => {
+        const t = [];
+        return fields.forEach((n) => {
+          n.list.forEach((o) => {
+            t.push(o.type);
+          });
+        }), t;
+      }
+    },
+    customFields: {
+      type: Array
+    },
+    defaultValues: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      widgetEmpty,
+      fields,
+      widgetForm: {
+        column: [],
+        labelPosition: "left",
+        labelSuffix: "：",
+        labelWidth: 120,
+        gutter: 0,
+        menuBtn: !0,
+        submitBtn: !0,
+        submitText: "提交",
+        emptyBtn: !0,
+        emptyText: "清空",
+        menuPosition: "center"
+      },
+      option: {},
+      configTab: "form",
+      widgetFormSelect: {},
+      previewVisible: !1,
+      generateJsonVisible: !1,
+      importJsonVisible: !1,
+      importJson: {},
+      form: {},
+      configOption: {
+        generateType: "json",
+        space: 2,
+        quoteType: "single",
+        dropQuotesOnKeys: !0
+      },
+      history: {
+        index: 0,
+        // 当前下标
+        maxStep: 20,
+        // 最大记录步数
+        steps: []
+        // 历史步数
+      }
+    };
+  },
+  computed: {
+    leftWidth() {
+      return typeof this.asideLeftWidth == "string" ? this.asideLeftWidth : `${this.asideLeftWidth}px`;
+    },
+    rightWidth() {
+      return typeof this.asideRightWidth == "string" ? this.asideRightWidth : `${this.asideRightWidth}px`;
+    }
+  },
+  watch: {
+    options: {
+      handler(val) {
+        let options = val;
+        if (typeof options == "string")
+          try {
+            options = eval("(" + options + ")");
+          } catch (t) {
+            console.error("非法配置"), options = { column: [] };
+          }
+        this.transAvueOptionsToFormDesigner(options).then((t) => {
+          this.widgetForm = { ...this.widgetForm, ...t };
+        });
+      },
+      deep: !0
+    },
+    widgetFormSelect: {
+      handler() {
+        this.configTab === "form" && (this.configTab = "widget");
+      },
+      deep: !0
+    }
+  },
+  mounted() {
+    this.handleLoadStorage(), this.handleLoadCss();
+  },
+  methods: {
+    // 组件初始化时加载本地存储中的options(需开启storage),若不存在则读取用户配置的options
+    async handleLoadStorage() {
+      let options = this.options;
+      if (typeof options == "string")
+        try {
+          options = eval("(" + options + ")");
+        } catch (t) {
+          console.error("非法配置"), options = { column: [] };
+        }
+      options.column || (options.column = []), this.widgetForm = this.initHistory({
+        index: 0,
+        maxStep: 20,
+        steps: [await this.transAvueOptionsToFormDesigner({ ...this.widgetForm, ...options })],
+        storage: this.storage
+      }), this.undoRedo && window.addEventListener("keydown", (t) => {
+        (t.metaKey && !t.shiftKey && t.keyCode == 90 || t.ctrlKey && !t.shiftKey && t.keyCode == 90) && (this.widgetForm = this.handleUndo()), (t.metaKey && t.shiftKey && t.keyCode == 90 || t.ctrlKey && t.shiftKey && t.keyCode == 90 || t.ctrlKey && t.keyCode == 89) && (this.widgetForm = this.handleRedo());
+      }, !1);
+    },
+    // 加载icon
+    handleLoadCss() {
+      const t = document.getElementsByTagName("head")[0], n = document.createElement("link");
+      n.rel = "stylesheet", n.type = "text/css", n.href = "https://at.alicdn.com/t/font_1254447_zc9iezc230c.css", t.appendChild(n);
+    },
+    // Avue文档链接
+    handleAvueDoc() {
+      window.open("https://avuejs.com/form/form.html", "_blank");
+    },
+    // 左侧字段点击
+    handleFieldClick(t) {
+      const n = this.widgetForm.column.findIndex((s) => s.prop === this.widgetFormSelect.prop) + 1;
+      let o = 0;
+      n === -1 ? (this.widgetForm.column.push(t), o = this.widgetForm.column.length - 1) : (this.widgetForm.column.splice(n, 0, t), o = n), this.$refs.widgetForm.handleWidgetAdd({ newIndex: o });
+    },
+    // 预览 - 弹窗
+    handlePreview() {
+      !this.widgetForm.column || this.widgetForm.column.length === 0 ? this.$message.error("没有需要展示的内容") : this.transformToAvueOptions(this.widgetForm, !0).then((t) => {
+        this.option = t, this.previewVisible = !0;
+      });
+    },
+    // 导入JSON - 弹窗 - 确定
+    handleImportJsonSubmit() {
+      try {
+        this.transAvueOptionsToFormDesigner(this.importJson).then((t) => {
+          this.widgetForm = t, this.importJsonVisible = !1, this.handleHistoryChange(this.widgetForm);
+        });
+      } catch (t) {
+        this.$message.error(t.message);
+      }
+    },
+    // 生成JSON - 弹窗
+    handleGenerateJson() {
+      this.transformToAvueOptions(this.widgetForm).then((t) => {
+        this.option = t, this.generateJsonVisible = !0;
+      });
+    },
+    // 生成JSON - 弹窗 - 确定
+    handleGenerate() {
+      this.transformToAvueOptions(this.widgetForm).then((t) => {
+        this.configOption.generateType && this.configOption.generateType === "string" ? this.$emit("submit", convert(t, {
+          minify: !0,
+          ...this.configOption
+        })) : this.$emit("submit", t);
+      });
+    },
+    // 生成JSON - 弹窗 - 拷贝
+    handleCopy() {
+      this.transformToAvueOptions(this.widgetForm).then((t) => {
+        this.$Clipboard({
+          text: convert(t, {
+            minify: !0,
+            ...this.configOption
+          })
+        }).then(() => {
+          this.$message.success("复制成功");
+        }).catch(() => {
+          this.$message.error("复制失败");
+        });
+      });
+    },
+    // 预览 - 弹窗 - 确定
+    handlePreviewSubmit(t, n) {
+      n ? this.$alert(this.form).then(() => {
+        n();
+      }).catch(() => {
+        n();
+      }) : this.$refs.form.validate((o, s) => {
+        o && this.$alert(this.form).then(() => {
+          s();
+        }).catch(() => {
+          s();
+        });
+      });
+    },
+    // 预览 - 弹窗 - 关闭前
+    handleBeforeClose() {
+      this.$refs.form.resetForm(), this.form = {}, this.previewVisible = !1;
+    },
+    // 清空
+    handleClear() {
+      this.widgetForm && this.widgetForm.column && this.widgetForm.column.length > 0 ? this.$confirm("确定要清空吗？", "警告", {
+        type: "warning"
+      }).then(() => {
+        this.$set(this.widgetForm, "column", []), this.$set(this, "form", {}), this.$set(this, "widgetFormSelect", {}), this.handleHistoryChange(this.widgetForm);
+      }).catch(() => {
+      }) : this.$message.error("没有需要清空的内容");
+    },
+    // 表单设计器配置项 转化为 Avue配置项
+    transformToAvueOptions(obj, isPreview = !1) {
+      return new Promise((resolve, reject) => {
+        try {
+          const data = deepClone(obj);
+          for (let t in data)
+            isBlank(data[t]) && delete data[t];
+          for (let i = 0; i < data.column.length; i++) {
+            const col = data.column[i];
+            if (isPreview) {
+              let event = ["change", "blur", "click", "focus"];
+              event.forEach((e) => {
+                col[e] && (col[e] = eval((col[e] + "").replace(/this/g, "_this")));
+              }), col.event && Object.keys(col.event).forEach((key) => col.event[key] = eval((col.event[key] + "").replace(/this/g, "_this")));
+            }
+            if (col.type === "dynamic" && col.children && col.children.column && col.children.column.length > 0)
+              col.children.column.forEach((n) => {
+                delete n.subfield;
+              }), this.transformToAvueOptions(col.children, isPreview).then((n) => {
+                col.children = n;
+              });
+            else if (col.type === "group") {
+              data.group || (data.group = []);
+              const t = {
+                label: col.label,
+                icon: col.icon,
+                prop: col.prop,
+                arrow: col.arrow,
+                collapse: col.collapse,
+                display: col.display
+              };
+              this.transformToAvueOptions(col.children, isPreview).then((n) => {
+                t.column = n.column, data.group.push(t);
+              }), data.column.splice(i, 1), i--;
+            } else if (["checkbox", "radio", "tree", "cascader", "select"].includes(col.type)) {
+              if (col.dicOption === "static") {
+                delete col.dicUrl, delete col.dicMethod, delete col.dicQuery, delete col.dicQueryConfig;
+                const { label: t, value: n, desc: o } = col.props;
+                col.dicData.forEach((s) => {
+                  if (s.label) {
+                    const a = s.label;
+                    delete s.label, s[t] = a;
+                  }
+                  if (s.value) {
+                    const a = s.value;
+                    delete s.value, s[n] = a;
+                  }
+                  if (s.desc) {
+                    const a = s.desc;
+                    delete s.desc, s[o] = a;
+                  }
+                });
+              } else if (col.dicOption === "remote")
+                if (delete col.dicData, col.dicQueryConfig && col.dicQueryConfig.length > 0) {
+                  const t = {};
+                  col.dicQueryConfig.forEach((n) => {
+                    n.key && n.value && (t[n.key] = n.value);
+                  }), col.dicQuery = t, delete col.dicQueryConfig;
+                } else
+                  delete col.dicQueryConfig;
+              delete col.dicOption;
+            } else if (["upload"].includes(col.type)) {
+              if (col.headersConfig && col.headersConfig.length > 0) {
+                const t = {};
+                col.headersConfig.forEach((n) => {
+                  n.key && n.value && (t[n.key] = n.value);
+                }), col.headers = t;
+              } else
+                delete col.headers;
+              if (delete col.headersConfig, col.dataConfig && col.dataConfig.length > 0) {
+                const t = {};
+                col.dataConfig.forEach((n) => {
+                  n.key && n.value && (t[n.key] = n.value);
+                }), col.data = t;
+              } else
+                delete col.data;
+              delete col.dataConfig;
+            }
+            for (let t in col)
+              isBlank(col[t]) && delete col[t];
+          }
+          resolve(data);
+        } catch (t) {
+          reject(t);
+        }
+      });
+    },
+    // Avue配置项 转化为 表单设计器配置项
+    transAvueOptionsToFormDesigner(obj) {
+      typeof obj == "string" && (obj = eval("(" + obj + ")"));
+      const data = deepClone(obj);
+      return new Promise((t, n) => {
+        try {
+          if (data.column && data.column.length > 0 && data.column.forEach((o) => {
+            if (o.type === "dynamic" && o.children && o.children.column && o.children.column.length > 0)
+              o.children.column.forEach((a) => {
+                a.subfield = !0;
+              }), this.transAvueOptionsToFormDesigner(o.children).then((a) => {
+                o.children = a;
+              });
+            else if (["checkbox", "radio", "tree", "cascader", "select"].includes(o.type)) {
+              if (!o.dicData && o.dicQuery && typeof o.dicQuery == "object") {
+                const s = [];
+                for (let a in o.dicQuery)
+                  s.push({
+                    key: a,
+                    value: o.dicQuery[a],
+                    $cellEdit: !0
+                  });
+                o.dicQueryConfig = s;
+              }
+              o.dicUrl ? o.dicOption = "remote" : o.dicOption = "static", o.dicData ? o.props && o.dicData.forEach((s) => {
+                const { label: a, value: r, desc: l } = o.props;
+                if (a) {
+                  const c = s[a];
+                  delete s[a], s.label = c;
+                }
+                if (r) {
+                  const c = s[r];
+                  delete s[r], s.value = c;
+                }
+                if (l) {
+                  const c = s[l];
+                  delete s[l], s.desc = c;
+                }
+              }) : o.dicData = [];
+            } else if (["upload"].includes(o.type)) {
+              if (o.headers && typeof o.headers == "object") {
+                const s = [];
+                for (let a in o.headers)
+                  s.push({
+                    key: a,
+                    value: o.headers[a],
+                    $cellEdit: !0
+                  });
+                o.headersConfig = s;
+              } else
+                o.headersConfig = [];
+              if (o.data && typeof o.data == "object") {
+                const s = [];
+                for (let a in o.data)
+                  s.push({
+                    key: a,
+                    value: o.data[a],
+                    $cellEdit: !0
+                  });
+                o.dataConfig = s;
+              } else
+                o.dataConfig = [];
+            }
+          }), data.group && data.group.length > 0) {
+            for (let o = 0; o < data.group.length; o++) {
+              data.column || (data.column = []);
+              const s = data.group[o], a = {
+                type: "group",
+                label: s.label,
+                icon: s.icon,
+                prop: s.prop,
+                arrow: s.arrow,
+                collapse: s.collapse,
+                display: s.display
+              };
+              this.transAvueOptionsToFormDesigner(s).then((r) => {
+                a.children = r, data.column.push(a);
+              });
+            }
+            delete data.group;
+          }
+          t(data);
+        } catch (o) {
+          n(o);
+        }
+      });
+    },
+    async getData(t = "json", n = {}) {
+      if (t === "string")
+        return convert(await this.transformToAvueOptions(this.widgetForm), {
+          minify: !0,
+          ...n
+        });
+      if (t === "app") {
+        const o = await this.transformToAvueOptions(this.widgetForm);
+        return this.parseJson(o), o;
+      } else
+        return await this.transformToAvueOptions(this.widgetForm);
+    },
+    parseJson(t) {
+      for (var n in t) {
+        var o = t[n];
+        o && o.length > 0 && typeof o == "object" || typeof o == "object" ? this.parseJson(o) : typeof o == "function" && (t[n] = o + "");
+      }
+    }
+  }
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  !1,
+  __vue2_injectStyles,
+  null,
+  null,
+  null
+);
+function __vue2_injectStyles(t) {
+  for (let n in __cssModules)
+    this[n] = __cssModules[n];
+}
+const FyFormDesign = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+export {
+  FyFormDesign as default
+};