fec-dev-designer 5.1.2 → 5.1.3

package/es/src/components/TemplateSelector.vue.js

@@ -14,20 +14,20 @@ 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-table-column.css.js";
 import "../../node_modules/element-plus/theme-chalk/el-button.css.js";
-import { computed as P, ref as r, openBlock as U, createElementBlock as B, Fragment as j, createVNode as a, withCtx as p, unref as V, createElementVNode as C, createTextVNode as z, withKeys as D } from "vue";
-import { Setting as L, Search as F } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
-import J from "../api/index.js";
+import { computed as P, ref as r, openBlock as B, createElementBlock as j, Fragment as L, createVNode as a, createSlots as D, withCtx as i, unref as w, createElementVNode as z, createTextVNode as C, withKeys as O } from "vue";
+import { Setting as R, Edit as F, Search as J } from "../../node_modules/@element-plus/icons-vue/dist/index.js";
+import M from "../api/index.js";
 import "../../node_modules/element-plus/theme-chalk/el-badge.css.js";
 import "../../node_modules/element-plus/theme-chalk/el-message.css.js";
 import "./TemplateSelector.vue2.js";
-import M from "../../_virtual/_plugin-vue_export-helper.js";
-import { ElMessage as O } from "../../node_modules/element-plus/es/components/message/index.js";
-import { ElButton as Q } from "../../node_modules/element-plus/es/components/button/index.js";
-import { ElInput as R } from "../../node_modules/element-plus/es/components/input/index.js";
-import { ElTableColumn as $, ElTable as q } from "../../node_modules/element-plus/es/components/table/index.js";
-import { ElPagination as A } from "../../node_modules/element-plus/es/components/pagination/index.js";
-import { ElDialog as G } from "../../node_modules/element-plus/es/components/dialog/index.js";
-const H = { class: "search-bar" }, W = { class: "dialog-footer" }, X = {
+import Q from "../../_virtual/_plugin-vue_export-helper.js";
+import { ElMessage as $ } from "../../node_modules/element-plus/es/components/message/index.js";
+import { ElButton as q } from "../../node_modules/element-plus/es/components/button/index.js";
+import { ElInput as A } from "../../node_modules/element-plus/es/components/input/index.js";
+import { ElTableColumn as G, ElTable as H } from "../../node_modules/element-plus/es/components/table/index.js";
+import { ElPagination as W } from "../../node_modules/element-plus/es/components/pagination/index.js";
+import { ElDialog as X } from "../../node_modules/element-plus/es/components/dialog/index.js";
+const Y = { class: "search-bar" }, Z = { class: "dialog-footer" }, ee = {
   __name: "TemplateSelector",
   props: {
     modelValue: {
@@ -53,137 +53,157 @@ const H = { class: "search-bar" }, W = { class: "dialog-footer" }, X = {
     "update:templateId",
     "confirm"
   ],
-  setup(c, { emit: b }) {
-    const _ = c, u = b, g = P({
-      get: () => _.modelValue,
-      set: (t) => u("update:modelValue", t)
-    }), i = r(!1), m = r(""), f = r([]), v = r(0), n = r(null), l = r({
+  setup(v, { emit: V }) {
+    const y = v, d = V, s = P({
+      get: () => y.modelValue,
+      set: (t) => d("update:modelValue", t)
+    }), u = r(!1), c = r(""), _ = r([]), S = r(0), n = r(null), l = r({
       pageNo: 1,
       pageSize: 10
     });
+    function b() {
+      u.value = !0, n.value = null, f();
+    }
     function x() {
-      i.value = !0, n.value = null, d();
+      var m;
+      const t = ((m = n.value) == null ? void 0 : m.pkId) || y.templateId, e = window.location.href, p = new URL(e);
+      p.searchParams.set("pkId", t);
+      const g = p.toString();
+      window.open(g, "_blank");
     }
-    async function d() {
+    async function f() {
       try {
         const t = {
           pageNo: l.value.pageNo,
           pageSize: l.value.pageSize,
-          type: _.templateType
+          type: y.templateType
         };
-        m.value && (t.dynamicQuery = m.value);
-        const e = await J.findTemplateByPagePop(t);
-        f.value = e.records || e.list || [], v.value = e.total || 0;
+        c.value && (t.dynamicQuery = c.value);
+        const e = await M.findTemplateByPagePop(t);
+        _.value = e.records || e.list || [], S.value = e.total || 0;
       } catch (t) {
-        console.error("加载表单列表失败:", t), f.value = [], v.value = 0;
+        console.error("加载表单列表失败:", t), _.value = [], S.value = 0;
       } finally {
       }
     }
-    function y() {
-      l.value.pageNo = 1, d();
+    function h() {
+      l.value.pageNo = 1, f();
     }
     function N(t) {
       n.value = t;
     }
-    function w(t) {
-      l.value.pageSize = t, l.value.pageNo = 1, d();
+    function k(t) {
+      l.value.pageSize = t, l.value.pageNo = 1, f();
     }
     function T(t) {
-      l.value.pageNo = t, d();
+      l.value.pageNo = t, f();
     }
-    function E() {
+    function I() {
       if (!n.value) {
-        O.warning("请先选择表单");
+        $.warning("请先选择表单");
         return;
       }
-      g.value = n.value.templateName, u("update:templateKey", n.value.templateKey), u("update:templateId", n.value.pkId), i.value = !1;
+      s.value = n.value.templateName, d("update:templateKey", n.value.templateKey), d("update:templateId", n.value.pkId), u.value = !1;
       const t = JSON.parse(n.value.context);
-      u("confirm", t);
+      d("confirm", t);
     }
     return (t, e) => {
-      const s = Q, S = R, h = $, k = q, I = A, K = G;
-      return U(), B(j, null, [
-        a(S, {
-          modelValue: g.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (o) => g.value = o),
-          placeholder: c.templateType == "table" ? "请选择列表" : "请选择表单",
+      const p = q, g = A, m = G, E = H, U = W, K = X;
+      return B(), j(L, null, [
+        a(g, {
+          modelValue: s.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => s.value = o),
+          placeholder: v.templateType == "table" ? "请选择列表" : "请选择表单",
           readonly: ""
-        }, {
-          append: p(() => [
-            a(s, {
-              icon: V(L),
-              onClick: x
+        }, D({
+          append: i(() => [
+            a(p, {
+              icon: w(R),
+              onClick: b
             }, null, 8, ["icon"])
           ]),
-          _: 1
-        }, 8, ["modelValue", "placeholder"]),
+          _: 2
+        }, [
+          s.value ? {
+            name: "prepend",
+            fn: i(() => [
+              a(p, {
+                icon: w(F),
+                onClick: x
+              }, null, 8, ["icon"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "placeholder"]),
         a(K, {
-          modelValue: i.value,
-          "onUpdate:modelValue": e[5] || (e[5] = (o) => i.value = o),
+          modelValue: u.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (o) => u.value = o),
           width: "50%",
-          title: c.templateType == "table" ? "选择列表" : "选择表单",
+          title: v.templateType == "table" ? "选择列表" : "选择表单",
           draggable: "",
           overflow: "",
           "append-to-body": "",
           class: "fec-dev-designer-dialog"
         }, {
-          footer: p(() => [
-            C("div", W, [
-              a(s, {
-                onClick: e[4] || (e[4] = (o) => i.value = !1),
+          footer: i(() => [
+            z("div", Z, [
+              a(p, {
+                onClick: e[4] || (e[4] = (o) => u.value = !1),
                 size: "default"
               }, {
-                default: p(() => [...e[6] || (e[6] = [
-                  z("取消", -1)
+                default: i(() => [...e[6] || (e[6] = [
+                  C("取消", -1)
                 ])]),
                 _: 1
               }),
-              a(s, {
+              a(p, {
                 type: "primary",
-                onClick: E,
+                onClick: I,
                 size: "default"
               }, {
-                default: p(() => [...e[7] || (e[7] = [
-                  z("确定", -1)
+                default: i(() => [...e[7] || (e[7] = [
+                  C("确定", -1)
                 ])]),
                 _: 1
               })
             ])
           ]),
-          default: p(() => [
-            C("div", H, [
-              a(S, {
-                modelValue: m.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (o) => m.value = o),
+          default: i(() => [
+            z("div", Y, [
+              a(g, {
+                modelValue: c.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (o) => c.value = o),
                 placeholder: "搜索表单名称/表单标识",
                 clearable: "",
-                onClear: y,
-                onKeyup: D(y, ["enter"]),
-                style: { width: "300px" }
+                onClear: h,
+                onKeyup: O(h, ["enter"]),
+                style: { width: "300px" },
+                size: "default"
               }, {
-                append: p(() => [
-                  a(s, {
-                    icon: V(F),
-                    onClick: y
+                append: i(() => [
+                  a(p, {
+                    icon: w(J),
+                    onClick: h
                   }, null, 8, ["icon"])
                 ]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            a(k, {
-              data: f.value,
+            a(E, {
+              data: _.value,
               "highlight-current-row": "",
               "max-height": "500",
               onCurrentChange: N,
-              style: { width: "100%", "margin-top": "10px" }
+              style: { width: "100%", "margin-top": "10px" },
+              size: "default"
             }, {
-              default: p(() => [
-                a(h, {
+              default: i(() => [
+                a(m, {
                   prop: "templateName",
                   label: "表单名称",
                   "min-width": "200"
                 }),
-                a(h, {
+                a(m, {
                   prop: "templateKey",
                   label: "表单标识",
                   "min-width": "200"
@@ -191,16 +211,16 @@ const H = { class: "search-bar" }, W = { class: "dialog-footer" }, X = {
               ]),
               _: 1
             }, 8, ["data"]),
-            a(I, {
+            a(U, {
               size: "small",
               "current-page": l.value.pageNo,
               "onUpdate:currentPage": e[2] || (e[2] = (o) => l.value.pageNo = o),
               "page-size": l.value.pageSize,
               "onUpdate:pageSize": e[3] || (e[3] = (o) => l.value.pageSize = o),
               "page-sizes": [10, 20, 50, 100],
-              total: v.value,
+              total: S.value,
               layout: "total, sizes, prev, pager, next, jumper",
-              onSizeChange: w,
+              onSizeChange: k,
               onCurrentChange: T,
               style: { "margin-top": "20px", "justify-content": "flex-end" }
             }, null, 8, ["current-page", "page-size", "total"])
@@ -210,7 +230,7 @@ const H = { class: "search-bar" }, W = { class: "dialog-footer" }, X = {
       ], 64);
     };
   }
-}, we = /* @__PURE__ */ M(X, [["__scopeId", "data-v-376296cc"]]);
+}, Ie = /* @__PURE__ */ Q(ee, [["__scopeId", "data-v-eb9c3061"]]);
 export {
-  we as default
+  Ie as default
 };

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