@kp-ui/lowcode 1.0.71 → 1.0.73

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

@@ -1,1050 +1,7 @@
-import { defineAsyncComponent, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass } from "vue";
-import { traverseAllWidgets, generateId, copyToClipboard, getQueryParam, addWindowResizeHandler } from "../../../utils/util.js";
-import i18n from "../../../utils/i18n.js";
-import { generateCode } from "../../../utils/code-generator.js";
-import { saveAs } from "file-saver";
-import axios from "axios";
-import SvgIcon from "../../svg-icon/index.vue.js";
-import { fmtHttpParams } from "../../../utils/request/fmtHttpParams.js";
-import { getLocat } from "@kp-ui/tool";
-import { cloneDeep } from "lodash-es";
+import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "ToolbarPanel",
-  mixins: [i18n],
-  components: {
-    VFormRender: defineAsyncComponent(() => import("../../../../render.js")),
-    CodeEditor: defineAsyncComponent(async () => {
-      const { TpfCodeEditor } = await import("tmgc2-share");
-      return TpfCodeEditor;
-    }),
-    TpfModal: defineAsyncComponent(async () => {
-      const { TpfModal } = await import("tmgc2-share");
-      return TpfModal;
-    }),
-    SvgIcon
-  },
-  props: {
-    leftWidth: Number,
-    rightWidth: Number,
-    changeRightWidth: Function,
-    changeLeftWidth: Function,
-    designer: Object,
-    saveJsonApi: Function,
-    globalDsv: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  inject: ["getDesignerConfig"],
-  data() {
-    return {
-      cloneDeep,
-      vfCtx: { type: "add", ...getLocat() },
-      designerConfig: this.getDesignerConfig(),
-      toolbarWidth: 460,
-      showPreviewDialogFlag: false,
-      showImportJsonDialogFlag: false,
-      showExportJsonDialogFlag: false,
-      showExportCodeDialogFlag: false,
-      showFormDataDialogFlag: false,
-      showExportSFCDialogFlag: false,
-      showNodeTreeDrawerFlag: false,
-      nodeTreeData: [],
-      importTemplate: "",
-      jsonContent: "",
-      jsonRawContent: "",
-      formDataJson: "",
-      formDataRawJson: "",
-      vueCode: "",
-      htmlCode: "",
-      sfcCode: "",
-      sfcCodeV3: "",
-      activeCodeTab: "vue",
-      activeSFCTab: "vue2",
-      testFormData: {
-        // 'userName': '666888',
-        // 'productItems': [
-        //   {'pName': 'iPhone12', 'pNum': 10},
-        //   {'pName': 'P50', 'pNum': 16},
-        // ]
-        select62173: 2
-      },
-      testOptionData: {
-        select62173: [
-          { label: "01", value: 1 },
-          { label: "22", value: 2 },
-          { label: "333", value: 3 }
-        ],
-        select001: [
-          { label: "辣椒", value: 1 },
-          { label: "菠萝", value: 2 },
-          { label: "丑橘子", value: 3 }
-        ]
-      }
-    };
-  },
-  computed: {
-    formJson() {
-      return {
-        // widgetList: this.designer.widgetList,
-        // formConfig: this.designer.formConfig
-        widgetList: cloneDeep(this.designer.widgetList),
-        formConfig: cloneDeep(this.designer.formConfig)
-      };
-    },
-    undoDisabled() {
-      return !this.designer.undoEnabled();
-    },
-    redoDisabled() {
-      return !this.designer.redoEnabled();
-    },
-    layoutType() {
-      return this.designer.getLayoutType();
-    },
-    designerDsv() {
-      return this.globalDsv;
-    }
-  },
-  watch: {
-    "designer.widgetList": {
-      deep: true,
-      handler(val) {
-      }
-    }
-  },
-  mounted() {
-    const maxTBWidth = this.designerConfig.toolbarMaxWidth || 460;
-    const minTBWidth = this.designerConfig.toolbarMinWidth || 300;
-    const newTBWidth = window.innerWidth - 260 - 300 - 320 - 80;
-    this.toolbarWidth = newTBWidth >= maxTBWidth ? maxTBWidth : newTBWidth <= minTBWidth ? minTBWidth : newTBWidth;
-    addWindowResizeHandler(() => {
-      this.$nextTick(() => {
-        const newTBWidth2 = window.innerWidth - 260 - 300 - 320 - 80;
-        this.toolbarWidth = newTBWidth2 >= maxTBWidth ? maxTBWidth : newTBWidth2 <= minTBWidth ? minTBWidth : newTBWidth2;
-      });
-    });
-  },
-  methods: {
-    saveJson() {
-      if (this.saveJsonApi) {
-        this.saveJsonApi(this.formJson);
-      }
-    },
-    setReadMode() {
-      this.$refs.preForm.setFormData({
-        fileupload26481: [
-          {
-            // fileCode: '88927836217345',
-            // fileSavePath: 'file/',
-            // fileSaveName: '88927836217345.xlsx',
-            // fileName: '备料清单导入模板.xlsx',
-            // fileType: '.xlsx',
-            // fileSize: 11239,
-            // name: '备料清单导入模板.xlsx',
-            // uid: '__AUTO__1717584897101_0__',
-            fileCode: "89046755221505",
-            fileName: "首页-透明工厂.png",
-            guidebookId: 89046782484481,
-            id: 89046782484482
-          }
-        ]
-      });
-    },
-    showToolButton(configName) {
-      if (this.designerConfig[configName] === void 0) {
-        return true;
-      }
-      return !!this.designerConfig[configName];
-    },
-    buildTreeNodeOfWidget(widget, treeNode) {
-      const curNode = {
-        id: widget.id,
-        label: widget.options.label || widget.type
-        //selectable: true,
-      };
-      treeNode.push(curNode);
-      if (widget.category === void 0) {
-        return;
-      }
-      curNode.children = [];
-      if (widget.type === "grid") {
-        widget.cols.map((col) => {
-          const colNode = {
-            id: col.id,
-            label: col.options.name || widget.type,
-            children: []
-          };
-          curNode.children.push(colNode);
-          col.widgetList.map((wChild) => {
-            this.buildTreeNodeOfWidget(wChild, colNode.children);
-          });
-        });
-      } else if (widget.type === "table") {
-        widget.rows.map((row) => {
-          const rowNode = {
-            id: row.id,
-            label: "table-row",
-            selectable: false,
-            children: []
-          };
-          curNode.children.push(rowNode);
-          row.cols.map((cell) => {
-            if (!!cell.merged) {
-              return;
-            }
-            const rowChildren = rowNode.children;
-            const cellNode = {
-              id: cell.id,
-              label: "table-cell",
-              children: []
-            };
-            rowChildren.push(cellNode);
-            cell.widgetList.map((wChild) => {
-              this.buildTreeNodeOfWidget(wChild, cellNode.children);
-            });
-          });
-        });
-      } else if (widget.type === "tab") {
-        widget.tabs.map((tab) => {
-          const tabNode = {
-            id: tab.id,
-            label: tab.options.name || widget.type,
-            selectable: false,
-            children: []
-          };
-          curNode.children.push(tabNode);
-          tab.widgetList.map((wChild) => {
-            this.buildTreeNodeOfWidget(wChild, tabNode.children);
-          });
-        });
-      } else if (widget.type === "sub-form") {
-        widget.widgetList.map((wChild) => {
-          this.buildTreeNodeOfWidget(wChild, curNode.children);
-        });
-      } else if (widget.category === "container") {
-        widget.widgetList.map((wChild) => {
-          this.buildTreeNodeOfWidget(wChild, curNode.children);
-        });
-      }
-    },
-    refreshNodeTree() {
-      this.nodeTreeData.length = 0;
-      this.designer.widgetList.forEach((wItem) => {
-        this.buildTreeNodeOfWidget(wItem, this.nodeTreeData);
-      });
-    },
-    showNodeTreeDrawer() {
-      this.refreshNodeTree();
-      this.showNodeTreeDrawerFlag = true;
-      this.$nextTick(() => {
-        if (!!this.designer.selectedId) ;
-      });
-    },
-    undoHistory() {
-      this.designer.undoHistoryStep();
-    },
-    redoHistory() {
-      this.designer.redoHistoryStep();
-    },
-    changeLayoutType(newType) {
-      this.designer.changeLayoutType(newType);
-    },
-    clearFormWidget() {
-      this.designer.clearDesigner();
-      this.designer.formWidget.clearWidgetRefList();
-      this.$message.success("ok");
-    },
-    previewForm() {
-      this.showPreviewDialogFlag = true;
-    },
-    saveAsFile(fileContent, defaultFileName) {
-      const value = "json.json";
-      if (getQueryParam("vscode") == 1) {
-        this.vsSaveFile(value, fileContent);
-        return;
-      }
-      const fileBlob = new Blob([fileContent], { type: "text/plain;charset=utf-8" });
-      saveAs(fileBlob, value);
-    },
-    vsSaveFile(fileName, fileContent) {
-      const msgObj = {
-        cmd: "writeFile",
-        data: {
-          fileName,
-          code: fileContent
-        }
-      };
-      window.parent.postMessage(msgObj, "*");
-    },
-    importJson() {
-      this.importTemplate = JSON.stringify(this.designer.getImportTemplate(), null, "  ");
-      this.showImportJsonDialogFlag = true;
-    },
-    doJsonImport() {
-      try {
-        const importObj = JSON.parse(this.importTemplate);
-        if (!importObj || !importObj.formConfig) {
-          throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
-        }
-        this.designer.loadFormJson(importObj);
-        this.showImportJsonDialogFlag = false;
-        this.$message.success(this.i18nt("designer.hint.importJsonSuccess"));
-        this.designer.emitHistoryChange();
-        this.designer.emitEvent("form-json-imported", []);
-      } catch (ex) {
-        this.$message.error(ex + "");
-      }
-    },
-    exportJson() {
-      const widgetList = cloneDeep(this.designer.widgetList);
-      const formConfig = cloneDeep(this.designer.formConfig);
-      this.jsonContent = JSON.stringify({ widgetList, formConfig }, null, "  ");
-      this.jsonRawContent = JSON.stringify({ widgetList, formConfig });
-      this.showExportJsonDialogFlag = true;
-    },
-    copyFormJson(e) {
-      copyToClipboard(
-        this.jsonRawContent,
-        e,
-        this.$message,
-        this.i18nt("designer.hint.copyJsonSuccess"),
-        this.i18nt("designer.hint.copyJsonFail")
-      );
-    },
-    saveFormJson() {
-      this.saveAsFile(this.jsonContent, `vform${generateId()}.json`);
-    },
-    exportCode() {
-      this.vueCode = generateCode(this.formJson);
-      this.htmlCode = generateCode(this.formJson, "html");
-      this.showExportCodeDialogFlag = true;
-    },
-    copyVueCode(e) {
-      copyToClipboard(
-        this.vueCode,
-        e,
-        this.$message,
-        this.i18nt("designer.hint.copyVueCodeSuccess"),
-        this.i18nt("designer.hint.copyVueCodeFail")
-      );
-    },
-    copyHtmlCode(e) {
-      copyToClipboard(
-        this.htmlCode,
-        e,
-        this.$message,
-        this.i18nt("designer.hint.copyHtmlCodeSuccess"),
-        this.i18nt("designer.hint.copyHtmlCodeFail")
-      );
-    },
-    saveVueCode() {
-      this.saveAsFile(this.vueCode, `vform${generateId()}.vue`);
-    },
-    saveHtmlCode() {
-      this.saveAsFile(this.htmlCode, `vform${generateId()}.html`);
-    },
-    generateSFC() {
-    },
-    copyV2SFC(e) {
-      copyToClipboard(
-        this.sfcCode,
-        e,
-        this.$message,
-        this.i18nt("designer.hint.copySFCSuccess"),
-        this.i18nt("designer.hint.copySFCFail")
-      );
-    },
-    copyV3SFC(e) {
-      copyToClipboard(
-        this.sfcCodeV3,
-        e,
-        this.$message,
-        this.i18nt("designer.hint.copySFCSuccess"),
-        this.i18nt("designer.hint.copySFCFail")
-      );
-    },
-    saveV2SFC() {
-      this.saveAsFile(this.sfcCode, `vformV2-${generateId()}.vue`);
-    },
-    saveV3SFC() {
-      this.saveAsFile(this.sfcCodeV3, `vformV3-${generateId()}.vue`);
-    },
-    async insertData() {
-      const data = await this.$refs["preForm"].getFormData();
-      const formConfig = this.designer.formConfig;
-      const res = await fmtHttpParams.call(this, formConfig.serveList.vformUpdate, data);
-      console.log("res: insertData", res);
-    },
-    async showData() {
-      const formConfig = this.designer.formConfig;
-      const { id: _id } = getLocat();
-      const dsResult = await fmtHttpParams(formConfig.serveList.vformDetail, { _id });
-      const leaveDates = [
-        { date: "2024-10-28" },
-        { date: "2024-10-29" },
-        { date: "2024-10-20" }
-      ];
-      this.$refs["preForm"].getWidgetRef("leaveDates").setValue(leaveDates);
-      this.$refs.preForm.setFormData({
-        ...dsResult
-      });
-      this.$refs.preForm.setReadMode(true);
-    },
-    getFormData() {
-      this.$refs["preForm"].getFormData().then((formData) => {
-        console.log("formData: ", formData);
-        this.formDataJson = JSON.stringify(formData, null, "  ");
-        this.formDataRawJson = JSON.stringify(formData);
-        this.showFormDataDialogFlag = true;
-      }).catch((error) => {
-        this.$message.error(error);
-      });
-    },
-    copyFormDataJson(e) {
-      copyToClipboard(
-        this.formDataRawJson,
-        e,
-        this.$message,
-        this.i18nt("designer.hint.copyJsonSuccess"),
-        this.i18nt("designer.hint.copyJsonFail")
-      );
-    },
-    saveFormData() {
-      this.saveAsFile(this.htmlCode, `formData${generateId()}.json`);
-    },
-    resetForm() {
-      this.$refs["preForm"].resetForm();
-    },
-    setFormDisabled() {
-      this.$refs["preForm"].disableForm();
-    },
-    setFormEnabled() {
-      this.$refs["preForm"].enableForm();
-    },
-    testLoadForm() {
-      axios.get(
-        "https://www.fastmock.site/mock/e9710039bb5f11262d1a0f2f0bbe08c8/vform3/getFS"
-      ).then((res) => {
-        const newFormJson = res.data;
-        this.$refs.preForm.setFormJson(newFormJson);
-        this.$nextTick(() => {
-          const newFormData = { input30696: "668899" };
-          this.$refs.preForm.setFormData(newFormData);
-        });
-      }).catch((err) => {
-      });
-    },
-    async testSetFormJson() {
-      const { widgetList } = await import("./widgetList.js");
-      const newFormJson = {
-        widgetList,
-        formConfig: {
-          labelWidth: 150,
-          labelPosition: "horizontal",
-          size: "",
-          labelAlign: "label-right-align",
-          cssCode: "",
-          customClass: [],
-          functions: "",
-          onFormCreated: "",
-          onFormDataChange: "",
-          handleOnSubmit: "",
-          onFormValidate: ""
-        }
-      };
-      this.$refs.preForm.setFormJson(newFormJson);
-      this.$nextTick(() => {
-        this.$refs.preForm.setFormData({
-          input12931: "asdf",
-          input23031: "input23031",
-          textarea21654: "textarea21654",
-          input113152: "input113152",
-          input40240: "input40240"
-        });
-      });
-    },
-    testSetFormData() {
-      const testFD = {
-        input89263: "899668"
-      };
-      this.$refs.preForm.setFormData(testFD);
-    },
-    testReloadOptionData() {
-      this.testOptionData["select001"].push({
-        label: "aaa",
-        value: 888
-      });
-      this.$refs.preForm.reloadOptionData();
-    },
-    handleFormChange(fieldName, newValue, oldValue, formModel) {
-      console.log("formModel", formModel);
-    },
-    testOnAppendButtonClick(clickedWidget) {
-      console.log("test", clickedWidget);
-    },
-    testOnButtonClick(button) {
-      console.log("test", button);
-    },
-    onMyEmitTest(aaa) {
-      console.log("-----", aaa);
-    },
-    findWidgetById(wId) {
-      let foundW = null;
-      traverseAllWidgets(this.designer.widgetList, (w) => {
-        if (w.id === wId) {
-          foundW = w;
-        }
-      });
-      return foundW;
-    },
-    onNodeTreeClick(nodeData, node, nodeEl) {
-      if (nodeData.selectable !== void 0 && !nodeData.selectable) {
-        this.$message.info(this.i18nt("designer.hint.currentNodeCannotBeSelected"));
-      } else {
-        const selectedId = nodeData.id;
-        const foundW = this.findWidgetById(selectedId);
-        if (!!foundW) {
-          this.designer.setSelected(foundW);
-        }
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "toolbar-container" };
-const _hoisted_2 = { class: "left-toolbar" };
-const _hoisted_3 = { class: "right-toolbar" };
-const _hoisted_4 = { class: "right-toolbar-con" };
-const _hoisted_5 = { class: "dialog-footer" };
-const _hoisted_6 = { class: "dialog-footer" };
-const _hoisted_7 = { class: "dialog-footer" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_svg_icon = resolveComponent("svg-icon");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_radio_button = resolveComponent("a-radio-button");
-  const _component_a_radio_group = resolveComponent("a-radio-group");
-  const _component_a_tree = resolveComponent("a-tree");
-  const _component_a_drawer = resolveComponent("a-drawer");
-  const _component_VFormRender = resolveComponent("VFormRender");
-  const _component_TpfModal = resolveComponent("TpfModal");
-  const _component_a_alert = resolveComponent("a-alert");
-  const _component_code_editor = resolveComponent("code-editor");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_CodeEditor = resolveComponent("CodeEditor");
-  const _component_a_tab_pane = resolveComponent("a-tab-pane");
-  const _component_a_tabs = resolveComponent("a-tabs");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      createVNode(_component_a_button, {
-        type: "link",
-        onClick: _cache[0] || (_cache[0] = ($event) => $props.changeLeftWidth())
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_svg_icon, {
-            style: normalizeStyle(`transform:${$props.leftWidth === 0 ? "rotate(180deg)" : "rotate(0deg)"}`),
-            "icon-class": "a-ipadarrow_back"
-          }, null, 8, ["style"])
-        ]),
-        _: 1
-      }),
-      createVNode(_component_a_button, {
-        type: "link",
-        disabled: $options.undoDisabled,
-        title: _ctx.i18nt("designer.toolbar.undoHint"),
-        onClick: $options.undoHistory
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_svg_icon, { "icon-class": "undo" })
-        ]),
-        _: 1
-      }, 8, ["disabled", "title", "onClick"]),
-      createVNode(_component_a_button, {
-        type: "link",
-        disabled: $options.redoDisabled,
-        title: _ctx.i18nt("designer.toolbar.redoHint"),
-        onClick: $options.redoHistory
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_svg_icon, { "icon-class": "redo" })
-        ]),
-        _: 1
-      }, 8, ["disabled", "title", "onClick"]),
-      createVNode(_component_a_radio_group, {
-        value: $options.layoutType,
-        "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $options.layoutType = $event)
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_a_radio_button, {
-            value: "PC",
-            type: $options.layoutType === "PC" ? "primary" : "",
-            onClick: _cache[1] || (_cache[1] = ($event) => $options.changeLayoutType("PC"))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.pcLayout")), 1)
-            ]),
-            _: 1
-          }, 8, ["type"]),
-          createVNode(_component_a_radio_button, {
-            value: "Pad",
-            type: $options.layoutType === "Pad" ? "primary" : "",
-            onClick: _cache[2] || (_cache[2] = ($event) => $options.changeLayoutType("Pad"))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.padLayout")), 1)
-            ]),
-            _: 1
-          }, 8, ["type"]),
-          createVNode(_component_a_radio_button, {
-            type: $options.layoutType === "H5" ? "primary" : "",
-            onClick: _cache[3] || (_cache[3] = ($event) => $options.changeLayoutType("H5")),
-            value: "H5"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.mobileLayout")), 1)
-            ]),
-            _: 1
-          }, 8, ["type"])
-        ]),
-        _: 1
-      }, 8, ["value"])
-    ]),
-    createVNode(_component_a_drawer, {
-      title: _ctx.i18nt("designer.toolbar.nodeTreeTitle"),
-      direction: "ltr",
-      visible: $data.showNodeTreeDrawerFlag,
-      "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => $data.showNodeTreeDrawerFlag = $event),
-      width: 280,
-      "destroy-on-close": true,
-      class: "node-tree-drawer"
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_a_tree, {
-          ref: "nodeTree",
-          treeData: $data.nodeTreeData,
-          "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", "visible"]),
-    createElementVNode("div", _hoisted_3, [
-      createElementVNode("div", _hoisted_4, [
-        $options.showToolButton("clearDesignerButton") ? (openBlock(), createBlock(_component_a_button, {
-          key: 0,
-          type: "link",
-          onClick: $options.clearFormWidget
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_svg_icon, { "icon-class": "el-delete" }),
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.clear")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : createCommentVNode("", true),
-        $options.showToolButton("previewFormButton") ? (openBlock(), createBlock(_component_a_button, {
-          key: 1,
-          type: "link",
-          onClick: $options.previewForm
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_svg_icon, { "icon-class": "el-view" }),
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.preview")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : createCommentVNode("", true),
-        $options.showToolButton("importJsonButton") ? (openBlock(), createBlock(_component_a_button, {
-          key: 2,
-          type: "link",
-          onClick: $options.importJson
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.importJson")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : createCommentVNode("", true),
-        $options.showToolButton("exportJsonButton") ? (openBlock(), createBlock(_component_a_button, {
-          key: 3,
-          type: "link",
-          onClick: $options.exportJson
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.toolbar.exportJson")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"])) : createCommentVNode("", true),
-        $options.showToolButton("exportCodeButton") ? (openBlock(), createBlock(_component_a_button, {
-          key: 4,
-          type: "link",
-          onClick: $options.saveJson
-        }, {
-          default: withCtx(() => _cache[23] || (_cache[23] = [
-            createTextVNode(" 保存 ")
-          ])),
-          _: 1
-        }, 8, ["onClick"])) : createCommentVNode("", true),
-        createVNode(_component_a_button, {
-          type: "link",
-          onClick: _cache[6] || (_cache[6] = ($event) => $props.changeRightWidth())
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_svg_icon, {
-              style: normalizeStyle(`transform:${$props.rightWidth === 0 ? "rotate(0deg)" : "rotate(180deg)"}`),
-              "icon-class": "a-ipadarrow_back"
-            }, null, 8, ["style"])
-          ]),
-          _: 1
-        }),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$slots, (idx, slotName) => {
-          return renderSlot(_ctx.$slots, slotName, {}, void 0, true);
-        }), 256))
-      ])
-    ]),
-    createVNode(_component_TpfModal, {
-      title: _ctx.i18nt("designer.toolbar.preview"),
-      visible: $data.showPreviewDialogFlag,
-      "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => $data.showPreviewDialogFlag = $event),
-      "show-close": true,
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      center: "",
-      "destroy-on-close": true,
-      "append-to-body": true,
-      class: "drag-dialog",
-      width: "75%",
-      fullscreen: $options.layoutType === "H5" || $options.layoutType === "Pad"
-    }, {
-      footerRight: withCtx(() => [
-        createVNode(_component_a_button, { onClick: $options.showData }, {
-          default: withCtx(() => _cache[24] || (_cache[24] = [
-            createTextVNode("数据回显")
-          ])),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: $options.getFormData
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.getFormData")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: $options.resetForm
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.resetForm")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: $options.setFormDisabled
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.disableForm")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: $options.setFormEnabled
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.enableForm")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_a_button, {
-          onClick: _cache[7] || (_cache[7] = ($event) => $data.showPreviewDialogFlag = false)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      default: withCtx(() => [
-        createElementVNode("div", null, [
-          createElementVNode("div", {
-            class: normalizeClass(["form-render-wrapper", [
-              $options.layoutType === "H5" ? "h5-layout" : $options.layoutType === "Pad" ? "pad-layout" : ""
-            ]])
-          }, [
-            createVNode(_component_VFormRender, {
-              vfCtx: $data.vfCtx,
-              ref: "preForm",
-              "form-json": $data.cloneDeep($options.formJson),
-              "form-data": $data.testFormData,
-              "preview-state": true,
-              "option-data": $data.testOptionData,
-              "global-dsv": $options.designerDsv,
-              onMyEmitTest: $options.onMyEmitTest,
-              onAppendButtonClick: $options.testOnAppendButtonClick,
-              onButtonClick: $options.testOnButtonClick,
-              onFormChange: $options.handleFormChange
-            }, null, 8, ["vfCtx", "form-json", "form-data", "option-data", "global-dsv", "onMyEmitTest", "onAppendButtonClick", "onButtonClick", "onFormChange"])
-          ], 2)
-        ])
-      ]),
-      _: 1
-    }, 8, ["title", "visible", "fullscreen"]),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.toolbar.importJson"),
-      visible: $data.showImportJsonDialogFlag,
-      "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => $data.showImportJsonDialogFlag = $event),
-      "show-close": true,
-      class: "drag-dialog",
-      "append-to-body": true,
-      center: "",
-      width: "1200px",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_5, [
-          createVNode(_component_a_button, {
-            type: "primary",
-            onClick: $options.doJsonImport
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.import")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            onClick: _cache[10] || (_cache[10] = ($event) => $data.showImportJsonDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_a_alert, {
-          type: "info",
-          message: _ctx.i18nt("designer.hint.importJsonHint"),
-          "show-icon": "",
-          class: "alert-padding"
-        }, null, 8, ["message"]),
-        createVNode(_component_code_editor, {
-          mode: "json",
-          readonly: false,
-          modelValue: $data.importTemplate,
-          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.importTemplate = $event)
-        }, null, 8, ["modelValue"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"]),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.toolbar.exportJson"),
-      visible: $data.showExportJsonDialogFlag,
-      "onUpdate:visible": _cache[14] || (_cache[14] = ($event) => $data.showExportJsonDialogFlag = $event),
-      "show-close": true,
-      class: "drag-dialog",
-      center: "",
-      "append-to-body": "",
-      width: "1200px",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_6, [
-          createVNode(_component_a_button, {
-            type: "primary",
-            class: "copy-json-btn",
-            "data-clipboard-text": $data.jsonRawContent,
-            onClick: $options.copyFormJson
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.copyJson")), 1)
-            ]),
-            _: 1
-          }, 8, ["data-clipboard-text", "onClick"]),
-          createVNode(_component_a_button, { onClick: $options.saveFormJson }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.saveFormJson")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            onClick: _cache[13] || (_cache[13] = ($event) => $data.showExportJsonDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_code_editor, {
-          mode: "json",
-          readonly: true,
-          modelValue: $data.jsonContent,
-          "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.jsonContent = $event)
-        }, null, 8, ["modelValue"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"]),
-    createVNode(_component_TpfModal, {
-      title: _ctx.i18nt("designer.hint.exportFormData"),
-      visible: $data.showFormDataDialogFlag,
-      "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => $data.showFormDataDialogFlag = $event),
-      width: "1200px"
-    }, {
-      footerRight: withCtx(() => [
-        createVNode(_component_a_button, {
-          type: "primary",
-          class: "copy-form-data-json-btn",
-          "data-clipboard-text": $data.formDataRawJson,
-          onClick: $options.copyFormDataJson
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.copyFormData")), 1)
-          ]),
-          _: 1
-        }, 8, ["data-clipboard-text", "onClick"]),
-        createVNode(_component_a_button, { onClick: $options.saveFormData }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.saveFormData")), 1)
-          ]),
-          _: 1
-        }, 8, ["onClick"]),
-        createVNode(_component_a_button, {
-          onClick: _cache[16] || (_cache[16] = ($event) => $data.showFormDataDialogFlag = false)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_CodeEditor, {
-          mode: "json",
-          readonly: true,
-          modelValue: $data.formDataJson,
-          "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => $data.formDataJson = $event)
-        }, null, 8, ["modelValue"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"]),
-    $data.showExportSFCDialogFlag ? (openBlock(), createBlock(_component_a_modal, {
-      key: 0,
-      title: _ctx.i18nt("designer.toolbar.generateSFC"),
-      visible: $data.showExportSFCDialogFlag,
-      "onUpdate:visible": _cache[22] || (_cache[22] = ($event) => $data.showExportSFCDialogFlag = $event),
-      "append-to-body": "",
-      "show-close": true,
-      class: "drag-dialog",
-      center: "",
-      width: "65%",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_7, [
-          createVNode(_component_a_button, {
-            type: "primary",
-            class: "copy-vue2-sfc-btn",
-            "data-clipboard-text": $data.sfcCode,
-            onClick: $options.copyV2SFC
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.copyVue2SFC")), 1)
-            ]),
-            _: 1
-          }, 8, ["data-clipboard-text", "onClick"]),
-          createVNode(_component_a_button, {
-            type: "primary",
-            class: "copy-vue3-sfc-btn",
-            "data-clipboard-text": $data.sfcCodeV3,
-            onClick: $options.copyV3SFC
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.copyVue3SFC")), 1)
-            ]),
-            _: 1
-          }, 8, ["data-clipboard-text", "onClick"]),
-          createVNode(_component_a_button, { onClick: $options.saveV2SFC }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.saveVue2SFC")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, { onClick: $options.saveV3SFC }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.saveVue3SFC")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            onClick: _cache[21] || (_cache[21] = ($event) => $data.showExportSFCDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_a_tabs, {
-          type: "border-card",
-          class: "no-box-shadow no-padding",
-          activeKey: $data.activeSFCTab,
-          "onUpdate:activeKey": _cache[20] || (_cache[20] = ($event) => $data.activeSFCTab = $event)
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_a_tab_pane, {
-              tab: "Vue2",
-              key: "vue2"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_code_editor, {
-                  mode: "html",
-                  readonly: true,
-                  modelValue: $data.sfcCode,
-                  "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => $data.sfcCode = $event),
-                  "user-worker": false
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_tab_pane, {
-              tab: "Vue3",
-              key: "vue3"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_code_editor, {
-                  mode: "html",
-                  readonly: true,
-                  modelValue: $data.sfcCodeV3,
-                  "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => $data.sfcCodeV3 = $event),
-                  "user-worker": false
-                }, null, 8, ["modelValue"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["activeKey"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"])) : createCommentVNode("", true)
-  ]);
-}
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c255c476"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c98bfce3"]]);
 export {
   ToolbarPanel as default
 };