@epxing/designer 0.0.0-stage → 5.3.0-beta.2

package/dist/src/page-designer/page-variable-panel/index.js

@@ -0,0 +1,7 @@
+import '../../../style.css';
+import { default as default2 } from "./PageVariablePanel.js";
+import { default as default3 } from "./JsonEditor.js";
+export {
+  default3 as JsonEditor,
+  default2 as PageVariablePanel
+};

package/dist/src/page-designer/page-variable-panel/jsonlint.js

@@ -0,0 +1,230 @@
+import '../../../style.css';
+window.jsonlint = (function() {
+  var a = true;
+  var b = false;
+  var c = {};
+  var d = (function() {
+    var a2 = { trace: function() {
+    }, yy: {}, symbols_: { error: 2, JSONString: 3, STRING: 4, JSONNumber: 5, NUMBER: 6, JSONNullLiteral: 7, NULL: 8, JSONBooleanLiteral: 9, TRUE: 10, FALSE: 11, JSONText: 12, JSONValue: 13, EOF: 14, JSONObject: 15, JSONArray: 16, "{": 17, "}": 18, JSONMemberList: 19, JSONMember: 20, ":": 21, ",": 22, "[": 23, "]": 24, JSONElementList: 25, $accept: 0, $end: 1 }, terminals_: { 2: "error", 4: "STRING", 6: "NUMBER", 8: "NULL", 10: "TRUE", 11: "FALSE", 14: "EOF", 17: "{", 18: "}", 21: ":", 22: ",", 23: "[", 24: "]" }, productions_: [0, [3, 1], [5, 1], [7, 1], [9, 1], [9, 1], [12, 2], [13, 1], [13, 1], [13, 1], [13, 1], [13, 1], [13, 1], [15, 2], [15, 3], [20, 3], [19, 1], [19, 3], [16, 2], [16, 3], [25, 1], [25, 3]], performAction: function(b3, c2, d2, e, f, g, h) {
+      var i = g.length - 1;
+      switch (f) {
+        case 1:
+          this.$ = b3.replace(/\\(\\|")/g, "$1").replace(/\\n/g, "\n").replace(/\\r/g, "\r").replace(/\\t/g, "	").replace(/\\v/g, "\v").replace(/\\f/g, "\f").replace(/\\b/g, "\b");
+          break;
+        case 2:
+          this.$ = Number(b3);
+          break;
+        case 3:
+          this.$ = null;
+          break;
+        case 4:
+          this.$ = true;
+          break;
+        case 5:
+          this.$ = false;
+          break;
+        case 6:
+          return this.$ = g[i - 1];
+        case 13:
+          this.$ = {};
+          break;
+        case 14:
+          this.$ = g[i - 1];
+          break;
+        case 15:
+          this.$ = [g[i - 2], g[i]];
+          break;
+        case 16:
+          this.$ = {}, this.$[g[i][0]] = g[i][1];
+          break;
+        case 17:
+          this.$ = g[i - 2], g[i - 2][g[i][0]] = g[i][1];
+          break;
+        case 18:
+          this.$ = [];
+          break;
+        case 19:
+          this.$ = g[i - 1];
+          break;
+        case 20:
+          this.$ = [g[i]];
+          break;
+        case 21:
+          this.$ = g[i - 2], g[i - 2].push(g[i]);
+      }
+    }, table: [{ 3: 5, 4: [1, 12], 5: 6, 6: [1, 13], 7: 3, 8: [1, 9], 9: 4, 10: [1, 10], 11: [1, 11], 12: 1, 13: 2, 15: 7, 16: 8, 17: [1, 14], 23: [1, 15] }, { 1: [3] }, { 14: [1, 16] }, { 14: [2, 7], 18: [2, 7], 22: [2, 7], 24: [2, 7] }, { 14: [2, 8], 18: [2, 8], 22: [2, 8], 24: [2, 8] }, { 14: [2, 9], 18: [2, 9], 22: [2, 9], 24: [2, 9] }, { 14: [2, 10], 18: [2, 10], 22: [2, 10], 24: [2, 10] }, { 14: [2, 11], 18: [2, 11], 22: [2, 11], 24: [2, 11] }, { 14: [2, 12], 18: [2, 12], 22: [2, 12], 24: [2, 12] }, { 14: [2, 3], 18: [2, 3], 22: [2, 3], 24: [2, 3] }, { 14: [2, 4], 18: [2, 4], 22: [2, 4], 24: [2, 4] }, { 14: [2, 5], 18: [2, 5], 22: [2, 5], 24: [2, 5] }, { 14: [2, 1], 18: [2, 1], 21: [2, 1], 22: [2, 1], 24: [2, 1] }, { 14: [2, 2], 18: [2, 2], 22: [2, 2], 24: [2, 2] }, { 3: 20, 4: [1, 12], 18: [1, 17], 19: 18, 20: 19 }, { 3: 5, 4: [1, 12], 5: 6, 6: [1, 13], 7: 3, 8: [1, 9], 9: 4, 10: [1, 10], 11: [1, 11], 13: 23, 15: 7, 16: 8, 17: [1, 14], 23: [1, 15], 24: [1, 21], 25: 22 }, { 1: [2, 6] }, { 14: [2, 13], 18: [2, 13], 22: [2, 13], 24: [2, 13] }, { 18: [1, 24], 22: [1, 25] }, { 18: [2, 16], 22: [2, 16] }, { 21: [1, 26] }, { 14: [2, 18], 18: [2, 18], 22: [2, 18], 24: [2, 18] }, { 22: [1, 28], 24: [1, 27] }, { 22: [2, 20], 24: [2, 20] }, { 14: [2, 14], 18: [2, 14], 22: [2, 14], 24: [2, 14] }, { 3: 20, 4: [1, 12], 20: 29 }, { 3: 5, 4: [1, 12], 5: 6, 6: [1, 13], 7: 3, 8: [1, 9], 9: 4, 10: [1, 10], 11: [1, 11], 13: 30, 15: 7, 16: 8, 17: [1, 14], 23: [1, 15] }, { 14: [2, 19], 18: [2, 19], 22: [2, 19], 24: [2, 19] }, { 3: 5, 4: [1, 12], 5: 6, 6: [1, 13], 7: 3, 8: [1, 9], 9: 4, 10: [1, 10], 11: [1, 11], 13: 31, 15: 7, 16: 8, 17: [1, 14], 23: [1, 15] }, { 18: [2, 17], 22: [2, 17] }, { 18: [2, 15], 22: [2, 15] }, { 22: [2, 21], 24: [2, 21] }], defaultActions: { 16: [2, 6] }, parseError: function(b3, c2) {
+      throw new Error(b3);
+    }, parse: function(b3) {
+      function o(a3) {
+        d2.length = d2.length - 2 * a3, e.length = e.length - a3, f.length = f.length - a3;
+      }
+      function p() {
+        var a3;
+        return a3 = c2.lexer.lex() || 1, typeof a3 !== "number" && (a3 = c2.symbols_[a3] || a3), a3;
+      }
+      var c2 = this;
+      var d2 = [0];
+      var e = [null];
+      var f = [];
+      var g = this.table;
+      var h = "";
+      var i = 0;
+      var j = 0;
+      var k = 0;
+      var l = 2;
+      var m = 1;
+      this.lexer.setInput(b3), this.lexer.yy = this.yy, this.yy.lexer = this.lexer, typeof this.lexer.yylloc === "undefined" && (this.lexer.yylloc = {});
+      var n = this.lexer.yylloc;
+      f.push(n), typeof this.yy.parseError === "function" && (this.parseError = this.yy.parseError);
+      var q;
+      var r;
+      var s;
+      var t;
+      var v;
+      var w = {};
+      var x;
+      var y;
+      var z;
+      var A;
+      for (; ; ) {
+        s = d2[d2.length - 1], this.defaultActions[s] ? t = this.defaultActions[s] : (q == null && (q = p()), t = g[s] && g[s][q]);
+        if (typeof t === "undefined" || !t.length || !t[0]) {
+          if (!k) {
+            A = [];
+            for (x in g[s]) this.terminals_[x] && x > 2 && A.push("'" + this.terminals_[x] + "'");
+            var B = "";
+            this.lexer.showPosition ? B = "请输入字符串、数字、布尔值、对象{...}、数组[...]等类型" : B = "Parse error on line " + (i + 1) + ": Unexpected " + (q == 1 ? "end of input" : "'" + (this.terminals_[q] || q) + "'"), this.parseError(B, { text: this.lexer.match, token: this.terminals_[q] || q, line: this.lexer.yylineno, loc: n, expected: A });
+          }
+          if (k == 3) {
+            if (q == m) throw new Error(B || "Parsing halted.");
+            j = this.lexer.yyleng, h = this.lexer.yytext, i = this.lexer.yylineno, n = this.lexer.yylloc, q = p();
+          }
+          for (; ; ) {
+            if (l.toString() in g[s]) break;
+            if (s == 0) throw new Error(B || "Parsing halted.");
+            o(1), s = d2[d2.length - 1];
+          }
+          r = q, q = l, s = d2[d2.length - 1], t = g[s] && g[s][l], k = 3;
+        }
+        if (t[0] instanceof Array && t.length > 1) throw new Error("Parse Error: multiple actions possible at state: " + s + ", token: " + q);
+        switch (t[0]) {
+          case 1:
+            d2.push(q), e.push(this.lexer.yytext), f.push(this.lexer.yylloc), d2.push(t[1]), q = null, r ? (q = r, r = null) : (j = this.lexer.yyleng, h = this.lexer.yytext, i = this.lexer.yylineno, n = this.lexer.yylloc, k > 0 && k--);
+            break;
+          case 2:
+            y = this.productions_[t[1]][1], w.$ = e[e.length - y], w._$ = { first_line: f[f.length - (y || 1)].first_line, last_line: f[f.length - 1].last_line, first_column: f[f.length - (y || 1)].first_column, last_column: f[f.length - 1].last_column }, v = this.performAction.call(w, h, j, i, this.yy, t[1], e, f);
+            if (typeof v !== "undefined") return v;
+            y && (d2 = d2.slice(0, -1 * y * 2), e = e.slice(0, -1 * y), f = f.slice(0, -1 * y)), d2.push(this.productions_[t[1]][0]), e.push(w.$), f.push(w._$), z = g[d2[d2.length - 2]][d2[d2.length - 1]], d2.push(z);
+            break;
+          case 3:
+            return true;
+        }
+      }
+      return true;
+    } };
+    var b2 = (function() {
+      var a3 = { EOF: 1, parseError: function(b3, c2) {
+        if (!this.yy.parseError) throw new Error(b3);
+        this.yy.parseError(b3, c2);
+      }, setInput: function(a4) {
+        return this._input = a4, this._more = this._less = this.done = false, this.yylineno = this.yyleng = 0, this.yytext = this.matched = this.match = "", this.conditionStack = ["INITIAL"], this.yylloc = { first_line: 1, first_column: 0, last_line: 1, last_column: 0 }, this;
+      }, input: function() {
+        var a4 = this._input[0];
+        this.yytext += a4, this.yyleng++, this.match += a4, this.matched += a4;
+        var b3 = a4.match(/\n/);
+        return b3 && this.yylineno++, this._input = this._input.slice(1), a4;
+      }, unput: function(a4) {
+        return this._input = a4 + this._input, this;
+      }, more: function() {
+        return this._more = true, this;
+      }, less: function(a4) {
+        this._input = this.match.slice(a4) + this._input;
+      }, pastInput: function() {
+        var a4 = this.matched.substr(0, this.matched.length - this.match.length);
+        return (a4.length > 20 ? "..." : "") + a4.substr(-20).replace(/\n/g, "");
+      }, upcomingInput: function() {
+        var a4 = this.match;
+        return a4.length < 20 && (a4 += this._input.substr(0, 20 - a4.length)), (a4.substr(0, 20) + (a4.length > 20 ? "..." : "")).replace(/\n/g, "");
+      }, showPosition: function() {
+        var a4 = this.pastInput();
+        var b3 = new Array(a4.length + 1).join("-");
+        return a4 + this.upcomingInput() + "\n" + b3 + "^";
+      }, next: function() {
+        if (this.done) return this.EOF;
+        this._input || (this.done = true);
+        var a4, b3, c2, d2, f;
+        this._more || (this.yytext = "", this.match = "");
+        var g = this._currentRules();
+        for (var h = 0; h < g.length; h++) {
+          c2 = this._input.match(this.rules[g[h]]);
+          if (c2 && (!b3 || c2[0].length > b3[0].length)) {
+            b3 = c2, d2 = h;
+            if (!this.options.flex) break;
+          }
+        }
+        if (b3) {
+          f = b3[0].match(/\n.*/g), f && (this.yylineno += f.length), this.yylloc = { first_line: this.yylloc.last_line, last_line: this.yylineno + 1, first_column: this.yylloc.last_column, last_column: f ? f[f.length - 1].length - 1 : this.yylloc.last_column + b3[0].length }, this.yytext += b3[0], this.match += b3[0], this.yyleng = this.yytext.length, this._more = false, this._input = this._input.slice(b3[0].length), this.matched += b3[0], a4 = this.performAction.call(this, this.yy, this, g[d2], this.conditionStack[this.conditionStack.length - 1]), this.done && this._input && (this.done = false);
+          if (a4) return a4;
+          return;
+        }
+        if (this._input === "") return this.EOF;
+        this.parseError("Lexical error on line " + (this.yylineno + 1) + ". Unrecognized text.\n" + this.showPosition(), { text: "", token: null, line: this.yylineno });
+      }, lex: function() {
+        var b3 = this.next();
+        return typeof b3 !== "undefined" ? b3 : this.lex();
+      }, begin: function(b3) {
+        this.conditionStack.push(b3);
+      }, popState: function() {
+        return this.conditionStack.pop();
+      }, _currentRules: function() {
+        return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
+      }, topState: function() {
+        return this.conditionStack[this.conditionStack.length - 2];
+      }, pushState: function(b3) {
+        this.begin(b3);
+      } };
+      return a3.options = {}, a3.performAction = function(b3, c2, d2, e) {
+        switch (d2) {
+          case 0:
+            break;
+          case 1:
+            return 6;
+          case 2:
+            return c2.yytext = c2.yytext.substr(1, c2.yyleng - 2), 4;
+          case 3:
+            return 17;
+          case 4:
+            return 18;
+          case 5:
+            return 23;
+          case 6:
+            return 24;
+          case 7:
+            return 22;
+          case 8:
+            return 21;
+          case 9:
+            return 10;
+          case 10:
+            return 11;
+          case 11:
+            return 8;
+          case 12:
+            return 14;
+          case 13:
+            return "INVALID";
+        }
+      }, a3.rules = [/^(?:\s+)/, /^(?:(-?([0-9]|[1-9][0-9]+))(\.[0-9]+)?([eE][-+]?[0-9]+)?\b)/, /^(?:"(?:\\[\\"bfnrt/]|\\u[a-fA-F0-9]{4}|[^\\\0-\x09\x0a-\x1f"])*")/, /^(?:\{)/, /^(?:\})/, /^(?:\[)/, /^(?:\])/, /^(?:,)/, /^(?::)/, /^(?:true\b)/, /^(?:false\b)/, /^(?:null\b)/, /^(?:$)/, /^(?:.)/], a3.conditions = { INITIAL: { rules: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13], inclusive: true } }, a3;
+    })();
+    return a2.lexer = b2, a2;
+  })();
+  return typeof c !== "undefined" && (c.parser = d, c.parse = function() {
+    return d.parse.apply(d, arguments);
+  }, c.main = function(d2) {
+    if (!d2[1]) throw new Error("Usage: " + d2[0] + " FILE");
+    if (typeof process !== "undefined") var e = a("fs").readFileSync(a("path").join(process.cwd(), d2[1]), "utf8");
+    else var f = a("file").path(a("file").cwd());
+    var e = f.join(d2[1]).read({ charset: "utf-8" });
+    return c.parser.parse(e);
+  }, a.main === b && c.main(typeof process !== "undefined" ? process.argv.slice(1) : a("system").args)), c;
+})();

package/dist/src/page-designer/previews/add-form/Preview.js

@@ -0,0 +1,8 @@
+import '../../../../style.css';
+import _sfc_main from "./Preview.vue.js";
+/* empty css             */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const AddFormPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59a0f3d2"]]);
+export {
+  AddFormPreview as default
+};

package/dist/src/page-designer/previews/add-form/Preview.vue.js

@@ -0,0 +1,328 @@
+import { createVNode, createTextVNode, resolveComponent, mergeProps, isVNode } from "vue";
+import previewMixin from "../../widget-preview/Mixin.js";
+import { MobileActionSheet } from "@epxing/components/src/mobile";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-add-form--preview",
+  mixins: [previewMixin],
+  props: {
+    compId: String,
+    component: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    selectComponent: Object,
+    itemConfigs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      data: {},
+      catalogList: [],
+      openCatalogIds: [],
+      // 当前高亮的目录项 id
+      activeIndex: null,
+      httpLoading: {},
+      // ⚠️ 这个字段模板里读（v-model）也写（onClick），但**本文件与 mixin 都没声明过**
+      // （mixin 的 data() 返回空对象）。Vue 3 下给未声明的属性赋值会挂上一个**非响应式**
+      // 属性——赋值本身成功、但视图永不更新 ⇒ 设计器预览里点「更多操作」**永远打不开面板**。
+      // 与 Tag.vue 的 showPicker 零定义、Add.vue 的 value= 是同一类"面板打不开"（存量缺陷）。
+      showMobileAction: false
+    };
+  },
+  computed: {
+    operates() {
+      const {
+        operates = []
+      } = this.$configs;
+      return operates || [];
+    },
+    pageType() {
+      const {
+        pageType
+      } = this.$configs;
+      return pageType;
+    },
+    readonly() {
+      return this.pageType === "READONLY";
+    }
+  },
+  methods: {
+    // 覆盖 Mixin 的方法，返回表单的列表元素
+    getDropListElement() {
+      var _a;
+      return (_a = this.$refs.addForm) == null ? void 0 : _a.querySelector(".epx-page-designer-widget-preview__draggable");
+    },
+    getCatalogList() {
+      const id = this.compId;
+      const {
+        items = []
+      } = this.widget;
+      const formatCatalog = (parent, item) => {
+        const id2 = parent + "-" + item.id;
+        const children = item.items ? item.items.map((catalog) => formatCatalog(id2, catalog)) : [];
+        return {
+          ...item,
+          contentType: item.contentType,
+          id: id2,
+          title: item.title,
+          children
+        };
+      };
+      this.catalogList = items.map((item) => formatCatalog(id, item));
+      if (this.catalogList.length > 0) {
+        this.activeIndex = this.catalogList[0].id;
+      }
+    },
+    openComponent(id, event) {
+      event && event.stopPropagation();
+      const index = this.openCatalogIds.findIndex((item) => item === id);
+      if (index !== -1) {
+        this.openCatalogIds.splice(index, 1);
+      } else {
+        this.openCatalogIds.push(id);
+      }
+    },
+    renderComponent(component) {
+      return createVNode(resolveComponent("epx-page-designer-widget-preview-item"), mergeProps({
+        "designer": this.designer,
+        "key": component.id,
+        "widget": component,
+        "parent-widget": this.widget,
+        "component": component,
+        "ref": "component-" + component.id,
+        "comp-id": component.id
+      }, this.$forwardAttrs(this.$attrs), {
+        "selectComponent": this.selectComponent,
+        "formData": this.data,
+        "pageType": this.pageType,
+        "showTitle": this.childWidgetList.length > 1,
+        "pageRelationList": this.pageRelationList
+      }), null);
+    },
+    renderCatalogList(catalogList = [], parent) {
+      return createVNode("ul", {
+        "class": "epx-catalog__list"
+      }, [catalogList.map((item) => createVNode("li", {
+        "class": ["epx-catalog__item", {
+          "epx-catalog__subitem": !!parent
+        }, {
+          "is-active": this.activeIndex === item.id
+        }, {
+          "is-opened": this.openCatalogIds.includes(item.id)
+        }],
+        "key": item.id
+      }, [createVNode("p", {
+        "class": "epx-catalog__item-title",
+        "onClick": this.openComponent.bind(this, item.id)
+      }, [createVNode("span", null, [createVNode("span", {
+        "class": "epx-catalog__item-title-left"
+      }, null), item.title]), item.children && item.children.length > 0 && createVNode("i", {
+        "class": "epx-catalog__item-icon el-icon-arrow-down",
+        "onClick": this.openComponent.bind(this, item.id)
+      }, null)]), this.renderCatalogList(item.children, item)]))]);
+    },
+    renderCatalog() {
+      const {
+        operateFlag = true,
+        operateEllipsis = 2
+      } = this.$configs;
+      return createVNode("div", {
+        "ref": "catalogContainer",
+        "style": {
+          display: "inline-block",
+          width: "280px"
+        }
+      }, [createVNode("div", {
+        "class": "nav-base"
+      }, [!this.readonly && operateFlag && createVNode("div", {
+        "class": "epx-add-form__button-group"
+      }, [this.operates.map((operate, index) => {
+        if (index < operateEllipsis) {
+          return createVNode(resolveComponent("el-button"), mergeProps({
+            "loading": this.httpLoading[operate.handler + "-" + operate.text],
+            "size": "default",
+            "key": operate.text
+          }, {
+            [operate.type]: true
+          }, {
+            "type": operate.type === "text" ? "text" : operate.ui,
+            "style": {
+              width: operate.width + "px"
+            }
+          }), {
+            default: () => [operate.text]
+          });
+        }
+      }), this.operates.length > operateEllipsis && createVNode(resolveComponent("el-dropdown"), {
+        "class": "more-table-operates",
+        "trigger": "click"
+      }, {
+        default: () => [createVNode(resolveComponent("el-button"), {
+          "size": "default"
+        }, {
+          default: () => [createVNode("i", {
+            "class": "el-icon-more"
+          }, null), createTextVNode(" "), this.$t("more")]
+        })],
+        dropdown: () => {
+          let _slot;
+          return createVNode(resolveComponent("el-dropdown-menu"), null, _isSlot(_slot = this.operates.map((operate, index) => {
+            if (index > operateEllipsis) {
+              return createVNode(resolveComponent("el-dropdown-item"), {
+                "key": operate.text
+              }, {
+                default: () => [operate.text]
+              });
+            }
+          })) ? _slot : {
+            default: () => [_slot]
+          });
+        }
+      })])]), createVNode("div", {
+        "ref": "catalog",
+        "class": "epx-catalog",
+        "style": {
+          position: "static"
+        }
+      }, [this.renderCatalogList(this.childWidgetList)])]);
+    },
+    renderForm() {
+      let _slot2;
+      const {
+        operateFlag,
+        showCatalog
+      } = this.$configs;
+      return createVNode("div", {
+        "class": "epx-add-form__content"
+      }, [createVNode("div", {
+        "class": "epx-add-form__field-group epx-page-designer-widget-preview__drop-zone",
+        "ref": "addForm"
+      }, [createVNode("div", {
+        "class": "epx-page-designer-widget-preview__draggable"
+      }, [this.childWidgetList.map((component, index) => {
+        const {
+          split
+        } = this.$configs;
+        return createVNode("div", {
+          "class": ["epx-add-form__field-item", {
+            "is-mobile": this.$isMobile
+          }],
+          "style": {
+            marginBottom: split + "px"
+          },
+          "key": component.id
+        }, [this.renderComponent(component)]);
+      }), this.childWidgetList.length === 0 && createVNode("div", {
+        "class": "epx-page-designer-widget-preview__no-widget"
+      }, [createTextVNode("拖拽表单项到这里")])])]), !this.readonly && operateFlag && !(showCatalog && !this.$isMobile) && createVNode("div", null, [this.$isMobile ? createVNode("div", {
+        "class": ["epx-add-form__m-buttongroup", {
+          "epx-add-form__m-button-more": this.operates.length > 3
+        }]
+      }, [createVNode("div", {
+        "class": ["epx-add-form__m-button-inner", {
+          "epx-add-form__m-button-change": !this.screenHeightNoChange
+        }]
+      }, [this.operates.length > 3 ? createVNode("div", {
+        "class": "epx-add-form__m-operate"
+      }, [createVNode(MobileActionSheet, {
+        "modelValue": this.showMobileAction,
+        "onUpdate:modelValue": ($event) => this.showMobileAction = $event,
+        "actions": this.operates.map((item) => ({
+          ...item,
+          name: item.text
+        })),
+        "cancel-text": this.$t("cancel"),
+        "close-on-click-action": true,
+        "onSelect": (action) => this.$handler(action, null)
+      }, null), createVNode(resolveComponent("el-button"), {
+        "class": "epx-add-form__m-button",
+        "size": "default",
+        "onClick": () => this.showMobileAction = true
+      }, _isSlot(_slot2 = this.$t("operation")) ? _slot2 : {
+        default: () => [_slot2]
+      })]) : this.operates.map((operate) => createVNode(resolveComponent("el-button"), {
+        "loading": this.httpLoading[operate.handler + "-" + operate.text],
+        "class": "epx-add-form__m-button-one",
+        "key": operate.text,
+        "type": operate.ui
+      }, {
+        default: () => [operate.text]
+      }))])]) : createVNode("div", {
+        "class": "epx-add-form__button-group"
+      }, [this.operates.map((operate) => createVNode(resolveComponent("el-button"), mergeProps({
+        "loading": this.httpLoading[operate.handler + "-" + operate.text],
+        "size": "default",
+        "style": {
+          width: operate.width + "px"
+        },
+        "key": operate.text
+      }, {
+        [operate.type]: true
+      }, {
+        "type": operate.type === "text" ? "text" : operate.ui
+      }), {
+        default: () => [operate.icon && createVNode("i", {
+          "class": [operate.icon]
+        }, null), operate.text]
+      }))])])]);
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getCatalogList();
+    this.$nextTick(() => {
+      const dropZone = this.$refs.addForm;
+      if (dropZone) {
+        this._dragEnterHandler = this.onContainerDragEnter.bind(this);
+        this._dragOverHandler = (e) => {
+          e.preventDefault();
+          this.onContainerDragOver(e);
+        };
+        this._dragLeaveHandler = this.onContainerDragLeave.bind(this);
+        this._dropHandler = (e) => {
+          e.preventDefault();
+          this.onContainerDrop(e);
+        };
+        dropZone.addEventListener("dragenter", this._dragEnterHandler);
+        dropZone.addEventListener("dragover", this._dragOverHandler);
+        dropZone.addEventListener("dragleave", this._dragLeaveHandler);
+        dropZone.addEventListener("drop", this._dropHandler);
+      }
+    });
+  },
+  beforeUnmount() {
+    const dropZone = this.$refs.addForm;
+    if (this._dragEnterHandler && dropZone) {
+      dropZone.removeEventListener("dragenter", this._dragEnterHandler);
+      dropZone.removeEventListener("dragover", this._dragOverHandler);
+      dropZone.removeEventListener("dragleave", this._dragLeaveHandler);
+      dropZone.removeEventListener("drop", this._dropHandler);
+    }
+  },
+  render() {
+    const {
+      showCatalog,
+      catalogPosition
+    } = this.$configs;
+    return createVNode("div", {
+      "ref": "container",
+      "style": this.style,
+      "class": ["epx-add-form", {
+        "is-catalog": showCatalog && !this.$isMobile
+      }, `is-catalog__${catalogPosition}`]
+    }, [showCatalog && !this.$isMobile && this.renderCatalog(), this.renderForm()]);
+  }
+};
+export {
+  _sfc_main as default
+};