@kp-ui/lowcode 1.0.91 → 1.0.94

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    <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\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            showLink(configName) {\n                if (this.designerConfig[configName] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig[configName];\n            },\n\n            openUrl(event, url) {\n                if (!!this.vsCodeFlag) {\n                    const msgObj = {\n                        cmd: 'openUrl',\n                        data: {\n                            url\n                        }\n                    };\n                    window.parent.postMessage(msgObj, '*');\n                } else {\n                    const aDom = event.currentTarget;\n                    aDom.href = url;\n                    //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截\n                }\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\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    .el-dropdown-link {\n        margin-right: 12px;\n        cursor: pointer;\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":["_createBlock","_createVNode","_renderSlot","_createElementVNode"],"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\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            showLink(configName) {\n                if (this.designerConfig[configName] === undefined) {\n                    return true;\n                }\n\n                return !!this.designerConfig[configName];\n            },\n\n            openUrl(event, url) {\n                if (!!this.vsCodeFlag) {\n                    const msgObj = {\n                        cmd: 'openUrl',\n                        data: {\n                            url\n                        }\n                    };\n                    window.parent.postMessage(msgObj, '*');\n                } else {\n                    const aDom = event.currentTarget;\n                    aDom.href = url;\n                    //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截\n                }\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\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    .el-dropdown-link {\n        margin-right: 12px;\n        cursor: pointer;\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","configName","event","url","msgObj","aDom","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-designer/refMixinDesign.js

@@ -1,29 +1,19 @@
-const refMixinDesign = {
+const e = {
   methods: {
     initRefList() {
-      if (this.refList !== null && !!this.widget.options.name) {
-        this.refList[this.widget.options.name] = this;
-      }
+      this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name] = this);
     },
-    getWidgetRef(widgetName, showError) {
-      const foundRef = this.refList[widgetName];
-      if (!foundRef && !!showError) {
-        this.$message.error(this.i18nt("render.hint.refNotFound") + widgetName);
-      }
-      return foundRef;
+    getWidgetRef(t, s) {
+      const i = this.refList[t];
+      return !i && s && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
     },
     /* 该方法用于组件重名检查！！ */
-    registerToRefList(oldRefName) {
-      if (this.refList !== null && !!this.widget.options.name) {
-        if (!!oldRefName) {
-          delete this.refList[oldRefName];
-        }
-        this.refList[this.widget.options.name] = this;
-      }
+    registerToRefList(t) {
+      this.refList !== null && this.widget.options.name && (t && delete this.refList[t], this.refList[this.widget.options.name] = this);
     }
   }
 };
 export {
-  refMixinDesign as default
+  e as default
 };
 //# sourceMappingURL=refMixinDesign.js.map

package/src/components/form-designer/refMixinDesign.js.map

@@ -1 +1 @@
-{"version":3,"file":"refMixinDesign.js","sources":["../../../../src/components/form-designer/refMixinDesign.js"],"sourcesContent":["export default {\n  methods: {\n    initRefList() {\n      if (this.refList !== null && !!this.widget.options.name) {\n        this.refList[this.widget.options.name] = this;\n      }\n    },\n\n    getWidgetRef(widgetName, showError) {\n      const foundRef = this.refList[widgetName];\n      if (!foundRef && !!showError) {\n        this.$message.error(this.i18nt('render.hint.refNotFound') + widgetName);\n      }\n      return foundRef;\n    },\n\n    /* 该方法用于组件重名检查！！ */\n    registerToRefList(oldRefName) {\n      if (this.refList !== null && !!this.widget.options.name) {\n        if (!!oldRefName) {\n          delete this.refList[oldRefName];\n        }\n        this.refList[this.widget.options.name] = this;\n      }\n    }\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAA,iBAAe;AAAA,EACb,SAAS;AAAA,IACP,cAAc;AACZ,UAAI,KAAK,YAAY,QAAQ,CAAC,CAAC,KAAK,OAAO,QAAQ,MAAM;AACvD,aAAK,QAAQ,KAAK,OAAO,QAAQ,IAAI,IAAI;AAAA,MACjD;AAAA,IACA;AAAA,IAEI,aAAa,YAAY,WAAW;AAClC,YAAM,WAAW,KAAK,QAAQ,UAAU;AACxC,UAAI,CAAC,YAAY,CAAC,CAAC,WAAW;AAC5B,aAAK,SAAS,MAAM,KAAK,MAAM,yBAAyB,IAAI,UAAU;AAAA,MAC9E;AACM,aAAO;AAAA,IACb;AAAA;AAAA,IAGI,kBAAkB,YAAY;AAC5B,UAAI,KAAK,YAAY,QAAQ,CAAC,CAAC,KAAK,OAAO,QAAQ,MAAM;AACvD,YAAI,CAAC,CAAC,YAAY;AAChB,iBAAO,KAAK,QAAQ,UAAU;AAAA,QACxC;AACQ,aAAK,QAAQ,KAAK,OAAO,QAAQ,IAAI,IAAI;AAAA,MACjD;AAAA,IACA;AAAA,EACA;AACA;"}
+{"version":3,"file":"refMixinDesign.js","sources":["../../../../src/components/form-designer/refMixinDesign.js"],"sourcesContent":["export default {\n  methods: {\n    initRefList() {\n      if (this.refList !== null && !!this.widget.options.name) {\n        this.refList[this.widget.options.name] = this;\n      }\n    },\n\n    getWidgetRef(widgetName, showError) {\n      const foundRef = this.refList[widgetName];\n      if (!foundRef && !!showError) {\n        this.$message.error(this.i18nt('render.hint.refNotFound') + widgetName);\n      }\n      return foundRef;\n    },\n\n    /* 该方法用于组件重名检查！！ */\n    registerToRefList(oldRefName) {\n      if (this.refList !== null && !!this.widget.options.name) {\n        if (!!oldRefName) {\n          delete this.refList[oldRefName];\n        }\n        this.refList[this.widget.options.name] = this;\n      }\n    }\n  }\n};\n"],"names":["refMixinDesign","widgetName","showError","foundRef","oldRefName"],"mappings":"AAAA,MAAAA,IAAe;AAAA,EACb,SAAS;AAAA,IACP,cAAc;AACZ,MAAI,KAAK,YAAY,QAAU,KAAK,OAAO,QAAQ,SACjD,KAAK,QAAQ,KAAK,OAAO,QAAQ,IAAI,IAAI;AAAA,IAEjD;AAAA,IAEI,aAAaC,GAAYC,GAAW;AAClC,YAAMC,IAAW,KAAK,QAAQF,CAAU;AACxC,aAAI,CAACE,KAAcD,KACjB,KAAK,SAAS,MAAM,KAAK,MAAM,yBAAyB,IAAID,CAAU,GAEjEE;AAAA,IACb;AAAA;AAAA,IAGI,kBAAkBC,GAAY;AAC5B,MAAI,KAAK,YAAY,QAAU,KAAK,OAAO,QAAQ,SAC3CA,KACJ,OAAO,KAAK,QAAQA,CAAU,GAEhC,KAAK,QAAQ,KAAK,OAAO,QAAQ,IAAI,IAAI;AAAA,IAEjD;AAAA,EACA;AACA;"}

package/src/components/form-designer/setting-panel/form-crud-setting.vue.js

@@ -1,10 +1,9 @@
-import { defineComponent, useModel, createElementBlock, openBlock, createVNode } from "vue";
-import _sfc_main$1 from "../../http-editor/index.vue.js";
-const _hoisted_1 = { class: "t-p-[10px]" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as l, useModel as a, createElementBlock as f, openBlock as m, createVNode as t } from "vue";
+import r from "../../http-editor/index.vue.js";
+const p = { class: "t-p-[10px]" }, v = /* @__PURE__ */ l({
   __name: "form-crud-setting",
   props: {
-    "formConfig": {
+    formConfig: {
       type: Object,
       default: () => ({
         serveList: {
@@ -13,31 +12,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       })
     },
-    "formConfigModifiers": {}
+    formConfigModifiers: {}
   },
   emits: ["update:formConfig"],
-  setup(__props) {
-    const formConfig = useModel(__props, "formConfig");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
-          label: "设置表单编辑api",
-          buttonName: "编辑",
-          drawerTitle: "表单配置",
-          optionModel: formConfig.value.serveList.vformUpdate,
-          "onUpdate:optionModel": _cache[0] || (_cache[0] = ($event) => formConfig.value.serveList.vformUpdate = $event)
-        }, null, 8, ["optionModel"]),
-        createVNode(_sfc_main$1, {
-          label: "设置表单获取详情api",
-          buttonName: "编辑",
-          drawerTitle: "表单配置",
-          optionModel: formConfig.value.serveList.vformDetail
-        }, null, 8, ["optionModel"])
-      ]);
-    };
+  setup(i) {
+    const e = a(i, "formConfig");
+    return (s, o) => (m(), f("div", p, [
+      t(r, {
+        label: "设置表单编辑api",
+        buttonName: "编辑",
+        drawerTitle: "表单配置",
+        optionModel: e.value.serveList.vformUpdate,
+        "onUpdate:optionModel": o[0] || (o[0] = (n) => e.value.serveList.vformUpdate = n)
+      }, null, 8, ["optionModel"]),
+      t(r, {
+        label: "设置表单获取详情api",
+        buttonName: "编辑",
+        drawerTitle: "表单配置",
+        optionModel: e.value.serveList.vformDetail
+      }, null, 8, ["optionModel"])
+    ]));
   }
 });
 export {
-  _sfc_main as default
+  v as default
 };
 //# sourceMappingURL=form-crud-setting.vue.js.map

package/src/components/form-designer/setting-panel/form-crud-setting.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-crud-setting.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/form-crud-setting.vue"],"sourcesContent":["<template>\n    <div class=\"t-p-[10px]\">\n        <HttpEditor\n            label=\"设置表单编辑api\"\n            buttonName=\"编辑\"\n            drawerTitle=\"表单配置\"\n            v-model:optionModel=\"formConfig.serveList.vformUpdate\"\n        />\n        <HttpEditor\n            label=\"设置表单获取详情api\"\n            buttonName=\"编辑\"\n            drawerTitle=\"表单配置\"\n            :optionModel=\"formConfig.serveList.vformDetail\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import HttpEditor from '@/components/http-editor/index.vue';\n    // import HttpItem from '@/components/http-editor/httpItem.vue';\n    // export default {\n    //     name: 'form-crud-setting',\n    //     components: { HttpEditor },\n    //     props: {\n    //         : Object\n    //     }\n    // };\n    const formConfig = defineModel('formConfig', {\n        type: Object,\n        default: () => ({\n            serveList: {\n                vformUpdate: {},\n                vformDetail: {}\n            }\n        })\n    });\n</script>\n"],"names":["_useModel","_openBlock","_createElementBlock","_createVNode","HttpEditor"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BI,UAAM,aAAaA,SAAW,SAAC,YAQ9B;;AAlCD,aAAAC,UAAA,GAAAC,mBAaM,OAbN,YAaM;AAAA,QAZFC,YAKEC,aAAA;AAAA,UAJE,OAAM;AAAA,UACN,YAAW;AAAA,UACX,aAAY;AAAA,UACJ,aAAa,WAAA,MAAW,UAAU;AAAA,wEAArB,WAAA,MAAW,UAAU,cAAW;AAAA,QAAA;QAEzDD,YAKEC,aAAA;AAAA,UAJE,OAAM;AAAA,UACN,YAAW;AAAA,UACX,aAAY;AAAA,UACX,aAAa,WAAA,MAAW,UAAU;AAAA,QAAA;;;;;"}
+{"version":3,"file":"form-crud-setting.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/form-crud-setting.vue"],"sourcesContent":["<template>\n    <div class=\"t-p-[10px]\">\n        <HttpEditor\n            label=\"设置表单编辑api\"\n            buttonName=\"编辑\"\n            drawerTitle=\"表单配置\"\n            v-model:optionModel=\"formConfig.serveList.vformUpdate\"\n        />\n        <HttpEditor\n            label=\"设置表单获取详情api\"\n            buttonName=\"编辑\"\n            drawerTitle=\"表单配置\"\n            :optionModel=\"formConfig.serveList.vformDetail\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import HttpEditor from '@/components/http-editor/index.vue';\n    // import HttpItem from '@/components/http-editor/httpItem.vue';\n    // export default {\n    //     name: 'form-crud-setting',\n    //     components: { HttpEditor },\n    //     props: {\n    //         : Object\n    //     }\n    // };\n    const formConfig = defineModel('formConfig', {\n        type: Object,\n        default: () => ({\n            serveList: {\n                vformUpdate: {},\n                vformDetail: {}\n            }\n        })\n    });\n</script>\n"],"names":["formConfig","_useModel","__props","_openBlock","_createElementBlock","_hoisted_1","_createVNode","HttpEditor","$event"],"mappings":";;;;;;;;;;;;;;;;;;AA2BI,UAAMA,IAAaC,EAAWC,GAAC,YAQ9B;sBAlCDC,EAAA,GAAAC,EAaM,OAbNC,GAaM;AAAA,MAZFC,EAKEC,GAAA;AAAA,QAJE,OAAM;AAAA,QACN,YAAW;AAAA,QACX,aAAY;AAAA,QACJ,aAAaP,EAAA,MAAW,UAAU;AAAA,uDAArBA,EAAA,MAAW,UAAU,cAAWQ;AAAA,MAAA;MAEzDF,EAKEC,GAAA;AAAA,QAJE,OAAM;AAAA,QACN,YAAW;AAAA,QACX,aAAY;AAAA,QACX,aAAaP,EAAA,MAAW,UAAU;AAAA,MAAA;;;;"}

package/src/components/form-designer/setting-panel/form-crud-setting.vue2.js

@@ -1,5 +1,5 @@
-import _sfc_main from "./form-crud-setting.vue.js";
+import f from "./form-crud-setting.vue.js";
 export {
-  _sfc_main as default
+  f as default
 };
 //# sourceMappingURL=form-crud-setting.vue2.js.map

package/src/components/form-designer/setting-panel/form-setting.vue.js

@@ -1,8 +1,8 @@
-import _sfc_main from "./form-setting.vue2.js";
+import o from "./form-setting.vue2.js";
 /* empty css                  */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b16d259"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2b16d259"]]);
 export {
-  FormSetting as default
+  _ as default
 };
 //# sourceMappingURL=form-setting.vue.js.map