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

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

@@ -1,65 +1,4 @@
-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;
-  }
-});
+import f from "./PreviewDialog.vue.js";
 export {
-  Y as default
+  f as default
 };

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

@@ -1,281 +1,7 @@
-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";
+import o from "./index.vue2.js";
 /* empty css           */
-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"]]);
+import a from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-1ca870c4"]]);
 export {
-  W as default
+  m as default
 };