fec-dev-designer 1.1.2 → 5.1.3

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

@@ -0,0 +1,313 @@
+import "../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-dialog.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-overlay.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-table.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-checkbox.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-tooltip.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../node_modules/element-plus/theme-chalk/el-input.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 U, ref as b, computed as $, watch as H, openBlock as I, createBlock as M, withCtx as u, createElementVNode as p, createVNode as s, createTextVNode as m, unref as y, toDisplayString as S } from "vue";
+import { Plus as P, RefreshRight as z, Delete as x } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { ElMessage as f, ElMessageBox as w } from "element-plus";
+import { getEditConfigData as W, getEditConfigDataFields as Y, cloneDeep as v, getEditingType as V } from "../../packages/utils/common.js";
+import { defaultProperty as j } from "../../packages/form/aside/index.js";
+import { defaultProperty as q } from "../../packages/table/aside/index.js";
+import "./HiddenFieldDialog.vue2.js";
+import A from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElButton as O } from "../../../node_modules/element-plus/es/components/button/index.js";
+import { ElTableColumn as G, ElTable as J } from "../../../node_modules/element-plus/es/components/table/index.js";
+import { ElInput as K } from "../../../node_modules/element-plus/es/components/input/index.js";
+import { ElDialog as L } from "../../../node_modules/element-plus/es/components/dialog/index.js";
+const Q = { class: "action-bar" }, X = { class: "left-buttons" }, Z = { class: "count-info" }, ee = { class: "field-list-container" }, le = { class: "field-name-cell" }, te = { class: "dialog-footer" }, ie = {
+  __name: "HiddenFieldDialog",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(T) {
+    const h = U(T, "modelValue"), D = b(null), r = b([]), o = $(() => W()), a = b([]);
+    H(h, (i) => {
+      i && F();
+    });
+    const F = () => {
+      var i;
+      a.value = (((i = o.value) == null ? void 0 : i.hiddenFields) || []).map(
+        (e) => ({
+          ...e
+        })
+      );
+    };
+    function C(i) {
+      r.value = i;
+    }
+    function E() {
+      const i = {
+        id: "hidden_" + Date.now(),
+        fieldType: "text",
+        type: "widgets",
+        label: "",
+        fieldName: "",
+        value: ""
+      };
+      a.value.push(i), setTimeout(() => {
+        const e = document.querySelectorAll(".el-table__body .el-input input");
+        e.length > 0 && (e[0].focus(), e[0].select());
+      }, 100);
+    }
+    function k() {
+      for (const t of a.value) {
+        if (!t.label.trim()) {
+          f.warning("标签名不能为空");
+          return;
+        }
+        if (!t.fieldName.trim()) {
+          f.warning("字段名不能为空");
+          return;
+        }
+      }
+      const i = a.value.map((t) => t.fieldName), e = (Y() || []).map(
+        (t) => t.fieldName
+      ), d = i.filter(
+        (t, _) => i.indexOf(t) !== _
+      );
+      if (d.length > 0) {
+        f.error(`隐藏域字段名重复: ${d.join(", ")}`);
+        return;
+      }
+      const l = i.filter(
+        (t) => e.includes(t)
+      );
+      if (l.length > 0) {
+        f.error(`与表单字段冲突: ${l.join(", ")}`);
+        return;
+      }
+      o.value && (o.value.hiddenFields = v(a.value)), h.value = !1;
+    }
+    function N(i) {
+      w.confirm("确定要删除此隐藏域吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        const e = a.value.findIndex((d) => d.id === i.id);
+        e !== -1 && (a.value.splice(e, 1), f.success("删除成功"), o.value && (o.value.hiddenFields = v(a.value)));
+      }).catch(() => {
+      });
+    }
+    function R() {
+      w.confirm(
+        `确定要删除选中的 ${r.value.length} 个隐藏域吗？`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }
+      ).then(() => {
+        r.value.forEach((i) => {
+          const e = a.value.findIndex((d) => d.id === i.id);
+          e !== -1 && a.value.splice(e, 1);
+        }), r.value = [], f.success("批量删除成功"), o.value && (o.value.hiddenFields = v(a.value));
+      }).catch(() => {
+      });
+    }
+    function B() {
+      if (r.value.length !== 0) {
+        if (o.value.fieldsData || (o.value.fieldsData = []), V() == "form") {
+          let e = o.value.fieldsData.reduce(
+            (d, l) => Math.max(d, l.y + l.h),
+            0
+          );
+          r.value.forEach((d) => {
+            let l = v(d);
+            l.id = l.id + "", l.id.startsWith("hidden_") && (l.id = l.id.replace("hidden_", ""), l.fieldType = "text", l.type = "widgets", l = { ...j, ...l });
+            let t = { w: 1, h: 1 };
+            l.fieldType == "textarea" ? t = { w: 1, h: 2 } : l.fieldType == "divider" || l.fieldType == "h2" ? t = {
+              w: o.value.columns,
+              h: 1,
+              isResizable: !1
+            } : (l.fieldType == "subForm" || l.fieldType == "subTable" || l.fieldType == "approvalHistory") && (t = { w: o.value.columns, h: 2 }), t.y = e, e += t.h;
+            const _ = {
+              x: 0,
+              y: t.y,
+              w: t.w,
+              h: t.h,
+              i: l.id,
+              isResizable: t.isResizable !== !1,
+              component: l,
+              id: l.id
+            };
+            o.value.fieldsData.push(_);
+            const g = a.value.findIndex((n) => n.id == d.id);
+            g !== -1 && a.value.splice(g, 1);
+          });
+        } else
+          V() == "table" && r.value.forEach((i) => {
+            let e = v(i);
+            e.id = e.id + "", e.id.startsWith("hidden_") && (e.id = e.id.replace("hidden_", ""), e.fieldType = "text", e.type = "widgets", e = { ...q, ...e }), o.value.fieldsData.push(e);
+            const d = a.value.findIndex((l) => l.id == i.id);
+            d !== -1 && a.value.splice(d, 1);
+          });
+        o.value.hiddenFields = v(a.value), f.success(`已恢复 ${r.value.length} 个字段`), r.value = [];
+      }
+    }
+    return (i, e) => {
+      const d = O, l = G, t = K, _ = J, g = L;
+      return I(), M(g, {
+        modelValue: h.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (n) => h.value = n),
+        title: "隐藏域配置",
+        width: "900px",
+        draggable: "",
+        overflow: "",
+        "append-to-body": "",
+        class: "fec-dev-designer-dialog"
+      }, {
+        footer: u(() => [
+          p("div", te, [
+            s(d, {
+              onClick: e[0] || (e[0] = (n) => h.value = !1)
+            }, {
+              default: u(() => [...e[6] || (e[6] = [
+                m("取消", -1)
+              ])]),
+              _: 1
+            }),
+            s(d, {
+              type: "primary",
+              onClick: k
+            }, {
+              default: u(() => [...e[7] || (e[7] = [
+                m("保存", -1)
+              ])]),
+              _: 1
+            })
+          ])
+        ]),
+        default: u(() => [
+          p("div", Q, [
+            p("div", X, [
+              s(d, {
+                type: "primary",
+                icon: y(P),
+                onClick: E
+              }, {
+                default: u(() => [...e[2] || (e[2] = [
+                  m(" 添加隐藏域 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"]),
+              s(d, {
+                type: "primary",
+                icon: y(z),
+                disabled: r.value.length === 0,
+                onClick: B
+              }, {
+                default: u(() => [...e[3] || (e[3] = [
+                  m(" 恢复 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon", "disabled"]),
+              s(d, {
+                type: "danger",
+                icon: y(x),
+                disabled: !r.value.length,
+                onClick: R
+              }, {
+                default: u(() => [...e[4] || (e[4] = [
+                  m(" 批量删除 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon", "disabled"])
+            ]),
+            p("div", Z, "共 " + S(a.value.length) + " 个隐藏域", 1)
+          ]),
+          p("div", ee, [
+            s(_, {
+              ref_key: "tableRef",
+              ref: D,
+              data: a.value,
+              onSelectionChange: C,
+              height: "400"
+            }, {
+              default: u(() => [
+                s(l, {
+                  type: "selection",
+                  width: "50"
+                }),
+                s(l, {
+                  label: "标签名",
+                  width: "160"
+                }, {
+                  default: u(({ row: n }) => [
+                    s(t, {
+                      modelValue: n.label,
+                      "onUpdate:modelValue": (c) => n.label = c,
+                      placeholder: "请输入标签名"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                s(l, {
+                  label: "字段名",
+                  width: "160"
+                }, {
+                  default: u(({ row: n }) => [
+                    p("div", le, [
+                      s(t, {
+                        modelValue: n.fieldName,
+                        "onUpdate:modelValue": (c) => n.fieldName = c,
+                        placeholder: "请输入字段名"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                s(l, { label: "初值" }, {
+                  default: u(({ row: n }) => [
+                    s(t, {
+                      modelValue: n.value,
+                      "onUpdate:modelValue": (c) => n.value = c,
+                      placeholder: "请输入初值"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                s(l, {
+                  label: "操作",
+                  width: "120",
+                  fixed: "right"
+                }, {
+                  default: u(({ row: n }) => [
+                    s(d, {
+                      link: "",
+                      type: "danger",
+                      icon: y(x),
+                      onClick: (c) => N(n)
+                    }, {
+                      default: u(() => [...e[5] || (e[5] = [
+                        m(" 删除 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["icon", "onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["data"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}, Ee = /* @__PURE__ */ A(ie, [["__scopeId", "data-v-b547a1f4"]]);
+export {
+  Ee as default
+};

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