@kp-ui/lowcode 1.0.105 → 1.0.106

package/src/components/form-designer/toolbar-panel/index.vue2.js

@@ -0,0 +1,511 @@
+import { defineComponent as Je, defineAsyncComponent as Te, getCurrentInstance as We, inject as Le, ref as u, computed as F, onMounted as xe, resolveComponent as D, createElementBlock as I, openBlock as y, createElementVNode as C, createVNode as n, withCtx as i, normalizeStyle as M, unref as r, createTextVNode as c, toDisplayString as p, createBlock as _, createCommentVNode as J, Fragment as Be, renderList as Ne, renderSlot as He, normalizeClass as Se, nextTick as U } from "vue";
+import { addWindowResizeHandler as Ee, copyToClipboard as Re, getQueryParam as Pe } from "../../../utils/util.js";
+import { useI18n as je } from "../../../utils/i18n.js";
+import { saveAs as Ve } from "file-saver";
+import h from "../../svg-icon/index.vue.js";
+import { fmtHttpParams as $e } from "../../../utils/request/fmtHttpParams.js";
+import { getLocat as z } from "@kp-ui/tool";
+import { cloneDeep as T } from "lodash-es";
+import { TpfModal as K, TpfCodeEditor as Oe, CodeEditor as Ae } from "tmgc2-share";
+import { message as W } from "ant-design-vue";
+const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue = { class: "right-toolbar" }, ze = { class: "right-toolbar-con" }, nt = /* @__PURE__ */ Je({
+  __name: "index",
+  props: {
+    leftWidth: {},
+    rightWidth: {},
+    changeRightWidth: {},
+    changeLeftWidth: {},
+    designer: {},
+    saveJsonApi: {},
+    globalDsv: { default: () => ({}) }
+  },
+  setup(Q) {
+    const q = Te(() => import("../../form-render/index.vue.js"));
+    We();
+    const a = Q, G = Le("getDesignerConfig"), j = u(null), g = u(null), V = u(null);
+    u(null);
+    const X = u({ type: "add", ...z() }), L = u(G()), $ = u(460), x = u(!1), O = u(!1), k = u(!1), H = u(!1), S = u([]), B = u(""), N = u(""), Y = u(""), Z = u(""), ee = u({
+      select62173: 2
+    }), A = F(() => ({
+      widgetList: T(a.designer.widgetList),
+      formConfig: T(a.designer.formConfig)
+    })), te = F(() => !a.designer.undoEnabled()), oe = F(() => !a.designer.redoEnabled()), v = F(() => a.designer.getLayoutType()), ne = F(() => a.globalDsv);
+    xe(() => {
+      const e = L.value.toolbarMaxWidth || 460, t = L.value.toolbarMinWidth || 300, o = window.innerWidth - 260 - 300 - 320 - 80;
+      $.value = o >= e ? e : o <= t ? t : o, Ee(() => {
+        U(() => {
+          const l = window.innerWidth - 260 - 300 - 320 - 80;
+          $.value = l >= e ? e : l <= t ? t : l;
+        });
+      });
+    });
+    const { i18nt: s } = je(), re = () => {
+      a.saveJsonApi && a.saveJsonApi(A.value);
+    }, w = (e) => L.value[e] === void 0 ? !0 : !!L.value[e], b = (e, t) => {
+      const o = {
+        id: e.id,
+        label: e.options.label || e.type,
+        children: []
+      };
+      t.push(o), e.category !== void 0 && (e.type === "grid" ? e.cols.map((l) => {
+        const m = {
+          id: l.id,
+          label: l.options.name || e.type,
+          children: []
+        };
+        o.children.push(m), l.widgetList.map((f) => {
+          b(f, m.children);
+        });
+      }) : e.type === "table" ? e.rows.map((l) => {
+        const m = {
+          id: l.id,
+          label: "table-row",
+          selectable: !1,
+          children: []
+        };
+        o.children.push(m), l.cols.map((f) => {
+          if (f.merged)
+            return;
+          const R = m.children, d = {
+            id: f.id,
+            label: "table-cell",
+            children: []
+          };
+          R.push(d), f.widgetList.map((P) => {
+            b(P, d.children);
+          });
+        });
+      }) : e.type === "tab" ? e.tabs.map((l) => {
+        const m = {
+          id: l.id,
+          label: l.options.name || e.type,
+          selectable: !1,
+          children: []
+        };
+        o.children.push(m), l.widgetList.map((f) => {
+          b(f, m.children);
+        });
+      }) : e.type === "sub-form" ? e.widgetList.map((l) => {
+        b(l, o.children);
+      }) : e.category === "container" && e.widgetList.map((l) => {
+        b(l, o.children);
+      }));
+    }, le = () => {
+      S.value.length = 0, a.designer.widgetList.forEach((e) => {
+        b(e, S.value);
+      });
+    }, ie = () => {
+      le(), H.value = !0, U(() => {
+        a.designer.selectedId && j.value.setCurrentKey(a.designer.selectedId);
+      });
+    }, se = () => {
+      a.designer.undoHistoryStep();
+    }, ae = () => {
+      a.designer.redoHistoryStep();
+    }, E = (e) => {
+      a.designer.changeLayoutType(e);
+    }, de = () => {
+      a.designer.clearDesigner(), a.designer.formWidget.clearWidgetRefList(), W.success("ok");
+    }, ue = () => {
+      x.value = !0;
+    }, ce = (e, t) => {
+      const o = "json.json";
+      if (Pe("vscode") == 1) {
+        pe(o, e);
+        return;
+      }
+      const l = new Blob([e], { type: "text/plain;charset=utf-8" });
+      Ve(l, o);
+    }, pe = (e, t) => {
+      const o = {
+        cmd: "writeFile",
+        data: {
+          fileName: e,
+          code: t
+        }
+      };
+      window.parent.postMessage(o, "*");
+    }, me = () => {
+      B.value = JSON.stringify(a.designer.getImportTemplate(), null, "  "), V.value.open(), O.value = !0;
+    }, ge = () => {
+      try {
+        const e = JSON.parse(B.value);
+        if (!e || !e.formConfig)
+          throw new Error(s("designer.hint.invalidJsonFormat"));
+        a.designer.loadFormJson(e), O.value = !1, W.success(s("designer.hint.importJsonSuccess")), a.designer.emitHistoryChange(), a.designer.emitEvent("form-json-imported", []);
+      } catch (e) {
+        W.error(e + "");
+      }
+    }, fe = () => {
+      const e = T(a.designer.widgetList), t = T(a.designer.formConfig);
+      N.value = JSON.stringify({ widgetList: e, formConfig: t }, null, "  "), k.value = !0;
+    }, ve = async () => {
+      const e = a.designer.formConfig, { id: t } = z(), o = await $e(e.serveList.vformDetail, { _id: t }), l = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
+      g.value.getWidgetRef("leaveDates").setValue(l), g.value.setFormData({
+        ...o
+      }), g.value.setReadMode(!0);
+    }, ye = () => {
+      console.log(g.value), g.value.getFormData().then((e) => {
+        Y.value = JSON.stringify(e, null, "  "), k.value = !0;
+      }).catch((e) => {
+        W.error(e);
+      });
+    }, he = (e) => {
+      Re(
+        N.value,
+        e,
+        W,
+        s("designer.hint.copyJsonSuccess"),
+        s("designer.hint.copyJsonFail")
+      );
+    }, be = () => {
+      ce(Z.value);
+    }, Ce = () => {
+      g.value.resetForm();
+    }, ke = () => {
+      g.value.disableForm();
+    }, we = () => {
+      g.value.enableForm();
+    }, Fe = (e, t, o, l) => {
+      console.log("formModel", l);
+    }, De = (e) => {
+      console.log("test", e);
+    }, _e = (e) => {
+      console.log("test", e);
+    };
+    return (e, t) => {
+      const o = D("a-button"), l = D("a-radio-button"), m = D("a-radio-group"), f = D("a-tree"), R = D("a-drawer");
+      return y(), I("div", Ie, [
+        C("div", Me, [
+          n(o, {
+            type: "link",
+            onClick: t[0] || (t[0] = (d) => e.changeLeftWidth())
+          }, {
+            default: i(() => [
+              n(h, {
+                style: M(`transform:${e.leftWidth === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
+                "icon-class": "a-ipadarrow_back"
+              }, null, 8, ["style"])
+            ]),
+            _: 1
+          }),
+          n(o, {
+            type: "link",
+            disabled: te.value,
+            title: r(s)("designer.toolbar.undoHint"),
+            onClick: se
+          }, {
+            default: i(() => [
+              n(h, { "icon-class": "undo" })
+            ]),
+            _: 1
+          }, 8, ["disabled", "title"]),
+          n(o, {
+            type: "link",
+            disabled: oe.value,
+            title: r(s)("designer.toolbar.redoHint"),
+            onClick: ae
+          }, {
+            default: i(() => [
+              n(h, { "icon-class": "redo" })
+            ]),
+            _: 1
+          }, 8, ["disabled", "title"]),
+          n(m, {
+            value: v.value,
+            "onUpdate:value": t[4] || (t[4] = (d) => v.value = d)
+          }, {
+            default: i(() => [
+              n(l, {
+                value: "PC",
+                type: v.value === "PC" ? "primary" : "",
+                onClick: t[1] || (t[1] = (d) => E("PC"))
+              }, {
+                default: i(() => [
+                  c(p(r(s)("designer.toolbar.pcLayout")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"]),
+              n(l, {
+                value: "Pad",
+                type: v.value === "Pad" ? "primary" : "",
+                onClick: t[2] || (t[2] = (d) => E("Pad"))
+              }, {
+                default: i(() => [
+                  c(p(r(s)("designer.toolbar.padLayout")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"]),
+              n(l, {
+                type: v.value === "H5" ? "primary" : "",
+                onClick: t[3] || (t[3] = (d) => E("H5")),
+                value: "H5"
+              }, {
+                default: i(() => [
+                  c(p(r(s)("designer.toolbar.mobileLayout")), 1)
+                ]),
+                _: 1
+              }, 8, ["type"])
+            ]),
+            _: 1
+          }, 8, ["value"]),
+          n(o, {
+            style: { "margin-left": "20px" },
+            title: r(s)("designer.toolbar.nodeTreeHint"),
+            onClick: ie
+          }, {
+            default: i(() => [
+              n(h, { "icon-class": "node-tree" })
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ]),
+        n(R, {
+          title: r(s)("designer.toolbar.nodeTreeTitle"),
+          direction: "ltr",
+          open: H.value,
+          "onUpdate:open": t[5] || (t[5] = (d) => H.value = d),
+          width: 280,
+          "destroy-on-close": !0,
+          class: "node-tree-drawer"
+        }, {
+          default: i(() => [
+            n(f, {
+              ref_key: "nodeTree",
+              ref: j,
+              treeData: S.value,
+              "default-expand-all": "",
+              "highlight-current": "",
+              class: "node-tree",
+              "icon-class": "el-icon-arrow-right",
+              fieldNames: { children: "children", title: "label", key: "id" }
+            }, null, 8, ["treeData"])
+          ]),
+          _: 1
+        }, 8, ["title", "open"]),
+        C("div", Ue, [
+          C("div", ze, [
+            w("clearDesignerButton") ? (y(), _(o, {
+              key: 0,
+              type: "link",
+              onClick: de
+            }, {
+              default: i(() => [
+                n(h, { "icon-class": "el-delete" }),
+                c(p(r(s)("designer.toolbar.clear")), 1)
+              ]),
+              _: 1
+            })) : J("", !0),
+            w("previewFormButton") ? (y(), _(o, {
+              key: 1,
+              type: "link",
+              onClick: ue
+            }, {
+              default: i(() => [
+                n(h, { "icon-class": "el-view" }),
+                c(p(r(s)("designer.toolbar.preview")), 1)
+              ]),
+              _: 1
+            })) : J("", !0),
+            w("importJsonButton") ? (y(), _(o, {
+              key: 2,
+              type: "link",
+              onClick: me
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.toolbar.importJson")), 1)
+              ]),
+              _: 1
+            })) : J("", !0),
+            w("exportJsonButton") ? (y(), _(o, {
+              key: 3,
+              type: "link",
+              onClick: fe
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.toolbar.exportJson")), 1)
+              ]),
+              _: 1
+            })) : J("", !0),
+            w("exportCodeButton") ? (y(), _(o, {
+              key: 4,
+              type: "link",
+              onClick: re
+            }, {
+              default: i(() => t[12] || (t[12] = [
+                c(" 保存 ")
+              ])),
+              _: 1,
+              __: [12]
+            })) : J("", !0),
+            n(o, {
+              type: "link",
+              onClick: t[6] || (t[6] = (d) => e.changeRightWidth())
+            }, {
+              default: i(() => [
+                n(h, {
+                  style: M(`transform:${e.rightWidth === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
+                  "icon-class": "a-ipadarrow_back"
+                }, null, 8, ["style"])
+              ]),
+              _: 1
+            }),
+            (y(!0), I(Be, null, Ne(e.$slots, (d, P) => He(e.$slots, P, {}, void 0, !0)), 256))
+          ])
+        ]),
+        n(r(K), {
+          title: r(s)("designer.toolbar.preview"),
+          visible: x.value,
+          "onUpdate:visible": t[8] || (t[8] = (d) => x.value = d),
+          "show-close": !0,
+          "close-on-click-modal": !1,
+          "close-on-press-escape": !1,
+          center: "",
+          class: "drag-dialog",
+          width: "75%",
+          fullscreen: !0
+        }, {
+          footerRight: i(() => [
+            t[14] || (t[14] = C("span", {
+              id: "footerRight",
+              style: { "margin-right": "8px" }
+            }, null, -1)),
+            n(o, { onClick: ve }, {
+              default: i(() => t[13] || (t[13] = [
+                c("数据回显")
+              ])),
+              _: 1,
+              __: [13]
+            }),
+            n(o, {
+              type: "primary",
+              onClick: ye
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.getFormData")), 1)
+              ]),
+              _: 1
+            }),
+            n(o, {
+              type: "primary",
+              onClick: Ce
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.resetForm")), 1)
+              ]),
+              _: 1
+            }),
+            n(o, {
+              type: "primary",
+              onClick: ke
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.disableForm")), 1)
+              ]),
+              _: 1
+            }),
+            n(o, {
+              type: "primary",
+              onClick: we
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.enableForm")), 1)
+              ]),
+              _: 1
+            }),
+            n(o, {
+              onClick: t[7] || (t[7] = (d) => x.value = !1)
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: i(() => [
+            C("div", null, [
+              C("div", {
+                class: Se(["form-render-wrapper", [
+                  v.value === "H5" ? "h5-layout" : v.value === "Pad" ? "pad-layout" : ""
+                ]])
+              }, [
+                n(r(q), {
+                  vfCtx: X.value,
+                  ref_key: "preForm",
+                  ref: g,
+                  "form-json": r(T)(A.value),
+                  "form-data": ee.value,
+                  "preview-state": !0,
+                  "global-dsv": ne.value,
+                  onAppendButtonClick: De,
+                  onButtonClick: _e,
+                  onFormChange: Fe
+                }, null, 8, ["vfCtx", "form-json", "form-data", "global-dsv"])
+              ], 2)
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"]),
+        n(r(Oe), {
+          ref_key: "importJsonEditorRef",
+          ref: V,
+          isShowEventFooter: !1,
+          "event-header": r(s)("designer.hint.importJsonHint"),
+          modelValue: B.value,
+          "onUpdate:modelValue": t[9] || (t[9] = (d) => B.value = d),
+          mode: "json",
+          width: 1200,
+          height: "70vh",
+          title: r(s)("designer.toolbar.importJson"),
+          onSetCode: ge
+        }, null, 8, ["event-header", "modelValue", "title"]),
+        n(r(K), {
+          title: r(s)("designer.hint.exportFormData"),
+          visible: k.value,
+          "onUpdate:visible": t[11] || (t[11] = (d) => k.value = d),
+          width: "1200px"
+        }, {
+          footerRight: i(() => [
+            n(o, {
+              type: "primary",
+              class: "copy-form-data-json-btn",
+              "data-clipboard-text": N.value,
+              onClick: he
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.copyFormData")), 1)
+              ]),
+              _: 1
+            }, 8, ["data-clipboard-text"]),
+            n(o, { onClick: be }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.saveFormData")), 1)
+              ]),
+              _: 1
+            }),
+            n(o, {
+              onClick: t[10] || (t[10] = (d) => k.value = !1)
+            }, {
+              default: i(() => [
+                c(p(r(s)("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: i(() => [
+            n(r(Ae), {
+              mode: "json",
+              readonly: !0,
+              value: N.value
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"])
+      ]);
+    };
+  }
+});
+export {
+  nt as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/src/components/form-designer/toolbar-panel/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../src/components/form-designer/toolbar-panel/index.vue"],"sourcesContent":["<template>\n    <div class=\"toolbar-container\">\n        <div class=\"left-toolbar\">\n            <a-button type=\"link\" @click=\"changeLeftWidth()\">\n                <svg-icon\n                    :style=\"`transform:${leftWidth === 0 ? 'rotate(180deg)' : 'rotate(0deg)'}`\"\n                    icon-class=\"a-ipadarrow_back\"\n                />\n            </a-button>\n            <a-button\n                type=\"link\"\n                :disabled=\"undoDisabled\"\n                :title=\"i18nt('designer.toolbar.undoHint')\"\n                @click=\"undoHistory\"\n            >\n                <svg-icon icon-class=\"undo\"\n            /></a-button>\n            <a-button\n                type=\"link\"\n                :disabled=\"redoDisabled\"\n                :title=\"i18nt('designer.toolbar.redoHint')\"\n                @click=\"redoHistory\"\n            >\n                <svg-icon icon-class=\"redo\"\n            /></a-button>\n            <a-radio-group v-model:value=\"layoutType\">\n                <a-radio-button\n                    value=\"PC\"\n                    :type=\"layoutType === 'PC' ? 'primary' : ''\"\n                    @click=\"changeLayoutType('PC')\"\n                >\n                    {{ i18nt('designer.toolbar.pcLayout') }}</a-radio-button\n                >\n                <a-radio-button\n                    value=\"Pad\"\n                    :type=\"layoutType === 'Pad' ? 'primary' : ''\"\n                    @click=\"changeLayoutType('Pad')\"\n                >\n                    {{ i18nt('designer.toolbar.padLayout') }}</a-radio-button\n                >\n                <a-radio-button\n                    :type=\"layoutType === 'H5' ? 'primary' : ''\"\n                    @click=\"changeLayoutType('H5')\"\n                    value=\"H5\"\n                >\n                    {{ i18nt('designer.toolbar.mobileLayout') }}</a-radio-button\n                >\n            </a-radio-group>\n            <a-button\n                style=\"margin-left: 20px\"\n                :title=\"i18nt('designer.toolbar.nodeTreeHint')\"\n                @click=\"showNodeTreeDrawer\"\n            >\n                <svg-icon icon-class=\"node-tree\"\n            /></a-button>\n        </div>\n\n        <a-drawer\n            :title=\"i18nt('designer.toolbar.nodeTreeTitle')\"\n            direction=\"ltr\"\n            v-model:open=\"showNodeTreeDrawerFlag\"\n            :width=\"280\"\n            :destroy-on-close=\"true\"\n            class=\"node-tree-drawer\"\n        >\n            <a-tree\n                ref=\"nodeTree\"\n                :treeData=\"nodeTreeData\"\n                default-expand-all\n                highlight-current\n                class=\"node-tree\"\n                icon-class=\"el-icon-arrow-right\"\n                :fieldNames=\"{ children: 'children', title: 'label', key: 'id' }\"\n            />\n        </a-drawer>\n\n        <div class=\"right-toolbar\">\n            <div class=\"right-toolbar-con\">\n                <a-button\n                    v-if=\"showToolButton('clearDesignerButton')\"\n                    type=\"link\"\n                    @click=\"clearFormWidget\"\n                >\n                    <svg-icon icon-class=\"el-delete\" />{{ i18nt('designer.toolbar.clear') }}\n                </a-button>\n                <a-button\n                    v-if=\"showToolButton('previewFormButton')\"\n                    type=\"link\"\n                    @click=\"previewForm\"\n                >\n                    <svg-icon icon-class=\"el-view\" />{{ i18nt('designer.toolbar.preview') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('importJsonButton')\" type=\"link\" @click=\"importJson\">\n                    {{ i18nt('designer.toolbar.importJson') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('exportJsonButton')\" type=\"link\" @click=\"exportJson\">\n                    {{ i18nt('designer.toolbar.exportJson') }}\n                </a-button>\n                <a-button v-if=\"showToolButton('exportCodeButton')\" type=\"link\" @click=\"saveJson\">\n                    保存\n                </a-button>\n                <a-button type=\"link\" @click=\"changeRightWidth()\">\n                    <svg-icon\n                        :style=\"`transform:${rightWidth === 0 ? 'rotate(0deg)' : 'rotate(180deg)'}`\"\n                        icon-class=\"a-ipadarrow_back\"\n                    />\n                </a-button>\n                <template v-for=\"(idx, slotName) in $slots\">\n                    <slot :name=\"slotName\"></slot>\n                </template>\n            </div>\n        </div>\n\n        <TpfModal\n            :title=\"i18nt('designer.toolbar.preview')\"\n            v-model:visible=\"showPreviewDialogFlag\"\n            :show-close=\"true\"\n            :close-on-click-modal=\"false\"\n            :close-on-press-escape=\"false\"\n            center\n            class=\"drag-dialog\"\n            width=\"75%\"\n            :fullscreen=\"true\"\n        >\n            <div>\n                <div\n                    class=\"form-render-wrapper\"\n                    :class=\"[\n                        layoutType === 'H5' ? 'h5-layout' : layoutType === 'Pad' ? 'pad-layout' : ''\n                    ]\"\n                >\n                    <VFormRender\n                        :vfCtx=\"vfCtx\"\n                        ref=\"preForm\"\n                        :form-json=\"cloneDeep(formJson)\"\n                        :form-data=\"testFormData\"\n                        :preview-state=\"true\"\n                        :global-dsv=\"designerDsv\"\n                        @appendButtonClick=\"testOnAppendButtonClick\"\n                        @buttonClick=\"testOnButtonClick\"\n                        @formChange=\"handleFormChange\"\n                    />\n                </div>\n            </div>\n            <template #footerRight>\n                <span id=\"footerRight\" style=\"margin-right: 8px\"> </span>\n                <a-button @click=\"showData\">数据回显</a-button>\n                <a-button type=\"primary\" @click=\"getFormData\">\n                    {{ i18nt('designer.hint.getFormData') }}\n                </a-button>\n                <a-button type=\"primary\" @click=\"resetForm\">\n                    {{ i18nt('designer.hint.resetForm') }}\n                </a-button>\n                <a-button type=\"primary\" @click=\"setFormDisabled\">\n                    {{ i18nt('designer.hint.disableForm') }}\n                </a-button>\n                <a-button type=\"primary\" @click=\"setFormEnabled\">\n                    {{ i18nt('designer.hint.enableForm') }}\n                </a-button>\n                <a-button @click=\"showPreviewDialogFlag = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </template>\n        </TpfModal>\n\n        <TpfCodeEditor\n            ref=\"importJsonEditorRef\"\n            :isShowEventFooter=\"false\"\n            :event-header=\"i18nt('designer.hint.importJsonHint')\"\n            v-model=\"importTemplate\"\n            mode=\"json\"\n            :width=\"1200\"\n            height=\"70vh\"\n            :title=\"i18nt('designer.toolbar.importJson')\"\n            @set-code=\"doJsonImport\"\n        />\n\n        <TpfModal\n            :title=\"i18nt('designer.hint.exportFormData')\"\n            v-model:visible=\"showFormDataDialogFlag\"\n            width=\"1200px\"\n        >\n            <CodeEditor :mode=\"'json'\" :readonly=\"true\" :value=\"exportTemplate\" />\n            <template #footerRight>\n                <a-button\n                    type=\"primary\"\n                    class=\"copy-form-data-json-btn\"\n                    :data-clipboard-text=\"exportTemplate\"\n                    @click=\"copyFormDataJson\"\n                >\n                    {{ i18nt('designer.hint.copyFormData') }}\n                </a-button>\n                <a-button @click=\"saveFormData\">{{ i18nt('designer.hint.saveFormData') }}</a-button>\n                <a-button @click=\"showFormDataDialogFlag = false\">\n                    {{ i18nt('designer.hint.closePreview') }}\n                </a-button>\n            </template>\n        </TpfModal>\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, computed, nextTick, onMounted, defineAsyncComponent, inject } from 'vue';\n    import {\n        copyToClipboard,\n        generateId,\n        getQueryParam,\n        traverseAllWidgets,\n        addWindowResizeHandler\n    } from '@/utils/util';\n    import { useI18n } from '@/utils/i18n';\n    import { saveAs } from 'file-saver';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import { fmtHttpParams } from '@/utils/request/fmtHttpParams';\n    import { getLocat } from '@kp-ui/tool';\n    import { cloneDeep } from 'lodash-es';\n    import { CodeEditor, TpfModal, TpfCodeEditor } from 'tmgc2-share';\n    import { message, Space } from 'ant-design-vue';\n    import { getCurrentInstance } from 'vue';\n\n    // 组件定义\n    const VFormRender = defineAsyncComponent(() => import('@/components/form-render/index.vue'));\n\n    const ctx = getCurrentInstance();\n    // Props 定义\n    interface Props {\n        leftWidth: number;\n        rightWidth: number;\n        changeRightWidth: () => void;\n        changeLeftWidth: () => void;\n        designer: any; // 可以根据实际类型定义更具体的类型\n        saveJsonApi?: (formJson: any) => void;\n        globalDsv?: Record<string, any>;\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        globalDsv: () => ({})\n    });\n\n    // Inject\n    const getDesignerConfig = inject('getDesignerConfig') as () => any;\n\n    // Refs\n    const nodeTree = ref<any>(null);\n    const preForm = ref<any>(null);\n    const importJsonEditorRef = ref<any>(null);\n    const exportJsonEditorRef = ref<any>(null);\n\n    // 响应式数据\n    const vfCtx = ref({ type: 'add', ...getLocat() });\n    const designerConfig = ref(getDesignerConfig());\n    const toolbarWidth = ref(460);\n    const showPreviewDialogFlag = ref(false);\n    const showImportJsonDialogFlag = ref(false);\n    const showFormDataDialogFlag = ref(false);\n    const showNodeTreeDrawerFlag = ref(false);\n    const nodeTreeData = ref<any[]>([]);\n    const importTemplate = ref('');\n    const exportTemplate = ref('');\n    const formDataJson = ref('');\n    const htmlCode = ref('');\n\n    const testFormData = ref({\n        select62173: 2\n    });\n\n    // 计算属性\n    const formJson = computed(() => {\n        return {\n            widgetList: cloneDeep(props.designer.widgetList),\n            formConfig: cloneDeep(props.designer.formConfig)\n        };\n    });\n\n    const undoDisabled = computed(() => {\n        return !props.designer.undoEnabled();\n    });\n\n    const redoDisabled = computed(() => {\n        return !props.designer.redoEnabled();\n    });\n\n    const layoutType = computed(() => {\n        return props.designer.getLayoutType();\n    });\n\n    const designerDsv = computed(() => {\n        return props.globalDsv;\n    });\n\n    // 生命周期钩子\n    onMounted(() => {\n        const maxTBWidth = designerConfig.value.toolbarMaxWidth || 460;\n        const minTBWidth = designerConfig.value.toolbarMinWidth || 300;\n        const newTBWidth = window.innerWidth - 260 - 300 - 320 - 80;\n        toolbarWidth.value =\n            newTBWidth >= maxTBWidth\n                ? maxTBWidth\n                : newTBWidth <= minTBWidth\n                ? minTBWidth\n                : newTBWidth;\n        addWindowResizeHandler(() => {\n            nextTick(() => {\n                const newTBWidth2 = window.innerWidth - 260 - 300 - 320 - 80;\n                toolbarWidth.value =\n                    newTBWidth2 >= maxTBWidth\n                        ? maxTBWidth\n                        : newTBWidth2 <= minTBWidth\n                        ? minTBWidth\n                        : newTBWidth2;\n            });\n        });\n    });\n\n    // 方法\n    const { i18nt } = useI18n();\n\n    const saveJson = () => {\n        if (props.saveJsonApi) {\n            props.saveJsonApi(formJson.value);\n        }\n    };\n\n    const showToolButton = (configName: string): boolean => {\n        if (designerConfig.value[configName] === undefined) {\n            return true;\n        }\n\n        return !!designerConfig.value[configName];\n    };\n\n    const buildTreeNodeOfWidget = (widget: any, treeNode: any[]) => {\n        const curNode = {\n            id: widget.id,\n            label: widget.options.label || widget.type,\n            children: [] as any[]\n        };\n        treeNode.push(curNode);\n\n        if (widget.category === undefined) {\n            return;\n        }\n\n        if (widget.type === 'grid') {\n            widget.cols.map((col: any) => {\n                const colNode = {\n                    id: col.id,\n                    label: col.options.name || widget.type,\n                    children: [] as any[]\n                };\n                curNode.children.push(colNode);\n                col.widgetList.map((wChild: any) => {\n                    buildTreeNodeOfWidget(wChild, colNode.children);\n                });\n            });\n        } else if (widget.type === 'table') {\n            //TODO: 需要考虑合并单元格！！\n            widget.rows.map((row: any) => {\n                const rowNode = {\n                    id: row.id,\n                    label: 'table-row',\n                    selectable: false,\n                    children: [] as any[]\n                };\n                curNode.children.push(rowNode);\n\n                row.cols.map((cell: any) => {\n                    if (!!cell.merged) {\n                        //跳过合并单元格！！\n                        return;\n                    }\n\n                    const rowChildren = rowNode.children;\n                    const cellNode = {\n                        id: cell.id,\n                        label: 'table-cell',\n                        children: [] as any[]\n                    };\n                    rowChildren.push(cellNode);\n\n                    cell.widgetList.map((wChild: any) => {\n                        buildTreeNodeOfWidget(wChild, cellNode.children);\n                    });\n                });\n            });\n        } else if (widget.type === 'tab') {\n            widget.tabs.map((tab: any) => {\n                const tabNode = {\n                    id: tab.id,\n                    label: tab.options.name || widget.type,\n                    selectable: false,\n                    children: [] as any[]\n                };\n                curNode.children.push(tabNode);\n                tab.widgetList.map((wChild: any) => {\n                    buildTreeNodeOfWidget(wChild, tabNode.children);\n                });\n            });\n        } else if (widget.type === 'sub-form') {\n            widget.widgetList.map((wChild: any) => {\n                buildTreeNodeOfWidget(wChild, curNode.children);\n            });\n        } else if (widget.category === 'container') {\n            //自定义容器\n            widget.widgetList.map((wChild: any) => {\n                buildTreeNodeOfWidget(wChild, curNode.children);\n            });\n        }\n    };\n\n    const refreshNodeTree = () => {\n        nodeTreeData.value.length = 0;\n        props.designer.widgetList.forEach((wItem: any) => {\n            buildTreeNodeOfWidget(wItem, nodeTreeData.value);\n        });\n    };\n\n    const showNodeTreeDrawer = () => {\n        refreshNodeTree();\n        showNodeTreeDrawerFlag.value = true;\n        nextTick(() => {\n            if (!!props.designer.selectedId) {\n                //同步当前选中组件到节点树！！！\n                nodeTree.value.setCurrentKey(props.designer.selectedId);\n            }\n        });\n    };\n\n    const saveImportTemplate = value => {\n        saveAsFile(value, `vform${generateId()}.json`);\n    };\n\n    const undoHistory = () => {\n        props.designer.undoHistoryStep();\n    };\n\n    const redoHistory = () => {\n        props.designer.redoHistoryStep();\n    };\n\n    const changeLayoutType = (newType: string) => {\n        props.designer.changeLayoutType(newType);\n    };\n\n    const clearFormWidget = () => {\n        props.designer.clearDesigner();\n        props.designer.formWidget.clearWidgetRefList();\n        message.success('ok');\n    };\n\n    const previewForm = () => {\n        showPreviewDialogFlag.value = true;\n        //     ctx!.proxy.$openCustomerModal({\n        //         ...vfCtx.value,\n        //         width: '90%'\n        //     });\n    };\n\n    const saveAsFile = (fileContent: string, defaultFileName: string) => {\n        const value = 'json.json' || defaultFileName;\n\n        if (getQueryParam('vscode') == 1) {\n            vsSaveFile(value, fileContent);\n            return;\n        }\n\n        const fileBlob = new Blob([fileContent], { type: 'text/plain;charset=utf-8' });\n        saveAs(fileBlob, value);\n    };\n\n    const vsSaveFile = (fileName: string, fileContent: string) => {\n        const msgObj = {\n            cmd: 'writeFile',\n            data: {\n                fileName,\n                code: fileContent\n            }\n        };\n        window.parent.postMessage(msgObj, '*');\n    };\n\n    const importJson = () => {\n        importTemplate.value = JSON.stringify(props.designer.getImportTemplate(), null, '  ');\n\n        importJsonEditorRef.value.open();\n        showImportJsonDialogFlag.value = true;\n    };\n\n    const doJsonImport = () => {\n        try {\n            const importObj = JSON.parse(importTemplate.value);\n            if (!importObj || !importObj.formConfig) {\n                throw new Error(i18nt('designer.hint.invalidJsonFormat'));\n            }\n\n            props.designer.loadFormJson(importObj);\n\n            showImportJsonDialogFlag.value = false;\n            message.success(i18nt('designer.hint.importJsonSuccess'));\n\n            props.designer.emitHistoryChange();\n\n            props.designer.emitEvent('form-json-imported', []);\n        } catch (ex) {\n            message.error(ex + '');\n        }\n    };\n\n    const exportJson = () => {\n        const widgetList = cloneDeep(props.designer.widgetList);\n        const formConfig = cloneDeep(props.designer.formConfig);\n        exportTemplate.value = JSON.stringify({ widgetList, formConfig }, null, '  ');\n        // exportJsonEditorRef.value.open();\n        showFormDataDialogFlag.value = true;\n    };\n\n    const showData = async () => {\n        const formConfig = props.designer.formConfig;\n        const { id: _id } = getLocat();\n        const dsResult = await fmtHttpParams(formConfig.serveList.vformDetail, { _id });\n        const leaveDates = [{ date: '2024-10-28' }, { date: '2024-10-29' }, { date: '2024-10-20' }];\n\n        preForm.value.getWidgetRef('leaveDates').setValue(leaveDates);\n        preForm.value.setFormData({\n            ...dsResult\n        });\n        preForm.value.setReadMode(true);\n    };\n\n    const getFormData = () => {\n        console.log(preForm.value);\n\n        preForm.value\n            .getFormData()\n            .then((formData: any) => {\n                formDataJson.value = JSON.stringify(formData, null, '  ');\n                showFormDataDialogFlag.value = true;\n            })\n            .catch((error: any) => {\n                message.error(error);\n            });\n    };\n\n    const copyFormDataJson = (e: Event) => {\n        copyToClipboard(\n            exportTemplate.value,\n            e,\n            message,\n            i18nt('designer.hint.copyJsonSuccess'),\n            i18nt('designer.hint.copyJsonFail')\n        );\n    };\n\n    const saveFormData = () => {\n        saveAsFile(htmlCode.value, `formData${generateId()}.json`);\n    };\n\n    const resetForm = () => {\n        preForm.value.resetForm();\n    };\n\n    const setFormDisabled = () => {\n        preForm.value.disableForm();\n    };\n\n    const setFormEnabled = () => {\n        preForm.value.enableForm();\n    };\n\n    const handleFormChange = (fieldName: string, newValue: any, oldValue: any, formModel: any) => {\n        console.log('formModel', formModel);\n    };\n\n    const testOnAppendButtonClick = (clickedWidget: any) => {\n        console.log('test', clickedWidget);\n    };\n\n    const testOnButtonClick = (button: any) => {\n        console.log('test', button);\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .toolbar-container {\n        width: 100%;\n        display: flex;\n        height: 42px;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .left-toolbar {\n        display: flex;\n        margin-top: 4px;\n        font-size: 16px;\n    }\n\n    .right-toolbar {\n        display: flex;\n        line-height: 42px;\n        overflow: hidden;\n\n        .right-toolbar-con {\n            text-align: left;\n        }\n\n        :deep(.svg-icon) {\n            margin-left: 0;\n            margin-right: 0.05em;\n        }\n    }\n\n    .no-box-shadow {\n        box-shadow: none;\n    }\n\n    .form-render-wrapper.h5-layout {\n        margin: 0 auto;\n        width: 420px;\n        border-radius: 15px;\n        //border-width: 10px;\n        box-shadow: 0 0 1px 10px #495060;\n        height: calc(100vh - 175px);\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    .form-render-wrapper.pad-layout {\n        margin: 0 auto;\n        width: 960px;\n        border-radius: 15px;\n        //border-width: 10px;\n        box-shadow: 0 0 1px 10px #495060;\n        height: calc(100vh - 175px);\n        overflow-y: auto;\n        overflow-x: hidden;\n    }\n\n    .node-tree-drawer {\n    }\n</style>\n"],"names":["VFormRender","defineAsyncComponent","getCurrentInstance","props","__props","getDesignerConfig","inject","nodeTree","ref","preForm","importJsonEditorRef","vfCtx","getLocat","designerConfig","toolbarWidth","showPreviewDialogFlag","showImportJsonDialogFlag","showFormDataDialogFlag","showNodeTreeDrawerFlag","nodeTreeData","importTemplate","exportTemplate","formDataJson","htmlCode","testFormData","formJson","computed","cloneDeep","undoDisabled","redoDisabled","layoutType","designerDsv","onMounted","maxTBWidth","minTBWidth","newTBWidth","addWindowResizeHandler","nextTick","newTBWidth2","i18nt","useI18n","saveJson","showToolButton","configName","buildTreeNodeOfWidget","widget","treeNode","curNode","col","colNode","wChild","row","rowNode","cell","rowChildren","cellNode","tab","tabNode","refreshNodeTree","wItem","showNodeTreeDrawer","undoHistory","redoHistory","changeLayoutType","newType","clearFormWidget","message","previewForm","saveAsFile","fileContent","defaultFileName","value","getQueryParam","vsSaveFile","fileBlob","saveAs","fileName","msgObj","importJson","doJsonImport","importObj","ex","exportJson","widgetList","formConfig","showData","_id","dsResult","fmtHttpParams","leaveDates","getFormData","formData","error","copyFormDataJson","copyToClipboard","saveFormData","resetForm","setFormDisabled","setFormEnabled","handleFormChange","fieldName","newValue","oldValue","formModel","testOnAppendButtonClick","clickedWidget","testOnButtonClick","button","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_a_button","changeLeftWidth","SvgIcon","leftWidth","_unref","_component_a_radio_group","$event","_component_a_radio_button","_component_a_drawer","_component_a_tree","_hoisted_3","_hoisted_4","_createBlock","_cache","changeRightWidth","rightWidth","_Fragment","_renderList","$slots","idx","slotName","_renderSlot","_ctx","TpfModal","TpfCodeEditor","CodeEditor"],"mappings":"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"}

package/src/components/form-designer/widget-panel/advanced/bpmn-editor.js

@@ -0,0 +1,28 @@
+import { getUuidKey as l } from "@kp-ui/tool";
+const t = (e = {}) => ({
+  key: l(),
+  id: e.name,
+  showName: "流程图",
+  type: "bpmn-editor",
+  icon: "liucheng",
+  formItemFlag: !0,
+  options: {
+    name: "",
+    label: "",
+    labelAlign: "",
+    defaultValue: "",
+    columnWidth: "200px",
+    labelWidth: null,
+    labelHidden: !1,
+    hidden: !1,
+    holdHidden: !0,
+    customClass: [],
+    onCreated: "",
+    onMounted: "",
+    ...e
+  }
+});
+export {
+  t as bpmnEditor
+};
+//# sourceMappingURL=bpmn-editor.js.map

package/src/components/form-designer/widget-panel/advanced/bpmn-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bpmn-editor.js","sources":["../../../../../../src/components/form-designer/widget-panel/advanced/bpmn-editor.ts"],"sourcesContent":["import { getUuidKey } from '@kp-ui/tool';\n\nexport const bpmnEditor = (ops = {} as any) => {\n  return {\n    key: getUuidKey(),\n    id: ops.name,\n    showName: '流程图',\n    type: 'bpmn-editor',\n    icon: 'liucheng',\n    formItemFlag: true,\n    options: {\n      name: '',\n      label: '',\n      labelAlign: '',\n      defaultValue: '',\n      columnWidth: '200px',\n      labelWidth: null,\n      labelHidden: false,\n      hidden: false,\n      holdHidden: true,\n      customClass: [],\n      onCreated: '',\n      onMounted: '',\n      ...ops\n    }\n  };\n};\n"],"names":["bpmnEditor","ops","getUuidKey"],"mappings":";AAEO,MAAMA,IAAa,CAACC,IAAM,QACxB;AAAA,EACL,KAAKC,EAAA;AAAA,EACL,IAAID,EAAI;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,MAAM;AAAA,EACN,cAAc;AAAA,EACd,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,aAAa,CAAA;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,GAAGA;AAAA,EAAA;AACL;"}