fec-dev-designer 5.1.2 → 5.1.3

package/es/src/{packages/form → layout/aside}/fieldRecycleBin.vue.js

@@ -9,51 +9,59 @@ import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-table-column.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-tag.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-button.css.js";
-import { useModel as T, computed as F, ref as p, watch as R, openBlock as k, createBlock as M, withCtx as r, createVNode as i, createTextVNode as c, createElementVNode as f, unref as v } from "vue";
-import { RefreshRight as I, Delete as b } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
-import { getEditConfigData as N, cloneDeep as g } from "../utils/common.js";
+import { useModel as F, computed as R, ref as f, watch as k, openBlock as I, createBlock as M, withCtx as r, createVNode as n, createTextVNode as c, createElementVNode as v, unref as g } from "vue";
+import { RefreshRight as N, Delete as b } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { getEditConfigData as Y, getEditingType as x, cloneDeep as m } from "../../packages/utils/common.js";
 import "../../../node_modules/element-plus/theme-chalk/el-badge.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-message.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-message-box.css.js";
 import "../../../node_modules/element-plus/theme-chalk/el-input.css.js";
 import "./fieldRecycleBin.vue2.js";
-import Y from "../../../_virtual/_plugin-vue_export-helper.js";
+import $ from "../../../_virtual/_plugin-vue_export-helper.js";
 import { ElMessage as h } from "../../../node_modules/element-plus/es/components/message/index.js";
 import { ElMessageBox as y } from "../../../node_modules/element-plus/es/components/message-box/index.js";
-import { ElButton as $ } from "../../../node_modules/element-plus/es/components/button/index.js";
-import { ElTableColumn as S, ElTable as q } from "../../../node_modules/element-plus/es/components/table/index.js";
-import { ElDialog as P } from "../../../node_modules/element-plus/es/components/dialog/index.js";
-const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "field-list-container" }, A = {
+import { ElButton as S } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElTableColumn as q, ElTable as P } from "../../../node_modules/element-plus/es/components/table/index.js";
+import { ElDialog as U } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+const j = { class: "action-bar" }, z = { class: "left-buttons" }, A = { class: "field-list-container" }, G = {
   __name: "fieldRecycleBin",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(x) {
-    const s = T(x, "modelValue"), n = F(() => N()), l = p([]), o = p([]), w = p(null);
-    R(s, (d) => {
-      d && B();
+  setup(w) {
+    const s = F(w, "modelValue"), d = R(() => Y()), a = f([]), o = f([]), D = f(null);
+    k(s, (i) => {
+      i && E();
     });
-    const B = () => {
-      l.value = n.value.deletedFields || [];
-    }, C = (d) => {
-      o.value = d;
-    }, D = () => {
-      if (o.value.length === 0)
-        return;
-      n.value.fieldsData || (n.value.fieldsData = []);
-      let e = n.value.fieldsData.reduce(
-        (a, t) => Math.max(a, t.y + t.h),
-        0
-      );
-      o.value.forEach((a) => {
-        const t = g(a.data);
-        t.y = e, e += t.h, n.value.fieldsData.push(t);
-        const u = l.value.findIndex((m) => m === a);
-        u !== -1 && l.value.splice(u, 1);
-      }), n.value.deletedFields = g(l.value), h.success(`已恢复 ${o.value.length} 个字段`), o.value = [];
-    }, E = async () => {
+    const E = () => {
+      a.value = d.value.deletedFields || [];
+    }, B = (i) => {
+      o.value = i;
+    }, C = () => {
+      if (o.value.length !== 0) {
+        if (d.value.fieldsData || (d.value.fieldsData = []), x() == "form") {
+          let e = d.value.fieldsData.reduce(
+            (t, l) => Math.max(t, l.y + l.h),
+            0
+          );
+          o.value.forEach((t) => {
+            const l = m(t.data);
+            l.y = e, e += l.h, d.value.fieldsData.push(l);
+            const u = a.value.findIndex((p) => p === t);
+            u !== -1 && a.value.splice(u, 1);
+          });
+        } else
+          x() == "table" && o.value.forEach((i) => {
+            const e = m(i.data);
+            d.value.fieldsData.push(e);
+            const t = a.value.findIndex((l) => l === i);
+            t !== -1 && a.value.splice(t, 1);
+          });
+        d.value.deletedFields = m(a.value), h.success(`已恢复 ${o.value.length} 个字段`), o.value = [];
+      }
+    }, T = async () => {
       if (o.value.length !== 0)
         try {
           await y.confirm(
@@ -64,14 +72,14 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
               cancelButtonText: "取消",
               type: "warning"
             }
-          ), o.value.forEach((d) => {
-            const e = l.value.findIndex((a) => a === d);
-            e !== -1 && l.value.splice(e, 1);
-          }), n.value.deletedFields = g(l.value), o.value = [], h.success("字段已彻底删除");
+          ), o.value.forEach((i) => {
+            const e = a.value.findIndex((t) => t === i);
+            e !== -1 && a.value.splice(e, 1);
+          }), d.value.deletedFields = m(a.value), o.value = [], h.success("字段已彻底删除");
         } catch {
         }
     }, V = async () => {
-      if (l.value.length !== 0)
+      if (a.value.length !== 0)
         try {
           await y.confirm(
             "确定要清空回收站吗？此操作将永久删除所有字段，不可恢复。",
@@ -81,13 +89,13 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
               cancelButtonText: "取消",
               type: "warning"
             }
-          ), l.value = [], n.value.deletedFields = [], h.success("回收站已清空");
+          ), a.value = [], d.value.deletedFields = [], h.success("回收站已清空");
         } catch {
         }
     };
-    return (d, e) => {
-      const a = $, t = S, u = q, m = P;
-      return k(), M(m, {
+    return (i, e) => {
+      const t = S, l = q, u = P, p = U;
+      return I(), M(p, {
         modelValue: s.value,
         "onUpdate:modelValue": e[1] || (e[1] = (_) => s.value = _),
         title: "字段回收站",
@@ -98,7 +106,7 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
         class: "fec-dev-designer-dialog"
       }, {
         footer: r(() => [
-          i(a, {
+          n(t, {
             onClick: e[0] || (e[0] = (_) => s.value = !1)
           }, {
             default: r(() => [...e[5] || (e[5] = [
@@ -108,24 +116,24 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
           })
         ]),
         default: r(() => [
-          f("div", U, [
-            f("div", j, [
-              i(a, {
+          v("div", j, [
+            v("div", z, [
+              n(t, {
                 type: "primary",
-                icon: v(I),
+                icon: g(N),
                 disabled: o.value.length === 0,
-                onClick: D
+                onClick: C
               }, {
                 default: r(() => [...e[2] || (e[2] = [
                   c(" 恢复 ", -1)
                 ])]),
                 _: 1
               }, 8, ["icon", "disabled"]),
-              i(a, {
+              n(t, {
                 type: "danger",
-                icon: v(b),
+                icon: g(b),
                 disabled: o.value.length === 0,
-                onClick: E
+                onClick: T
               }, {
                 default: r(() => [...e[3] || (e[3] = [
                   c(" 彻底删除 ", -1)
@@ -133,11 +141,11 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
                 _: 1
               }, 8, ["icon", "disabled"])
             ]),
-            i(a, {
+            n(t, {
               type: "danger",
-              icon: v(b),
+              icon: g(b),
               plain: "",
-              disabled: l.value.length === 0,
+              disabled: a.value.length === 0,
               onClick: V
             }, {
               default: r(() => [...e[4] || (e[4] = [
@@ -146,35 +154,35 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
               _: 1
             }, 8, ["icon", "disabled"])
           ]),
-          f("div", z, [
-            i(u, {
+          v("div", A, [
+            n(u, {
               ref_key: "tableRef",
-              ref: w,
-              data: l.value,
-              onSelectionChange: C,
+              ref: D,
+              data: a.value,
+              onSelectionChange: B,
               height: "400"
             }, {
               default: r(() => [
-                i(t, {
+                n(l, {
                   type: "selection",
                   width: "55"
                 }),
-                i(t, {
+                n(l, {
                   prop: "label",
                   label: "字段标签",
                   "min-width": "120"
                 }),
-                i(t, {
+                n(l, {
                   prop: "fieldName",
                   label: "字段名称",
                   "min-width": "120"
                 }),
-                i(t, {
+                n(l, {
                   prop: "fieldType",
                   label: "字段类型",
                   width: "100"
                 }),
-                i(t, {
+                n(l, {
                   prop: "deleteTime",
                   label: "删除时间",
                   width: "180"
@@ -188,7 +196,7 @@ const U = { class: "action-bar" }, j = { class: "left-buttons" }, z = { class: "
       }, 8, ["modelValue"]);
     };
   }
-}, ve = /* @__PURE__ */ Y(A, [["__scopeId", "data-v-0c7da658"]]);
+}, ge = /* @__PURE__ */ $(G, [["__scopeId", "data-v-d770fcac"]]);
 export {
-  ve as default
+  ge as default
 };

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
 };