@kp-ui/lowcode 2.15.0-alpha.4 → 2.15.0-alpha.5

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

@@ -1,4 +1,65 @@
-import f from "./PreviewDialog.vue.js";
+import { defineComponent as k, mergeModels as x, defineAsyncComponent as S, provide as V, ref as B, useModel as O, computed as P, watchEffect as A, nextTick as E } from "vue";
+import { useI18n as J } from "../../../utils/i18n.js";
+import { getLocat as r } from "@kp-ui/tool";
+import { useLowcode as j } from "../../../hooks/useLowcode.js";
+import { TpfModal as q } from "tmgc2-share";
+import { fmtHttpParams as H } from "../../../utils/request/fmtHttpParams.js";
+import { cloneDeep as p } from "lodash-es";
+import { useDesigner as I } from "../form-widget/useFormDesigner.js";
+const Y = /* @__PURE__ */ k({
+  __name: "PreviewDialog",
+  props: /* @__PURE__ */ x({
+    layoutType: { type: String, required: !0 }
+  }, {
+    visible: { default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(n, { expose: v }) {
+    v();
+    const g = S(() => import("../../FormRender/index.vue.js")), C = n;
+    V("designState", !1);
+    const { formConfig: i, designer: o } = I(), b = B({ type: "add", ...r() }), { i18nt: w } = J(), a = O(n, "visible"), D = () => {
+      var e;
+      (e = t.value) == null || e.resetForm();
+    }, F = () => {
+      var e;
+      (e = t.value) == null || e.disableForm();
+    }, _ = () => {
+      var e;
+      (e = t.value) == null || e.enableForm();
+    }, y = (e, d, f, s) => {
+      console.log("formModel", s);
+    }, M = (e) => {
+      console.log("test", e);
+    }, L = (e) => {
+      console.log("test", e);
+    }, { vfdRef: t, goBack: h } = j({
+      formCode: r().formCode
+    }), R = async () => {
+      var s, u, c;
+      const { id: e } = r(), d = await H(i.value.serveList.vformDetail, { _id: e }), f = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
+      (s = t.value) == null || s.getWidgetRef("leaveDates").setValue(f), (u = t.value) == null || u.setFormData({
+        ...d
+      }), (c = t.value) == null || c.setReadMode(!0);
+    }, T = () => {
+      a.value = !1;
+    }, l = P(() => ({
+      widgetList: p(o.value.widgetList),
+      formConfig: p(o.value.formConfig)
+    }));
+    A(async () => {
+      a.value === !0 && (await E(), o.value.formConfig, o.value.widgetList, setTimeout(() => {
+        var e;
+        (e = t.value) == null || e.setFormJson(l.value);
+      }, 1e3));
+    });
+    const m = { VFormRender: g, props: C, formConfig: i, designer: o, vfCtx: b, i18nt: w, visible: a, resetForm: D, setFormDisabled: F, setFormEnabled: _, handleFormChange: y, testOnAppendButtonClick: M, testOnButtonClick: L, vfdRef: t, goBack: h, showData: R, handleCloseDialog: T, formJson: l, get TpfModal() {
+      return q;
+    } };
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+  }
+});
 export {
-  f as default
+  Y as default
 };

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

@@ -1,7 +1,281 @@
-import o from "./index.vue2.js";
+import h from "./index.vue2.js";
+import { resolveComponent as v, createElementBlock as f, openBlock as d, createElementVNode as c, createVNode as e, withCtx as n, normalizeStyle as b, createTextVNode as a, toDisplayString as r, createBlock as y, createCommentVNode as s, Fragment as p, renderList as w, renderSlot as C } from "vue";
 /* empty css           */
-import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-1ca870c4"]]);
+import T from "../../../../_virtual/_plugin-vue_export-helper.js";
+const D = { class: "toolbar-container" }, F = { class: "left-toolbar" }, u = { class: "right-toolbar" }, x = { class: "right-toolbar-con" };
+function B(m, t, J, o, P, S) {
+  const i = v("a-button"), g = v("a-radio-button"), k = v("a-radio-group");
+  return d(), f("div", D, [
+    c("div", F, [
+      e(i, {
+        type: "link",
+        onClick: t[0] || (t[0] = (l) => o.changeLeftWidth())
+      }, {
+        default: n(() => [
+          e(o.SvgIcon, {
+            style: b(`transform:${o.leftWidth === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
+            "icon-class": "icon-a-ipadarrow_back"
+          }, null, 8, ["style"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      e(i, {
+        type: "link",
+        disabled: o.undoDisabled,
+        title: o.i18nt("designer.toolbar.undoHint"),
+        onClick: o.undoHistory
+      }, {
+        default: n(() => [
+          e(o.SvgIcon, { "icon-class": "icon-undo" })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["disabled", "title"]),
+      e(i, {
+        type: "link",
+        disabled: o.redoDisabled,
+        title: o.i18nt("designer.toolbar.redoHint"),
+        onClick: o.redoHistory
+      }, {
+        default: n(() => [
+          e(o.SvgIcon, { "icon-class": "icon-redo" })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["disabled", "title"]),
+      e(k, {
+        value: o.layoutType,
+        "onUpdate:value": t[4] || (t[4] = (l) => o.layoutType = l)
+      }, {
+        default: n(() => [
+          e(g, {
+            value: "PC",
+            type: o.layoutType === "PC" ? "primary" : "",
+            onClick: t[1] || (t[1] = (l) => o.changeLayoutType("PC"))
+          }, {
+            default: n(() => [
+              a(
+                r(o.i18nt("designer.toolbar.pcLayout")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["type"]),
+          e(g, {
+            value: "Pad",
+            type: o.layoutType === "Pad" ? "primary" : "",
+            onClick: t[2] || (t[2] = (l) => o.changeLayoutType("Pad"))
+          }, {
+            default: n(() => [
+              a(
+                r(o.i18nt("designer.toolbar.padLayout")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["type"]),
+          e(g, {
+            type: o.layoutType === "H5" ? "primary" : "",
+            onClick: t[3] || (t[3] = (l) => o.changeLayoutType("H5")),
+            value: "H5"
+          }, {
+            default: n(() => [
+              a(
+                r(o.i18nt("designer.toolbar.mobileLayout")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["type"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["value"])
+    ]),
+    c("div", u, [
+      c("div", x, [
+        o.showToolButton("clearDesignerButton") ? (d(), y(i, {
+          key: 0,
+          type: "link",
+          onClick: o.clearFormWidget
+        }, {
+          default: n(() => [
+            e(o.SvgIcon, { "icon-class": "icon-el-delete" }),
+            a(
+              r(o.i18nt("designer.toolbar.clear")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })) : s("v-if", !0),
+        o.showToolButton("previewFormButton") ? (d(), y(i, {
+          key: 1,
+          type: "link",
+          onClick: o.previewForm
+        }, {
+          default: n(() => [
+            e(o.SvgIcon, { "icon-class": "icon-el-view" }),
+            a(
+              r(o.i18nt("designer.toolbar.preview")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })) : s("v-if", !0),
+        o.showToolButton("importJsonButton") ? (d(), y(i, {
+          key: 2,
+          type: "link",
+          onClick: o.importJson
+        }, {
+          default: n(() => [
+            a(
+              r(o.i18nt("designer.toolbar.importJson")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })) : s("v-if", !0),
+        o.showToolButton("exportJsonButton") ? (d(), y(i, {
+          key: 3,
+          type: "link",
+          onClick: o.exportJson
+        }, {
+          default: n(() => [
+            a(
+              r(o.i18nt("designer.toolbar.exportJson")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })) : s("v-if", !0),
+        o.showToolButton("exportCodeButton") ? (d(), y(i, {
+          key: 4,
+          type: "link",
+          onClick: o.saveJson
+        }, {
+          default: n(() => [
+            a(
+              r(o.i18nt("designer.toolbar.save")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })) : s("v-if", !0),
+        e(i, {
+          type: "link",
+          onClick: t[5] || (t[5] = (l) => o.changeRightWidth())
+        }, {
+          default: n(() => [
+            e(o.SvgIcon, {
+              style: b(`transform:${o.rightWidth === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
+              "icon-class": "icon-a-ipadarrow_back"
+            }, null, 8, ["style"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        (d(!0), f(
+          p,
+          null,
+          w(m.$slots, (l, _) => C(m.$slots, _, {}, void 0, !0)),
+          256
+          /* UNKEYED_FRAGMENT */
+        ))
+      ])
+    ]),
+    e(o.PreviewDialog, {
+      layoutType: o.layoutType,
+      visible: o.showPreviewDialogFlag,
+      "onUpdate:visible": t[6] || (t[6] = (l) => o.showPreviewDialogFlag = l)
+    }, null, 8, ["layoutType", "visible"]),
+    e(o.TpfCodeEditor, {
+      ref: "importJsonEditorRef",
+      isShowEventFooter: !1,
+      "event-header": o.i18nt("designer.hint.importJsonHint"),
+      mode: "json",
+      width: 1200,
+      height: "70vh",
+      title: o.i18nt("designer.toolbar.importJson"),
+      onSetCode: o.doJsonImport
+    }, null, 8, ["event-header", "title"]),
+    e(o.TpfModal, {
+      title: o.i18nt("designer.hint.exportFormData"),
+      visible: o.showFormDataDialogFlag,
+      "onUpdate:visible": t[8] || (t[8] = (l) => o.showFormDataDialogFlag = l),
+      width: "1200px"
+    }, {
+      footerRight: n(() => [
+        e(i, {
+          type: "primary",
+          class: "copy-form-data-json-btn",
+          "data-clipboard-text": o.exportTemplate,
+          onClick: o.copyFormDataJson
+        }, {
+          default: n(() => [
+            a(
+              r(o.i18nt("designer.hint.copyFormData")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["data-clipboard-text"]),
+        e(i, { onClick: o.saveFormData }, {
+          default: n(() => [
+            a(
+              r(o.i18nt("designer.hint.saveFormData")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        e(i, {
+          onClick: t[7] || (t[7] = (l) => o.showFormDataDialogFlag = !1)
+        }, {
+          default: n(() => [
+            a(
+              r(o.i18nt("designer.hint.closePreview")),
+              1
+              /* TEXT */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]),
+      default: n(() => [
+        e(o.CodeEditor, {
+          mode: "json",
+          readonly: !0,
+          value: o.exportTemplate
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["title", "visible"])
+  ]);
+}
+const W = /* @__PURE__ */ T(h, [["render", B], ["__scopeId", "data-v-f2188eb4"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/toolbar-panel/index.vue"]]);
 export {
-  m as default
+  W as default
 };