@kp-ui/lowcode 1.0.101 → 1.0.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "publishConfig": {
     "access": "public"
   },

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

@@ -1,25 +1,23 @@
 import L from "./widget-panel/index.vue.js";
-import w from "./toolbar-panel/index.vue.js";
-import F from "./setting-panel/index.vue.js";
-import b from "./form-widget/index.vue.js";
-import { createDesigner as y } from "./designer.js";
-import { TpfConfigProvider as R } from "tmgc2-share";
-import { traverseAllWidgets as x, getAllContainerWidgets as f, getAllFieldWidgets as c, deepClone as m, addWindowResizeHandler as E } from "../../utils/util.js";
-import J, { changeLocale as S } from "../../utils/i18n.js";
-import { isEmpty as D } from "lodash-es";
-import { resolveComponent as r, createBlock as H, openBlock as A, withCtx as n, createVNode as o, createSlots as P, renderList as B, renderSlot as N, createElementVNode as V } from "vue";
+import C from "./toolbar-panel/index.vue.js";
+import w from "./setting-panel/index.vue.js";
+import F from "./form-widget/index.vue.js";
+import { createDesigner as b } from "./designer.js";
+import { traverseAllWidgets as y, getAllContainerWidgets as c, getAllFieldWidgets as f, deepClone as m, addWindowResizeHandler as R } from "../../utils/util.js";
+import x, { changeLocale as E } from "../../utils/i18n.js";
+import { isEmpty as J } from "lodash-es";
+import { resolveComponent as o, createBlock as S, openBlock as D, withCtx as s, createVNode as r, createSlots as H, renderList as A, renderSlot as B, createElementVNode as N } from "vue";
 /* empty css           */
-import T from "../../../_virtual/_plugin-vue_export-helper.js";
-const U = {
+import V from "../../../_virtual/_plugin-vue_export-helper.js";
+const P = {
   name: "VFormDesigner",
   componentName: "VFormDesigner",
-  mixins: [J],
+  mixins: [x],
   components: {
-    TpfConfigProvider: R,
     WidgetPanel: L,
-    ToolbarPanel: w,
-    SettingPanel: F,
-    VFormWidget: b
+    ToolbarPanel: C,
+    SettingPanel: w,
+    VFormWidget: F
   },
   props: {
     /* 保存jsonApi */
@@ -91,7 +89,7 @@ const U = {
       chatUrl: "https://www.vform666.com/pages/chat-group/",
       subScribeUrl: "https://www.vform666.com/pages/pro/",
       scrollerHeight: 0,
-      designer: y(this),
+      designer: b(this),
       fieldList: []
     };
   },
@@ -105,7 +103,7 @@ const U = {
   created() {
   },
   mounted() {
-    this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px", E(() => {
+    this.initLocale(), this.scrollerHeight = window.innerHeight - 56 - 36 + "px", R(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 36 + "px";
       });
@@ -126,7 +124,7 @@ const U = {
      * @param {*} importObj
      */
     setJsonImport(e = {}) {
-      if (!D(e))
+      if (!J(e))
         try {
           if (!e || !e.formConfig)
             throw new Error(this.i18nt("designer.hint.invalidJsonFormat"));
@@ -139,7 +137,7 @@ const U = {
       console.log("test", e), console.log("test222222", t);
     },
     changeLanguage(e) {
-      S(e);
+      E(e);
     },
     initLocale() {
       this.curLocale = localStorage.getItem("lowcode_local"), this.vsCodeFlag ? this.curLocale = this.curLocale || "en-US" : this.curLocale = this.curLocale || "zh-CN", this.curLangName = this.i18nt("application." + this.curLocale), this.changeLanguage(this.curLocale);
@@ -203,14 +201,14 @@ const U = {
      * @returns {*[]}
      */
     getFieldWidgets(e = null) {
-      return e ? c(e) : c(this.designer.widgetList);
+      return e ? f(e) : f(this.designer.widgetList);
     },
     /**
      * 获取所有容器组件
      * @returns {*[]}
      */
     getContainerWidgets(e = null) {
-      return e ? f(e) : f(this.designer.widgetList);
+      return e ? c(e) : c(this.designer.widgetList);
     },
     /**
      * 升级表单json，以补充最新的组件属性
@@ -221,7 +219,7 @@ const U = {
         this.$message.error("Invalid form json!");
         return;
       }
-      return x(e.widgetList, (t) => {
+      return y(e.widgetList, (t) => {
         this.designer.upgradeWidgetConfig(t);
       }), this.designer.upgradeFormConfig(e.formConfig), e;
     },
@@ -264,79 +262,74 @@ const U = {
     }
     //TODO: 增加更多方法！！
   }
-}, I = { class: "container-scroll-bar" };
-function k(e, t, s, M, i, l) {
-  const u = r("WidgetPanel"), d = r("a-layout-sider"), p = r("toolbar-panel"), W = r("a-layout-header"), _ = r("VFormWidget"), a = r("a-layout-content"), v = r("setting-panel"), g = r("a-layout"), C = r("TpfConfigProvider");
-  return A(), H(C, null, {
-    default: n(() => [
-      o(g, { class: "main-container full-height" }, {
-        default: n(() => [
-          o(g, null, {
-            default: n(() => [
-              o(d, {
-                width: i.leftWidth,
-                class: "side-panel"
-              }, {
-                default: n(() => [
-                  o(u, { designer: i.designer }, null, 8, ["designer"])
-                ]),
-                _: 1
-              }, 8, ["width"]),
-              o(a, { class: "center-layout-container" }, {
-                default: n(() => [
-                  o(W, { class: "toolbar-header" }, {
-                    default: n(() => [
-                      o(p, {
-                        saveJsonApi: s.saveJsonApi,
-                        designer: i.designer,
-                        "global-dsv": s.globalDsv,
-                        changeLeftWidth: l.changeLeftWidth,
-                        changeRightWidth: l.changeRightWidth,
-                        leftWidth: i.leftWidth,
-                        rightWidth: i.rightWidth,
-                        ref: "toolbarRef"
-                      }, P({ _: 2 }, [
-                        B(e.$slots, (j, h) => ({
-                          name: h,
-                          fn: n(() => [
-                            N(e.$slots, h, {}, void 0, !0)
-                          ])
-                        }))
-                      ]), 1032, ["saveJsonApi", "designer", "global-dsv", "changeLeftWidth", "changeRightWidth", "leftWidth", "rightWidth"])
-                    ]),
-                    _: 3
-                  }),
-                  o(a, { class: "form-widget-main" }, {
-                    default: n(() => [
-                      V("div", I, [
-                        o(_, {
-                          designer: i.designer,
-                          "form-config": i.designer.formConfig,
-                          "global-dsv": s.globalDsv,
-                          ref: "formRef"
-                        }, null, 8, ["designer", "form-config", "global-dsv"])
+}, U = { class: "container-scroll-bar" };
+function I(e, t, n, k, i, l) {
+  const u = o("WidgetPanel"), d = o("a-layout-sider"), p = o("toolbar-panel"), W = o("a-layout-header"), _ = o("VFormWidget"), a = o("a-layout-content"), v = o("setting-panel"), g = o("a-layout");
+  return D(), S(g, { class: "main-container full-height" }, {
+    default: s(() => [
+      r(g, null, {
+        default: s(() => [
+          r(d, {
+            width: i.leftWidth,
+            class: "side-panel"
+          }, {
+            default: s(() => [
+              r(u, { designer: i.designer }, null, 8, ["designer"])
+            ]),
+            _: 1
+          }, 8, ["width"]),
+          r(a, { class: "center-layout-container" }, {
+            default: s(() => [
+              r(W, { class: "toolbar-header" }, {
+                default: s(() => [
+                  r(p, {
+                    saveJsonApi: n.saveJsonApi,
+                    designer: i.designer,
+                    "global-dsv": n.globalDsv,
+                    changeLeftWidth: l.changeLeftWidth,
+                    changeRightWidth: l.changeRightWidth,
+                    leftWidth: i.leftWidth,
+                    rightWidth: i.rightWidth,
+                    ref: "toolbarRef"
+                  }, H({ _: 2 }, [
+                    A(e.$slots, (M, h) => ({
+                      name: h,
+                      fn: s(() => [
+                        B(e.$slots, h, {}, void 0, !0)
                       ])
-                    ]),
-                    _: 1
-                  })
+                    }))
+                  ]), 1032, ["saveJsonApi", "designer", "global-dsv", "changeLeftWidth", "changeRightWidth", "leftWidth", "rightWidth"])
                 ]),
                 _: 3
               }),
-              o(d, { width: i.rightWidth }, {
-                default: n(() => [
-                  o(v, {
-                    designer: i.designer,
-                    "selected-widget": i.designer.selectedWidget,
-                    "global-dsv": s.globalDsv,
-                    "form-config": i.designer.formConfig,
-                    onEditEventHandler: l.testEEH
-                  }, null, 8, ["designer", "selected-widget", "global-dsv", "form-config", "onEditEventHandler"])
+              r(a, { class: "form-widget-main" }, {
+                default: s(() => [
+                  N("div", U, [
+                    r(_, {
+                      designer: i.designer,
+                      "form-config": i.designer.formConfig,
+                      "global-dsv": n.globalDsv,
+                      ref: "formRef"
+                    }, null, 8, ["designer", "form-config", "global-dsv"])
+                  ])
                 ]),
                 _: 1
-              }, 8, ["width"])
+              })
             ]),
             _: 3
-          })
+          }),
+          r(d, { width: i.rightWidth }, {
+            default: s(() => [
+              r(v, {
+                designer: i.designer,
+                "selected-widget": i.designer.selectedWidget,
+                "global-dsv": n.globalDsv,
+                "form-config": i.designer.formConfig,
+                onEditEventHandler: l.testEEH
+              }, null, 8, ["designer", "selected-widget", "global-dsv", "form-config", "onEditEventHandler"])
+            ]),
+            _: 1
+          }, 8, ["width"])
         ]),
         _: 3
       })
@@ -344,8 +337,8 @@ function k(e, t, s, M, i, l) {
     _: 3
   });
 }
-const ie = /* @__PURE__ */ T(U, [["render", k], ["__scopeId", "data-v-1e27946d"]]);
+const $ = /* @__PURE__ */ V(P, [["render", I], ["__scopeId", "data-v-5d623564"]]);
 export {
-  ie as default
+  $ as default
 };
 //# sourceMappingURL=index.vue.js.map

package/src/components/form-designer/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n    <TpfConfigProvider>\n        <a-layout class=\"main-container full-height\">\n            <a-layout>\n                <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n                    <WidgetPanel :designer=\"designer\" />\n                </a-layout-sider>\n\n                <a-layout-content class=\"center-layout-container\">\n                    <a-layout-header class=\"toolbar-header\">\n                        <toolbar-panel\n                            :saveJsonApi=\"saveJsonApi\"\n                            :designer=\"designer\"\n                            :global-dsv=\"globalDsv\"\n                            :changeLeftWidth=\"changeLeftWidth\"\n                            :changeRightWidth=\"changeRightWidth\"\n                            :leftWidth=\"leftWidth\"\n                            :rightWidth=\"rightWidth\"\n                            ref=\"toolbarRef\"\n                        >\n                            <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n                                <slot :name=\"slotName\"></slot>\n                            </template>\n                        </toolbar-panel>\n                    </a-layout-header>\n                    <a-layout-content class=\"form-widget-main\">\n                        <div class=\"container-scroll-bar\">\n                            <VFormWidget\n                                :designer=\"designer\"\n                                :form-config=\"designer.formConfig\"\n                                :global-dsv=\"globalDsv\"\n                                ref=\"formRef\"\n                            />\n                        </div>\n                    </a-layout-content>\n                </a-layout-content>\n                <a-layout-sider :width=\"rightWidth\">\n                    <setting-panel\n                        :designer=\"designer\"\n                        :selected-widget=\"designer.selectedWidget\"\n                        :global-dsv=\"globalDsv\"\n                        :form-config=\"designer.formConfig\"\n                        @edit-event-handler=\"testEEH\"\n                    />\n                </a-layout-sider>\n            </a-layout>\n        </a-layout>\n    </TpfConfigProvider>\n</template>\n\n<script>\n    import WidgetPanel from './widget-panel/index.vue';\n    import ToolbarPanel from './toolbar-panel/index.vue';\n    import SettingPanel from './setting-panel/index.vue';\n    import VFormWidget from './form-widget/index.vue';\n    import { createDesigner } from '@/components/form-designer/designer';\n    import { TpfConfigProvider } from 'tmgc2-share';\n    import {\n        addWindowResizeHandler,\n        deepClone,\n        getAllContainerWidgets,\n        getAllFieldWidgets,\n        traverseAllWidgets\n    } from '@/utils/util';\n    import i18n, { changeLocale } from '@/utils/i18n';\n    import { isEmpty } from 'lodash-es';\n\n    export default {\n        name: 'VFormDesigner',\n        componentName: 'VFormDesigner',\n        mixins: [i18n],\n        components: {\n            TpfConfigProvider,\n            WidgetPanel,\n            ToolbarPanel,\n            SettingPanel,\n            VFormWidget\n        },\n        props: {\n            /* 保存jsonApi */\n\n            saveJsonApi: {\n                type: Function,\n                default: null\n            },\n            /* 后端字段列表API */\n            fieldListApi: {\n                type: Function,\n                default: null\n            },\n\n            /* 禁止显示的组件名称数组 */\n            bannedWidgets: {\n                type: Array,\n                default: () => []\n            },\n            /* 设计器配置参数 */\n            designerConfig: {\n                type: Object,\n                default: () => {\n                    return {\n                        languageMenu: true, //是否显示语言切换菜单\n                        // externalLink: true, //是否显示GitHub、文档等外部链接\n                        // formTemplates: true, //是否显示表单模板\n                        eventCollapse: true, //是否显示组件事件属性折叠面板\n                        widgetNameReadonly: false, //禁止修改组件名称\n\n                        clearDesignerButton: true, //是否显示清空设计器按钮\n                        previewFormButton: true, //是否显示预览表单按钮\n                        importJsonButton: true, //是否显示导入JSON按钮\n                        exportJsonButton: true, //是否显示导出JSON器按钮\n                        exportCodeButton: true, //是否显示导出代码按钮\n                        // generateSFCButton: true, //是否显示生成SFC按钮\n\n                        toolbarMaxWidth: 450, //设计器工具按钮栏最大宽度（单位像素）\n                        toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）\n\n                        presetCssCode: '', //设计器预设CSS样式代码\n\n                        resetFormJson: false //是否在设计器初始化时将表单内容重置为空\n                    };\n                }\n            },\n\n            /* 全局数据源变量 */\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        data() {\n            return {\n                leftWidth: 270,\n                rightWidth: 300,\n                curLangName: '',\n                curLocale: '',\n                isLoading: false, //是否正在加载中\n                vsCodeFlag: false,\n                caseName: '',\n\n                docUrl: 'https://www.vform666.com/document3.html',\n                gitUrl: 'https://github.com/vform666/variant-form3-vite',\n                chatUrl: 'https://www.vform666.com/pages/chat-group/',\n                subScribeUrl: 'https://www.vform666.com/pages/pro/',\n\n                scrollerHeight: 0,\n\n                designer: createDesigner(this),\n\n                fieldList: []\n            };\n        },\n        provide() {\n            return {\n                serverFieldList: () => this.fieldList,\n                getDesignerConfig: () => this.designerConfig,\n                getBannedWidgets: () => this.bannedWidgets\n            };\n        },\n        created() {\n            // this.vsCodeFlag = getQueryParam('vscode') == 1;\n            // this.caseName = getQueryParam('case');\n        },\n        mounted() {\n            this.initLocale();\n\n            this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n                });\n            });\n\n            this.loadFieldListFromServer();\n        },\n        methods: {\n            setLoading(flag) {\n                this.isLoading = flag;\n            },\n            changeLeftWidth() {\n                if (this.leftWidth === 270) {\n                    this.leftWidth = 0;\n                } else {\n                    this.leftWidth = 270;\n                }\n            },\n            changeRightWidth() {\n                if (this.rightWidth === 300) {\n                    this.rightWidth = 0;\n                } else {\n                    this.rightWidth = 300;\n                }\n            },\n            /**\n             * json回填\n             * @param {*} importObj\n             */\n            setJsonImport(importObj = {}) {\n                if (isEmpty(importObj)) return;\n                try {\n                    if (!importObj || !importObj.formConfig) {\n                        throw new Error(this.i18nt('designer.hint.invalidJsonFormat'));\n                    }\n\n                    // const fJsonVer = importObj?.formConfig?.jsonVersion || '';\n                    // if (!fJsonVer || fJsonVer !== 3) {\n                    //   throw new Error(this.i18nt('designer.hint.jsonVersionMismatch'));\n                    // }\n\n                    this.designer.loadFormJson(importObj);\n\n                    this.designer.emitHistoryChange();\n\n                    this.designer.emitEvent('form-json-imported', []);\n                } catch (ex) {\n                    this.$message.error(ex + '');\n                }\n            },\n            testEEH(eventName, eventParams) {\n                console.log('test', eventName);\n                console.log('test222222', eventParams);\n            },\n\n            changeLanguage(langName) {\n                changeLocale(langName);\n            },\n            initLocale() {\n                this.curLocale = localStorage.getItem('lowcode_local');\n                if (!!this.vsCodeFlag) {\n                    this.curLocale = this.curLocale || 'en-US';\n                } else {\n                    this.curLocale = this.curLocale || 'zh-CN';\n                }\n                this.curLangName = this.i18nt('application.' + this.curLocale);\n                this.changeLanguage(this.curLocale);\n            },\n\n            async loadFieldListFromServer() {\n                if (!this.fieldListApi) {\n                    return;\n                }\n                this.fieldList = await this.fieldListApi();\n                console.log('this.fieldList: ', this.fieldList);\n            },\n            setFormJson(formJson) {\n                console.log('formJson: ', formJson);\n                let modifiedFlag = false;\n                if (!!formJson) {\n                    if (typeof formJson === 'string') {\n                        //TODO\n                        modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));\n                    } else if (formJson.constructor === Object) {\n                        modifiedFlag = this.designer.loadFormJson(formJson);\n                    }\n\n                    if (modifiedFlag) {\n                        this.designer.emitHistoryChange();\n                    }\n                }\n            },\n\n            getFormJson() {\n                return {\n                    widgetList: deepClone(this.designer.widgetList),\n                    formConfig: deepClone(this.designer.formConfig)\n                };\n            },\n\n            clearDesigner() {\n                this.$refs.toolbarRef.clearFormWidget();\n            },\n\n            /**\n             * 刷新表单设计器\n             */\n            refreshDesigner() {\n                //this.designer.loadFormJson( this.getFormJson() )  //只有第一次调用生效？？\n\n                const fJson = this.getFormJson();\n                this.designer.clearDesigner(true); //不触发历史记录变更\n                this.designer.loadFormJson(fJson);\n            },\n\n            /**\n             * 预览表单\n             */\n            previewForm() {\n                this.$refs.toolbarRef.previewForm();\n            },\n\n            /**\n             * 导入表单JSON\n             */\n            importJson() {\n                this.$refs.toolbarRef.importJson();\n            },\n\n            /**\n             * 导出表单JSON\n             */\n            exportJson() {\n                this.$refs.toolbarRef.exportJson();\n            },\n\n            /**\n             * 导出Vue/HTML代码\n             */\n            exportCode() {\n                this.$refs.toolbarRef.exportCode();\n            },\n\n            /**\n             * 生成SFC代码\n             */\n            generateSFC() {\n                this.$refs.toolbarRef.generateSFC();\n            },\n\n            /**\n             * 获取所有字段组件\n             * @returns {*[]}\n             */\n            getFieldWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllFieldWidgets(widgetList)\n                    : getAllFieldWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 获取所有容器组件\n             * @returns {*[]}\n             */\n            getContainerWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllContainerWidgets(widgetList)\n                    : getAllContainerWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 升级表单json，以补充最新的组件属性\n             * @param formJson\n             */\n            upgradeFormJson(formJson) {\n                if (!formJson.widgetList || !formJson.formConfig) {\n                    this.$message.error('Invalid form json!');\n                    return;\n                }\n\n                traverseAllWidgets(formJson.widgetList, w => {\n                    this.designer.upgradeWidgetConfig(w);\n                });\n                this.designer.upgradeFormConfig(formJson.formConfig);\n\n                return formJson;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                return this.$refs['formRef'].getWidgetRef(widgetName, showError);\n            },\n\n            getSelectedWidgetRef() {\n                return this.$refs['formRef'].getSelectedWidgetRef();\n            },\n\n            /**\n             * 添加数据源对象\n             * @param dsObj\n             */\n            addDataSource(dsObj) {\n                this.designer.formConfig.dataSources.push(dsObj);\n            },\n\n            /**\n             * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法\n             * @param componentName 外部组件名称\n             * @param externalComponent 外部组件实例\n             */\n            addEC(componentName, externalComponent) {\n                this.externalComponents[componentName] = externalComponent;\n            },\n\n            /**\n             * 判断外部组件是否可获取\n             * @param componentName 外部组件名称\n             * @returns {boolean}\n             */\n            hasEC(componentName) {\n                return this.externalComponents.hasOwnProperty(componentName);\n            },\n\n            /**\n             * 获取外部组件实例\n             * @param componentName\n             * @returns {*}\n             */\n            getEC(componentName) {\n                return this.externalComponents[componentName];\n            }\n\n            //TODO: 增加更多方法！！\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .ant-layout.main-container {\n        background: #fff;\n\n        .ant-layout-sider {\n            background: #fff;\n        }\n\n        :deep(aside) {\n            /* 防止aside样式被外部样式覆盖！！ */\n            margin: 0;\n            padding: 0;\n            background: inherit;\n        }\n    }\n\n    .ant-layout.full-height {\n        height: 100%;\n        overflow-y: hidden;\n    }\n\n    .ant-layout-content.center-layout-container {\n        min-width: 680px;\n        border-left: 2px dotted #ebeef5;\n        border-right: 2px dotted #ebeef5;\n        display: flex;\n        flex-direction: column;\n    }\n    .form-widget-footer {\n        flex: 0 0 50px;\n        align-items: center;\n        background: #fff;\n        display: flex;\n        justify-content: space-between;\n        padding: 0 15px;\n    }\n\n    .ant-layout-header.main-header {\n        border-bottom: 2px dotted #ebeef5;\n        background: #fff;\n        padding: 0;\n\n        height: 48px !important;\n        line-height: 48px !important;\n        min-width: 800px;\n    }\n\n    div.main-title {\n        font-size: 18px;\n        color: #242424;\n        display: flex;\n        align-items: center;\n        justify-items: center;\n\n        img {\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n        }\n\n        span.bold {\n            font-size: 20px;\n            font-weight: bold;\n            margin: 0 6px 0 6px;\n        }\n\n        span.version-span {\n            font-size: 14px;\n            color: #101f1c;\n            margin-left: 6px;\n        }\n    }\n\n    .float-left {\n        float: left;\n    }\n\n    .float-right {\n        float: right;\n    }\n\n    div.external-link {\n        display: flex;\n        align-items: center;\n\n        a {\n            font-size: 13px;\n            text-decoration: none;\n            margin-right: 10px;\n            color: #606266;\n        }\n    }\n\n    .ant-layout-header.toolbar-header {\n        font-size: 14px;\n        border-bottom: 1px dotted #cccccc;\n        height: 42px !important;\n        background: #fff;\n        padding: 0;\n    }\n\n    .ant-layout-sider.side-panel {\n        width: 260px !important;\n        overflow-y: hidden;\n    }\n    // .left-aside-toggle-bar {\n    //   position: relative;\n    //   width: 0px;\n    //   .icons {\n    //     position: absolute;\n    //     right: 100%;\n    //     top: 50%;\n    //     transform: translate(100%, -50%);\n    //     z-index: 9999;\n    //     background: #fff;\n    //     width: 12px !important;\n    //     height: 36px !important;\n    //   }\n    // }\n\n    .ant-layout-content.form-widget-main {\n        padding: 0;\n        position: relative;\n        overflow-x: hidden;\n        flex: 1 0 0;\n    }\n\n    .container-scroll-bar {\n        height: 100%;\n        & > :deep(.form-widget-container) {\n            height: 100%;\n        }\n    }\n</style>\n"],"names":["_sfc_main","i18n","TpfConfigProvider","WidgetPanel","ToolbarPanel","SettingPanel","VFormWidget","createDesigner","addWindowResizeHandler","flag","importObj","isEmpty","ex","eventName","eventParams","langName","changeLocale","formJson","modifiedFlag","deepClone","fJson","widgetList","getAllFieldWidgets","getAllContainerWidgets","traverseAllWidgets","w","widgetName","showError","dsObj","componentName","externalComponent","_hoisted_1","_createBlock","_component_TpfConfigProvider","_createVNode","_component_a_layout","_component_a_layout_sider","$data","_component_WidgetPanel","_component_a_layout_content","_component_a_layout_header","_component_toolbar_panel","$props","$options","_ctx","idx","slotName","_renderSlot","_createElementVNode","_component_VFormWidget","_component_setting_panel"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n    <a-layout class=\"main-container full-height\">\n        <a-layout>\n            <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n                <WidgetPanel :designer=\"designer\" />\n            </a-layout-sider>\n\n            <a-layout-content class=\"center-layout-container\">\n                <a-layout-header class=\"toolbar-header\">\n                    <toolbar-panel\n                        :saveJsonApi=\"saveJsonApi\"\n                        :designer=\"designer\"\n                        :global-dsv=\"globalDsv\"\n                        :changeLeftWidth=\"changeLeftWidth\"\n                        :changeRightWidth=\"changeRightWidth\"\n                        :leftWidth=\"leftWidth\"\n                        :rightWidth=\"rightWidth\"\n                        ref=\"toolbarRef\"\n                    >\n                        <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n                            <slot :name=\"slotName\"></slot>\n                        </template>\n                    </toolbar-panel>\n                </a-layout-header>\n                <a-layout-content class=\"form-widget-main\">\n                    <div class=\"container-scroll-bar\">\n                        <VFormWidget\n                            :designer=\"designer\"\n                            :form-config=\"designer.formConfig\"\n                            :global-dsv=\"globalDsv\"\n                            ref=\"formRef\"\n                        />\n                    </div>\n                </a-layout-content>\n            </a-layout-content>\n            <a-layout-sider :width=\"rightWidth\">\n                <setting-panel\n                    :designer=\"designer\"\n                    :selected-widget=\"designer.selectedWidget\"\n                    :global-dsv=\"globalDsv\"\n                    :form-config=\"designer.formConfig\"\n                    @edit-event-handler=\"testEEH\"\n                />\n            </a-layout-sider>\n        </a-layout>\n    </a-layout>\n</template>\n\n<script>\n    import WidgetPanel from './widget-panel/index.vue';\n    import ToolbarPanel from './toolbar-panel/index.vue';\n    import SettingPanel from './setting-panel/index.vue';\n    import VFormWidget from './form-widget/index.vue';\n    import { createDesigner } from '@/components/form-designer/designer';\n    import {\n        addWindowResizeHandler,\n        deepClone,\n        getAllContainerWidgets,\n        getAllFieldWidgets,\n        traverseAllWidgets\n    } from '@/utils/util';\n    import i18n, { changeLocale } from '@/utils/i18n';\n    import { isEmpty } from 'lodash-es';\n\n    export default {\n        name: 'VFormDesigner',\n        componentName: 'VFormDesigner',\n        mixins: [i18n],\n        components: {\n            WidgetPanel,\n            ToolbarPanel,\n            SettingPanel,\n            VFormWidget\n        },\n        props: {\n            /* 保存jsonApi */\n\n            saveJsonApi: {\n                type: Function,\n                default: null\n            },\n            /* 后端字段列表API */\n            fieldListApi: {\n                type: Function,\n                default: null\n            },\n\n            /* 禁止显示的组件名称数组 */\n            bannedWidgets: {\n                type: Array,\n                default: () => []\n            },\n            /* 设计器配置参数 */\n            designerConfig: {\n                type: Object,\n                default: () => {\n                    return {\n                        languageMenu: true, //是否显示语言切换菜单\n                        // externalLink: true, //是否显示GitHub、文档等外部链接\n                        // formTemplates: true, //是否显示表单模板\n                        eventCollapse: true, //是否显示组件事件属性折叠面板\n                        widgetNameReadonly: false, //禁止修改组件名称\n\n                        clearDesignerButton: true, //是否显示清空设计器按钮\n                        previewFormButton: true, //是否显示预览表单按钮\n                        importJsonButton: true, //是否显示导入JSON按钮\n                        exportJsonButton: true, //是否显示导出JSON器按钮\n                        exportCodeButton: true, //是否显示导出代码按钮\n                        // generateSFCButton: true, //是否显示生成SFC按钮\n\n                        toolbarMaxWidth: 450, //设计器工具按钮栏最大宽度（单位像素）\n                        toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）\n\n                        presetCssCode: '', //设计器预设CSS样式代码\n\n                        resetFormJson: false //是否在设计器初始化时将表单内容重置为空\n                    };\n                }\n            },\n\n            /* 全局数据源变量 */\n            globalDsv: {\n                type: Object,\n                default: () => ({})\n            }\n        },\n        data() {\n            return {\n                leftWidth: 270,\n                rightWidth: 300,\n                curLangName: '',\n                curLocale: '',\n                isLoading: false, //是否正在加载中\n                vsCodeFlag: false,\n                caseName: '',\n\n                docUrl: 'https://www.vform666.com/document3.html',\n                gitUrl: 'https://github.com/vform666/variant-form3-vite',\n                chatUrl: 'https://www.vform666.com/pages/chat-group/',\n                subScribeUrl: 'https://www.vform666.com/pages/pro/',\n\n                scrollerHeight: 0,\n\n                designer: createDesigner(this),\n\n                fieldList: []\n            };\n        },\n        provide() {\n            return {\n                serverFieldList: () => this.fieldList,\n                getDesignerConfig: () => this.designerConfig,\n                getBannedWidgets: () => this.bannedWidgets\n            };\n        },\n        created() {\n            // this.vsCodeFlag = getQueryParam('vscode') == 1;\n            // this.caseName = getQueryParam('case');\n        },\n        mounted() {\n            this.initLocale();\n\n            this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n            addWindowResizeHandler(() => {\n                this.$nextTick(() => {\n                    this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n                });\n            });\n\n            this.loadFieldListFromServer();\n        },\n        methods: {\n            setLoading(flag) {\n                this.isLoading = flag;\n            },\n            changeLeftWidth() {\n                if (this.leftWidth === 270) {\n                    this.leftWidth = 0;\n                } else {\n                    this.leftWidth = 270;\n                }\n            },\n            changeRightWidth() {\n                if (this.rightWidth === 300) {\n                    this.rightWidth = 0;\n                } else {\n                    this.rightWidth = 300;\n                }\n            },\n            /**\n             * json回填\n             * @param {*} importObj\n             */\n            setJsonImport(importObj = {}) {\n                if (isEmpty(importObj)) return;\n                try {\n                    if (!importObj || !importObj.formConfig) {\n                        throw new Error(this.i18nt('designer.hint.invalidJsonFormat'));\n                    }\n\n                    // const fJsonVer = importObj?.formConfig?.jsonVersion || '';\n                    // if (!fJsonVer || fJsonVer !== 3) {\n                    //   throw new Error(this.i18nt('designer.hint.jsonVersionMismatch'));\n                    // }\n\n                    this.designer.loadFormJson(importObj);\n\n                    this.designer.emitHistoryChange();\n\n                    this.designer.emitEvent('form-json-imported', []);\n                } catch (ex) {\n                    this.$message.error(ex + '');\n                }\n            },\n            testEEH(eventName, eventParams) {\n                console.log('test', eventName);\n                console.log('test222222', eventParams);\n            },\n\n            changeLanguage(langName) {\n                changeLocale(langName);\n            },\n            initLocale() {\n                this.curLocale = localStorage.getItem('lowcode_local');\n                if (!!this.vsCodeFlag) {\n                    this.curLocale = this.curLocale || 'en-US';\n                } else {\n                    this.curLocale = this.curLocale || 'zh-CN';\n                }\n                this.curLangName = this.i18nt('application.' + this.curLocale);\n                this.changeLanguage(this.curLocale);\n            },\n\n            async loadFieldListFromServer() {\n                if (!this.fieldListApi) {\n                    return;\n                }\n                this.fieldList = await this.fieldListApi();\n                console.log('this.fieldList: ', this.fieldList);\n            },\n            setFormJson(formJson) {\n                console.log('formJson: ', formJson);\n                let modifiedFlag = false;\n                if (!!formJson) {\n                    if (typeof formJson === 'string') {\n                        //TODO\n                        modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));\n                    } else if (formJson.constructor === Object) {\n                        modifiedFlag = this.designer.loadFormJson(formJson);\n                    }\n\n                    if (modifiedFlag) {\n                        this.designer.emitHistoryChange();\n                    }\n                }\n            },\n\n            getFormJson() {\n                return {\n                    widgetList: deepClone(this.designer.widgetList),\n                    formConfig: deepClone(this.designer.formConfig)\n                };\n            },\n\n            clearDesigner() {\n                this.$refs.toolbarRef.clearFormWidget();\n            },\n\n            /**\n             * 刷新表单设计器\n             */\n            refreshDesigner() {\n                //this.designer.loadFormJson( this.getFormJson() )  //只有第一次调用生效？？\n\n                const fJson = this.getFormJson();\n                this.designer.clearDesigner(true); //不触发历史记录变更\n                this.designer.loadFormJson(fJson);\n            },\n\n            /**\n             * 预览表单\n             */\n            previewForm() {\n                this.$refs.toolbarRef.previewForm();\n            },\n\n            /**\n             * 导入表单JSON\n             */\n            importJson() {\n                this.$refs.toolbarRef.importJson();\n            },\n\n            /**\n             * 导出表单JSON\n             */\n            exportJson() {\n                this.$refs.toolbarRef.exportJson();\n            },\n\n            /**\n             * 导出Vue/HTML代码\n             */\n            exportCode() {\n                this.$refs.toolbarRef.exportCode();\n            },\n\n            /**\n             * 生成SFC代码\n             */\n            generateSFC() {\n                this.$refs.toolbarRef.generateSFC();\n            },\n\n            /**\n             * 获取所有字段组件\n             * @returns {*[]}\n             */\n            getFieldWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllFieldWidgets(widgetList)\n                    : getAllFieldWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 获取所有容器组件\n             * @returns {*[]}\n             */\n            getContainerWidgets(widgetList = null) {\n                return !!widgetList\n                    ? getAllContainerWidgets(widgetList)\n                    : getAllContainerWidgets(this.designer.widgetList);\n            },\n\n            /**\n             * 升级表单json，以补充最新的组件属性\n             * @param formJson\n             */\n            upgradeFormJson(formJson) {\n                if (!formJson.widgetList || !formJson.formConfig) {\n                    this.$message.error('Invalid form json!');\n                    return;\n                }\n\n                traverseAllWidgets(formJson.widgetList, w => {\n                    this.designer.upgradeWidgetConfig(w);\n                });\n                this.designer.upgradeFormConfig(formJson.formConfig);\n\n                return formJson;\n            },\n\n            getWidgetRef(widgetName, showError = false) {\n                return this.$refs['formRef'].getWidgetRef(widgetName, showError);\n            },\n\n            getSelectedWidgetRef() {\n                return this.$refs['formRef'].getSelectedWidgetRef();\n            },\n\n            /**\n             * 添加数据源对象\n             * @param dsObj\n             */\n            addDataSource(dsObj) {\n                this.designer.formConfig.dataSources.push(dsObj);\n            },\n\n            /**\n             * 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法\n             * @param componentName 外部组件名称\n             * @param externalComponent 外部组件实例\n             */\n            addEC(componentName, externalComponent) {\n                this.externalComponents[componentName] = externalComponent;\n            },\n\n            /**\n             * 判断外部组件是否可获取\n             * @param componentName 外部组件名称\n             * @returns {boolean}\n             */\n            hasEC(componentName) {\n                return this.externalComponents.hasOwnProperty(componentName);\n            },\n\n            /**\n             * 获取外部组件实例\n             * @param componentName\n             * @returns {*}\n             */\n            getEC(componentName) {\n                return this.externalComponents[componentName];\n            }\n\n            //TODO: 增加更多方法！！\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .ant-layout.main-container {\n        background: #fff;\n\n        .ant-layout-sider {\n            background: #fff;\n        }\n\n        :deep(aside) {\n            /* 防止aside样式被外部样式覆盖！！ */\n            margin: 0;\n            padding: 0;\n            background: inherit;\n        }\n    }\n\n    .ant-layout.full-height {\n        height: 100%;\n        overflow-y: hidden;\n    }\n\n    .ant-layout-content.center-layout-container {\n        min-width: 680px;\n        border-left: 2px dotted #ebeef5;\n        border-right: 2px dotted #ebeef5;\n        display: flex;\n        flex-direction: column;\n    }\n    .form-widget-footer {\n        flex: 0 0 50px;\n        align-items: center;\n        background: #fff;\n        display: flex;\n        justify-content: space-between;\n        padding: 0 15px;\n    }\n\n    .ant-layout-header.main-header {\n        border-bottom: 2px dotted #ebeef5;\n        background: #fff;\n        padding: 0;\n\n        height: 48px !important;\n        line-height: 48px !important;\n        min-width: 800px;\n    }\n\n    div.main-title {\n        font-size: 18px;\n        color: #242424;\n        display: flex;\n        align-items: center;\n        justify-items: center;\n\n        img {\n            cursor: pointer;\n            width: 36px;\n            height: 36px;\n        }\n\n        span.bold {\n            font-size: 20px;\n            font-weight: bold;\n            margin: 0 6px 0 6px;\n        }\n\n        span.version-span {\n            font-size: 14px;\n            color: #101f1c;\n            margin-left: 6px;\n        }\n    }\n\n    .float-left {\n        float: left;\n    }\n\n    .float-right {\n        float: right;\n    }\n\n    div.external-link {\n        display: flex;\n        align-items: center;\n\n        a {\n            font-size: 13px;\n            text-decoration: none;\n            margin-right: 10px;\n            color: #606266;\n        }\n    }\n\n    .ant-layout-header.toolbar-header {\n        font-size: 14px;\n        border-bottom: 1px dotted #cccccc;\n        height: 42px !important;\n        background: #fff;\n        padding: 0;\n    }\n\n    .ant-layout-sider.side-panel {\n        width: 260px !important;\n        overflow-y: hidden;\n    }\n    // .left-aside-toggle-bar {\n    //   position: relative;\n    //   width: 0px;\n    //   .icons {\n    //     position: absolute;\n    //     right: 100%;\n    //     top: 50%;\n    //     transform: translate(100%, -50%);\n    //     z-index: 9999;\n    //     background: #fff;\n    //     width: 12px !important;\n    //     height: 36px !important;\n    //   }\n    // }\n\n    .ant-layout-content.form-widget-main {\n        padding: 0;\n        position: relative;\n        overflow-x: hidden;\n        flex: 1 0 0;\n    }\n\n    .container-scroll-bar {\n        height: 100%;\n        & > :deep(.form-widget-container) {\n            height: 100%;\n        }\n    }\n</style>\n"],"names":["_sfc_main","i18n","WidgetPanel","ToolbarPanel","SettingPanel","VFormWidget","createDesigner","addWindowResizeHandler","flag","importObj","isEmpty","ex","eventName","eventParams","langName","changeLocale","formJson","modifiedFlag","deepClone","fJson","widgetList","getAllFieldWidgets","getAllContainerWidgets","traverseAllWidgets","w","widgetName","showError","dsObj","componentName","externalComponent","_hoisted_1","_createBlock","_component_a_layout","_createVNode","_component_a_layout_sider","$data","_component_WidgetPanel","_component_a_layout_content","_component_a_layout_header","_component_toolbar_panel","$props","$options","_ctx","idx","slotName","_renderSlot","_createElementVNode","_component_VFormWidget","_component_setting_panel"],"mappings":"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"}

package/src/components/form-render/dynamic-dialog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n    <TpfConfigProvider>\n        <TpfModal\n            class=\"tpf-model design-model\"\n            :transitionName=\"!dialogVisible ? '' : 'zoom'\"\n            :maskTransitionName=\"!dialogVisible ? '' : 'fade'\"\n            :destroyOnClose=\"true\"\n            :title=\"options.title\"\n            :bodyStyle=\"{\n                height: options.height,\n                overflow: 'auto',\n                ...JSON.parse(options.bodyStyle || '{}')\n            }\"\n            :centered=\"true\"\n            v-model:visible=\"dialogVisible\"\n            :width=\"options.width\"\n            :mask=\"options.showModal\"\n            :maskClosable=\"options.closeOnClickModal\"\n            :keyboard=\"options.closeOnPressEscape\"\n            @cancel=\"handleCloseEvent\"\n            v-bind=\"otherAttrs\"\n        >\n            <div v-loading=\"isLoading\" class=\"dialog-content\">\n                <VFormRender\n                    :isLoading=\"isLoading\"\n                    ref=\"dFormRef\"\n                    :form-json=\"formJson\"\n                    :form-data=\"formData\"\n                    :vfCtx=\"vfCtx\"\n                    :option-data=\"optionData\"\n                    :global-dsv=\"globalDsv\"\n                    :parent-form=\"parentForm\"\n                    :disabled-mode=\"options.disabledMode\"\n                    :dynamic-creation=\"true\"\n                />\n            </div>\n            <template #footerRight>\n                <SubmitButtonRender\n                    v-model:dialog-visible=\"dialogVisible\"\n                    :handleBeforeClose=\"handleBeforeClose\"\n                    :deleteWrapperNode=\"deleteWrapperNode\"\n                    :options=\"options\"\n                    :ctx=\"dFormRef\"\n                />\n            </template>\n        </TpfModal>\n    </TpfConfigProvider>\n</template>\n\n<script lang=\"ts\" setup>\n    import {\n        ref,\n        computed,\n        nextTick,\n        onBeforeUnmount,\n        getCurrentInstance,\n        defineAsyncComponent\n    } from 'vue';\n    import { http, useComRef } from 'tmgc2-share';\n    import SubmitButtonRender from './SubmitButtonRender.vue';\n    import { TpfModal, TpfConfigProvider } from 'tmgc2-share';\n    const VFormRender = defineAsyncComponent(() => import('./index.vue'));\n\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const isLoading = ref(false);\n    const dialogVisible = ref(false);\n    const dFormRef = useComRef(VFormRender);\n    const currentInstance = getCurrentInstance();\n\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: currentInstance,\n            getParentFormRef\n        };\n    });\n\n    const otherAttrs = computed(() => {\n        if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n            return { footer: null };\n        }\n        return {};\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef.setChildFormRef(null);\n    });\n\n    // 方法\n    const loadFormCode = async () => {\n        if (props.options.formCode) {\n            isLoading.value = true;\n            try {\n                const res = await http\n                    .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n                        params: { code: props.options.formCode }\n                    })\n                    .then(res => res.data.object.frontendDefinition || '{}');\n                const formJson = JSON.parse(res);\n                console.log('formJson: ', formJson);\n                dFormRef.value.setFormJson(formJson);\n            } catch (error) {}\n            isLoading.value = false;\n        }\n    };\n\n    const setLoading = status => {\n        console.log('setLoading', status);\n        isLoading.value = status;\n    };\n\n    const setFormJson = formJson => {\n        dFormRef.value.setFormJson(formJson);\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(() => {\n            if (!!props.options.readMode) {\n                dFormRef.value.setReadMode(true);\n            }\n            loadFormCode();\n            console.log(dFormRef.value);\n            dFormRef.value?.setDialogOrDrawerRef(currentInstance);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(dFormRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = () => {\n        if (!!props.options.onDialogBeforeClose) {\n            const customFn = new Function('done', props.options.onDialogBeforeClose);\n            const closeResult = customFn.call(currentInstance);\n            if (closeResult === false) {\n                return;\n            }\n        }\n\n        dialogVisible.value = false;\n        setTimeout(deleteWrapperNode, 150);\n    };\n\n    const deleteWrapperNode = () => {\n        const wrapperNode = document.getElementById('vf-dynamic-dialog-wrapper' + props.wrapperId);\n        if (!!wrapperNode) {\n            document.body.removeChild(wrapperNode);\n        }\n    };\n\n    const handleBeforeClose = () => {\n        if (!!props.options.onDialogBeforeClose) {\n            const customFn = new Function(props.options.onDialogBeforeClose);\n            return customFn.call(currentInstance);\n        }\n\n        return true;\n    };\n\n    const handleCloseEvent = () => {\n        if (!handleBeforeClose()) return;\n        dialogVisible.value = false;\n        setTimeout(deleteWrapperNode, 150);\n    };\n\n    const handleOpenedEvent = () => {\n        if (!!props.options.onDialogOpened) {\n            const customFn = new Function(props.options.onDialogOpened);\n            customFn.call(currentInstance);\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const getFormRef = () => {\n        console.log('getFormRef');\n        return dFormRef.value;\n    };\n\n    const getWidgetRef = (widgetName, showError = false) => {\n        return dFormRef.value.getWidgetRef(widgetName, showError);\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        loadFormCode,\n        setLoading,\n        setFormJson,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        deleteWrapperNode,\n        handleBeforeClose,\n        handleCloseEvent,\n        handleOpenedEvent,\n        getParentFormRef,\n        getFormRef,\n        getWidgetRef,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n    }\n</style>\n"],"names":["VFormRender","defineAsyncComponent","props","__props","isLoading","ref","dialogVisible","dFormRef","useComRef","currentInstance","getCurrentInstance","parentForm","computed","getParentFormRef","otherAttrs","onBeforeUnmount","loadFormCode","res","http","formJson","setLoading","status","setFormJson","setTitle","title","beforeOpen","show","nextTick","_a","handleOpenedEvent","close","deleteWrapperNode","wrapperNode","handleBeforeClose","handleCloseEvent","__expose","widgetName","showError","_c","_b","_createBlock","_unref","TpfConfigProvider","_createVNode","_mergeProps","$event","SubmitButtonRender","_withDirectives","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"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"}
+{"version":3,"file":"dynamic-dialog.vue.js","sources":["../../../../src/components/form-render/dynamic-dialog.vue"],"sourcesContent":["<template>\n    <TpfConfigProvider>\n        <TpfModal\n            class=\"tpf-model design-model\"\n            :transitionName=\"!dialogVisible ? '' : 'zoom'\"\n            :maskTransitionName=\"!dialogVisible ? '' : 'fade'\"\n            :destroyOnClose=\"true\"\n            :title=\"options.title\"\n            :bodyStyle=\"{\n                height: options.height,\n                overflow: 'auto',\n                ...JSON.parse(options.bodyStyle || '{}')\n            }\"\n            :centered=\"true\"\n            v-model:visible=\"dialogVisible\"\n            :width=\"options.width\"\n            :mask=\"options.showModal\"\n            :maskClosable=\"options.closeOnClickModal\"\n            :keyboard=\"options.closeOnPressEscape\"\n            @cancel=\"handleCloseEvent\"\n            v-bind=\"otherAttrs\"\n        >\n            <div v-loading=\"isLoading\" class=\"dialog-content\">\n                <VFormRender\n                    :isLoading=\"isLoading\"\n                    ref=\"dFormRef\"\n                    :form-json=\"formJson\"\n                    :form-data=\"formData\"\n                    :vfCtx=\"vfCtx\"\n                    :option-data=\"optionData\"\n                    :global-dsv=\"globalDsv\"\n                    :parent-form=\"parentForm\"\n                    :disabled-mode=\"options.disabledMode\"\n                    :dynamic-creation=\"true\"\n                />\n            </div>\n            <template #footerRight>\n                <SubmitButtonRender\n                    v-model:dialog-visible=\"dialogVisible\"\n                    :handleBeforeClose=\"handleBeforeClose\"\n                    :deleteWrapperNode=\"deleteWrapperNode\"\n                    :options=\"options\"\n                    :ctx=\"dFormRef\"\n                />\n            </template>\n        </TpfModal>\n    </TpfConfigProvider>\n</template>\n\n<script lang=\"ts\" setup>\n    import {\n        ref,\n        computed,\n        nextTick,\n        onBeforeUnmount,\n        getCurrentInstance,\n        defineAsyncComponent\n    } from 'vue';\n    import { http, useComRef, TpfModal, TpfConfigProvider } from 'tmgc2-share';\n    import SubmitButtonRender from './SubmitButtonRender.vue';\n    const VFormRender = defineAsyncComponent(() => import('./index.vue'));\n\n    defineOptions({\n        name: 'dynamic-dialog'\n    });\n\n    const props = defineProps({\n        options: {\n            type: Object,\n            default: () => ({})\n        },\n        formJson: {\n            type: Object\n        },\n        formData: {\n            type: Object,\n            default: () => ({})\n        },\n        vfCtx: {\n            type: Object,\n            default: () => ({})\n        },\n        optionData: {\n            //prop传入的选项数据\n            type: Object,\n            default: () => ({})\n        },\n        globalDsv: {\n            // 全局数据源变量\n            type: Object,\n            default: () => ({})\n        },\n        parentFormRef: {\n            type: Object,\n            default: null\n        },\n        extraData: {\n            type: Object,\n            default: () => ({})\n        },\n        wrapperId: {\n            type: String,\n            default: null\n        }\n    });\n\n    const isLoading = ref(false);\n    const dialogVisible = ref(false);\n    const dFormRef = useComRef(VFormRender);\n    const currentInstance = getCurrentInstance();\n\n    // 计算属性\n    const parentForm = computed(() => {\n        return {\n            ...props.parentFormRef,\n            parentDom: currentInstance,\n            getParentFormRef\n        };\n    });\n\n    const otherAttrs = computed(() => {\n        if (props.options.cancelButtonHidden && props.options.okButtonHidden) {\n            return { footer: null };\n        }\n        return {};\n    });\n\n    // 生命周期钩子\n    onBeforeUnmount(() => {\n        console.log(props.parentFormRef);\n        props.parentFormRef.setChildFormRef(null);\n    });\n\n    // 方法\n    const loadFormCode = async () => {\n        if (props.options.formCode) {\n            isLoading.value = true;\n            try {\n                const res = await http\n                    .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n                        params: { code: props.options.formCode }\n                    })\n                    .then(res => res.data.object.frontendDefinition || '{}');\n                const formJson = JSON.parse(res);\n                console.log('formJson: ', formJson);\n                dFormRef.value.setFormJson(formJson);\n            } catch (error) {}\n            isLoading.value = false;\n        }\n    };\n\n    const setLoading = status => {\n        console.log('setLoading', status);\n        isLoading.value = status;\n    };\n\n    const setFormJson = formJson => {\n        dFormRef.value.setFormJson(formJson);\n    };\n\n    const setTitle = title => {\n        props.options.title = title;\n    };\n\n    const beforeOpen = () => {\n        dialogVisible.value = true;\n    };\n\n    const show = () => {\n        dialogVisible.value = true;\n\n        //设置readMode模式\n        nextTick(() => {\n            if (!!props.options.readMode) {\n                dFormRef.value.setReadMode(true);\n            }\n            loadFormCode();\n            console.log(dFormRef.value);\n            dFormRef.value?.setDialogOrDrawerRef(currentInstance);\n            if (props.parentFormRef) {\n                props.parentFormRef.setChildFormRef(dFormRef.value);\n            }\n            handleOpenedEvent();\n        });\n    };\n\n    const close = () => {\n        if (!!props.options.onDialogBeforeClose) {\n            const customFn = new Function('done', props.options.onDialogBeforeClose);\n            const closeResult = customFn.call(currentInstance);\n            if (closeResult === false) {\n                return;\n            }\n        }\n\n        dialogVisible.value = false;\n        setTimeout(deleteWrapperNode, 150);\n    };\n\n    const deleteWrapperNode = () => {\n        const wrapperNode = document.getElementById('vf-dynamic-dialog-wrapper' + props.wrapperId);\n        if (!!wrapperNode) {\n            document.body.removeChild(wrapperNode);\n        }\n    };\n\n    const handleBeforeClose = () => {\n        if (!!props.options.onDialogBeforeClose) {\n            const customFn = new Function(props.options.onDialogBeforeClose);\n            return customFn.call(currentInstance);\n        }\n\n        return true;\n    };\n\n    const handleCloseEvent = () => {\n        if (!handleBeforeClose()) return;\n        dialogVisible.value = false;\n        setTimeout(deleteWrapperNode, 150);\n    };\n\n    const handleOpenedEvent = () => {\n        if (!!props.options.onDialogOpened) {\n            const customFn = new Function(props.options.onDialogOpened);\n            customFn.call(currentInstance);\n        }\n    };\n\n    const getParentFormRef = () => {\n        return props.parentFormRef;\n    };\n\n    const getFormRef = () => {\n        console.log('getFormRef');\n        return dFormRef.value;\n    };\n\n    const getWidgetRef = (widgetName, showError = false) => {\n        return dFormRef.value.getWidgetRef(widgetName, showError);\n    };\n\n    const updateTable = () => {\n        if (props.vfCtx?.parent?.exposed?.updateTable) {\n            props.vfCtx.parent.exposed.updateTable();\n        }\n    };\n\n    const getExtraData = () => {\n        return props.extraData;\n    };\n\n    // 暴露方法给父组件\n    defineExpose({\n        loadFormCode,\n        setLoading,\n        setFormJson,\n        setTitle,\n        beforeOpen,\n        show,\n        close,\n        deleteWrapperNode,\n        handleBeforeClose,\n        handleCloseEvent,\n        handleOpenedEvent,\n        getParentFormRef,\n        getFormRef,\n        getWidgetRef,\n        updateTable,\n        getExtraData\n    });\n</script>\n\n<style lang=\"less\">\n    .dialog-content {\n        display: flex;\n        flex: 1;\n        flex-direction: column;\n    }\n</style>\n"],"names":["VFormRender","defineAsyncComponent","props","__props","isLoading","ref","dialogVisible","dFormRef","useComRef","currentInstance","getCurrentInstance","parentForm","computed","getParentFormRef","otherAttrs","onBeforeUnmount","loadFormCode","res","http","formJson","setLoading","status","setFormJson","setTitle","title","beforeOpen","show","nextTick","_a","handleOpenedEvent","close","deleteWrapperNode","wrapperNode","handleBeforeClose","handleCloseEvent","__expose","widgetName","showError","_c","_b","_createBlock","_unref","TpfConfigProvider","_createVNode","_mergeProps","$event","SubmitButtonRender","_withDirectives","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"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"}