hldesigner 0.0.1

package/index-ad538d7e.js

@@ -0,0 +1,832 @@
+import { defineComponent as dt, computed as q, ref as u, shallowRef as de, resolveComponent as C, openBlock as p, createElementBlock as V, createElementVNode as m, createVNode as n, withCtx as o, unref as l, toDisplayString as r, createTextVNode as d, createBlock as c, createCommentVNode as v, Fragment as ut, renderList as pt, renderSlot as mt, mergeProps as S, resolveDynamicComponent as b, nextTick as ct, pushScopeId as gt, popScopeId as vt, defineAsyncComponent as ue } from "vue";
+import { k as pe, a as t, f as ft, F as me, t as ce } from "./enum-type-287a50b6.js";
+import { P as yt, f as oe, D as Ct, A as Vt } from "./baseImp-8c4be88e.js";
+import { u as _t } from "./index-f146282d.js";
+import { F as bt } from "./install-designer-bed2e18a.js";
+import { S as E } from "./index-ffbcbc43.js";
+import { g as P } from "./uuid-39f0308a.js";
+import { p as ge } from "./template-c30585f4.js";
+import { _ as ht } from "./_plugin-vue_export-helper-dad06003.js";
+import "./enum-type-255ade69.js";
+import "./icon-2bb9fa65.js";
+import "./dialog-5e196819.js";
+import "element-plus";
+import "./_commonjsHelpers-e7ea1525.js";
+import "./optionItem-0ac4a3ae.js";
+import "./index-7fa591e3.js";
+import "./cont-cell-widget-42f96421.js";
+import "./cont-cell-widget.vue_vue_type_script_setup_true_name_cont-cell-widget_lang-d3be593a.js";
+import "./widget-base-4c2d6265.js";
+import "./drag-wrapper-f9fb1533.js";
+import "./multirow-e1e1205c.js";
+import "./slot-04a83a27.js";
+import "./emitter-2b9b9409.js";
+import "./share-field-451430de.js";
+import "./cont-widget-9dda9135.js";
+import "./widget-wrapper.vue_vue_type_script_setup_true_name_form-item-wrapper_lang-bbe0cabe.js";
+import "./form-widget-98a02c28.js";
+import "./grid-col-widget-3ea371ea.js";
+import "./grid-col-widget.vue_vue_type_script_setup_true_name_grid-col-widget_lang-f40c8e16.js";
+import "./grid-widget-f0635d43.js";
+import "./ltable-col-widget-9f26b93d.js";
+import "./ltable-col-widget.vue_vue_type_script_setup_true_name_ltable-col-widget_lang-639ee976.js";
+import "./ltable-widget-b78a72ee.js";
+import "./tab-pane-widget-99c21615.js";
+import "./tab-pane-widget.vue_vue_type_script_setup_true_name_tab-pane-widget_lang-bc962788.js";
+import "./tabs-widget-88393072.js";
+import "./wrapper-widget-5702502d.js";
+import "./index-9fd4a537.js";
+import "./setView-de8aaf40.js";
+const kt = ($) => (gt("data-v-5b08dafc"), $ = $(), vt(), $), wt = { class: "full-height" }, Ft = { class: "toolbar-container" }, xt = { class: "left-toolbar" }, St = { class: "flexJustify full-width" }, Jt = { class: "right-toolbar" }, Dt = { class: "right-toolbar-con" }, Tt = { key: 0 }, Bt = { class: "page-render-wrapper" }, Ut = /* @__PURE__ */ kt(() => /* @__PURE__ */ m("div", { class: "dialog-footer" }, null, -1)), Et = { key: 1 }, Pt = { class: "dialog-footer" }, $t = { key: 2 }, Ht = { class: "dialog-footer" }, jt = { key: 3 }, Nt = { class: "dialog-footer" }, It = { key: 4 }, Lt = { style: { border: "1px solid #DCDFE6" } }, Ot = { class: "dialog-footer" }, At = { key: 5 }, Mt = { class: "dialog-footer" }, Wt = { key: 6 }, Rt = { class: "dialog-footer" }, zt = /* @__PURE__ */ dt({
+  __name: "index",
+  props: {
+    designer: null,
+    designerConfig: null,
+    renderConfig: null
+  },
+  setup($) {
+    const g = $, { setSelected: ve, undoEnabled: fe, redoEnabled: ye, undoHistoryStep: Ce, redoHistoryStep: Ve, getImportTemplate: _e, emitHistoryChange: be, emitEvent: he, findWidgetById: ke, loadPageJson: we, clearDesigner: Fe, getNodeTree: xe } = _t(g.designer), h = {
+      showClose: !0,
+      appendToBody: !0,
+      center: !0,
+      closeOnClickModal: !1,
+      closeOnPressEscape: !1,
+      DestroyOnClose: !0,
+      draggable: !0
+    };
+    q(() => {
+      var a, e;
+      return yt.getValue((e = (a = g.designer) == null ? void 0 : a.pageConfig) == null ? void 0 : e.layoutType);
+    });
+    const Se = u({}), G = q(() => ({
+      widgetList: pe(g.designer.widgetList),
+      pageConfig: pe(g.designer.pageConfig)
+    })), Je = g.renderConfig, f = de(), M = () => {
+      f.value || (f.value = ue(() => import("./index-188b745d.js")));
+    }, J = (a, e) => {
+      Ct.do(t.i18nt("designer.hint.fileNameForSave"), t.i18nt("designer.hint.saveFileTitle"), {
+        inputValue: e,
+        closeOnClickModal: !1,
+        inputPlaceholder: t.i18nt("designer.hint.fileNameInputPlaceholder")
+      }).then(({ value: s }) => {
+        if (s || (s = e), Vt.getLocationQueryParam("vscode") == "1") {
+          De(s, a);
+          return;
+        }
+        const _ = new Blob([a], { type: "text/plain;charset=utf-8" });
+        import("./FileSaver.min-b57403e6.js").then((y) => y.F).then((y) => {
+          var { saveAs: L } = y.saveAs;
+          L(_, s);
+        });
+      }).catch(() => {
+      });
+    }, De = (a, e) => {
+      const s = {
+        cmd: "writeFile",
+        data: {
+          fileName: a,
+          code: e
+        }
+      };
+      window.parent.postMessage(s, "*");
+    }, X = u(!1), Y = u([]), le = u(), Te = () => {
+      Y.value.length = 0, Y.value = xe();
+    }, Be = () => {
+      Te(), X.value = !0, ct(() => {
+        var a, e;
+        (a = g.designer.selectedWidget) != null && a.id && le.value.setCurrentKey((e = g.designer.selectedWidget) == null ? void 0 : e.id);
+      });
+    }, Ue = (a, e, s) => {
+      if (a.selectable === !1)
+        oe.info(t.i18nt("designer.hint.currentNodeCannotBeSelected"));
+      else {
+        const _ = a.id, y = ke(_);
+        ve(y);
+      }
+    }, Ee = q(() => !fe()), Pe = q(() => !ye()), $e = () => {
+      Ce();
+    }, He = () => {
+      Ve();
+    }, k = (a) => {
+      var e = g.designerConfig;
+      if (!e)
+        return !0;
+      var s = e == null ? void 0 : e[a];
+      return s === void 0 ? !0 : !!s;
+    }, je = () => {
+      Fe();
+    }, W = u(!1), R = u(!1), Ne = () => {
+      W.value = !0;
+    }, Ie = u(), ne = u(""), ae = u(""), Le = (a) => {
+      w(
+        ae.value,
+        a,
+        t.i18nt("designer.hint.copyJsonSuccess"),
+        t.i18nt("designer.hint.copyJsonFail")
+      );
+    }, Oe = () => {
+      J(F.value, `formData${P()}.json`);
+    }, Ae = (a, e, s, _) => {
+    }, D = u(!1), z = u(""), Me = () => {
+      z.value = JSON.stringify(_e(), null, "  "), M(), D.value = !0;
+    }, We = () => {
+      try {
+        let a = ft(z.value);
+        if (!a || !a.pageConfig)
+          throw new Error(t.i18nt("designer.hint.invalidJsonFormat"));
+        let e = a.pageConfig.jsonVersion;
+        if (!e || e !== ge.pageJsonVersion)
+          throw new Error(t.i18nt("designer.hint.jsonVersionMismatch"));
+        we(a), D.value = !1, oe.success(t.i18nt("designer.hint.importJsonSuccess")), be("do json import"), he(ge.pageJsonImported, []);
+      } catch (a) {
+        oe.error(a + "");
+      }
+    }, H = u(!1), K = u(""), Z = u(""), Re = () => {
+      let a = me(g.designer.widgetList), e = me(g.designer.pageConfig);
+      K.value = ce({ widgetList: a, pageConfig: e }, void 0, "  "), Z.value = ce({ widgetList: a, pageConfig: e }), M(), H.value = !0;
+    }, w = (a, e, s, _) => {
+      import("./index-3d5d5fac.js").then((y) => {
+        const { copyToClipboard: L } = y;
+        L(
+          a,
+          e,
+          s,
+          _
+        );
+      });
+    }, ze = (a) => {
+      w(
+        Z.value,
+        a,
+        t.i18nt("designer.hint.copyJsonSuccess"),
+        t.i18nt("designer.hint.copyJsonFail")
+      );
+    }, Ke = () => {
+      J(K.value, `vform${P()}.json`);
+    }, j = u(!1), T = u(""), F = u(""), ie = u("vue"), se = u("vue2"), Qe = () => {
+      import("./code-cf4fbc89.js").then((a) => {
+        const { generateCode: e } = a;
+        T.value = e(G.value), F.value = e(G.value, "html"), M(), j.value = !0;
+      });
+    }, qe = (a) => {
+      w(
+        T.value,
+        a,
+        t.i18nt("designer.hint.copyVueCodeSuccess"),
+        t.i18nt("designer.hint.copyVueCodeFail")
+      );
+    }, Ge = (a) => {
+      w(
+        F.value,
+        a,
+        t.i18nt("designer.hint.copyHtmlCodeSuccess"),
+        t.i18nt("designer.hint.copyHtmlCodeFail")
+      );
+    }, Xe = () => {
+      J(T.value, `vform${P()}.vue`);
+    }, Ye = () => {
+      J(F.value, `vform${P()}.html`);
+    }, N = u(!1), B = u(""), U = u(""), Ze = () => {
+      import("./sfc-10e3d29c.js").then((a) => {
+        const { genSFC: e } = a;
+        B.value = e(g.designer.pageConfig, g.designer.widgetList), U.value = e(g.designer.pageConfig, g.designer.widgetList, !0), M(), N.value = !0;
+      });
+    }, et = (a) => {
+      w(
+        B.value,
+        a,
+        t.i18nt("designer.hint.copySFCSuccess"),
+        t.i18nt("designer.hint.copySFCFail")
+      );
+    }, tt = (a) => {
+      w(
+        U.value,
+        a,
+        t.i18nt("designer.hint.copySFCSuccess"),
+        t.i18nt("designer.hint.copySFCFail")
+      );
+    }, ot = () => {
+      J(B.value, `vformV2-${P()}.vue`);
+    }, lt = () => {
+      J(U.value, `vformV3-${P()}.vue`);
+    }, I = u(!1), re = u("img2Base64"), ee = de(), nt = () => {
+      ee.value || (ee.value = ue(() => import("./index-c1b1f59f.js")));
+    }, at = () => {
+      nt(), I.value = !0;
+    }, Q = u(""), it = (a) => {
+      w(
+        Q.value,
+        a,
+        t.i18nt("designer.hint.copyBase64CodeSuccess"),
+        t.i18nt("designer.hint.copySFCFail")
+      );
+    };
+    return (a, e) => {
+      const s = C("el-button"), _ = C("el-button-group"), y = C("el-tag"), L = C("el-tree"), st = C("el-drawer"), x = C("el-dialog"), rt = C("el-alert"), O = C("el-tab-pane"), te = C("el-tabs");
+      return p(), V("div", wt, [
+        m("div", Ft, [
+          m("div", xt, [
+            n(_, { style: { "margin-right": "20px" } }, {
+              default: o(() => [
+                n(s, {
+                  link: "",
+                  type: "primary",
+                  disabled: l(Ee),
+                  title: l(t).i18nt("designer.toolbar.undoHint"),
+                  onClick: $e
+                }, {
+                  default: o(() => [
+                    n(E, { name: "@custom-undo" })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "title"]),
+                n(s, {
+                  link: "",
+                  type: "primary",
+                  disabled: l(Pe),
+                  title: l(t).i18nt("designer.toolbar.redoHint"),
+                  onClick: He
+                }, {
+                  default: o(() => [
+                    n(E, { name: "@custom-redo" })
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "title"])
+              ]),
+              _: 1
+            }),
+            n(s, {
+              style: { "margin-left": "20px" },
+              link: "",
+              title: l(t).i18nt("designer.toolbar.nodeTreeHint"),
+              onClick: Be
+            }, {
+              default: o(() => [
+                n(E, { name: "@custom-node-tree" })
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ]),
+          n(st, {
+            title: l(t).i18nt("designer.toolbar.nodeTreeTitle"),
+            direction: "ltr",
+            modelValue: X.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (i) => X.value = i),
+            modal: !0,
+            size: 300,
+            "destroy-on-close": !0,
+            class: "node-tree-drawer"
+          }, {
+            default: o(() => [
+              n(L, {
+                ref_key: "nodeTree",
+                ref: le,
+                data: Y.value,
+                "node-key": "id",
+                "default-expand-all": "",
+                "highlight-current": "",
+                class: "node-tree",
+                "icon-class": "el-icon-arrow-right",
+                onNodeClick: Ue,
+                "expand-on-click-node": !1
+              }, {
+                default: o(({ node: i, data: A }) => [
+                  m("div", St, [
+                    m("span", null, r(A.id || "/"), 1),
+                    m("span", null, [
+                      n(y, null, {
+                        default: o(() => [
+                          d(r(l(t).i18nt(`designer.widgetLabel.${A.type}`, A.type)), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["data"])
+            ]),
+            _: 1
+          }, 8, ["title", "modelValue"]),
+          m("div", Jt, [
+            m("div", Dt, [
+              k("clearDesignerButton") ? (p(), c(s, {
+                key: 0,
+                link: "",
+                type: "primary",
+                onClick: je
+              }, {
+                default: o(() => [
+                  n(E, { name: "@el-delete" }),
+                  d(r(l(t).i18nt("designer.toolbar.clear")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              k("previewFormButton") ? (p(), c(s, {
+                key: 1,
+                link: "",
+                type: "primary",
+                onClick: Ne
+              }, {
+                default: o(() => [
+                  n(E, { name: "@el-view" }),
+                  d(r(l(t).i18nt("designer.toolbar.preview")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              k("importJsonButton") ? (p(), c(s, {
+                key: 2,
+                link: "",
+                type: "primary",
+                onClick: Me
+              }, {
+                default: o(() => [
+                  d(r(l(t).i18nt("designer.toolbar.importJson")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              k("exportJsonButton") ? (p(), c(s, {
+                key: 3,
+                link: "",
+                type: "primary",
+                onClick: Re
+              }, {
+                default: o(() => [
+                  d(r(l(t).i18nt("designer.toolbar.exportJson")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              k("exportCodeButton") ? (p(), c(s, {
+                key: 4,
+                link: "",
+                type: "primary",
+                onClick: Qe
+              }, {
+                default: o(() => [
+                  d(r(l(t).i18nt("designer.toolbar.exportCode")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              k("generateSFCButton") ? (p(), c(s, {
+                key: 5,
+                link: "",
+                type: "primary",
+                onClick: Ze
+              }, {
+                default: o(() => [
+                  n(E, { name: "@custom-vue-sfc" }),
+                  d(r(l(t).i18nt("designer.toolbar.generateSFC")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              k("toolButton") ? (p(), c(s, {
+                key: 6,
+                link: "",
+                type: "primary",
+                onClick: at
+              }, {
+                default: o(() => [
+                  d(r(l(t).i18nt("designer.toolbar.toolView")), 1)
+                ]),
+                _: 1
+              })) : v("", !0),
+              (p(!0), V(ut, null, pt(a.$slots, (i, A) => mt(a.$slots, A, {}, void 0, !0)), 256))
+            ])
+          ]),
+          W.value ? (p(), V("div", Tt, [
+            n(x, S({
+              title: l(t).i18nt("designer.toolbar.preview"),
+              modelValue: W.value,
+              "onUpdate:modelValue": e[1] || (e[1] = (i) => W.value = i),
+              class: "drag-dialog small-padding-dialog"
+            }, h, {
+              width: "75%",
+              fullscreen: !0
+            }), {
+              footer: o(() => [
+                Ut
+              ]),
+              default: o(() => [
+                m("div", null, [
+                  m("div", Bt, [
+                    n(bt, {
+                      ref_key: "preForm",
+                      ref: Ie,
+                      "page-data": Se.value,
+                      designer: l(G),
+                      "design-state": !1,
+                      onFormChange: Ae,
+                      "render-config": l(Je)
+                    }, null, 8, ["page-data", "designer", "render-config"])
+                  ])
+                ])
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0),
+          D.value ? (p(), V("div", Et, [
+            n(x, S({
+              title: l(t).i18nt("designer.toolbar.importJson"),
+              modelValue: D.value,
+              "onUpdate:modelValue": e[4] || (e[4] = (i) => D.value = i),
+              class: "drag-dialog small-padding-dialog"
+            }, h), {
+              footer: o(() => [
+                m("div", Pt, [
+                  n(s, {
+                    type: "primary",
+                    onClick: We
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.import")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, {
+                    onClick: e[3] || (e[3] = (i) => D.value = !1)
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.cancel")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: o(() => [
+                n(rt, {
+                  type: "info",
+                  title: l(t).i18nt("designer.hint.importJsonHint"),
+                  "show-icon": "",
+                  class: "alert-padding"
+                }, null, 8, ["title"]),
+                (p(), c(b(l(f)), {
+                  mode: "json",
+                  readonly: !1,
+                  modelValue: z.value,
+                  "onUpdate:modelValue": e[2] || (e[2] = (i) => z.value = i)
+                }, null, 8, ["modelValue"]))
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0),
+          H.value ? (p(), V("div", $t, [
+            n(x, S({
+              title: l(t).i18nt("designer.toolbar.exportJson"),
+              modelValue: H.value,
+              "onUpdate:modelValue": e[7] || (e[7] = (i) => H.value = i),
+              class: "drag-dialog small-padding-dialog"
+            }, h), {
+              footer: o(() => [
+                m("div", Ht, [
+                  n(s, {
+                    type: "primary",
+                    class: "copy-json-btn",
+                    "data-clipboard-text": Z.value,
+                    onClick: ze
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyJson")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, { onClick: Ke }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.savePageJson")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, {
+                    onClick: e[6] || (e[6] = (i) => H.value = !1)
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.closePreview")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: o(() => [
+                (p(), c(b(l(f)), {
+                  mode: "json",
+                  readonly: !0,
+                  modelValue: K.value,
+                  "onUpdate:modelValue": e[5] || (e[5] = (i) => K.value = i)
+                }, null, 8, ["modelValue"]))
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0),
+          j.value ? (p(), V("div", jt, [
+            n(x, S({
+              title: l(t).i18nt("designer.toolbar.exportCode"),
+              modelValue: j.value,
+              "onUpdate:modelValue": e[12] || (e[12] = (i) => j.value = i),
+              class: "drag-dialog small-padding-dialog",
+              width: "65%"
+            }, h), {
+              footer: o(() => [
+                m("div", Nt, [
+                  n(s, {
+                    type: "primary",
+                    class: "copy-vue-btn",
+                    "data-clipboard-text": T.value,
+                    onClick: qe
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyVueCode")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, {
+                    type: "primary",
+                    class: "copy-html-btn",
+                    "data-clipboard-text": F.value,
+                    onClick: Ge
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyHtmlCode")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, { onClick: Xe }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.saveVueCode")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, { onClick: Ye }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.saveHtmlCode")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, {
+                    onClick: e[11] || (e[11] = (i) => j.value = !1)
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.closePreview")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: o(() => [
+                n(te, {
+                  type: "border-card",
+                  class: "no-box-shadow no-padding",
+                  modelValue: ie.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (i) => ie.value = i)
+                }, {
+                  default: o(() => [
+                    n(O, {
+                      label: "Vue",
+                      name: "vue"
+                    }, {
+                      default: o(() => [
+                        (p(), c(b(l(f)), {
+                          mode: "html",
+                          readonly: !0,
+                          modelValue: T.value,
+                          "onUpdate:modelValue": e[8] || (e[8] = (i) => T.value = i),
+                          "user-worker": !1
+                        }, null, 8, ["modelValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    n(O, {
+                      label: "HTML",
+                      name: "html"
+                    }, {
+                      default: o(() => [
+                        (p(), c(b(l(f)), {
+                          mode: "html",
+                          readonly: !0,
+                          modelValue: F.value,
+                          "onUpdate:modelValue": e[9] || (e[9] = (i) => F.value = i),
+                          "user-worker": !1
+                        }, null, 8, ["modelValue"]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0),
+          R.value ? (p(), V("div", It, [
+            n(x, S({
+              title: l(t).i18nt("designer.hint.exportFormData"),
+              modelValue: R.value,
+              "onUpdate:modelValue": e[15] || (e[15] = (i) => R.value = i),
+              class: "nested-drag-dialog dialog-title-light-bg"
+            }, h), {
+              footer: o(() => [
+                m("div", Ot, [
+                  n(s, {
+                    type: "primary",
+                    class: "copy-form-data-json-btn",
+                    "data-clipboard-text": ae.value,
+                    onClick: Le
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyFormData")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, { onClick: Oe }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.saveFormData")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, {
+                    onClick: e[14] || (e[14] = (i) => R.value = !1)
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.closePreview")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: o(() => [
+                m("div", Lt, [
+                  (p(), c(b(l(f)), {
+                    mode: "json",
+                    readonly: !0,
+                    modelValue: ne.value,
+                    "onUpdate:modelValue": e[13] || (e[13] = (i) => ne.value = i)
+                  }, null, 8, ["modelValue"]))
+                ])
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0),
+          N.value ? (p(), V("div", At, [
+            n(x, S({
+              title: l(t).i18nt("designer.toolbar.generateSFC"),
+              modelValue: N.value,
+              "onUpdate:modelValue": e[20] || (e[20] = (i) => N.value = i),
+              class: "drag-dialog small-padding-dialog",
+              width: "65%"
+            }, h), {
+              footer: o(() => [
+                m("div", Mt, [
+                  n(s, {
+                    type: "primary",
+                    class: "copy-vue2-sfc-btn",
+                    "data-clipboard-text": B.value,
+                    onClick: et
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyVue2SFC")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, {
+                    type: "primary",
+                    class: "copy-vue3-sfc-btn",
+                    "data-clipboard-text": U.value,
+                    onClick: tt
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyVue3SFC")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, { onClick: ot }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.saveVue2SFC")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, { onClick: lt }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.saveVue3SFC")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  n(s, {
+                    onClick: e[19] || (e[19] = (i) => N.value = !1)
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.closePreview")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: o(() => [
+                n(te, {
+                  type: "border-card",
+                  class: "no-box-shadow no-padding",
+                  modelValue: se.value,
+                  "onUpdate:modelValue": e[18] || (e[18] = (i) => se.value = i)
+                }, {
+                  default: o(() => [
+                    n(O, {
+                      label: "Vue2",
+                      name: "vue2"
+                    }, {
+                      default: o(() => [
+                        (p(), c(b(l(f)), {
+                          mode: "html",
+                          readonly: !0,
+                          modelValue: B.value,
+                          "onUpdate:modelValue": e[16] || (e[16] = (i) => B.value = i),
+                          "user-worker": !1
+                        }, null, 8, ["modelValue"]))
+                      ]),
+                      _: 1
+                    }),
+                    n(O, {
+                      label: "Vue3",
+                      name: "vue3"
+                    }, {
+                      default: o(() => [
+                        (p(), c(b(l(f)), {
+                          mode: "html",
+                          readonly: !0,
+                          modelValue: U.value,
+                          "onUpdate:modelValue": e[17] || (e[17] = (i) => U.value = i),
+                          "user-worker": !1
+                        }, null, 8, ["modelValue"]))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0),
+          I.value ? (p(), V("div", Wt, [
+            n(x, S({
+              title: l(t).i18nt("designer.toolbar.toolView"),
+              modelValue: I.value,
+              "onUpdate:modelValue": e[24] || (e[24] = (i) => I.value = i),
+              class: "drag-dialog small-padding-dialog",
+              width: "65%"
+            }, h), {
+              footer: o(() => [
+                m("div", Rt, [
+                  n(s, {
+                    type: "primary",
+                    class: "copy-vue3-sfc-btn",
+                    "data-clipboard-text": Q.value,
+                    onClick: it
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.copyBase64Code")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["data-clipboard-text"]),
+                  n(s, {
+                    onClick: e[23] || (e[23] = (i) => I.value = !1)
+                  }, {
+                    default: o(() => [
+                      d(r(l(t).i18nt("designer.hint.closePreview")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              default: o(() => [
+                n(te, {
+                  type: "border-card",
+                  class: "no-box-shadow no-padding",
+                  modelValue: re.value,
+                  "onUpdate:modelValue": e[22] || (e[22] = (i) => re.value = i)
+                }, {
+                  default: o(() => [
+                    n(O, {
+                      label: l(t).i18nt("designer.hint.file2Base64"),
+                      name: "img2Base64"
+                    }, {
+                      default: o(() => [
+                        (p(), c(b(l(ee)), {
+                          modelValue: Q.value,
+                          "onUpdate:modelValue": e[21] || (e[21] = (i) => Q.value = i)
+                        }, null, 8, ["modelValue"]))
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 16, ["title", "modelValue"])
+          ])) : v("", !0)
+        ])
+      ]);
+    };
+  }
+});
+const Eo = /* @__PURE__ */ ht(zt, [["__scopeId", "data-v-5b08dafc"]]);
+export {
+  Eo as default
+};