@kp-ui/lowcode 1.0.90 → 1.0.91

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../install.js"],"sourcesContent":["// 导出基础组件\nimport '@/styles/global.less';\nimport VFormDesigner from '@/components/form-designer/index.vue';\nimport VFormRender from '@/components/form-render/index.vue';\n\nimport 'virtual:svg-icons-register';\n\n// 导出配置相关\nexport {\n    addContainerWidgetSchema,\n    addBasicFieldSchema,\n    addAdvancedFieldSchema,\n    addCustomWidgetSchema\n} from '@/components/form-designer/widget-panel/widgetsConfig';\n\nimport { basicFieldsEnums } from '@/components/form-designer/widget-panel/basicFieldsEnums';\n\n// 导出容器相关\nexport { default as containerMixin } from '@/components/form-designer/form-widget/container-widget/containerMixin';\nexport { default as ContainerWrapper } from '@/components/form-designer/form-widget/container-widget/container-wrapper';\nimport ContainerWidgets from '@/components/form-designer/form-widget/container-widget/index';\nimport ContainerItems from '@/components/form-render/container-item/index';\n\n// 导出字段相关\nexport { default as FieldComponents } from '@/components/form-designer/form-widget/field-widget/index';\nexport { default as refMixinDesign } from '@/components/form-designer/refMixinDesign';\nexport { default as refMixin } from '@/components/form-render/refMixin';\nexport { default as ContainerItemWrapper } from '@/components/form-render/container-item/container-item-wrapper';\nexport { default as containerItemMixin } from '@/components/form-render/container-item/containerItemMixin';\nexport { default as StaticContentWrapper } from '@/components/form-designer/form-widget/field-widget/static-content-wrapper';\nexport { default as FormItemWrapper } from '@/components/form-designer/form-widget/field-widget/form-item-wrapper';\nexport { default as fieldMixin } from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\nimport { openCustomerModal } from '@/components/public/CustomerModal/useCustomerModal.tsx';\nexport { default as SubmitButtonRender } from '@/components/form-render/SubmitButtonRender.vue';\n\n// 导出工具\nexport { default as emitter } from '@/utils/emitter';\n\nexport { useLowcode } from '@/hooks/useLowcode';\n\n// 注册 HTTP\nexport const registerLowcodeCore = params => {\n    const { app, http, factoryRender } = params;\n\n    app.config.globalProperties.$http = http;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = openCustomerModal;\n\n    app.use(ContainerWidgets);\n    app.use(ContainerItems);\n\n    const vfrom = window.$vform ?? {};\n    window.$vform = {\n        ...vfrom,\n        $http: http\n    };\n};\n\nexport { basicFieldsEnums, VFormDesigner, VFormRender };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0CY,MAAC,sBAAsB,YAAU;AACzC,QAAM,EAAE,KAAK,MAAM,cAAa,IAAK;AAErC,MAAI,OAAO,iBAAiB,QAAQ;AACpC,MAAI,OAAO,iBAAiB,iBAAiB;AAC7C,MAAI,OAAO,iBAAiB,qBAAqB;AAEjD,MAAI,IAAI,gBAAgB;AACxB,MAAI,IAAI,cAAc;AAEtB,QAAM,QAAQ,OAAO,UAAU,CAAA;AAC/B,SAAO,SAAS;AAAA,IACZ,GAAG;AAAA,IACH,OAAO;AAAA,EACf;AACA;"}
+{"version":3,"file":"index.js","sources":["../install.ts"],"sourcesContent":["// 导出基础组件\nimport '@/styles/global.less';\nimport VFormDesigner from '@/components/form-designer/index.vue';\nimport VFormRender from '@/components/form-render/index.vue';\n\nimport 'virtual:svg-icons-register';\n\n// 导出配置相关\nexport {\n    addContainerWidgetSchema,\n    addBasicFieldSchema,\n    addAdvancedFieldSchema,\n    addCustomWidgetSchema\n} from '@/components/form-designer/widget-panel/widgetsConfig';\n\nimport { basicFieldsEnums } from '@/components/form-designer/widget-panel/basicFieldsEnums';\n\n// 导出容器相关\nexport { default as containerMixin } from '@/components/form-designer/form-widget/container-widget/containerMixin';\nexport { default as ContainerWrapper } from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\nimport ContainerWidgets from '@/components/form-designer/form-widget/container-widget/index';\nimport ContainerItems from '@/components/form-render/container-item/index';\n\n// 导出字段相关\nexport { default as FieldComponents } from '@/components/form-designer/form-widget/field-widget/index';\nexport { default as refMixinDesign } from '@/components/form-designer/refMixinDesign';\nexport { default as refMixin } from '@/components/form-render/refMixin';\nexport { default as ContainerItemWrapper } from '@/components/form-render/container-item/container-item-wrapper.vue';\nexport { default as containerItemMixin } from '@/components/form-render/container-item/containerItemMixin';\nexport { default as StaticContentWrapper } from '@/components/form-designer/form-widget/field-widget/static-content-wrapper.vue';\nexport { default as FormItemWrapper } from '@/components/form-designer/form-widget/field-widget/form-item-wrapper.vue';\nexport { default as fieldMixin } from '@/components/form-designer/form-widget/field-widget/fieldMixin';\n\nimport { openCustomerModal } from '@/components/public/CustomerModal/useCustomerModal';\nimport type { App } from 'vue';\nimport type { AxiosInstance } from 'axios';\nexport { default as SubmitButtonRender } from '@/components/form-render/SubmitButtonRender.vue';\n\n// 导出工具\nexport { default as emitter } from '@/utils/emitter';\n\nexport { useLowcode } from '@/hooks/useLowcode';\n\ninterface RegisterLowcodeCoreParams {\n    app: App;\n    http: AxiosInstance;\n    factoryRender: (name: string, props: any) => any;\n}\n// 注册 HTTP\nexport const registerLowcodeCore = (params: RegisterLowcodeCoreParams) => {\n    const { app, http, factoryRender } = params;\n\n    app.config.globalProperties.$http = http;\n    app.config.globalProperties.$factoryRender = factoryRender;\n    app.config.globalProperties.$openCustomerModal = openCustomerModal;\n\n    app.use(ContainerWidgets);\n    app.use(ContainerItems);\n\n    const vfrom = window.$vform ?? {};\n    window.$vform = {\n        ...vfrom,\n        $http: http\n    };\n};\n\nexport { basicFieldsEnums, VFormDesigner, VFormRender };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAiDO,MAAM,sBAAsB,CAAC,WAAsC;AACtE,QAAM,EAAE,KAAK,MAAM,cAAA,IAAkB;AAErC,MAAI,OAAO,iBAAiB,QAAQ;AACpC,MAAI,OAAO,iBAAiB,iBAAiB;AAC7C,MAAI,OAAO,iBAAiB,qBAAqB;AAEjD,MAAI,IAAI,gBAAgB;AACxB,MAAI,IAAI,cAAc;AAEtB,QAAM,QAAQ,OAAO,UAAU,CAAA;AAC/B,SAAO,SAAS;AAAA,IACZ,GAAG;AAAA,IACH,OAAO;AAAA,EAAA;AAEf;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "1.0.90",
+  "version": "1.0.91",
   "publishConfig": {
     "access": "public"
   },
@@ -10,7 +10,7 @@
     "@kp-ui/tool": "1.0.27",
     "@surely-vue/table": "^5.0.3",
     "animate.css": "^4.1.1",
-    "ant-design-vue": "3.2.20",
+    "ant-design-vue": "4.2.6",
     "axios": "^1.3.5",
     "bpmn-js": "13.2.0",
     "clipboard": "^2.0.8",
@@ -26,7 +26,8 @@
     "vue": "^3.5.13"
   },
   "main": "index.js",
-  "types": "types/install.d.d.ts",
+  "types": "types/install.d.ts",
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./index.js",

package/src/components/CustomRender/components/AttachmentRender.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./AttachmentRender.vue2.js";
 /* empty css                      */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-33b59e9a"]]);
+const AttachmentRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c73b2741"]]);
 export {
   AttachmentRender as default
 };

package/src/components/CustomRender/components/AttachmentRender.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentRender.vue2.js","sources":["../../../../../src/components/CustomRender/components/AttachmentRender.vue"],"sourcesContent":["<template>\n    <div class=\"attachment-render\" v-if=\"attachmentList.length\">\n        <div class=\"file-list\">\n            <template v-for=\"(file, index) in attachmentList\" :key=\"index\">\n                <div class=\"file-item\">\n                    <div class=\"file-item__icon\">\n                        <FileIcon :file=\"file\" />\n                    </div>\n                    <span class=\"file-name\">{{ file.fileName }}</span>\n                    <a-button type=\"link\" @click=\"() => handleDownload(file)\">\n                        <template #icon><DownloadOutlined /></template>\n                    </a-button>\n                    <a-button type=\"link\" @click=\"() => handlePreview(file)\">\n                        <template #icon><EyeOutlined /></template>\n                    </a-button>\n                </div>\n            </template>\n        </div>\n\n        <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </TpfModal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, ref, watch, watchEffect } from 'vue';\n    import { Button as AButton } from 'ant-design-vue';\n    import { DownloadOutlined, EyeOutlined } from '@ant-design/icons-vue';\n    import { useFilePreview } from '@/hooks';\n    import { IFileObjectType } from '@/types/fileObject';\n    import FileIcon from '@/components/svg-icon/FileIcon';\n    import { TpfModal } from 'tmgc2-share';\n\n    interface Props {\n        data: IFileObjectType[];\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        data: () => []\n    });\n\n    const {\n        previewVisible,\n        previewTitle,\n        previewImage,\n        handleCancel,\n        handlePreview,\n        handleDownload\n    } = useFilePreview();\n\n    const attachmentList = ref<IFileObjectType[]>([]);\n\n    watchEffect(() => {\n        if (typeof props.data === 'string') {\n            attachmentList.value = JSON.parse(props.data);\n        } else {\n            attachmentList.value = props.data;\n        }\n    });\n\n    // 判断是否为图片文件\n    const isImageFile = (file: IFileObjectType) => {\n        const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp'];\n        return imageExtensions.some(ext => file.fileType!.toLowerCase().endsWith(ext));\n    };\n\n    //   // 文件列表\n    //   const fileList = computed(() => {\n    //     return attachmentList.value.filter(file => !isImageFile(file));\n    //   });\n\n    //   // 图片列表\n    //   const imageList = computed(() => {\n    //     return attachmentList.value.filter(file => isImageFile(file));\n    //   });\n\n    onMounted(() => {});\n</script>\n\n<style lang=\"less\" scoped>\n    .attachment-render {\n        display: inline-block;\n        width: 100%;\n    }\n\n    .file-list {\n    }\n\n    .image-preview {\n        display: flex;\n    }\n    .image-preview {\n        --image-size: 60px;\n        :deep(.ant-image) {\n            border-radius: 5px;\n            border: 1px solid #eee;\n            margin: 2px;\n            height: var(--image-size);\n            width: var(--image-size);\n            display: flex;\n            align-items: center;\n        }\n    }\n\n    :deep(.preview-image) {\n        padding: 3px;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: cover;\n        border-radius: 4px;\n    }\n\n    .file-item {\n        display: flex;\n        align-items: center;\n        padding: 2px;\n        border: 1px solid #d9d9d9;\n        border-radius: 4px;\n        background-color: #fafafa;\n        margin-bottom: 4px;\n        .file-item__icon {\n            text-align: center;\n            width: 20px;\n        }\n        :deep(.ant-btn-link) {\n            padding: 0;\n            width: 22px;\n            line-height: 22px;\n            height: 22px;\n            font-size: 12px;\n            color: #666;\n            &:hover {\n                color: #1890ff;\n            }\n        }\n    }\n\n    .file-icon {\n        font-size: 20px;\n        color: #909399;\n        margin-right: 8px;\n    }\n\n    .file-name {\n        flex: 1;\n        margin-right: 8px;\n        overflow: hidden;\n        text-align: left;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        margin-left: 5px;\n    }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_createVNode","_unref","_toDisplayString","AButton"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAId,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,IAAA,IACA,eAAA;AAEJ,UAAM,iBAAiB,IAAuB,EAAE;AAEhD,gBAAY,MAAM;AACd,UAAI,OAAO,MAAM,SAAS,UAAU;AAChC,uBAAe,QAAQ,KAAK,MAAM,MAAM,IAAI;AAAA,MAAA,OACzC;AACH,uBAAe,QAAQ,MAAM;AAAA,MAAA;AAAA,IACjC,CACH;AAkBD,cAAU,MAAM;AAAA,IAAA,CAAE;;AA5EmB,aAAA,eAAA,MAAe,UAApDA,aAAAC,mBAqBM,OArBN,YAqBM;AAAA,QApBFC,mBAeM,OAfN,YAeM;AAAA,WAdFF,UAAA,IAAA,GAAAC,mBAaWE,UAAA,MAAAC,WAbuB,eAAA,OAAc,CAA9B,MAAM,UAAK;gCACzBH,mBAWM,OAAA;AAAA,mBAZ8C;AAAA,cAC/C,OAAM;AAAA,YAAA;cACPC,mBAEM,OAFN,YAEM;AAAA,gBADFG,YAAyBC,MAAA,QAAA,GAAA,EAAd,KAAA,GAAU,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA,cAAA;cAEzBJ,mBAAkD,QAAlD,YAAkDK,gBAAvB,KAAK,QAAQ,GAAA,CAAA;AAAA,cACxCF,YAEWC,MAAAE,MAAA,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAK,MAAQF,MAAA,cAAA,EAAe,IAAI;AAAA,cAAA;gBACxC,cAAK,MAAoB;AAAA,kBAApBD,YAAoBC,MAAA,gBAAA,CAAA;AAAA,gBAAA;;;cAExCD,YAEWC,MAAAE,MAAA,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAK,MAAQF,MAAA,aAAA,EAAc,IAAI;AAAA,cAAA;gBACvC,cAAK,MAAe;AAAA,kBAAfD,YAAeC,MAAA,WAAA,CAAA;AAAA,gBAAA;;;;;;QAM/CD,YAEWC,MAAA,QAAA,GAAA;AAAA,UAFO,SAASA,MAAA,cAAA;AAAA,4FAAA,eAAc,QAAA,SAAA;AAAA,UAAG,OAAOA,MAAA,YAAA;AAAA,UAAe,QAAQ;AAAA,QAAA;2BACtE,MAA+C;AAAA,YAA/CJ,mBAA+C,OAAA;AAAA,cAA1C,OAAA,EAAA,SAAA,OAAA;AAAA,cAAqB,KAAKI,MAAA,YAAA;AAAA,YAAA;;;;;;;;"}
+{"version":3,"file":"AttachmentRender.vue2.js","sources":["../../../../../src/components/CustomRender/components/AttachmentRender.vue"],"sourcesContent":["<template>\n    <div class=\"attachment-render\" v-if=\"attachmentList.length\">\n        <div class=\"file-list\">\n            <template v-for=\"(file, index) in attachmentList\" :key=\"index\">\n                <div class=\"file-item\">\n                    <div class=\"file-item__icon\">\n                        <FileIcon :file=\"file\" />\n                    </div>\n                    <span class=\"file-name\">{{ file.fileName }}</span>\n                    <a-button type=\"link\" @click=\"() => handleDownload(file)\">\n                        <template #icon><DownloadOutlined /></template>\n                    </a-button>\n                    <a-button type=\"link\" @click=\"() => handlePreview(file)\">\n                        <template #icon><EyeOutlined /></template>\n                    </a-button>\n                </div>\n            </template>\n        </div>\n\n        <TpfModal v-model:visible=\"previewVisible\" :title=\"previewTitle\" :footer=\"null\">\n            <img style=\"width: 100%\" :src=\"previewImage\" />\n        </TpfModal>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, onMounted, ref, watch, watchEffect } from 'vue';\n    import { Button as AButton } from 'ant-design-vue';\n    import { DownloadOutlined, EyeOutlined } from '@ant-design/icons-vue';\n    import { useFilePreview } from '@/hooks';\n    import { IFileObjectType } from '@/types/fileObject';\n    import FileIcon from '@/components/svg-icon/FileIcon';\n    import { TpfModal } from 'tmgc2-share';\n\n    interface Props {\n        data: IFileObjectType[];\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        data: () => []\n    });\n\n    const {\n        previewVisible,\n        previewTitle,\n        previewImage,\n        handleCancel,\n        handlePreview,\n        handleDownload\n    } = useFilePreview();\n\n    const attachmentList = ref<IFileObjectType[]>([]);\n\n    watchEffect(() => {\n        if (typeof props.data === 'string') {\n            attachmentList.value = JSON.parse(props.data);\n        } else {\n            attachmentList.value = props.data;\n        }\n    });\n\n    // 判断是否为图片文件\n    const isImageFile = (file: IFileObjectType) => {\n        const imageExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp'];\n        return imageExtensions.some(ext => file.fileType!.toLowerCase().endsWith(ext));\n    };\n\n    //   // 文件列表\n    //   const fileList = computed(() => {\n    //     return attachmentList.value.filter(file => !isImageFile(file));\n    //   });\n\n    //   // 图片列表\n    //   const imageList = computed(() => {\n    //     return attachmentList.value.filter(file => isImageFile(file));\n    //   });\n\n    onMounted(() => {});\n</script>\n\n<style lang=\"less\" scoped>\n    .attachment-render {\n        display: inline-block;\n        width: 100%;\n    }\n\n    .file-list {\n    }\n\n    .image-preview {\n        display: flex;\n    }\n    .image-preview {\n        --image-size: 60px;\n        :deep(.ant-image) {\n            border-radius: 5px;\n            border: 1px solid #eee;\n            margin: 2px;\n            height: var(--image-size);\n            width: var(--image-size);\n            display: flex;\n            align-items: center;\n        }\n    }\n\n    :deep(.preview-image) {\n        padding: 3px;\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: cover;\n        border-radius: 4px;\n    }\n\n    .file-item {\n        display: flex;\n        align-items: center;\n        padding: 2px;\n        border: 1px solid #d9d9d9;\n        border-radius: 4px;\n        background-color: #fafafa;\n        margin-bottom: 4px;\n        .file-item__icon {\n            text-align: center;\n            width: 20px;\n        }\n        :deep(.ant-btn-link) {\n            padding: 0;\n            width: 22px;\n            line-height: 22px;\n            height: 22px;\n            font-size: 12px;\n            color: #666;\n        }\n    }\n\n    .file-icon {\n        font-size: 20px;\n        color: #909399;\n        margin-right: 8px;\n    }\n\n    .file-name {\n        flex: 1;\n        margin-right: 8px;\n        overflow: hidden;\n        text-align: left;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        margin-left: 5px;\n    }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_createVNode","_unref","_toDisplayString","AButton"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsCI,UAAM,QAAQ;AAId,UAAM;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,IAAA,IACA,eAAA;AAEJ,UAAM,iBAAiB,IAAuB,EAAE;AAEhD,gBAAY,MAAM;AACd,UAAI,OAAO,MAAM,SAAS,UAAU;AAChC,uBAAe,QAAQ,KAAK,MAAM,MAAM,IAAI;AAAA,MAAA,OACzC;AACH,uBAAe,QAAQ,MAAM;AAAA,MAAA;AAAA,IACjC,CACH;AAkBD,cAAU,MAAM;AAAA,IAAA,CAAE;;AA5EmB,aAAA,eAAA,MAAe,UAApDA,aAAAC,mBAqBM,OArBN,YAqBM;AAAA,QApBFC,mBAeM,OAfN,YAeM;AAAA,WAdFF,UAAA,IAAA,GAAAC,mBAaWE,UAAA,MAAAC,WAbuB,eAAA,OAAc,CAA9B,MAAM,UAAK;gCACzBH,mBAWM,OAAA;AAAA,mBAZ8C;AAAA,cAC/C,OAAM;AAAA,YAAA;cACPC,mBAEM,OAFN,YAEM;AAAA,gBADFG,YAAyBC,MAAA,QAAA,GAAA,EAAd,KAAA,GAAU,MAAA,GAAA,CAAA,MAAA,CAAA;AAAA,cAAA;cAEzBJ,mBAAkD,QAAlD,YAAkDK,gBAAvB,KAAK,QAAQ,GAAA,CAAA;AAAA,cACxCF,YAEWC,MAAAE,MAAA,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAK,MAAQF,MAAA,cAAA,EAAe,IAAI;AAAA,cAAA;gBACxC,cAAK,MAAoB;AAAA,kBAApBD,YAAoBC,MAAA,gBAAA,CAAA;AAAA,gBAAA;;;cAExCD,YAEWC,MAAAE,MAAA,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAQ,SAAK,MAAQF,MAAA,aAAA,EAAc,IAAI;AAAA,cAAA;gBACvC,cAAK,MAAe;AAAA,kBAAfD,YAAeC,MAAA,WAAA,CAAA;AAAA,gBAAA;;;;;;QAM/CD,YAEWC,MAAA,QAAA,GAAA;AAAA,UAFO,SAASA,MAAA,cAAA;AAAA,4FAAA,eAAc,QAAA,SAAA;AAAA,UAAG,OAAOA,MAAA,YAAA;AAAA,UAAe,QAAQ;AAAA,QAAA;2BACtE,MAA+C;AAAA,YAA/CJ,mBAA+C,OAAA;AAAA,cAA1C,OAAA,EAAA,SAAA,OAAA;AAAA,cAAqB,KAAKI,MAAA,YAAA;AAAA,YAAA;;;;;;;;"}

package/src/components/code-editor/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b8286917"]]);
+const CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-653ad3e1"]]);
 export {
   CodeEditor as default
 };

package/src/components/code-editor/index.vue2.js

@@ -64,8 +64,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const initEditor = async () => {
       isLoading.value = true;
       const ace = await import("ace-builds");
-      const ACE_BASE_PATH = "https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini";
-      ace.config.set("basePath", ACE_BASE_PATH);
       await Promise.all([
         import("ace-builds/src-min-noconflict/theme-sqlserver"),
         import("ace-builds/src-min-noconflict/mode-javascript"),
@@ -128,7 +126,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     });
     onMounted(() => {
-      console.log(121212121333);
       initEditor();
     });
     __expose({

package/src/components/code-editor/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/code-editor/index.vue"],"sourcesContent":["<template>\n    <div class=\"ace-container\" v-loading=\"isLoading\">\n        <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->\n        <div class=\"ace-editor\" ref=\"aceRef\"></div>\n    </div>\n</template>\n\n<script setup lang=\"ts\" name=\"CodeEditor\">\n    import { ref, onMounted, watch, watchEffect, computed, nextTick } from 'vue';\n    import type { Ace } from 'ace-builds';\n    interface CodeEditorProps {\n        /**\n         * 编辑器的值\n         */\n        value?: string;\n        /**\n         * 是否只读\n         */\n        readonly?: boolean;\n        /**\n         * 编辑器模式\n         */\n        mode?: 'javascript' | 'json' | 'css' | 'groovy';\n        /**\n         * 是否使用worker\n         */\n        userWorker?: boolean;\n    }\n    // 定义props和emits\n    const props = defineProps<CodeEditorProps>();\n\n    const emit = defineEmits(['update:value']);\n\n    // 响应式数据\n    const aceRef = ref<HTMLElement>();\n    const aceEditor = ref<Ace.Editor | null>(null);\n    const themePath = 'ace/theme/sqlserver'; // 不导入 webpack-resolver，该模块路径会报错\n    const modePath = 'ace/mode/javascript'; // 同上\n    const isLoading = ref(false);\n    // 设置编辑器值的方法\n    const setValue = newValue => {\n        if (aceEditor.value) {\n            aceEditor.value.getSession().setValue(newValue);\n        }\n    };\n\n    // 获取编辑器注释的方法\n    const getEditorAnnotations = () => {\n        return aceEditor.value?.getSession().getAnnotations();\n    };\n\n    // 设置不同的编辑模式\n    const setJsonMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/json');\n    };\n\n    const setCssMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/css');\n    };\n\n    const setGroovyMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/groovy');\n    };\n\n    // 添加自动完成功能\n    const addAutoCompletion = ace => {\n        const acData = [\n            {\n                meta: 'VForm API',\n                caption: 'getWidgetRef',\n                value: 'getWidgetRef()',\n                score: 1\n            },\n            { meta: 'VForm API', caption: 'getFormRef', value: 'getFormRef()', score: 1 },\n            {\n                meta: 'VForm API',\n                caption: 'getParentFormRef',\n                value: 'getParentFormRef()',\n                score: 1\n            }\n            //TODO: 待补充！！\n        ];\n        const langTools = ace.require('ace/ext/language_tools');\n        langTools.addCompleter({\n            getCompletions: function (editor, session, pos, prefix, callback) {\n                if (prefix.length === 0) {\n                    return callback(null, []);\n                } else {\n                    return callback(null, acData);\n                }\n            }\n        });\n    };\n\n    const initEditor = async () => {\n        isLoading.value = true;\n\n        const ace = await import('ace-builds');\n\n        const ACE_BASE_PATH = 'https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini';\n        ace.config.set('basePath', ACE_BASE_PATH);\n\n        // 按需加载所需的ace模块\n        await Promise.all([\n            import('ace-builds/src-min-noconflict/theme-sqlserver'),\n            import('ace-builds/src-min-noconflict/mode-javascript'),\n            import('ace-builds/src-min-noconflict/ext-language_tools')\n        ]);\n\n        // 根据mode按需加载额外的模块\n        if (props.mode === 'json') {\n            await import('ace-builds/src-min-noconflict/mode-json');\n        } else if (props.mode === 'css') {\n            await import('ace-builds/src-min-noconflict/mode-css');\n        } else if (props.mode === 'groovy') {\n            await import('ace-builds/src-min-noconflict/mode-groovy');\n        }\n\n        addAutoCompletion(ace); //添加自定义代码提示！！\n        await nextTick();\n        if (!aceRef.value) {\n            return;\n        }\n        aceEditor.value = ace.edit(aceRef.value, {\n            minLines: 10, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小\n            fontSize: 12, // 编辑器内字体大小\n            theme: themePath, // 默认设置的主题\n            mode: modePath, // 默认设置的语言模式\n            tabSize: 4, // 制表符设置为2个空格大小\n            readOnly: props.readonly,\n            highlightActiveLine: true\n        });\n\n        aceEditor.value.setOptions({\n            enableBasicAutocompletion: true,\n            enableSnippets: true, // 设置代码片段提示\n            enableLiveAutocompletion: true // 设置自动提示\n        });\n\n        if (props.mode === 'json') {\n            setJsonMode();\n        } else if (props.mode === 'css') {\n            setCssMode();\n        } else if (props.mode === 'groovy') {\n            setGroovyMode();\n        }\n\n        aceEditor.value.setValue(props.value || '');\n\n        //编辑时同步数据\n        aceEditor.value.getSession().on('change', ev => {\n            console.log(aceEditor.value?.getValue());\n\n            emit('update:value', aceEditor.value?.getValue());\n        });\n        isLoading.value = false;\n    };\n\n    watchEffect(() => {\n        aceEditor.value?.setOptions({\n            readOnly: props.readonly,\n            mode: props.mode,\n            useWorker: props.userWorker\n        });\n    });\n\n    onMounted(() => {\n        console.log(121212121333);\n        initEditor();\n    });\n\n    defineExpose({\n        initEditor,\n        getEditorAnnotations\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .ace-container {\n        display: flex;\n        min-height: 0;\n        flex: 1;\n        :deep(.ace-editor) {\n            min-height: 280px;\n            height: 100% !important;\n            flex: 1;\n        }\n    }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/components/code-editor/index.vue"],"sourcesContent":["<template>\n    <div class=\"ace-container\" v-loading=\"isLoading\">\n        <!-- 官方文档中使用id，这里禁止使用，在后期打包后容易出现问题，使用 ref 或者 DOM 就行 -->\n        <div class=\"ace-editor\" ref=\"aceRef\"></div>\n    </div>\n</template>\n\n<script setup lang=\"ts\" name=\"CodeEditor\">\n    import { ref, onMounted, watch, watchEffect, computed, nextTick } from 'vue';\n    import type { Ace } from 'ace-builds';\n    interface CodeEditorProps {\n        /**\n         * 编辑器的值\n         */\n        value?: string;\n        /**\n         * 是否只读\n         */\n        readonly?: boolean;\n        /**\n         * 编辑器模式\n         */\n        mode?: 'javascript' | 'json' | 'css' | 'groovy';\n        /**\n         * 是否使用worker\n         */\n        userWorker?: boolean;\n    }\n    // 定义props和emits\n    const props = defineProps<CodeEditorProps>();\n\n    const emit = defineEmits(['update:value']);\n\n    // 响应式数据\n    const aceRef = ref<HTMLElement>();\n    const aceEditor = ref<Ace.Editor | null>(null);\n    const themePath = 'ace/theme/sqlserver'; // 不导入 webpack-resolver，该模块路径会报错\n    const modePath = 'ace/mode/javascript'; // 同上\n    const isLoading = ref(false);\n    // 设置编辑器值的方法\n    const setValue = newValue => {\n        if (aceEditor.value) {\n            aceEditor.value.getSession().setValue(newValue);\n        }\n    };\n\n    // 获取编辑器注释的方法\n    const getEditorAnnotations = () => {\n        return aceEditor.value?.getSession().getAnnotations();\n    };\n\n    // 设置不同的编辑模式\n    const setJsonMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/json');\n    };\n\n    const setCssMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/css');\n    };\n\n    const setGroovyMode = () => {\n        aceEditor.value?.getSession().setMode('ace/mode/groovy');\n    };\n\n    // 添加自动完成功能\n    const addAutoCompletion = ace => {\n        const acData = [\n            {\n                meta: 'VForm API',\n                caption: 'getWidgetRef',\n                value: 'getWidgetRef()',\n                score: 1\n            },\n            { meta: 'VForm API', caption: 'getFormRef', value: 'getFormRef()', score: 1 },\n            {\n                meta: 'VForm API',\n                caption: 'getParentFormRef',\n                value: 'getParentFormRef()',\n                score: 1\n            }\n            //TODO: 待补充！！\n        ];\n        const langTools = ace.require('ace/ext/language_tools');\n        langTools.addCompleter({\n            getCompletions: function (editor, session, pos, prefix, callback) {\n                if (prefix.length === 0) {\n                    return callback(null, []);\n                } else {\n                    return callback(null, acData);\n                }\n            }\n        });\n    };\n\n    const initEditor = async () => {\n        isLoading.value = true;\n\n        const ace = await import('ace-builds');\n\n        // const ACE_BASE_PATH = 'https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini';\n        // ace.config.set('basePath', ACE_BASE_PATH);\n\n        // 按需加载所需的ace模块\n        await Promise.all([\n            import('ace-builds/src-min-noconflict/theme-sqlserver'),\n            import('ace-builds/src-min-noconflict/mode-javascript'),\n            import('ace-builds/src-min-noconflict/ext-language_tools')\n        ]);\n\n        // 根据mode按需加载额外的模块\n        if (props.mode === 'json') {\n            await import('ace-builds/src-min-noconflict/mode-json');\n        } else if (props.mode === 'css') {\n            await import('ace-builds/src-min-noconflict/mode-css');\n        } else if (props.mode === 'groovy') {\n            await import('ace-builds/src-min-noconflict/mode-groovy');\n        }\n\n        addAutoCompletion(ace); //添加自定义代码提示！！\n        await nextTick();\n        if (!aceRef.value) {\n            return;\n        }\n        aceEditor.value = ace.edit(aceRef.value, {\n            minLines: 10, // 最小行数，还未到最大行数时，编辑器会自动伸缩大小\n            fontSize: 12, // 编辑器内字体大小\n            theme: themePath, // 默认设置的主题\n            mode: modePath, // 默认设置的语言模式\n            tabSize: 4, // 制表符设置为2个空格大小\n            readOnly: props.readonly,\n            highlightActiveLine: true\n        });\n\n        aceEditor.value.setOptions({\n            enableBasicAutocompletion: true,\n            enableSnippets: true, // 设置代码片段提示\n            enableLiveAutocompletion: true // 设置自动提示\n        });\n\n        if (props.mode === 'json') {\n            setJsonMode();\n        } else if (props.mode === 'css') {\n            setCssMode();\n        } else if (props.mode === 'groovy') {\n            setGroovyMode();\n        }\n\n        aceEditor.value.setValue(props.value || '');\n\n        //编辑时同步数据\n        aceEditor.value.getSession().on('change', ev => {\n            console.log(aceEditor.value?.getValue());\n\n            emit('update:value', aceEditor.value?.getValue());\n        });\n        isLoading.value = false;\n    };\n\n    watchEffect(() => {\n        aceEditor.value?.setOptions({\n            readOnly: props.readonly,\n            mode: props.mode,\n            useWorker: props.userWorker\n        });\n    });\n\n    onMounted(() => {\n        initEditor();\n    });\n\n    defineExpose({\n        initEditor,\n        getEditorAnnotations\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .ace-container {\n        display: flex;\n        min-height: 0;\n        flex: 1;\n        :deep(.ace-editor) {\n            min-height: 280px;\n            height: 100% !important;\n            flex: 1;\n        }\n    }\n</style>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_createElementVNode"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js

@@ -6,7 +6,7 @@ const _hoisted_1 = { class: "talbe-wrapper" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_empty = resolveComponent("a-empty");
   const _component_RenderBodyCell = resolveComponent("RenderBodyCell");
-  const _component_s_table = resolveComponent("s-table");
+  const _component_STable = resolveComponent("STable");
   const _component_container_wrapper = resolveComponent("container-wrapper");
   return openBlock(), createBlock(_component_container_wrapper, {
     designer: $props.designer,
@@ -22,7 +22,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.selectWidget($props.widget), ["stop"]))
       }, [
         createElementVNode("div", _hoisted_1, [
-          createVNode(_component_s_table, {
+          createVNode(_component_STable, {
             ref: "dataTable2",
             columns: _ctx.columns.columns,
             scroll: { y: _ctx.tableHeight },
@@ -61,7 +61,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2676a74f"]]);
+const dataTableWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7a2c2010"]]);
 export {
   dataTableWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_normalizeStyle","_withCtx"],"mappings":";;;;AAciB,MAAA,aAAA,EAAA,OAAM,gBAAe;;;;;;sBAblCA,YA8CoB,8BAAA;AAAA,IA7Cf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MAsCM;AAAA,oBAtCNC,mBAsCM,OAAA;AAAA,QArCD,KAAK,OAAA,OAAO;AAAA,QACb,OAAKC,eAAA,CAAC,2CAAyC,EAAA,UAC3B,SAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,SAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBA+BM,OA/BN,YA+BM;AAAA,UA9BFC,YA6BU,oBAAA;AAAA,YA5BN,KAAI;AAAA,YACH,SAAS,KAAA,QAAQ;AAAA,YACjB,aAAa,KAAA,YAAW;AAAA,YACxB,QAAQ,KAAA;AAAA,YACR,YAAY,SAAA;AAAA,YACZ,uBAAQ,KAAA,WAAW,CAAA;AAAA,YACnB,MAAM,KAAA;AAAA,YACN,QAAQ,YAAU,OAAO,OAAA,OAAO,QAAQ,MAAM;AAAA,YAC9C,UAAU,OAAA,OAAO,QAAQ;AAAA,YACzB,OAAKC,eAAA,EAAA,OAAW,OAAA,OAAO,QAAQ,YAAU;AAAA,YACzC,kBAAgB,KAAA;AAAA,YAChB,cAAc,KAAA,mBAAkB;AAAA,YAChC,YAAY,KAAA;AAAA,YACZ,WAAW,KAAA;AAAA,YACX,cAAc,KAAA;AAAA,YACd,UAAQ,KAAA;AAAA,YACR,gBAAc,KAAA;AAAA,YACd,SAAS,KAAA;AAAA,YACT,cAAY,KAAA;AAAA;YAEF,mBACP,MAAW;AAAA,cAAXD,YAAW,kBAAA;AAAA;YAEJ,UAAQE,QACf,CADiB,UAAK;AAAA,cACN,KAAA,eAAe,MAAM,OAAO,SAAS,kBACjDP,YAA8D,2BAAA;AAAA;gBAA7C,UAAU,KAAA,QAAQ;AAAA,gBAAW;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"data-table-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"talbe-wrapper\">\n                <STable\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </STable>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n    import STable, { setLicenseKey } from '@surely-vue/table';\n    setLicenseKey(\n        '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n    );\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            STable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_normalizeStyle","_withCtx"],"mappings":";;;;AAciB,MAAA,aAAA,EAAA,OAAM,gBAAe;;;;;;sBAblCA,YA8CoB,8BAAA;AAAA,IA7Cf,UAAU,OAAA;AAAA,IACV,QAAQ,OAAA;AAAA,IACR,iBAAe,OAAA;AAAA,IACf,eAAa,OAAA;AAAA,IACb,wBAAsB,OAAA;AAAA;qBAEvB,MAsCM;AAAA,oBAtCNC,mBAsCM,OAAA;AAAA,QArCD,KAAK,OAAA,OAAO;AAAA,QACb,OAAKC,eAAA,CAAC,2CAAyC,EAAA,UAC3B,SAAA,SAAQ,CAAA,CAAA;AAAA,QAC3B,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,cAAA,YAAO,SAAA,aAAa,OAAA,MAAM,GAAA,CAAA,MAAA,CAAA;AAAA;QAEhCC,mBA+BM,OA/BN,YA+BM;AAAA,UA9BFC,YA6BS,mBAAA;AAAA,YA5BL,KAAI;AAAA,YACH,SAAS,KAAA,QAAQ;AAAA,YACjB,aAAa,KAAA,YAAW;AAAA,YACxB,QAAQ,KAAA;AAAA,YACR,YAAY,SAAA;AAAA,YACZ,uBAAQ,KAAA,WAAW,CAAA;AAAA,YACnB,MAAM,KAAA;AAAA,YACN,QAAQ,YAAU,OAAO,OAAA,OAAO,QAAQ,MAAM;AAAA,YAC9C,UAAU,OAAA,OAAO,QAAQ;AAAA,YACzB,OAAKC,eAAA,EAAA,OAAW,OAAA,OAAO,QAAQ,YAAU;AAAA,YACzC,kBAAgB,KAAA;AAAA,YAChB,cAAc,KAAA,mBAAkB;AAAA,YAChC,YAAY,KAAA;AAAA,YACZ,WAAW,KAAA;AAAA,YACX,cAAc,KAAA;AAAA,YACd,UAAQ,KAAA;AAAA,YACR,gBAAc,KAAA;AAAA,YACd,SAAS,KAAA;AAAA,YACT,cAAY,KAAA;AAAA;YAEF,mBACP,MAAW;AAAA,cAAXD,YAAW,kBAAA;AAAA;YAEJ,UAAQE,QACf,CADiB,UAAK;AAAA,cACN,KAAA,eAAe,MAAM,OAAO,SAAS,kBACjDP,YAA8D,2BAAA;AAAA;gBAA7C,UAAU,KAAA,QAAQ;AAAA,gBAAW;AAAA;;;;;;;;;;;"}

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js

@@ -5,12 +5,15 @@ import comps from "../field-widget/index.js";
 import containerMixin from "./containerMixin.js";
 import refMixinDesign from "../../refMixinDesign.js";
 import useDataTableMixin from "../../../../mixins/useDataTableMixin.js";
+import STable, { setLicenseKey } from "@surely-vue/table";
+setLicenseKey("45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ==");
 const _sfc_main = {
   name: "DataTableWidget",
   componentName: "DataTableWidget",
   mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],
   inject: ["refList"],
   components: {
+    STable,
     ContainerWrapper,
     ...comps
   },

package/src/components/form-designer/form-widget/container-widget/data-table-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"talbe-wrapper\">\n                <s-table\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </s-table>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;AA0DI,MAAA,YAAe;AAAA,EACXA,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,MAAMC,gBAAgBC,gBAAgBC,SAASC,iBAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC;AAAAA,IACA,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO;AAAA;AAAA;;EAIXC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA,IACb;AAAA;EAEJI,UAAU;AACN,SAAKC,YAAW;AAAA;EAEpBC,UAAU;AACN,SAAKC,wBAAuB;AAAA;EAEhCC,gBAAgB;AAAA;EAGhBC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA;IAE/BC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAa1B,QAAQ;AACjB,WAAKO,SAASoB,YAAY3B,MAAM;AAAA,IACpC;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"data-table-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/data-table-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            :key=\"widget.id\"\n            class=\"collapse-container data-table-container\"\n            :class=\"{ selected: selected }\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <div class=\"talbe-wrapper\">\n                <STable\n                    ref=\"dataTable2\"\n                    :columns=\"columns.columns\"\n                    :scroll=\"{ y: tableHeight }\"\n                    :height=\"tableHeight\"\n                    :dataSource=\"data\"\n                    :class=\"[customClass]\"\n                    :size=\"widgetSize\"\n                    :rowKey=\"record => record[widget.options.rowKey]\"\n                    :bordered=\"widget.options.border\"\n                    :style=\"{ width: widget.options.tableWidth }\"\n                    :row-class-name=\"rowClassName\"\n                    :rowSelection=\"handleRowSelection()\"\n                    :pagination=\"fmtPagination\"\n                    :customRow=\"handleCustomRow\"\n                    :rowClassName=\"rowClassName\"\n                    @change=\"handleTablePageChange\"\n                    @resizeColumn=\"handleResizeColumn\"\n                    :loading=\"loading\"\n                    :row-height=\"lineHeight\"\n                >\n                    <template #emptyText>\n                        <a-empty />\n                    </template>\n                    <template #bodyCell=\"scope\">\n                        <template v-if=\"isShowBodyCell(scope.column.dataIndex)\">\n                            <RenderBodyCell :bodyCell=\"columns.bodyCell\" :scope=\"scope\" />\n                        </template>\n                    </template>\n                </STable>\n            </div>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper';\n    import emitter from '@/utils/emitter';\n    import i18n from '@/utils/i18n';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget/index';\n    import containerMixin from '@/components/form-designer/form-widget/container-widget/containerMixin';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import useDataTableMixin from '@/mixins/useDataTableMixin';\n    import STable, { setLicenseKey } from '@surely-vue/table';\n    setLicenseKey(\n        '45beeffb8943e862ec9cbaa94614552cT1JERVI6MTAwMDc5LEVYUElSWT0xNzQ4MzA0MDAwMDAwLERPTUFJTj1zdXJlbHkuY29vbCxVTFRJTUFURT0xLEtFWVZFUlNJT049MQ=='\n    );\n    export default {\n        name: 'DataTableWidget',\n        componentName: 'DataTableWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter, useDataTableMixin],\n        inject: ['refList'],\n        components: {\n            STable,\n            ContainerWrapper,\n            ...FieldComponents\n        },\n        data() {\n            return {\n                // selectAllFlag: false\n            };\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n\n            subFormRowIndex: {\n                /* 子表单组件行索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormColIndex: {\n                /* 子表单组件列索引，从0开始计数 */ type: Number,\n                default: -1\n            },\n            subFormRowId: {\n                /* 子表单组件行Id，唯一id且不可变 */ type: String,\n                default: ''\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            this.loadDataTableDataSource();\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            data() {\n                return this.widget.options.dataSource;\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .collapse-container {\n        display: flex;\n        // height: 100%;\n        // width: 100%;\n        // flex: 1 0 0;\n\n        .form-widget-list {\n            min-height: 28px;\n            :deep(.tpf-surely-table) {\n                min-height: 280px;\n            }\n        }\n    }\n    .talbe-wrapper {\n        width: 100%;\n    }\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n    .data-table-container {\n        border: 2px dashed #cccccc;\n    }\n\n    :deep(.ant-table) .table-striped td {\n        background-color: #fafafa;\n    }\n</style>\n"],"names":["setLicenseKey","name","componentName","mixins","i18n","containerMixin","refMixinDesign","emitter","useDataTableMixin","inject","components","STable","ContainerWrapper","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","created","initRefList","mounted","loadDataTableDataSource","beforeUnmount","computed","options","dataSource","selected","id","selectedId","methods","selectWidget","setSelected"],"mappings":";;;;;;;;AA2DIA,cACI,0IACJ;AACA,MAAA,YAAe;AAAA,EACXC,MAAM;AAAA,EACNC,eAAe;AAAA,EACfC,QAAQ,CAACC,MAAMC,gBAAgBC,gBAAgBC,SAASC,iBAAiB;AAAA,EACzEC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,IACRC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO;AAAA;AAAA;;EAIXC,OAAO;AAAA,IACHC,QAAQC;AAAAA,IACRC,cAAcD;AAAAA,IACdE,YAAYC;AAAAA,IACZC,mBAAmBC;AAAAA,IACnBC,UAAUN;AAAAA,IAEVO,iBAAiB;AAAA;AAAA,MACSC,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbC,iBAAiB;AAAA;AAAA,MACSF,MAAMH;AAAAA,MAC5BI,SAAS;AAAA;IAEbE,cAAc;AAAA;AAAA,MACcH,MAAMI;AAAAA,MAC9BH,SAAS;AAAA,IACb;AAAA;EAEJI,UAAU;AACN,SAAKC,YAAW;AAAA;EAEpBC,UAAU;AACN,SAAKC,wBAAuB;AAAA;EAEhCC,gBAAgB;AAAA;EAGhBC,UAAU;AAAA,IACNrB,OAAO;AACH,aAAO,KAAKE,OAAOoB,QAAQC;AAAAA;IAE/BC,WAAW;AACP,aAAO,KAAKtB,OAAOuB,OAAO,KAAKhB,SAASiB;AAAAA,IAC5C;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAa1B,QAAQ;AACjB,WAAKO,SAASoB,YAAY3B,MAAM;AAAA,IACpC;AAAA,EACJ;AACJ;"}

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js

@@ -80,7 +80,7 @@ const _sfc_main = {
   },
   methods: {
     async loadFormCode(formCode) {
-      if (formCode) {
+      if (formCode && formCode.length) {
         const res = await this.$http.get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {
           params: { code: formCode }
         }).then((res2) => res2.data.object.frontendDefinition || "{}");
@@ -207,7 +207,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fc53819d"]]);
+const vfBoxWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6623c165"]]);
 export {
   vfBoxWidget as default
 };

package/src/components/form-designer/form-widget/container-widget/vf-box-widget.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n  <container-wrapper\n    :designer=\"designer\"\n    :widget=\"widget\"\n    :parent-widget=\"parentWidget\"\n    :parent-list=\"parentList\"\n    :index-of-parent-list=\"indexOfParentList\"\n  >\n    <div\n      class=\"box-container\"\n      :class=\"[selected ? 'selected' : '', customClass]\"\n      :key=\"widget.id\"\n      :style=\"boxStyle\"\n      @click.stop=\"selectWidget(widget)\"\n    >\n      <VFormRender\n        v-if=\"widget.options.formCode\"\n        ref=\"dFormRef\"\n        :parent-form=\"parentFormRef\"\n        :disabled-mode=\"widget.options.disabledMode\"\n        :dynamic-creation=\"true\"\n      />\n      <draggable\n        :list=\"widget.widgetList\"\n        item-key=\"id\"\n        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n        handle=\".drag-handler\"\n        @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n        @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n        @update=\"onDialogDragUpdate\"\n        :move=\"checkContainerMove\"\n      >\n        <template #item=\"{ element: subWidget, index: swIdx }\">\n          <div class=\"vf-box-drop-zone\">\n            <template v-if=\"'container' === subWidget.category\">\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :widget=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n              />\n            </template>\n            <template v-else>\n              <component\n                :is=\"subWidget.type + '-widget'\"\n                :field=\"subWidget\"\n                :designer=\"designer\"\n                :key=\"subWidget.id\"\n                :parent-list=\"widget.widgetList\"\n                :index-of-parent-list=\"swIdx\"\n                :parent-widget=\"widget\"\n                :design-state=\"true\"\n              />\n            </template>\n          </div>\n        </template>\n      </draggable>\n    </div>\n  </container-wrapper>\n</template>\n\n<script>\n  import { defineAsyncComponent } from 'vue';\n  import i18n from '@/utils/i18n';\n  import refMixinDesign from '@/components/form-designer/refMixinDesign';\n  import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n  import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n  import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n  export default {\n    name: 'vf-box-widget',\n    componentName: 'VfBoxWidget',\n    mixins: [i18n, refMixinDesign],\n    inject: ['refList'],\n    components: {\n      Draggable,\n      ContainerWrapper,\n      ...FieldComponents,\n      VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n    },\n    props: {\n      widget: Object,\n      parentWidget: Object,\n      parentList: Array,\n      indexOfParentList: Number,\n      designer: Object,\n      parentFormRef: {\n        type: Object,\n        default: null\n      }\n    },\n    data() {\n      return {\n        //\n      };\n    },\n    computed: {\n      selected() {\n        return this.widget.id === this.designer.selectedId;\n      },\n\n      customClass() {\n        return this.widget.options.customClass || '';\n      },\n\n      boxStyle() {\n      const boxModel = this.widget.options.boxModel || {};\n      const style = {};\n\n      // 设置内边距\n      if (boxModel.paddingTop !== undefined || boxModel.paddingRight !== undefined || \n          boxModel.paddingBottom !== undefined || boxModel.paddingLeft !== undefined) {\n        style.padding = `${boxModel.paddingTop || 0}px ${boxModel.paddingRight || 0}px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n      }\n\n      // 设置外边距\n      if (boxModel.marginTop !== undefined || boxModel.marginRight !== undefined || \n          boxModel.marginBottom !== undefined || boxModel.marginLeft !== undefined) {\n        style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${boxModel.marginBottom || 0}px ${boxModel.marginLeft || 0}px`;\n      }\n\n      // 设置边框\n      if (boxModel.borderShow) {\n        style.border = `${boxModel.borderWidth || 1}px ${boxModel.borderStyle || 'solid'} ${boxModel.borderColor || '#cccccc'}`;\n        if (boxModel.borderRadius !== undefined) {\n          style.borderRadius = `${boxModel.borderRadius}px`;\n        }\n      } else {\n        // 默认边框样式\n        style.border = '2px dashed #ccc';\n      }\n      \n      // 设置背景颜色\n      if (boxModel.backgroundColor) {\n        style.backgroundColor = boxModel.backgroundColor;\n      }\n      \n      // 设置圆角（即使没有边框也可以设置圆角）\n      if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n        style.borderRadius = `${boxModel.borderRadius}px`;\n      }\n       if (boxModel.shadowShow) {\n          style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${boxModel.shadowOffsetY || 2}px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${boxModel.shadowColor || 'rgba(0,0,0,0.2)'}`;\n        }\n\n        return style;\n      }\n    },\n    created() {\n      this.initRefList();\n      this.loadFormCode(this.widget.options.formCode);\n    },\n    watch: {\n      'widget.options.formCode'(val) {\n        this.loadFormCode(val);\n      }\n    },\n    methods: {\n      async loadFormCode(formCode) {\n        if (formCode) {\n          const res = await this.$http\n            .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n              params: { code: formCode }\n            })\n            .then(res => res.data.object.frontendDefinition || '{}');\n          this.$refs.dFormRef.setFormJson(JSON.parse(res));\n        }\n      },\n      onDialogDragEnd(evt, subList) {\n        //console.log('onDialogDragEnd', evt)\n      },\n\n      onDialogDragAdd(evt, subList) {\n        const newIndex = evt.newIndex;\n        if (!!subList[newIndex]) {\n          this.designer.setSelected(subList[newIndex]);\n        }\n\n        this.designer.emitHistoryChange();\n        this.designer.emitEvent('field-selected', this.widget);\n      },\n\n      onDialogDragUpdate() {\n        this.designer.emitHistoryChange();\n      },\n\n      selectWidget(widget) {\n        console.log('id: ' + widget.id);\n        this.designer.setSelected(widget);\n      },\n\n      checkContainerMove(evt) {\n        //弹窗、抽屉不能嵌套！！\n        return this.designer.checkWidgetMove(evt);\n      },\n\n      selectParentWidget() {\n        if (this.parentWidget) {\n          this.designer.setSelected(this.parentWidget);\n        } else {\n          this.designer.clearSelected();\n        }\n      },\n\n      moveUpWidget() {\n        this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n      },\n\n      moveDownWidget() {\n        this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n      },\n\n      removeWidget() {\n        if (!!this.parentList) {\n          let nextSelected = null;\n          if (this.parentList.length === 1) {\n            if (!!this.parentWidget) {\n              nextSelected = this.parentWidget;\n            }\n          } else if (this.parentList.length === 1 + this.indexOfParentList) {\n            nextSelected = this.parentList[this.indexOfParentList - 1];\n          } else {\n            nextSelected = this.parentList[this.indexOfParentList + 1];\n          }\n\n          this.$nextTick(() => {\n            this.parentList.splice(this.indexOfParentList, 1);\n            //if (!!nextSelected) {\n            this.designer.setSelected(nextSelected);\n            //}\n\n            this.designer.emitHistoryChange();\n          });\n        }\n      },\n      getFormRef() {\n        return this.$refs.dFormRef;\n      }\n    }\n  };\n</script>\n\n<style lang=\"less\" scoped>\n  .box-container {\n    width: 100%;\n    min-height: 120px;\n    position: relative;\n    padding-bottom: 20px;\n\n    .vf-box-drop-zone {\n      // min-height: 58px;\n    }\n  }\n\n  .box-container > div:first-child {\n    min-height: 58px;\n  }\n\n  .box-container.selected {\n    outline: 2px solid var(--ant-primary-color) !important;\n  }\n</style>\n"],"names":["Draggable","FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"vf-box-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-box-widget.vue"],"sourcesContent":["<template>\n    <container-wrapper\n        :designer=\"designer\"\n        :widget=\"widget\"\n        :parent-widget=\"parentWidget\"\n        :parent-list=\"parentList\"\n        :index-of-parent-list=\"indexOfParentList\"\n    >\n        <div\n            class=\"box-container\"\n            :class=\"[selected ? 'selected' : '', customClass]\"\n            :key=\"widget.id\"\n            :style=\"boxStyle\"\n            @click.stop=\"selectWidget(widget)\"\n        >\n            <VFormRender\n                v-if=\"widget.options.formCode\"\n                ref=\"dFormRef\"\n                :parent-form=\"parentFormRef\"\n                :disabled-mode=\"widget.options.disabledMode\"\n                :dynamic-creation=\"true\"\n            />\n            <draggable\n                :list=\"widget.widgetList\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                handle=\".drag-handler\"\n                @end=\"evt => onDialogDragEnd(evt, widget.widgetList)\"\n                @add=\"evt => onDialogDragAdd(evt, widget.widgetList)\"\n                @update=\"onDialogDragUpdate\"\n                :move=\"checkContainerMove\"\n            >\n                <template #item=\"{ element: subWidget, index: swIdx }\">\n                    <div class=\"vf-box-drop-zone\">\n                        <template v-if=\"'container' === subWidget.category\">\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :widget=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                            />\n                        </template>\n                        <template v-else>\n                            <component\n                                :is=\"subWidget.type + '-widget'\"\n                                :field=\"subWidget\"\n                                :designer=\"designer\"\n                                :key=\"subWidget.id\"\n                                :parent-list=\"widget.widgetList\"\n                                :index-of-parent-list=\"swIdx\"\n                                :parent-widget=\"widget\"\n                                :design-state=\"true\"\n                            />\n                        </template>\n                    </div>\n                </template>\n            </draggable>\n        </div>\n    </container-wrapper>\n</template>\n\n<script>\n    import { defineAsyncComponent } from 'vue';\n    import i18n from '@/utils/i18n';\n    import refMixinDesign from '@/components/form-designer/refMixinDesign';\n    import FieldComponents from '@/components/form-designer/form-widget/field-widget';\n    import ContainerWrapper from '@/components/form-designer/form-widget/container-widget/container-wrapper.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'vf-box-widget',\n        componentName: 'VfBoxWidget',\n        mixins: [i18n, refMixinDesign],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            ...FieldComponents,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue'))\n        },\n        props: {\n            widget: Object,\n            parentWidget: Object,\n            parentList: Array,\n            indexOfParentList: Number,\n            designer: Object,\n            parentFormRef: {\n                type: Object,\n                default: null\n            }\n        },\n        data() {\n            return {\n                //\n            };\n        },\n        computed: {\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            },\n\n            customClass() {\n                return this.widget.options.customClass || '';\n            },\n\n            boxStyle() {\n                const boxModel = this.widget.options.boxModel || {};\n                const style = {};\n\n                // 设置内边距\n                if (\n                    boxModel.paddingTop !== undefined ||\n                    boxModel.paddingRight !== undefined ||\n                    boxModel.paddingBottom !== undefined ||\n                    boxModel.paddingLeft !== undefined\n                ) {\n                    style.padding = `${boxModel.paddingTop || 0}px ${\n                        boxModel.paddingRight || 0\n                    }px ${boxModel.paddingBottom || 0}px ${boxModel.paddingLeft || 0}px`;\n                }\n\n                // 设置外边距\n                if (\n                    boxModel.marginTop !== undefined ||\n                    boxModel.marginRight !== undefined ||\n                    boxModel.marginBottom !== undefined ||\n                    boxModel.marginLeft !== undefined\n                ) {\n                    style.margin = `${boxModel.marginTop || 0}px ${boxModel.marginRight || 0}px ${\n                        boxModel.marginBottom || 0\n                    }px ${boxModel.marginLeft || 0}px`;\n                }\n\n                // 设置边框\n                if (boxModel.borderShow) {\n                    style.border = `${boxModel.borderWidth || 1}px ${\n                        boxModel.borderStyle || 'solid'\n                    } ${boxModel.borderColor || '#cccccc'}`;\n                    if (boxModel.borderRadius !== undefined) {\n                        style.borderRadius = `${boxModel.borderRadius}px`;\n                    }\n                } else {\n                    // 默认边框样式\n                    style.border = '2px dashed #ccc';\n                }\n\n                // 设置背景颜色\n                if (boxModel.backgroundColor) {\n                    style.backgroundColor = boxModel.backgroundColor;\n                }\n\n                // 设置圆角（即使没有边框也可以设置圆角）\n                if (boxModel.borderRadius !== undefined && !boxModel.borderShow) {\n                    style.borderRadius = `${boxModel.borderRadius}px`;\n                }\n                if (boxModel.shadowShow) {\n                    style.boxShadow = `${boxModel.shadowOffsetX || 0}px ${\n                        boxModel.shadowOffsetY || 2\n                    }px ${boxModel.shadowBlur || 4}px ${boxModel.shadowSpread || 0}px ${\n                        boxModel.shadowColor || 'rgba(0,0,0,0.2)'\n                    }`;\n                }\n\n                return style;\n            }\n        },\n        created() {\n            this.initRefList();\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            async loadFormCode(formCode) {\n                if (formCode && formCode.length) {\n                    const res = await this.$http\n                        .get(`/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement`, {\n                            params: { code: formCode }\n                        })\n                        .then(res => res.data.object.frontendDefinition || '{}');\n                    this.$refs.dFormRef.setFormJson(JSON.parse(res));\n                }\n            },\n            onDialogDragEnd(evt, subList) {\n                //console.log('onDialogDragEnd', evt)\n            },\n\n            onDialogDragAdd(evt, subList) {\n                const newIndex = evt.newIndex;\n                if (!!subList[newIndex]) {\n                    this.designer.setSelected(subList[newIndex]);\n                }\n\n                this.designer.emitHistoryChange();\n                this.designer.emitEvent('field-selected', this.widget);\n            },\n\n            onDialogDragUpdate() {\n                this.designer.emitHistoryChange();\n            },\n\n            selectWidget(widget) {\n                console.log('id: ' + widget.id);\n                this.designer.setSelected(widget);\n            },\n\n            checkContainerMove(evt) {\n                //弹窗、抽屉不能嵌套！！\n                return this.designer.checkWidgetMove(evt);\n            },\n\n            selectParentWidget() {\n                if (this.parentWidget) {\n                    this.designer.setSelected(this.parentWidget);\n                } else {\n                    this.designer.clearSelected();\n                }\n            },\n\n            moveUpWidget() {\n                this.designer.moveUpWidget(this.parentList, this.indexOfParentList);\n            },\n\n            moveDownWidget() {\n                this.designer.moveDownWidget(this.parentList, this.indexOfParentList);\n            },\n\n            removeWidget() {\n                if (!!this.parentList) {\n                    let nextSelected = null;\n                    if (this.parentList.length === 1) {\n                        if (!!this.parentWidget) {\n                            nextSelected = this.parentWidget;\n                        }\n                    } else if (this.parentList.length === 1 + this.indexOfParentList) {\n                        nextSelected = this.parentList[this.indexOfParentList - 1];\n                    } else {\n                        nextSelected = this.parentList[this.indexOfParentList + 1];\n                    }\n\n                    this.$nextTick(() => {\n                        this.parentList.splice(this.indexOfParentList, 1);\n                        //if (!!nextSelected) {\n                        this.designer.setSelected(nextSelected);\n                        //}\n\n                        this.designer.emitHistoryChange();\n                    });\n                }\n            },\n            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .box-container {\n        width: 100%;\n        min-height: 120px;\n        position: relative;\n        padding-bottom: 20px;\n\n        .vf-box-drop-zone {\n            // min-height: 58px;\n        }\n    }\n\n    .box-container > div:first-child {\n        min-height: 58px;\n    }\n\n    .box-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n</style>\n"],"names":["Draggable","FieldComponents","res","_createBlock","_createElementBlock","_normalizeClass","_withModifiers","_createVNode","_mergeProps","_withCtx","_createElementVNode","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { defineComponent, useModel, createElementBlock, openBlock, createVNode } from "vue";
-import HttpEditor from "../../http-editor/index.vue.js";
+import _sfc_main$1 from "../../http-editor/index.vue.js";
 const _hoisted_1 = { class: "t-p-[10px]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "form-crud-setting",
@@ -20,14 +20,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const formConfig = useModel(__props, "formConfig");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(HttpEditor, {
+        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(HttpEditor, {
+        createVNode(_sfc_main$1, {
           label: "设置表单获取详情api",
           buttonName: "编辑",
           drawerTitle: "表单配置",

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"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BI,UAAM,aAAaA,SAAW,SAAC,YAQ9B;;AAlCD,aAAAC,UAAA,GAAAC,mBAaM,OAbN,YAaM;AAAA,QAZFC,YAKE,YAAA;AAAA,UAJE,OAAM;AAAA,UACN,YAAW;AAAA,UACX,aAAY;AAAA,UACJ,aAAa,WAAA,MAAW,UAAU;AAAA,wEAArB,WAAA,MAAW,UAAU,cAAW;AAAA,QAAA;QAEzDA,YAKE,YAAA;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":["_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;;;;;"}

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

@@ -1,7 +1,7 @@
 import _sfc_main 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-278dc764"]]);
+const FormSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b16d259"]]);
 export {
   FormSetting as default
 };

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

@@ -161,7 +161,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           value: _ctx.formConfig.size,
                           "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.formConfig.size = $event),
                           options: formSizes,
-                          allowClear: ""
+                          allowClear: "",
+                          style: { "width": "120px" }
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -243,7 +244,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_a_button, {
-                          type: "info",
                           shape: "round",
                           onClick: _cache[4] || (_cache[4] = ($event) => handleEditEvent({
                             eventName: "formCss",
@@ -281,7 +281,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(_component_a_button, {
-                          type: "info",
                           class: normalizeClass([{ "button-text-highlight": !!_ctx.formConfig.functions }]),
                           shape: "round",
                           onClick: _cache[6] || (_cache[6] = ($event) => handleEditEvent({

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

@@ -1 +1 @@
-{"version":3,"file":"form-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/form-setting.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form\n            :model=\"formConfig\"\n            labelAlign=\"left\"\n            label-width=\"120px\"\n            class=\"setting-form\"\n            @submit.prevent\n        >\n            <a-collapse v-model:activeKey=\"formActiveCollapseNames\" class=\"setting-collapse\">\n                <a-collapse-panel key=\"1\" :header=\"i18nt('designer.setting.基本属性')\">\n                    <a-form-item :label=\"i18nt('designer.setting.formSize')\">\n                        <a-select v-model:value=\"formConfig.size\" :options=\"formSizes\" allowClear />\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelPosition')\">\n                        <a-radio-group\n                            v-model:value=\"formConfig.labelPosition\"\n                            class=\"radio-group-custom\"\n                        >\n                            <a-radio-button value=\"horizontal\">水平</a-radio-button>\n                            <a-radio-button value=\"vertical\">垂直</a-radio-button>\n                        </a-radio-group>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n                        <a-radio-group\n                            v-model:value=\"formConfig.labelAlign\"\n                            class=\"radio-group-custom\"\n                        >\n                            <a-radio-button value=\"left\">\n                                {{ i18nt('designer.setting.leftAlign') }}\n                            </a-radio-button>\n                            <a-radio-button value=\"right\">\n                                {{ i18nt('designer.setting.rightAlign') }}\n                            </a-radio-button>\n                        </a-radio-group>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelWidth')\">\n                        <a-input-number\n                            v-model:value=\"formConfig.labelWidth\"\n                            :min=\"0\"\n                            style=\"width: 100%\"\n                            allowClear\n                        />\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.formCss')\">\n                        <a-button\n                            type=\"info\"\n                            shape=\"round\"\n                            @click=\"\n                                handleEditEvent({\n                                    eventName: 'formCss',\n                                    isShowEventHeader: false,\n                                    mode: 'css',\n                                    title: i18nt('designer.setting.formCss')\n                                })\n                            \"\n                            :class=\"[{ 'button-text-highlight': !!formConfig.cssCode }]\"\n                        >\n                            {{ i18nt('designer.setting.addCss') }}\n                        </a-button>\n                    </a-form-item>\n                    <!-- -->\n                    <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n                        <a-select\n                            v-model:value=\"formConfig.customClass\"\n                            allowClear\n                            mode=\"tags\"\n                            @change=\"extractCssClass\"\n                            :options=\"cssClassList\"\n                        />\n                    </a-form-item>\n                    <!-- 表单全局函数 -->\n                    <a-form-item :label=\"i18nt('designer.setting.globalFunctions')\">\n                        <a-button\n                            type=\"info\"\n                            :class=\"[{ 'button-text-highlight': !!formConfig.functions }]\"\n                            shape=\"round\"\n                            @click=\"\n                                handleEditEvent({\n                                    eventName: 'functions',\n                                    isShowEventHeader: false,\n                                    mode: 'javascript',\n                                    title: i18nt('designer.setting.globalFunctions')\n                                })\n                            \"\n                        >\n                            {{ i18nt('designer.setting.addEventHandler') }}\n                        </a-button>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n                        <a-input type=\"text\" v-model:value=\"formConfig.cancelButtonLabel\" />\n                    </a-form-item>\n                    <!-- 隐藏取消按钮 -->\n                    <CancelButtonHidden :optionModel=\"formConfig\" />\n                    <a-form-item :label=\"i18nt('designer.setting.okButtonLabel')\">\n                        <a-input type=\"text\" v-model:value=\"formConfig.okButtonLabel\" />\n                    </a-form-item>\n                    <OkButtonHiddenEditor :optionModel=\"formConfig\" />\n\n                    <!-- 回车提交 -->\n                    <a-form-item :label=\"i18nt('designer.setting.isEnterSubmit')\">\n                        <Switch\n                            v-model:checked=\"formConfig.isEnterSubmit\"\n                            :checked-value=\"1\"\n                            :un-checked-value=\"0\"\n                        />\n                    </a-form-item>\n                </a-collapse-panel>\n\n                <a-collapse-panel\n                    v-if=\"showEventCollapse()\"\n                    key=\"2\"\n                    class=\"eventPanel\"\n                    :header=\"i18nt('designer.setting.事件属性')\"\n                >\n                    <MethodItem\n                        @click-item=\"handleEditEvent\"\n                        v-for=\"(value, key) in eventParamsMap\"\n                        :key=\"key\"\n                        :event-name=\"key\"\n                        v-model:value=\"formConfig[key]\"\n                        :get-form-event-handled=\"getFormEventHandled\"\n                        :event-params-map=\"eventParamsMap\"\n                        :form-config=\"formConfig\"\n                    />\n                </a-collapse-panel>\n            </a-collapse>\n        </a-form>\n\n        <TpfCodeEditor\n            :isShowEventHeader=\"isShowEventHeader\"\n            ref=\"codeEditorRef\"\n            :event-header=\"eventHeader\"\n            v-model=\"formEventHandlerCode\"\n            :mode=\"mode\"\n            :readonly=\"false\"\n            :title=\"title\"\n            @set-code=\"saveFormEventHandler\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, reactive, onMounted, inject } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone, insertCustomCssToHead } from '@/utils/util';\n    import MethodItem from '@/components/public/methoad-item.vue';\n    import OkButtonHiddenEditor from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonHidden-editor.vue';\n    import CancelButtonHidden from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue';\n    import { ILanguageMode, TpfCodeEditor } from 'tmgc2-share';\n    import { Switch } from 'ant-design-vue';\n\n    // 定义类型\n    interface FormSize {\n        label: string;\n        value: string;\n    }\n\n    interface EventParams {\n        [key: string]: string;\n    }\n\n    interface EditEventParams {\n        eventName: string;\n        mode: ILanguageMode;\n        isShowEventHeader: boolean;\n        title: string;\n        eventHeader?: string;\n    }\n\n    interface Designer {\n        handleEvent: (eventName: string, callback: () => void) => void;\n        emitEvent: (eventName: string, data: any) => void;\n        formConfig: any;\n    }\n\n    interface FormConfig {\n        [key: string]: any;\n    }\n\n    // Props 定义\n    const props = defineProps<{\n        designer: Designer;\n        formConfig: FormConfig;\n    }>();\n\n    // 使用i18n\n    const { i18nt } = useI18n();\n\n    // 注入依赖\n    const getDesignerConfig = inject<() => any>('getDesignerConfig');\n    const designerConfig = getDesignerConfig ? getDesignerConfig() : {};\n\n    // 响应式状态\n    const mode = ref<ILanguageMode>('javascript');\n    const eventName = ref('');\n    const title = ref('');\n    const isShowEventHeader = ref(false);\n    const eventHeader = ref('');\n    const formActiveCollapseNames = ref(['1', '2']);\n    const formCssCode = ref('');\n    const cssClassList = ref<string[]>([]);\n    const formEventHandlerCode = ref('');\n\n    // 引用\n    const codeEditorRef = ref<any>(null);\n\n    // 常量数据\n    const formSizes: FormSize[] = [\n        { label: 'default', value: 'middle' },\n        { label: 'large', value: 'large' },\n        { label: 'small', value: 'small' }\n    ];\n\n    const eventParamsMap: EventParams = {\n        onFormCreated: 'onFormCreated() {',\n        onFormMounted: 'onFormMounted() {',\n        onOkButtonClick: 'onOkButtonClick() {',\n        onCancelButtonClick: 'onCancelButtonClick() {',\n        onFormDataChange:\n            'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'\n        //'onFormValidate': 'onFormValidate() {',\n    };\n\n    // 方法\n    const saveFormEventHandler = (value: string) => {\n        props.formConfig[eventName.value] = value;\n    };\n\n    const handleEditEvent = (params: EditEventParams) => {\n        eventName.value = params.eventName;\n        mode.value = params.mode;\n        isShowEventHeader.value = params.isShowEventHeader;\n        formEventHandlerCode.value = props.formConfig[params.eventName];\n        title.value = params.title;\n        eventHeader.value = params.eventHeader || '';\n        codeEditorRef.value.open();\n    };\n\n    const getFormEventHandled = (eventName: string) => {\n        return !!props.formConfig[eventName] && props.formConfig[eventName].length > 0;\n    };\n\n    const showEventCollapse = () => {\n        if (designerConfig['eventCollapse'] === undefined) {\n            return true;\n        }\n        return !!designerConfig['eventCollapse'];\n    };\n\n    const extractCssClass = () => {\n        const regExp = /\\..*{/g;\n        const result = formCssCode.value.match(regExp);\n        const cssNameArray: string[] = [];\n\n        if (!!result && result.length > 0) {\n            result.forEach(rItem => {\n                const classArray = rItem.split(','); // 切分逗号分割的多个class\n                if (classArray.length > 0) {\n                    classArray.forEach(cItem => {\n                        const caItem = cItem.trim();\n                        if (caItem.indexOf('.', 1) !== -1) {\n                            // 查找第二个.位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf('.', 1)\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else if (caItem.indexOf(' ') !== -1) {\n                            // 查找第一个空格位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf(' ')\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else {\n                            if (caItem.indexOf('{') !== -1) {\n                                // 查找第一个{位置\n                                const newClass = caItem.substring(\n                                    caItem.indexOf('.') + 1,\n                                    caItem.indexOf('{')\n                                );\n                                cssNameArray.push(newClass.trim());\n                            } else {\n                                const newClass = caItem.substring(caItem.indexOf('.') + 1);\n                                cssNameArray.push(newClass.trim());\n                            }\n                        }\n                    });\n                }\n            });\n        }\n\n        // cssClassList.value = Array.from(new Set(cssNameArray)); // 数组去重\n    };\n\n    // 生命周期钩子\n    onMounted(() => {\n        // 导入表单JSON后需要重新加载自定义CSS样式\n        props.designer.handleEvent('form-json-imported', () => {\n            formCssCode.value = props.formConfig.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            props.designer.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        });\n\n        /* SettingPanel和FormWidget为兄弟组件, 在FormWidget加载formConfig时，\n         此处SettingPanel可能无法获取到formConfig.cssCode, 故加个延时函数！ */\n        setTimeout(() => {\n            formCssCode.value = props.formConfig.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            props.designer.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        }, 1200);\n    });\n\n    // 组件名称定义\n    defineOptions({\n        name: 'form-setting'\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .eventPanel {\n        :deep(.ant-collapse-content-box .ant-form-item-label) {\n            flex: 1;\n        }\n        :deep(.ant-col.ant-form-item-control) {\n            flex: 0 0 80px;\n        }\n    }\n</style>\n"],"names":["eventName","_createElementBlock","_createVNode","formConfig","_unref","_normalizeClass","_createBlock","_openBlock","_Fragment","_renderList","MethodItem"],"mappings":"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"}
+{"version":3,"file":"form-setting.vue2.js","sources":["../../../../../src/components/form-designer/setting-panel/form-setting.vue"],"sourcesContent":["<template>\n    <div>\n        <a-form\n            :model=\"formConfig\"\n            labelAlign=\"left\"\n            label-width=\"120px\"\n            class=\"setting-form\"\n            @submit.prevent\n        >\n            <a-collapse v-model:activeKey=\"formActiveCollapseNames\" class=\"setting-collapse\">\n                <a-collapse-panel key=\"1\" :header=\"i18nt('designer.setting.基本属性')\">\n                    <a-form-item :label=\"i18nt('designer.setting.formSize')\">\n                        <a-select\n                            v-model:value=\"formConfig.size\"\n                            :options=\"formSizes\"\n                            allowClear\n                            style=\"width: 120px\"\n                        />\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelPosition')\">\n                        <a-radio-group\n                            v-model:value=\"formConfig.labelPosition\"\n                            class=\"radio-group-custom\"\n                        >\n                            <a-radio-button value=\"horizontal\">水平</a-radio-button>\n                            <a-radio-button value=\"vertical\">垂直</a-radio-button>\n                        </a-radio-group>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n                        <a-radio-group\n                            v-model:value=\"formConfig.labelAlign\"\n                            class=\"radio-group-custom\"\n                        >\n                            <a-radio-button value=\"left\">\n                                {{ i18nt('designer.setting.leftAlign') }}\n                            </a-radio-button>\n                            <a-radio-button value=\"right\">\n                                {{ i18nt('designer.setting.rightAlign') }}\n                            </a-radio-button>\n                        </a-radio-group>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.labelWidth')\">\n                        <a-input-number\n                            v-model:value=\"formConfig.labelWidth\"\n                            :min=\"0\"\n                            style=\"width: 100%\"\n                            allowClear\n                        />\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.formCss')\">\n                        <a-button\n                            shape=\"round\"\n                            @click=\"\n                                handleEditEvent({\n                                    eventName: 'formCss',\n                                    isShowEventHeader: false,\n                                    mode: 'css',\n                                    title: i18nt('designer.setting.formCss')\n                                })\n                            \"\n                            :class=\"[{ 'button-text-highlight': !!formConfig.cssCode }]\"\n                        >\n                            {{ i18nt('designer.setting.addCss') }}\n                        </a-button>\n                    </a-form-item>\n                    <!-- -->\n                    <a-form-item :label=\"i18nt('designer.setting.customClass')\">\n                        <a-select\n                            v-model:value=\"formConfig.customClass\"\n                            allowClear\n                            mode=\"tags\"\n                            @change=\"extractCssClass\"\n                            :options=\"cssClassList\"\n                        />\n                    </a-form-item>\n                    <!-- 表单全局函数 -->\n                    <a-form-item :label=\"i18nt('designer.setting.globalFunctions')\">\n                        <a-button\n                            :class=\"[{ 'button-text-highlight': !!formConfig.functions }]\"\n                            shape=\"round\"\n                            @click=\"\n                                handleEditEvent({\n                                    eventName: 'functions',\n                                    isShowEventHeader: false,\n                                    mode: 'javascript',\n                                    title: i18nt('designer.setting.globalFunctions')\n                                })\n                            \"\n                        >\n                            {{ i18nt('designer.setting.addEventHandler') }}\n                        </a-button>\n                    </a-form-item>\n                    <a-form-item :label=\"i18nt('designer.setting.cancelButtonLabel')\">\n                        <a-input type=\"text\" v-model:value=\"formConfig.cancelButtonLabel\" />\n                    </a-form-item>\n                    <!-- 隐藏取消按钮 -->\n                    <CancelButtonHidden :optionModel=\"formConfig\" />\n                    <a-form-item :label=\"i18nt('designer.setting.okButtonLabel')\">\n                        <a-input type=\"text\" v-model:value=\"formConfig.okButtonLabel\" />\n                    </a-form-item>\n                    <OkButtonHiddenEditor :optionModel=\"formConfig\" />\n\n                    <!-- 回车提交 -->\n                    <a-form-item :label=\"i18nt('designer.setting.isEnterSubmit')\">\n                        <Switch\n                            v-model:checked=\"formConfig.isEnterSubmit\"\n                            :checked-value=\"1\"\n                            :un-checked-value=\"0\"\n                        />\n                    </a-form-item>\n                </a-collapse-panel>\n\n                <a-collapse-panel\n                    v-if=\"showEventCollapse()\"\n                    key=\"2\"\n                    class=\"eventPanel\"\n                    :header=\"i18nt('designer.setting.事件属性')\"\n                >\n                    <MethodItem\n                        @click-item=\"handleEditEvent\"\n                        v-for=\"(value, key) in eventParamsMap\"\n                        :key=\"key\"\n                        :event-name=\"key\"\n                        v-model:value=\"formConfig[key]\"\n                        :get-form-event-handled=\"getFormEventHandled\"\n                        :event-params-map=\"eventParamsMap\"\n                        :form-config=\"formConfig\"\n                    />\n                </a-collapse-panel>\n            </a-collapse>\n        </a-form>\n\n        <TpfCodeEditor\n            :isShowEventHeader=\"isShowEventHeader\"\n            ref=\"codeEditorRef\"\n            :event-header=\"eventHeader\"\n            v-model=\"formEventHandlerCode\"\n            :mode=\"mode\"\n            :readonly=\"false\"\n            :title=\"title\"\n            @set-code=\"saveFormEventHandler\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref, reactive, onMounted, inject } from 'vue';\n    import { useI18n } from '@/utils/i18n';\n    import { deepClone, insertCustomCssToHead } from '@/utils/util';\n    import MethodItem from '@/components/public/methoad-item.vue';\n    import OkButtonHiddenEditor from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/okButtonHidden-editor.vue';\n    import CancelButtonHidden from '@/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue';\n    import { ILanguageMode, TpfCodeEditor } from 'tmgc2-share';\n    import { Switch } from 'ant-design-vue';\n\n    // 定义类型\n    interface FormSize {\n        label: string;\n        value: string;\n    }\n\n    interface EventParams {\n        [key: string]: string;\n    }\n\n    interface EditEventParams {\n        eventName: string;\n        mode: ILanguageMode;\n        isShowEventHeader: boolean;\n        title: string;\n        eventHeader?: string;\n    }\n\n    interface Designer {\n        handleEvent: (eventName: string, callback: () => void) => void;\n        emitEvent: (eventName: string, data: any) => void;\n        formConfig: any;\n    }\n\n    interface FormConfig {\n        [key: string]: any;\n    }\n\n    // Props 定义\n    const props = defineProps<{\n        designer: Designer;\n        formConfig: FormConfig;\n    }>();\n\n    // 使用i18n\n    const { i18nt } = useI18n();\n\n    // 注入依赖\n    const getDesignerConfig = inject<() => any>('getDesignerConfig');\n    const designerConfig = getDesignerConfig ? getDesignerConfig() : {};\n\n    // 响应式状态\n    const mode = ref<ILanguageMode>('javascript');\n    const eventName = ref('');\n    const title = ref('');\n    const isShowEventHeader = ref(false);\n    const eventHeader = ref('');\n    const formActiveCollapseNames = ref(['1', '2']);\n    const formCssCode = ref('');\n    const cssClassList = ref<string[]>([]);\n    const formEventHandlerCode = ref('');\n\n    // 引用\n    const codeEditorRef = ref<any>(null);\n\n    // 常量数据\n    const formSizes: FormSize[] = [\n        { label: 'default', value: 'middle' },\n        { label: 'large', value: 'large' },\n        { label: 'small', value: 'small' }\n    ];\n\n    const eventParamsMap: EventParams = {\n        onFormCreated: 'onFormCreated() {',\n        onFormMounted: 'onFormMounted() {',\n        onOkButtonClick: 'onOkButtonClick() {',\n        onCancelButtonClick: 'onCancelButtonClick() {',\n        onFormDataChange:\n            'onFormDataChange(fieldName, newValue, oldValue, formModel, subFormName, subFormRowIndex) {'\n        //'onFormValidate': 'onFormValidate() {',\n    };\n\n    // 方法\n    const saveFormEventHandler = (value: string) => {\n        props.formConfig[eventName.value] = value;\n    };\n\n    const handleEditEvent = (params: EditEventParams) => {\n        eventName.value = params.eventName;\n        mode.value = params.mode;\n        isShowEventHeader.value = params.isShowEventHeader;\n        formEventHandlerCode.value = props.formConfig[params.eventName];\n        title.value = params.title;\n        eventHeader.value = params.eventHeader || '';\n        codeEditorRef.value.open();\n    };\n\n    const getFormEventHandled = (eventName: string) => {\n        return !!props.formConfig[eventName] && props.formConfig[eventName].length > 0;\n    };\n\n    const showEventCollapse = () => {\n        if (designerConfig['eventCollapse'] === undefined) {\n            return true;\n        }\n        return !!designerConfig['eventCollapse'];\n    };\n\n    const extractCssClass = () => {\n        const regExp = /\\..*{/g;\n        const result = formCssCode.value.match(regExp);\n        const cssNameArray: string[] = [];\n\n        if (!!result && result.length > 0) {\n            result.forEach(rItem => {\n                const classArray = rItem.split(','); // 切分逗号分割的多个class\n                if (classArray.length > 0) {\n                    classArray.forEach(cItem => {\n                        const caItem = cItem.trim();\n                        if (caItem.indexOf('.', 1) !== -1) {\n                            // 查找第二个.位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf('.', 1)\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else if (caItem.indexOf(' ') !== -1) {\n                            // 查找第一个空格位置\n                            const newClass = caItem.substring(\n                                caItem.indexOf('.') + 1,\n                                caItem.indexOf(' ')\n                            ); // 仅截取第一、二个.号之间的class\n                            if (!!newClass) {\n                                cssNameArray.push(newClass.trim());\n                            }\n                        } else {\n                            if (caItem.indexOf('{') !== -1) {\n                                // 查找第一个{位置\n                                const newClass = caItem.substring(\n                                    caItem.indexOf('.') + 1,\n                                    caItem.indexOf('{')\n                                );\n                                cssNameArray.push(newClass.trim());\n                            } else {\n                                const newClass = caItem.substring(caItem.indexOf('.') + 1);\n                                cssNameArray.push(newClass.trim());\n                            }\n                        }\n                    });\n                }\n            });\n        }\n\n        // cssClassList.value = Array.from(new Set(cssNameArray)); // 数组去重\n    };\n\n    // 生命周期钩子\n    onMounted(() => {\n        // 导入表单JSON后需要重新加载自定义CSS样式\n        props.designer.handleEvent('form-json-imported', () => {\n            formCssCode.value = props.formConfig.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            props.designer.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        });\n\n        /* SettingPanel和FormWidget为兄弟组件, 在FormWidget加载formConfig时，\n         此处SettingPanel可能无法获取到formConfig.cssCode, 故加个延时函数！ */\n        setTimeout(() => {\n            formCssCode.value = props.formConfig.cssCode;\n            insertCustomCssToHead(formCssCode.value);\n            extractCssClass();\n            props.designer.emitEvent('form-css-updated', deepClone(cssClassList.value));\n        }, 1200);\n    });\n\n    // 组件名称定义\n    defineOptions({\n        name: 'form-setting'\n    });\n</script>\n\n<style lang=\"less\" scoped>\n    .eventPanel {\n        :deep(.ant-form-item-row) {\n            flex: 1;\n            .ant-form-item-control-input-content .ant-btn {\n                border: 1px solid #eee;\n            }\n            .ant-form-item-label {\n                flex: 1;\n            }\n        }\n        :deep(.ant-col.ant-form-item-control) {\n            flex: 0 0 80px;\n        }\n    }\n</style>\n"],"names":["eventName","_createElementBlock","_createVNode","formConfig","_unref","_normalizeClass","_createBlock","_openBlock","_Fragment","_renderList","MethodItem"],"mappings":"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"}

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

@@ -443,7 +443,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2869e3e0"]]);
+const SettingPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dc8cd5e3"]]);
 export {
   SettingPanel as default
 };