@kp-ui/lowcode 1.0.99 → 1.0.101

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

@@ -1,5 +1,5 @@
-import { defineComponent as Je, defineAsyncComponent as Te, getCurrentInstance as We, inject as Le, ref as u, computed as w, onMounted as xe, resolveComponent as F, createElementBlock as I, openBlock as y, createElementVNode as D, createVNode as n, withCtx as i, normalizeStyle as M, unref as r, createTextVNode as c, toDisplayString as p, createBlock as _, createCommentVNode as J, Fragment as Be, renderList as Ne, renderSlot as He, normalizeClass as Se, nextTick as U } from "vue";
-import { addWindowResizeHandler as Ee, copyToClipboard as Pe, getQueryParam as Re } from "../../../utils/util.js";
+import { defineComponent as Je, defineAsyncComponent as Te, getCurrentInstance as We, inject as Le, ref as u, computed as F, onMounted as xe, resolveComponent as D, createElementBlock as I, openBlock as y, createElementVNode as C, createVNode as n, withCtx as i, normalizeStyle as M, unref as r, createTextVNode as c, toDisplayString as p, createBlock as _, createCommentVNode as J, Fragment as Be, renderList as Ne, renderSlot as He, normalizeClass as Se, nextTick as U } from "vue";
+import { addWindowResizeHandler as Ee, copyToClipboard as Re, getQueryParam as Pe } from "../../../utils/util.js";
 import { useI18n as je } from "../../../utils/i18n.js";
 import { saveAs as Ve } from "file-saver";
 import h from "../../svg-icon/index.vue.js";
@@ -22,14 +22,14 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
   setup(Q) {
     const q = Te(() => import("../../form-render/index.vue.js"));
     We();
-    const a = Q, G = Le("getDesignerConfig"), j = u(null), f = u(null), V = u(null);
+    const a = Q, G = Le("getDesignerConfig"), j = u(null), g = u(null), V = u(null);
     u(null);
-    const X = u({ type: "add", ...z() }), L = u(G()), $ = u(460), x = u(!1), O = u(!1), C = u(!1), H = u(!1), S = u([]), B = u(""), N = u(""), Y = u(""), Z = u(""), ee = u({
+    const X = u({ type: "add", ...z() }), L = u(G()), $ = u(460), x = u(!1), O = u(!1), k = u(!1), H = u(!1), S = u([]), B = u(""), N = u(""), Y = u(""), Z = u(""), ee = u({
       select62173: 2
-    }), A = w(() => ({
+    }), A = F(() => ({
       widgetList: T(a.designer.widgetList),
       formConfig: T(a.designer.formConfig)
-    })), te = w(() => !a.designer.undoEnabled()), oe = w(() => !a.designer.redoEnabled()), v = w(() => a.designer.getLayoutType()), ne = w(() => a.globalDsv);
+    })), te = F(() => !a.designer.undoEnabled()), oe = F(() => !a.designer.redoEnabled()), v = F(() => a.designer.getLayoutType()), ne = F(() => a.globalDsv);
     xe(() => {
       const e = L.value.toolbarMaxWidth || 460, t = L.value.toolbarMinWidth || 300, o = window.innerWidth - 260 - 300 - 320 - 80;
       $.value = o >= e ? e : o <= t ? t : o, Ee(() => {
@@ -41,7 +41,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
     });
     const { i18nt: s } = je(), re = () => {
       a.saveJsonApi && a.saveJsonApi(A.value);
-    }, k = (e) => L.value[e] === void 0 ? !0 : !!L.value[e], b = (e, t) => {
+    }, w = (e) => L.value[e] === void 0 ? !0 : !!L.value[e], b = (e, t) => {
       const o = {
         id: e.id,
         label: e.options.label || e.type,
@@ -53,8 +53,8 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           label: l.options.name || e.type,
           children: []
         };
-        o.children.push(m), l.widgetList.map((g) => {
-          b(g, m.children);
+        o.children.push(m), l.widgetList.map((f) => {
+          b(f, m.children);
         });
       }) : e.type === "table" ? e.rows.map((l) => {
         const m = {
@@ -63,16 +63,16 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           selectable: !1,
           children: []
         };
-        o.children.push(m), l.cols.map((g) => {
-          if (g.merged)
+        o.children.push(m), l.cols.map((f) => {
+          if (f.merged)
             return;
-          const P = m.children, d = {
-            id: g.id,
+          const R = m.children, d = {
+            id: f.id,
             label: "table-cell",
             children: []
           };
-          P.push(d), g.widgetList.map((R) => {
-            b(R, d.children);
+          R.push(d), f.widgetList.map((P) => {
+            b(P, d.children);
           });
         });
       }) : e.type === "tab" ? e.tabs.map((l) => {
@@ -82,8 +82,8 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           selectable: !1,
           children: []
         };
-        o.children.push(m), l.widgetList.map((g) => {
-          b(g, m.children);
+        o.children.push(m), l.widgetList.map((f) => {
+          b(f, m.children);
         });
       }) : e.type === "sub-form" ? e.widgetList.map((l) => {
         b(l, o.children);
@@ -110,7 +110,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
       x.value = !0;
     }, ce = (e, t) => {
       const o = "json.json";
-      if (Re("vscode") == 1) {
+      if (Pe("vscode") == 1) {
         pe(o, e);
         return;
       }
@@ -127,7 +127,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
       window.parent.postMessage(o, "*");
     }, me = () => {
       B.value = JSON.stringify(a.designer.getImportTemplate(), null, "  "), V.value.open(), O.value = !0;
-    }, fe = () => {
+    }, ge = () => {
       try {
         const e = JSON.parse(B.value);
         if (!e || !e.formConfig)
@@ -136,22 +136,22 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
       } catch (e) {
         W.error(e + "");
       }
-    }, ge = () => {
+    }, fe = () => {
       const e = T(a.designer.widgetList), t = T(a.designer.formConfig);
-      N.value = JSON.stringify({ widgetList: e, formConfig: t }, null, "  "), C.value = !0;
+      N.value = JSON.stringify({ widgetList: e, formConfig: t }, null, "  "), k.value = !0;
     }, ve = async () => {
       const e = a.designer.formConfig, { id: t } = z(), o = await $e(e.serveList.vformDetail, { _id: t }), l = [{ date: "2024-10-28" }, { date: "2024-10-29" }, { date: "2024-10-20" }];
-      f.value.getWidgetRef("leaveDates").setValue(l), f.value.setFormData({
+      g.value.getWidgetRef("leaveDates").setValue(l), g.value.setFormData({
         ...o
-      }), f.value.setReadMode(!0);
+      }), g.value.setReadMode(!0);
     }, ye = () => {
-      console.log(f.value), f.value.getFormData().then((e) => {
-        Y.value = JSON.stringify(e, null, "  "), C.value = !0;
+      console.log(g.value), g.value.getFormData().then((e) => {
+        Y.value = JSON.stringify(e, null, "  "), k.value = !0;
       }).catch((e) => {
         W.error(e);
       });
     }, he = (e) => {
-      Pe(
+      Re(
         N.value,
         e,
         W,
@@ -161,11 +161,11 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
     }, be = () => {
       ce(Z.value);
     }, Ce = () => {
-      f.value.resetForm();
+      g.value.resetForm();
     }, ke = () => {
-      f.value.disableForm();
+      g.value.disableForm();
     }, we = () => {
-      f.value.enableForm();
+      g.value.enableForm();
     }, Fe = (e, t, o, l) => {
       console.log("formModel", l);
     }, De = (e) => {
@@ -174,9 +174,9 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
       console.log("test", e);
     };
     return (e, t) => {
-      const o = F("a-button"), l = F("a-radio-button"), m = F("a-radio-group"), g = F("a-tree"), P = F("a-drawer");
+      const o = D("a-button"), l = D("a-radio-button"), m = D("a-radio-group"), f = D("a-tree"), R = D("a-drawer");
       return y(), I("div", Ie, [
-        D("div", Me, [
+        C("div", Me, [
           n(o, {
             type: "link",
             onClick: t[0] || (t[0] = (d) => e.changeLeftWidth())
@@ -260,7 +260,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
             _: 1
           }, 8, ["title"])
         ]),
-        n(P, {
+        n(R, {
           title: r(s)("designer.toolbar.nodeTreeTitle"),
           direction: "ltr",
           open: H.value,
@@ -270,7 +270,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           class: "node-tree-drawer"
         }, {
           default: i(() => [
-            n(g, {
+            n(f, {
               ref_key: "nodeTree",
               ref: j,
               treeData: S.value,
@@ -283,9 +283,9 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           ]),
           _: 1
         }, 8, ["title", "open"]),
-        D("div", Ue, [
-          D("div", ze, [
-            k("clearDesignerButton") ? (y(), _(o, {
+        C("div", Ue, [
+          C("div", ze, [
+            w("clearDesignerButton") ? (y(), _(o, {
               key: 0,
               type: "link",
               onClick: de
@@ -296,7 +296,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
               ]),
               _: 1
             })) : J("", !0),
-            k("previewFormButton") ? (y(), _(o, {
+            w("previewFormButton") ? (y(), _(o, {
               key: 1,
               type: "link",
               onClick: ue
@@ -307,7 +307,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
               ]),
               _: 1
             })) : J("", !0),
-            k("importJsonButton") ? (y(), _(o, {
+            w("importJsonButton") ? (y(), _(o, {
               key: 2,
               type: "link",
               onClick: me
@@ -317,17 +317,17 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
               ]),
               _: 1
             })) : J("", !0),
-            k("exportJsonButton") ? (y(), _(o, {
+            w("exportJsonButton") ? (y(), _(o, {
               key: 3,
               type: "link",
-              onClick: ge
+              onClick: fe
             }, {
               default: i(() => [
                 c(p(r(s)("designer.toolbar.exportJson")), 1)
               ]),
               _: 1
             })) : J("", !0),
-            k("exportCodeButton") ? (y(), _(o, {
+            w("exportCodeButton") ? (y(), _(o, {
               key: 4,
               type: "link",
               onClick: re
@@ -350,7 +350,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
               ]),
               _: 1
             }),
-            (y(!0), I(Be, null, Ne(e.$slots, (d, R) => He(e.$slots, R, {}, void 0, !0)), 256))
+            (y(!0), I(Be, null, Ne(e.$slots, (d, P) => He(e.$slots, P, {}, void 0, !0)), 256))
           ])
         ]),
         n(r(K), {
@@ -366,6 +366,10 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           fullscreen: !0
         }, {
           footerRight: i(() => [
+            t[14] || (t[14] = C("span", {
+              id: "footerRight",
+              style: { "margin-right": "8px" }
+            }, null, -1)),
             n(o, { onClick: ve }, {
               default: i(() => t[13] || (t[13] = [
                 c("数据回显")
@@ -419,8 +423,8 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
             })
           ]),
           default: i(() => [
-            D("div", null, [
-              D("div", {
+            C("div", null, [
+              C("div", {
                 class: Se(["form-render-wrapper", [
                   v.value === "H5" ? "h5-layout" : v.value === "Pad" ? "pad-layout" : ""
                 ]])
@@ -428,7 +432,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
                 n(r(q), {
                   vfCtx: X.value,
                   ref_key: "preForm",
-                  ref: f,
+                  ref: g,
                   "form-json": r(T)(A.value),
                   "form-data": ee.value,
                   "preview-state": !0,
@@ -453,12 +457,12 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
           width: 1200,
           height: "70vh",
           title: r(s)("designer.toolbar.importJson"),
-          onSetCode: fe
+          onSetCode: ge
         }, null, 8, ["event-header", "modelValue", "title"]),
         n(r(K), {
           title: r(s)("designer.hint.exportFormData"),
-          visible: C.value,
-          "onUpdate:visible": t[11] || (t[11] = (d) => C.value = d),
+          visible: k.value,
+          "onUpdate:visible": t[11] || (t[11] = (d) => k.value = d),
           width: "1200px"
         }, {
           footerRight: i(() => [
@@ -480,7 +484,7 @@ const Ie = { class: "toolbar-container" }, Me = { class: "left-toolbar" }, Ue =
               _: 1
             }),
             n(o, {
-              onClick: t[10] || (t[10] = (d) => C.value = !1)
+              onClick: t[10] || (t[10] = (d) => k.value = !1)
             }, {
               default: i(() => [
                 c(p(r(s)("designer.hint.closePreview")), 1)

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

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

package/src/components/public/ActionButtonListRender.vue.js

@@ -39,7 +39,7 @@ function v(o, B, S, $, h, z) {
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const L = /* @__PURE__ */ g(d, [["render", v], ["__scopeId", "data-v-53e6b5e0"]]);
+const L = /* @__PURE__ */ g(d, [["render", v], ["__scopeId", "data-v-b1664204"]]);
 export {
   L as default
 };

package/src/components/public/ActionButtonListRender.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"fieldEditor\"\n        :class=\"['button-list-container', ...customClass]\"\n        :style=\"containerStyle\"\n    >\n        <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n            <a-space :size=\"8\">\n                <a-button\n                    v-for=\"item in visibleButtons\"\n                    :key=\"item.key\"\n                    :type=\"item.type\"\n                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\n                    @click=\"handleClick(item)\"\n                >\n                    <template v-if=\"item.icon\">\n                        <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n                    </template>\n                    {{ item.label }}\n                </a-button>\n            </a-space>\n        </Teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, computed, PropType } from 'vue';\n    import { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n    import { ButtonPositionEnum } from '@/constants';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\n            },\n            buttonList: {\n                type: Array as PropType<ActionButton[]>,\n                default: () => []\n            },\n            customClass: {\n                type: Array as PropType<string[]>,\n                default: () => []\n            },\n            flex: {\n                type: String,\n                default: 'center'\n            },\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? null : props.options?.getContainer\n            );\n\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button disabled handler error:', error);\n                    return false;\n                }\n            };\n\n            const handleHidden = (item: ActionButton): boolean => {\n                if (!item.onHidden) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onHidden,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button hidden handler error:', error);\n                    return false;\n                }\n            };\n\n            return {\n                getContainer,\n                isDisabled,\n                containerStyle,\n                visibleButtons,\n                handleClick,\n                handleDisabled\n            };\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .button-list-container {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n\n        .button-icon {\n            margin-right: 4px;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EAuBM,OAAA;AAAA,IAtBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAiBWC,GAAA;AAAA,MAjBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAeUC,GAAA,EAfA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAaWU,GAAA,MAAAC,EAZQT,EAAA,gBAAc,CAAtBU,YADXR,EAaWS,GAAA;AAAA,YAXN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,QAAQA,EAAK;AAAA,YACd,OAAM;AAAA,YACL,UAAUV,iBAAeU,CAAI;AAAA,YAC7B,SAAK,CAAAE,MAAEZ,EAAA,YAAYU,CAAI;AAAA,UAAA,GAAA;AAAA,uBAExB,MAEW;AAAA,cAFKA,EAAK,aACjBR,EAAuDW,GAAA;AAAA,gBAAA,KAAA;AAAA,gBAA7C,cAAYH,EAAK;AAAA,gBAAM,OAAM;AAAA,cAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAChC,MACXC,EAAGL,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"ActionButtonListRender.vue.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"fieldEditor\"\n        :class=\"['button-list-container', ...customClass]\"\n        :style=\"containerStyle\"\n    >\n        <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n            <a-space :size=\"8\">\n                <a-button\n                    v-for=\"item in visibleButtons\"\n                    :key=\"item.key\"\n                    :type=\"item.type\"\n                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\n                    @click=\"handleClick(item)\"\n                >\n                    <template v-if=\"item.icon\">\n                        <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n                    </template>\n                    {{ item.label }}\n                </a-button>\n            </a-space>\n        </Teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, computed, PropType } from 'vue';\n    import { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n    import { ButtonPositionEnum } from '@/constants';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\n            },\n            buttonList: {\n                type: Array as PropType<ActionButton[]>,\n                default: () => []\n            },\n            customClass: {\n                type: Array as PropType<string[]>,\n                default: () => []\n            },\n            flex: {\n                type: String,\n                default: 'center'\n            },\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? null : props.options?.getContainer\n            );\n\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button disabled handler error:', error);\n                    return false;\n                }\n            };\n\n            const handleHidden = (item: ActionButton): boolean => {\n                if (!item.onHidden) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onHidden,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button hidden handler error:', error);\n                    return false;\n                }\n            };\n\n            return {\n                getContainer,\n                isDisabled,\n                containerStyle,\n                visibleButtons,\n                handleClick,\n                handleDisabled\n            };\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .button-list-container {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n\n        .button-icon {\n            margin-right: 4px;\n        }\n    }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createBlock","_Teleport","_createVNode","_component_a_space","_withCtx","_openBlock","_Fragment","_renderList","item","_component_a_button","$event","_component_SvgIcon","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;cACIA,EAuBM,OAAA;AAAA,IAtBF,KAAI;AAAA,IACH,OAAKC,+BAA+BC,EAAA,WAAW,CAAA;AAAA,IAC/C,OAAKC,EAAED,EAAA,cAAc;AAAA,EAAA,GAAA;AAAA,UAEtBE,EAiBWC,GAAA;AAAA,MAjBA,UAAUH,EAAA;AAAA,MAAa,IAAIA,EAAA;AAAA,IAAA,GAAA;AAAA,MAClCI,EAeUC,GAAA,EAfA,MAAM,EAAA,GAAC;AAAA,QAAA,SAAAC,EAET,MAA8B;AAAA,WAAAC,EAAA,EAAA,GADlCT,EAaWU,GAAA,MAAAC,EAZQT,EAAA,gBAAc,CAAtBU,YADXR,EAaWS,GAAA;AAAA,YAXN,KAAKD,EAAK;AAAA,YACV,MAAMA,EAAK;AAAA,YACX,QAAQA,EAAK;AAAA,YACd,OAAM;AAAA,YACL,UAAUV,iBAAeU,CAAI;AAAA,YAC7B,SAAK,CAAAE,MAAEZ,EAAA,YAAYU,CAAI;AAAA,UAAA,GAAA;AAAA,uBAExB,MAEW;AAAA,cAFKA,EAAK,aACjBR,EAAuDW,GAAA;AAAA,gBAAA,KAAA;AAAA,gBAA7C,cAAYH,EAAK;AAAA,gBAAM,OAAM;AAAA,cAAA,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,gBAChC,MACXC,EAAGL,EAAK,KAAK,GAAA,CAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;;"}

package/src/components/public/ActionButtonListRender.vue2.js

@@ -42,7 +42,7 @@ const g = f({
     })), r = o(
       () => {
         var t;
-        return ((t = e.options) == null ? void 0 : t.buttonPosition) !== m.DIY;
+        return ((t = e.options) == null ? void 0 : t.buttonPosition) !== m.DIY || e.designState;
       }
     ), c = o(
       () => {

package/src/components/public/ActionButtonListRender.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonListRender.vue2.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"fieldEditor\"\n        :class=\"['button-list-container', ...customClass]\"\n        :style=\"containerStyle\"\n    >\n        <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n            <a-space :size=\"8\">\n                <a-button\n                    v-for=\"item in visibleButtons\"\n                    :key=\"item.key\"\n                    :type=\"item.type\"\n                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\n                    @click=\"handleClick(item)\"\n                >\n                    <template v-if=\"item.icon\">\n                        <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n                    </template>\n                    {{ item.label }}\n                </a-button>\n            </a-space>\n        </Teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, computed, PropType } from 'vue';\n    import { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n    import { ButtonPositionEnum } from '@/constants';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\n            },\n            buttonList: {\n                type: Array as PropType<ActionButton[]>,\n                default: () => []\n            },\n            customClass: {\n                type: Array as PropType<string[]>,\n                default: () => []\n            },\n            flex: {\n                type: String,\n                default: 'center'\n            },\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? null : props.options?.getContainer\n            );\n\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button disabled handler error:', error);\n                    return false;\n                }\n            };\n\n            const handleHidden = (item: ActionButton): boolean => {\n                if (!item.onHidden) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onHidden,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button hidden handler error:', error);\n                    return false;\n                }\n            };\n\n            return {\n                getContainer,\n                isDisabled,\n                containerStyle,\n                visibleButtons,\n                handleClick,\n                handleDisabled\n            };\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .button-list-container {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n\n        .button-icon {\n            margin-right: 4px;\n        }\n    }\n</style>\n"],"names":["_sfc_main","defineComponent","SvgIcon","props","containerStyle","computed","isDisabled","_a","ButtonPositionEnum","getContainer","visibleButtons","handleHidden","item","handleClick","executeFunction","error","handleDisabled"],"mappings":";;;;AAkCI,MAAAA,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY,EAAE,SAAAC,EAAA;AAAA,EACd,OAAO;AAAA,IACH,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,KAAK;AAAA,MACD,MAAM;AAAA,IAAA;AAAA,IAEV,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,MAAMC,GAAO;AACT,UAAMC,IAAiBC,EAAS,OAAO;AAAA,MACnC,UAAUF,EAAM;AAAA,IAAA,EAClB,GAEIG,IAAaD;AAAA,MACf,MAAA;;AAAM,iBAAAE,IAAAJ,EAAM,YAAN,gBAAAI,EAAe,oBAAmBC,EAAmB;AAAA;AAAA,IAAA,GAGzDC,IAAeJ;AAAA,MAAS,MAAA;;AAC1B,eAAAC,EAAW,QAAQ,QAAOC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe;AAAA;AAAA,IAAA;AAG7C,YAAQ,IAAI,EAAE,YAAYD,EAAW,OAAO,cAAcG,EAAa,OAAO;AAE9E,UAAMC,IAAiBL;AAAA,MAAS,MAC5BF,EAAM,WAAW,OAAO,OAAQ,CAACQ,EAAaC,CAAI,CAAC;AAAA,IAAA,GAGjDC,IAAc,OAAOD,MAAuB;AAC9C,UAAI,CAAAT,EAAM,eACLS,EAAK;AACV,YAAI;AACA,gBAAME,EAAgB;AAAA,YAClB,cAAcF,EAAK;AAAA,YACnB,SAAST,EAAM;AAAA,YACf,QAAQA,EAAM;AAAA,UAAA,CACjB;AAAA,QACL,SAASY,GAAO;AACZ,kBAAQ,MAAM,+BAA+BA,CAAK;AAAA,QACtD;AAAA,IACJ,GAEMC,IAAiB,CAACJ,MAAgC;AACpD,UAAI,CAACA,EAAK,WAAY,QAAO;AAE7B,UAAI;AACA,eAAOE,EAAgB;AAAA,UACnB,cAAcF,EAAK;AAAA,UACnB,SAAST,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,QAAA,CACjB;AAAA,MACL,SAASY,GAAO;AACZ,uBAAQ,MAAM,kCAAkCA,CAAK,GAC9C;AAAA,MACX;AAAA,IACJ,GAEMJ,IAAe,CAACC,MAAgC;AAClD,UAAI,CAACA,EAAK,SAAU,QAAO;AAE3B,UAAI;AACA,eAAOE,EAAgB;AAAA,UACnB,cAAcF,EAAK;AAAA,UACnB,SAAST,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,QAAA,CACjB;AAAA,MACL,SAASY,GAAO;AACZ,uBAAQ,MAAM,gCAAgCA,CAAK,GAC5C;AAAA,MACX;AAAA,IACJ;AAEA,WAAO;AAAA,MACH,cAAAN;AAAA,MACA,YAAAH;AAAA,MACA,gBAAAF;AAAA,MACA,gBAAAM;AAAA,MACA,aAAAG;AAAA,MACA,gBAAAG;AAAA,IAAA;AAAA,EAER;AACJ,CAAC;"}
+{"version":3,"file":"ActionButtonListRender.vue2.js","sources":["../../../../src/components/public/ActionButtonListRender.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"fieldEditor\"\n        :class=\"['button-list-container', ...customClass]\"\n        :style=\"containerStyle\"\n    >\n        <Teleport :disabled=\"isDisabled\" :to=\"getContainer\">\n            <a-space :size=\"8\">\n                <a-button\n                    v-for=\"item in visibleButtons\"\n                    :key=\"item.key\"\n                    :type=\"item.type\"\n                    :danger=\"item.danger\"\n                    class=\"tpf-button\"\n                    :disabled=\"handleDisabled(item)\"\n                    @click=\"handleClick(item)\"\n                >\n                    <template v-if=\"item.icon\">\n                        <SvgIcon :icon-class=\"item.icon\" class=\"button-icon\" />\n                    </template>\n                    {{ item.label }}\n                </a-button>\n            </a-space>\n        </Teleport>\n    </div>\n</template>\n\n<script lang=\"ts\">\n    import { defineComponent, computed, PropType } from 'vue';\n    import { executeFunction } from '@/utils/executeFunction';\n    import SvgIcon from '@/components/svg-icon/index.vue';\n    import type { ActionButton } from '@/types/button';\n    import { ButtonPositionEnum } from '@/constants';\n\n    export default defineComponent({\n        name: 'ActionButtonListRender',\n        components: { SvgIcon },\n        props: {\n            options: {\n                type: Object,\n                default: () => {}\n            },\n            scope: {\n                type: Object,\n                default: () => {}\n            },\n            ctx: {\n                type: Object\n            },\n            buttonList: {\n                type: Array as PropType<ActionButton[]>,\n                default: () => []\n            },\n            customClass: {\n                type: Array as PropType<string[]>,\n                default: () => []\n            },\n            flex: {\n                type: String,\n                default: 'center'\n            },\n            designState: {\n                type: Boolean,\n                default: false\n            }\n        },\n        setup(props) {\n            const containerStyle = computed(() => ({\n                '--flex': props.flex\n            }));\n\n            const isDisabled = computed(\n                () => props.options?.buttonPosition !== ButtonPositionEnum.DIY || props.designState\n            );\n\n            const getContainer = computed(() =>\n                isDisabled.value ? null : props.options?.getContainer\n            );\n\n            console.log({ isDisabled: isDisabled.value, getContainer: getContainer.value });\n\n            const visibleButtons = computed(() =>\n                props.buttonList.filter(item => !handleHidden(item))\n            );\n\n            const handleClick = async (item: ActionButton) => {\n                if (props.designState) return; // 在设计状态下不处理点击事件\n                if (!item.onClick) return;\n                try {\n                    await executeFunction({\n                        functionBody: item.onClick,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button click handler error:', error);\n                }\n            };\n\n            const handleDisabled = (item: ActionButton): boolean => {\n                if (!item.onDisabled) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onDisabled,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button disabled handler error:', error);\n                    return false;\n                }\n            };\n\n            const handleHidden = (item: ActionButton): boolean => {\n                if (!item.onHidden) return false;\n\n                try {\n                    return executeFunction({\n                        functionBody: item.onHidden,\n                        context: props.ctx,\n                        params: props.scope\n                    });\n                } catch (error) {\n                    console.error('Button hidden handler error:', error);\n                    return false;\n                }\n            };\n\n            return {\n                getContainer,\n                isDisabled,\n                containerStyle,\n                visibleButtons,\n                handleClick,\n                handleDisabled\n            };\n        }\n    });\n</script>\n\n<style lang=\"scss\" scoped>\n    .button-list-container {\n        flex: 1;\n        display: flex;\n        justify-content: var(--flex);\n\n        .button-icon {\n            margin-right: 4px;\n        }\n    }\n</style>\n"],"names":["_sfc_main","defineComponent","SvgIcon","props","containerStyle","computed","isDisabled","_a","ButtonPositionEnum","getContainer","visibleButtons","handleHidden","item","handleClick","executeFunction","error","handleDisabled"],"mappings":";;;;AAkCI,MAAAA,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY,EAAE,SAAAC,EAAA;AAAA,EACd,OAAO;AAAA,IACH,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,MAAC;AAAA,IAAA;AAAA,IAEpB,KAAK;AAAA,MACD,MAAM;AAAA,IAAA;AAAA,IAEV,YAAY;AAAA,MACR,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,MAAM;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEb,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,MAAMC,GAAO;AACT,UAAMC,IAAiBC,EAAS,OAAO;AAAA,MACnC,UAAUF,EAAM;AAAA,IAAA,EAClB,GAEIG,IAAaD;AAAA,MACf,MAAA;;AAAM,iBAAAE,IAAAJ,EAAM,YAAN,gBAAAI,EAAe,oBAAmBC,EAAmB,OAAOL,EAAM;AAAA;AAAA,IAAA,GAGtEM,IAAeJ;AAAA,MAAS,MAAA;;AAC1B,eAAAC,EAAW,QAAQ,QAAOC,IAAAJ,EAAM,YAAN,gBAAAI,EAAe;AAAA;AAAA,IAAA;AAG7C,YAAQ,IAAI,EAAE,YAAYD,EAAW,OAAO,cAAcG,EAAa,OAAO;AAE9E,UAAMC,IAAiBL;AAAA,MAAS,MAC5BF,EAAM,WAAW,OAAO,OAAQ,CAACQ,EAAaC,CAAI,CAAC;AAAA,IAAA,GAGjDC,IAAc,OAAOD,MAAuB;AAC9C,UAAI,CAAAT,EAAM,eACLS,EAAK;AACV,YAAI;AACA,gBAAME,EAAgB;AAAA,YAClB,cAAcF,EAAK;AAAA,YACnB,SAAST,EAAM;AAAA,YACf,QAAQA,EAAM;AAAA,UAAA,CACjB;AAAA,QACL,SAASY,GAAO;AACZ,kBAAQ,MAAM,+BAA+BA,CAAK;AAAA,QACtD;AAAA,IACJ,GAEMC,IAAiB,CAACJ,MAAgC;AACpD,UAAI,CAACA,EAAK,WAAY,QAAO;AAE7B,UAAI;AACA,eAAOE,EAAgB;AAAA,UACnB,cAAcF,EAAK;AAAA,UACnB,SAAST,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,QAAA,CACjB;AAAA,MACL,SAASY,GAAO;AACZ,uBAAQ,MAAM,kCAAkCA,CAAK,GAC9C;AAAA,MACX;AAAA,IACJ,GAEMJ,IAAe,CAACC,MAAgC;AAClD,UAAI,CAACA,EAAK,SAAU,QAAO;AAE3B,UAAI;AACA,eAAOE,EAAgB;AAAA,UACnB,cAAcF,EAAK;AAAA,UACnB,SAAST,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,QAAA,CACjB;AAAA,MACL,SAASY,GAAO;AACZ,uBAAQ,MAAM,gCAAgCA,CAAK,GAC5C;AAAA,MACX;AAAA,IACJ;AAEA,WAAO;AAAA,MACH,cAAAN;AAAA,MACA,YAAAH;AAAA,MACA,gBAAAF;AAAA,MACA,gBAAAM;AAAA,MACA,aAAAG;AAAA,MACA,gBAAAG;AAAA,IAAA;AAAA,EAER;AACJ,CAAC;"}