fec-dev-designer 1.1.2 → 5.1.3

package/es/src/layout/aside/index.vue.js

@@ -3,17 +3,17 @@ import "../../../node_modules/element-plus/theme-chalk/el-aside.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-collapse.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-collapse-item.css.js";
-import { computed as u, ref as g, openBlock as s, createBlock as c, withCtx as a, createElementVNode as l, createVNode as n, createElementBlock as r, Fragment as E, renderList as k, unref as d, toDisplayString as b, createCommentVNode as p } from "vue";
+import { computed as m, ref as v, openBlock as s, createBlock as u, withCtx as a, createElementVNode as l, createVNode as n, createElementBlock as c, Fragment as D, renderList as E, unref as r, toDisplayString as g, createCommentVNode as b } from "vue";
 import x from "../../packages/utils/eventBus.js";
 import { VueDraggable as $ } from "../../../node_modules/vue-draggable-plus/dist/vue-draggable-plus.js";
 import { Calendar as j, DeleteFilled as q, Hide as z } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
 import { getEditConfigData as C, setSelectedItem as G } from "../../packages/utils/common.js";
 import J from "../../packages/table/aside/index.js";
 import K from "../../packages/form/aside/index.js";
-import O from "../../packages/form/fieldRecycleBin.vue.js";
-import P from "../../packages/form/HiddenFieldDialog.vue.js";
+import O from "./fieldRecycleBin.vue.js";
+import P from "./HiddenFieldDialog.vue.js";
 import { throttle as Q } from "../../../node_modules/@vexip-ui/utils/dist/index.js";
-import m from "../../store/index.js";
+import d from "../../store/index.js";
 import "./index.vue2.js";
 import W from "../../../_virtual/_plugin-vue_export-helper.js";
 import { ElIcon as X } from "../../../node_modules/element-plus/es/components/icon/index.js";
@@ -23,26 +23,23 @@ import { ElAside as te } from "../../../node_modules/element-plus/es/components/
 const oe = { class: "dev-designer-aside" }, le = { class: "components-item" }, ne = { class: "menu-components-item" }, se = { class: "components-item-label" }, ae = {
   key: 0,
   class: "table-item"
-}, ie = { class: "widgets" }, re = { class: "field-label" }, de = {
-  key: 0,
-  class: "aside-footer"
-}, me = {
+}, ie = { class: "widgets" }, re = { class: "field-label" }, de = { class: "aside-footer" }, me = {
   __name: "index",
   emits: ["onFormDragMove"],
-  setup(ue, { emit: B }) {
-    const T = B, w = u(() => {
-      switch (m.getters.editingType) {
+  setup(ue, { emit: k }) {
+    const B = k, T = m(() => {
+      switch (d.getters.editingType) {
         case "table":
           return J;
         case "form":
           return K;
       }
       return null;
-    }), V = u(() => m.getters.editingType), y = g(["basic", "advanced"]), f = g(!1), _ = g(!1), F = u(() => {
+    }), w = m(() => d.getters.editingType), V = v(["basic", "advanced"]), p = v(!1), f = v(!1), y = m(() => {
       var e;
       const t = C();
       return ((e = t == null ? void 0 : t.deletedFields) == null ? void 0 : e.length) || 0;
-    }), h = u(() => {
+    }), F = m(() => {
       var e;
       const t = C();
       return ((e = t == null ? void 0 : t.hiddenFields) == null ? void 0 : e.length) || 0;
@@ -55,34 +52,34 @@ const oe = { class: "dev-designer-aside" }, le = { class: "components-item" }, n
       };
     }
     function N(t) {
-      G(t.clonedData), m.getters.editingType == "form" && x.emit("onFormDragEnd", t);
+      G(t.clonedData), d.getters.editingType == "form" && x.emit("onFormDragEnd", t);
     }
-    const S = Q((t) => (m.getters.editingType == "form" && T("onFormDragMove", t), !0), 50);
+    const S = Q((t) => (d.getters.editingType == "form" && B("onFormDragMove", t), !0), 50);
     function U(t) {
-      m.getters.editingType == "form" && x.emit("onFormDragStart", t);
+      d.getters.editingType == "form" && x.emit("onFormDragStart", t);
     }
     function I() {
-      f.value = !0;
+      p.value = !0;
     }
     function A() {
-      _.value = !0;
+      f.value = !0;
     }
     return (t, e) => {
-      const v = X, H = Y, L = Z, D = ee, R = te;
-      return s(), c(R, { class: "root-aside" }, {
+      const _ = X, H = Y, L = Z, h = ee, R = te;
+      return s(), u(R, { class: "root-aside" }, {
         default: a(() => [
           l("div", oe, [
             n(L, {
-              modelValue: y.value,
-              "onUpdate:modelValue": e[0] || (e[0] = (o) => y.value = o)
+              modelValue: V.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => V.value = o)
             }, {
               default: a(() => [
-                (s(!0), r(E, null, k(w.value, (o) => (s(), c(H, {
+                (s(!0), c(D, null, E(T.value, (o) => (s(), u(H, {
                   title: o.title,
                   name: o.name
                 }, {
                   default: a(() => [
-                    n(d($), {
+                    n(r($), {
                       modelValue: o.children,
                       "onUpdate:modelValue": (i) => o.children = i,
                       animation: 150,
@@ -90,26 +87,26 @@ const oe = { class: "dev-designer-aside" }, le = { class: "components-item" }, n
                       group: { name: "dev", pull: "clone", put: !1 },
                       clone: M,
                       onEnd: N,
-                      onMove: d(S),
+                      onMove: r(S),
                       onStart: U,
                       sort: !1,
                       class: "components-list"
                     }, {
                       default: a(() => [
-                        (s(!0), r(E, null, k(o.children, (i) => (s(), r("div", le, [
+                        (s(!0), c(D, null, E(o.children, (i) => (s(), c("div", le, [
                           l("div", ne, [
-                            n(v, { class: "components-item-icon" }, {
+                            n(_, { class: "components-item-icon" }, {
                               default: a(() => [
-                                n(d(j))
+                                n(r(j))
                               ]),
                               _: 1
                             }),
-                            l("span", se, b(i.label), 1)
+                            l("span", se, g(i.label), 1)
                           ]),
-                          V.value == "table" ? (s(), r("div", ae, [
-                            l("div", ie, b(i.label), 1),
-                            l("div", re, b(i.fieldName), 1)
-                          ])) : p("", !0)
+                          w.value == "table" ? (s(), c("div", ae, [
+                            l("div", ie, g(i.label), 1),
+                            l("div", re, g(i.fieldName), 1)
+                          ])) : b("", !0)
                         ]))), 256))
                       ]),
                       _: 2
@@ -121,59 +118,59 @@ const oe = { class: "dev-designer-aside" }, le = { class: "components-item" }, n
               _: 1
             }, 8, ["modelValue"])
           ]),
-          V.value == "form" ? (s(), r("div", de, [
+          l("div", de, [
             l("div", {
               class: "footer-btn recycle-btn",
               onClick: I
             }, [
-              n(v, { class: "btn-icon" }, {
+              n(_, { class: "btn-icon" }, {
                 default: a(() => [
-                  n(d(q))
+                  n(r(q))
                 ]),
                 _: 1
               }),
               e[3] || (e[3] = l("span", { class: "btn-text" }, "字段回收站", -1)),
-              F.value > 0 ? (s(), c(D, {
+              y.value > 0 ? (s(), u(h, {
                 key: 0,
-                value: F.value,
+                value: y.value,
                 max: 99,
                 class: "btn-badge"
-              }, null, 8, ["value"])) : p("", !0)
+              }, null, 8, ["value"])) : b("", !0)
             ]),
             e[5] || (e[5] = l("div", { class: "footer-divider" }, null, -1)),
             l("div", {
               class: "footer-btn hidden-field-btn",
               onClick: A
             }, [
-              n(v, { class: "btn-icon" }, {
+              n(_, { class: "btn-icon" }, {
                 default: a(() => [
-                  n(d(z))
+                  n(r(z))
                 ]),
                 _: 1
               }),
               e[4] || (e[4] = l("span", { class: "btn-text" }, "隐藏域", -1)),
-              h.value > 0 ? (s(), c(D, {
+              F.value > 0 ? (s(), u(h, {
                 key: 0,
-                value: h.value,
+                value: F.value,
                 max: 99,
                 class: "btn-badge"
-              }, null, 8, ["value"])) : p("", !0)
+              }, null, 8, ["value"])) : b("", !0)
             ])
-          ])) : p("", !0),
+          ]),
           n(O, {
-            modelValue: f.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (o) => f.value = o)
+            modelValue: p.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (o) => p.value = o)
           }, null, 8, ["modelValue"]),
           n(P, {
-            modelValue: _.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (o) => _.value = o)
+            modelValue: f.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (o) => f.value = o)
           }, null, 8, ["modelValue"])
         ]),
         _: 1
       });
     };
   }
-}, Ue = /* @__PURE__ */ W(me, [["__scopeId", "data-v-8edf3b11"]]);
+}, Ue = /* @__PURE__ */ W(me, [["__scopeId", "data-v-fa48b88f"]]);
 export {
   Ue as default
 };

package/es/src/layout/header/index.vue.js

@@ -6,37 +6,39 @@ import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-form.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
-import { computed as _, ref as g, reactive as F, openBlock as v, createBlock as y, withCtx as a, createElementVNode as r, createVNode as t, unref as m, toDisplayString as D, resolveDynamicComponent as I, isRef as h, createTextVNode as N } from "vue";
-import { UploadFilled as U, Edit as H } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
-import { ElMessage as R } from "element-plus";
-import T from "../../packages/table/headerBtn.vue.js";
-import q from "../../packages/form/headerBtn.vue.js";
-import { getEditConfigData as S } from "../../packages/utils/common.js";
-import z from "../../api/index.js";
-import J from "../../store/index.js";
+import { computed as g, ref as v, reactive as I, openBlock as y, createBlock as D, withCtx as m, createElementVNode as o, toDisplayString as f, unref as r, createVNode as t, resolveDynamicComponent as U, isRef as H, createTextVNode as N } from "vue";
+import R from "../../assets/logo.png.js";
+import { UploadFilled as T, Edit as h } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { ElMessage as q } from "element-plus";
+import J from "../../packages/table/headerBtn.vue.js";
+import S from "../../packages/form/headerBtn.vue.js";
+import { getEditConfigData as z } from "../../packages/utils/common.js";
+import M from "../../api/index.js";
+import O from "../../store/index.js";
+import $ from "../../../package.json.js";
 import "./index.vue2.js";
-import { ElIcon as M } from "../../../node_modules/element-plus/es/components/icon/index.js";
-import { ElInput as O } from "../../../node_modules/element-plus/es/components/input/index.js";
-import { ElFormItem as $, ElForm as j } from "../../../node_modules/element-plus/es/components/form/index.js";
-import { ElButton as A } from "../../../node_modules/element-plus/es/components/button/index.js";
-import { ElDialog as G } from "../../../node_modules/element-plus/es/components/dialog/index.js";
-import { ElHeader as L } from "../../../node_modules/element-plus/es/components/container/index.js";
-const P = { class: "dev-title" }, Q = { class: "header-title" }, W = { class: "title-row" }, X = { class: "template-name" }, Y = { class: "template-key" }, Z = { class: "opt-btn-content" }, ee = { class: "dialog-footer" }, xe = {
+import { ElIcon as j } from "../../../node_modules/element-plus/es/components/icon/index.js";
+import { ElInput as A } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElFormItem as G, ElForm as L } from "../../../node_modules/element-plus/es/components/form/index.js";
+import { ElButton as P } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElDialog as Q } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+import { ElHeader as W } from "../../../node_modules/element-plus/es/components/container/index.js";
+const X = { class: "dev-title" }, Y = { class: "logo" }, Z = { class: "version" }, ee = { class: "header-title" }, te = { class: "title-row" }, le = { class: "template-name" }, oe = { class: "template-key" }, ae = { class: "opt-btn-content" }, me = { class: "dialog-footer" }, Ue = {
   __name: "index",
-  setup(te) {
-    const V = _(() => {
-      switch (J.getters.editingType) {
+  setup(re) {
+    const V = g(() => {
+      switch (O.getters.editingType) {
         case "table":
-          return T;
+          return J;
         case "form":
-          return q;
+          return S;
       }
       return null;
-    }), b = _(() => S()), s = () => b.value || {}, p = g(!1), f = g(null), l = F({
+    }), b = g(() => z()), E = $.version, p = () => b.value || {}, i = v(!1), c = v(null), l = I({
       templateName: "",
       templateKey: "",
       templateDesc: ""
-    }), E = {
+    }), K = {
       templateKey: [{ required: !0, message: "请输入模板标识", trigger: "blur" }],
       templateName: [
         { required: !0, message: "请输入模板名称", trigger: "blur" }
@@ -45,70 +47,79 @@ const P = { class: "dev-title" }, Q = { class: "header-title" }, W = { class: "t
         { max: 200, message: "长度不能超过 200 个字符", trigger: "blur" }
       ]
     };
-    function K() {
-      const o = s();
-      l.templateName = o.templateName || "", l.templateKey = o.templateKey || "", l.templateDesc = o.templateDesc || "", p.value = !0;
+    function k() {
+      const a = p();
+      l.templateName = a.templateName || "", l.templateKey = a.templateKey || "", l.templateDesc = a.templateDesc || "", i.value = !0;
     }
     function x() {
-      var o;
-      (o = f.value) == null || o.validate((e) => {
+      var a;
+      (a = c.value) == null || a.validate((e) => {
         if (e) {
-          const i = s();
-          i.templateName = l.templateName, i.templateKey = l.templateKey, i.templateDesc = l.templateDesc, p.value = !1;
+          const n = p();
+          n.templateName = l.templateName, n.templateKey = l.templateKey, n.templateDesc = l.templateDesc, i.value = !1;
         } else
           return !1;
       });
     }
-    function k() {
-      const o = s(), e = {
-        pkId: o.pkId,
-        templateKey: o.templateKey,
-        templateName: o.templateName,
-        context: JSON.stringify(o)
+    function w() {
+      const a = p(), e = {
+        pkId: a.pkId,
+        templateKey: a.templateKey,
+        templateName: a.templateName,
+        context: JSON.stringify(a)
       };
-      z.updateById(e).then(() => {
-        R.success("保存成功");
+      M.updateById(e).then(() => {
+        q.success("保存成功");
       });
     }
-    return (o, e) => {
-      const i = M, d = O, u = $, w = j, c = A, C = G, B = L;
-      return v(), y(B, { class: "dev-root-header" }, {
-        default: a(() => [
-          r("div", P, [
-            r("div", {
+    return (a, e) => {
+      const n = j, d = A, u = G, C = L, _ = P, B = Q, F = W;
+      return y(), D(F, { class: "dev-root-header" }, {
+        default: m(() => [
+          o("div", X, [
+            o("div", Y, [
+              e[5] || (e[5] = o("img", {
+                src: R,
+                alt: "logo",
+                class: "logo-img"
+              }, null, -1)),
+              e[6] || (e[6] = o("div", { class: "title" }, "表单设计器", -1)),
+              o("div", Z, "v" + f(r(E)), 1)
+            ]),
+            o("div", {
               class: "btn-item",
-              onClick: k
+              onClick: w
             }, [
-              t(i, null, {
-                default: a(() => [
-                  t(m(U))
+              t(n, null, {
+                default: m(() => [
+                  t(r(T))
                 ]),
                 _: 1
               }),
-              e[5] || (e[5] = r("span", null, "保存", -1))
+              e[7] || (e[7] = o("span", null, "保存", -1))
             ])
           ]),
-          r("div", Q, [
-            r("div", W, [
-              r("div", X, D(s().templateName), 1),
-              t(i, {
+          o("div", ee, [
+            o("div", te, [
+              o("div", le, f(p().templateName), 1),
+              t(n, {
                 class: "edit-icon",
-                onClick: K
+                onClick: k
               }, {
-                default: a(() => [
-                  t(m(H))
+                default: m(() => [
+                  t(r(h))
                 ]),
                 _: 1
               })
             ]),
-            r("div", Y, D(s().templateKey), 1)
+            o("div", oe, f(p().templateKey), 1)
           ]),
-          r("div", Z, [
-            (v(), y(I(V.value)))
+          o("div", ae, [
+            (y(), D(U(V.value)))
           ]),
-          t(C, {
-            modelValue: m(p),
-            "onUpdate:modelValue": e[4] || (e[4] = (n) => h(p) ? p.value = n : null),
+          t(B, {
+            modelValue: r(i),
+            "onUpdate:modelValue": e[4] || (e[4] = (s) => H(i) ? i.value = s : null),
             title: "编辑模板信息",
             width: "500px",
             draggable: "",
@@ -116,44 +127,44 @@ const P = { class: "dev-title" }, Q = { class: "header-title" }, W = { class: "t
             "append-to-body": "",
             class: "fec-dev-designer-dialog"
           }, {
-            footer: a(() => [
-              r("div", ee, [
-                t(c, {
-                  onClick: e[3] || (e[3] = (n) => p.value = !1)
+            footer: m(() => [
+              o("div", me, [
+                t(_, {
+                  onClick: e[3] || (e[3] = (s) => i.value = !1)
                 }, {
-                  default: a(() => [...e[6] || (e[6] = [
+                  default: m(() => [...e[8] || (e[8] = [
                     N("取消", -1)
                   ])]),
                   _: 1
                 }),
-                t(c, {
+                t(_, {
                   type: "primary",
                   onClick: x
                 }, {
-                  default: a(() => [...e[7] || (e[7] = [
+                  default: m(() => [...e[9] || (e[9] = [
                     N("确定", -1)
                   ])]),
                   _: 1
                 })
               ])
             ]),
-            default: a(() => [
-              t(w, {
-                model: m(l),
-                rules: E,
+            default: m(() => [
+              t(C, {
+                model: r(l),
+                rules: K,
                 ref_key: "editFormRef",
-                ref: f,
+                ref: c,
                 "label-width": "100px"
               }, {
-                default: a(() => [
+                default: m(() => [
                   t(u, {
                     label: "模板标识",
                     prop: "templateKey"
                   }, {
-                    default: a(() => [
+                    default: m(() => [
                       t(d, {
-                        modelValue: m(l).templateKey,
-                        "onUpdate:modelValue": e[0] || (e[0] = (n) => m(l).templateKey = n),
+                        modelValue: r(l).templateKey,
+                        "onUpdate:modelValue": e[0] || (e[0] = (s) => r(l).templateKey = s),
                         placeholder: "请输入模板标识"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -163,10 +174,10 @@ const P = { class: "dev-title" }, Q = { class: "header-title" }, W = { class: "t
                     label: "模板名称",
                     prop: "templateName"
                   }, {
-                    default: a(() => [
+                    default: m(() => [
                       t(d, {
-                        modelValue: m(l).templateName,
-                        "onUpdate:modelValue": e[1] || (e[1] = (n) => m(l).templateName = n),
+                        modelValue: r(l).templateName,
+                        "onUpdate:modelValue": e[1] || (e[1] = (s) => r(l).templateName = s),
                         placeholder: "请输入模板名称"
                       }, null, 8, ["modelValue"])
                     ]),
@@ -176,10 +187,10 @@ const P = { class: "dev-title" }, Q = { class: "header-title" }, W = { class: "t
                     label: "模板描述",
                     prop: "templateDesc"
                   }, {
-                    default: a(() => [
+                    default: m(() => [
                       t(d, {
-                        modelValue: m(l).templateDesc,
-                        "onUpdate:modelValue": e[2] || (e[2] = (n) => m(l).templateDesc = n),
+                        modelValue: r(l).templateDesc,
+                        "onUpdate:modelValue": e[2] || (e[2] = (s) => r(l).templateDesc = s),
                         type: "textarea",
                         rows: 4,
                         placeholder: "请输入模板描述",
@@ -203,5 +214,5 @@ const P = { class: "dev-title" }, Q = { class: "header-title" }, W = { class: "t
   }
 };
 export {
-  xe as default
+  Ue as default
 };