@kp-ui/lowcode 1.0.106 → 1.0.107

package/package.json

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

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

@@ -111,7 +111,7 @@ function A(i, n, e, R, B, f) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const O = /* @__PURE__ */ L(y, [["render", A], ["__scopeId", "data-v-008e239f"]]);
+const O = /* @__PURE__ */ L(y, [["render", A], ["__scopeId", "data-v-46b90115"]]);
 export {
   O as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-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            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                         <draggable\n                            :list=\"widget.headerRightSlotList\"\n                            item-key=\"id\"\n                            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                            handle=\".drag-handler\"\n                            tag=\"transition-group\"\n                            :component-data=\"{ name: 'fade' }\"\n                            @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n                            @update=\"onContainerDragUpdate\"\n                            :move=\"checkContainerMove\"\n                        >\n                            <template #item=\"{ element: subWidget, index: swIdx }\">\n                                <div class=\"form-widget-list\">\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.headerRightSlotList\"\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.headerRightSlotList\"\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                </template>\n                <div\n                    :class=\"['tpf-collapse-content']\"\n                    :style=\"{\n                        height: widget.options.height || 'unset',\n                        ...JSON.parse(widget.options.bodyStyle || '{}')\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <draggable\n                        :list=\"widget.defaultSlotsList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\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.defaultSlotsList\"\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.defaultSlotsList\"\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            </TpfCollapse>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import { defineAsyncComponent } from 'vue';\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 SvgIcon from '@/components/svg-icon/index.vue';\n    import { TpfCollapse } from 'tmgc2-share';\n    import gridWidget from './grid-widget.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'VfCollapseWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            TpfCollapse,\n            SvgIcon,\n            gridWidget,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n            ...FieldComponents\n        },\n        data() {\n            return {};\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            options: {\n                type: Object,\n                default: () => ({})\n            },\n            formJson: {\n                type: Object\n            },\n            formData: {\n                type: Object,\n                default: () => ({})\n            },\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                // 全局数据源变量\n                type: Object,\n                default: () => ({})\n            },\n            parentFormRef: {\n                type: Object,\n                default: null\n            },\n            extraData: {\n                type: Object,\n                default: () => ({})\n            },\n            wrapperId: {\n                type: String,\n                default: null\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            rightSlotCss() {\n                return this.widget.options.rightSlotCss || '';\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n            toggleCollapse() {\n                this.widget.options.isCollapse = !this.widget.options.isCollapse;\n            },\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            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        border: 2px dashed #cccccc;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            margin-right: 10px;\n            min-height: 30px;\n            min-width: 200px;\n            width: fit-content;\n            border: 1px dashed #666;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        // width: 100%;\n        // background-color: transparent;\n        // box-sizing: border-box;\n\n        // .tpf-collapse-header {\n        //     padding: 10px 0;\n        //     box-sizing: border-box;\n        //     display: flex;\n        //     height: 50px;\n        //     justify-content: space-between;\n        //     background-color: #f7f8fa;\n        //     .header-right {\n        //         background-color: #fff;\n        //         margin-right: 10px;\n        //         min-height: 30px;\n        //         min-width: 200px;\n        //         width: fit-content;\n        //         border: 1px dashed #666;\n        //     }\n        // }\n\n        .collapse-right{\n            min-width: 200px;\n        }\n        .tpf-collapse-content {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n\n            :deep(.ant-card-bordered) {\n                 border-color: transparent;\n            }\n        }\n    }\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_TpfCollapse","_createElementVNode","_component_draggable","_mergeProps","evt","_ctx","_withCtx","subWidget","swIdx","_resolveDynamicComponent","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"vf-collapse-widget.vue.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-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            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                         <draggable\n                            :list=\"widget.headerRightSlotList\"\n                            item-key=\"id\"\n                            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                            handle=\".drag-handler\"\n                            tag=\"transition-group\"\n                            :component-data=\"{ name: 'fade' }\"\n                            @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n                            @update=\"onContainerDragUpdate\"\n                            :move=\"checkContainerMove\"\n                        >\n                            <template #item=\"{ element: subWidget, index: swIdx }\">\n                                <div class=\"form-widget-list\">\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.headerRightSlotList\"\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.headerRightSlotList\"\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                </template>\n                <div\n                    :class=\"['tpf-collapse-content']\"\n                    :style=\"{\n                        height: widget.options.height || 'unset',\n                        ...JSON.parse(widget.options.bodyStyle || '{}')\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <draggable\n                        :list=\"widget.defaultSlotsList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\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.defaultSlotsList\"\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.defaultSlotsList\"\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            </TpfCollapse>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import { defineAsyncComponent } from 'vue';\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 SvgIcon from '@/components/svg-icon/index.vue';\n    import { TpfCollapse } from 'tmgc2-share';\n    import gridWidget from './grid-widget.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'VfCollapseWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            TpfCollapse,\n            SvgIcon,\n            gridWidget,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n            ...FieldComponents\n        },\n        data() {\n            return {};\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            options: {\n                type: Object,\n                default: () => ({})\n            },\n            formJson: {\n                type: Object\n            },\n            formData: {\n                type: Object,\n                default: () => ({})\n            },\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                // 全局数据源变量\n                type: Object,\n                default: () => ({})\n            },\n            parentFormRef: {\n                type: Object,\n                default: null\n            },\n            extraData: {\n                type: Object,\n                default: () => ({})\n            },\n            wrapperId: {\n                type: String,\n                default: null\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            rightSlotCss() {\n                return this.widget.options.rightSlotCss || '';\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n            toggleCollapse() {\n                this.widget.options.isCollapse = !this.widget.options.isCollapse;\n            },\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            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        border: 2px dashed #cccccc;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        // width: 100%;\n        // background-color: transparent;\n        // box-sizing: border-box;\n\n        // .tpf-collapse-header {\n        //     padding: 10px 0;\n        //     box-sizing: border-box;\n        //     display: flex;\n        //     height: 50px;\n        //     justify-content: space-between;\n        //     background-color: #f7f8fa;\n        //     .header-right {\n        //         background-color: #fff;\n        //         margin-right: 10px;\n        //         min-height: 30px;\n        //         min-width: 200px;\n        //         width: fit-content;\n        //         border: 1px dashed #666;\n        //     }\n        // }\n\n        .collapse-right{\n            min-width: 200px;\n            min-height: 30px;\n            border: 1px dashed #666;\n        }\n        .tpf-collapse-content {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n\n            :deep(.ant-card-bordered) {\n                 border-color: transparent;\n            }\n        }\n    }\n</style>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createBlock","_component_container_wrapper","$props","_createElementBlock","_normalizeClass","$options","_cache","_withModifiers","$event","_createVNode","_component_TpfCollapse","_createElementVNode","_component_draggable","_mergeProps","evt","_ctx","_withCtx","subWidget","swIdx","_resolveDynamicComponent","_normalizeStyle"],"mappings":"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"}

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-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            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                         <draggable\n                            :list=\"widget.headerRightSlotList\"\n                            item-key=\"id\"\n                            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                            handle=\".drag-handler\"\n                            tag=\"transition-group\"\n                            :component-data=\"{ name: 'fade' }\"\n                            @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n                            @update=\"onContainerDragUpdate\"\n                            :move=\"checkContainerMove\"\n                        >\n                            <template #item=\"{ element: subWidget, index: swIdx }\">\n                                <div class=\"form-widget-list\">\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.headerRightSlotList\"\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.headerRightSlotList\"\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                </template>\n                <div\n                    :class=\"['tpf-collapse-content']\"\n                    :style=\"{\n                        height: widget.options.height || 'unset',\n                        ...JSON.parse(widget.options.bodyStyle || '{}')\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <draggable\n                        :list=\"widget.defaultSlotsList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\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.defaultSlotsList\"\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.defaultSlotsList\"\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            </TpfCollapse>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import { defineAsyncComponent } from 'vue';\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 SvgIcon from '@/components/svg-icon/index.vue';\n    import { TpfCollapse } from 'tmgc2-share';\n    import gridWidget from './grid-widget.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'VfCollapseWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            TpfCollapse,\n            SvgIcon,\n            gridWidget,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n            ...FieldComponents\n        },\n        data() {\n            return {};\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            options: {\n                type: Object,\n                default: () => ({})\n            },\n            formJson: {\n                type: Object\n            },\n            formData: {\n                type: Object,\n                default: () => ({})\n            },\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                // 全局数据源变量\n                type: Object,\n                default: () => ({})\n            },\n            parentFormRef: {\n                type: Object,\n                default: null\n            },\n            extraData: {\n                type: Object,\n                default: () => ({})\n            },\n            wrapperId: {\n                type: String,\n                default: null\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            rightSlotCss() {\n                return this.widget.options.rightSlotCss || '';\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n            toggleCollapse() {\n                this.widget.options.isCollapse = !this.widget.options.isCollapse;\n            },\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            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        border: 2px dashed #cccccc;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            margin-right: 10px;\n            min-height: 30px;\n            min-width: 200px;\n            width: fit-content;\n            border: 1px dashed #666;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        // width: 100%;\n        // background-color: transparent;\n        // box-sizing: border-box;\n\n        // .tpf-collapse-header {\n        //     padding: 10px 0;\n        //     box-sizing: border-box;\n        //     display: flex;\n        //     height: 50px;\n        //     justify-content: space-between;\n        //     background-color: #f7f8fa;\n        //     .header-right {\n        //         background-color: #fff;\n        //         margin-right: 10px;\n        //         min-height: 30px;\n        //         min-width: 200px;\n        //         width: fit-content;\n        //         border: 1px dashed #666;\n        //     }\n        // }\n\n        .collapse-right{\n            min-width: 200px;\n        }\n        .tpf-collapse-content {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n\n            :deep(.ant-card-bordered) {\n                 border-color: transparent;\n            }\n        }\n    }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapse","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AA2HI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACAC,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;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA,EAClD;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA,IAC/C;AAAA,IACAC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA,IACpC;AAAA,IACAsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA,IAC1D;AAAA,IACA,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA,IACJ;AAAA,IACAa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}
+{"version":3,"file":"vf-collapse-widget.vue2.js","sources":["../../../../../../src/components/form-designer/form-widget/container-widget/vf-collapse-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            <TpfCollapse :title=\"widget.options.title\">\n                <template #right>\n                    <div class=\"collapse-right\">\n                         <draggable\n                            :list=\"widget.headerRightSlotList\"\n                            item-key=\"id\"\n                            v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                            handle=\".drag-handler\"\n                            tag=\"transition-group\"\n                            :component-data=\"{ name: 'fade' }\"\n                            @add=\"evt => onContainerDragAdd(evt, widget.headerRightSlotList)\"\n                            @update=\"onContainerDragUpdate\"\n                            :move=\"checkContainerMove\"\n                        >\n                            <template #item=\"{ element: subWidget, index: swIdx }\">\n                                <div class=\"form-widget-list\">\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.headerRightSlotList\"\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.headerRightSlotList\"\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                </template>\n                <div\n                    :class=\"['tpf-collapse-content']\"\n                    :style=\"{\n                        height: widget.options.height || 'unset',\n                        ...JSON.parse(widget.options.bodyStyle || '{}')\n                    }\"\n                    v-show=\"!widget.options.isCollapse\"\n                >\n                    <draggable\n                        :list=\"widget.defaultSlotsList\"\n                        item-key=\"id\"\n                        v-bind=\"{ group: 'dragGroup', ghostClass: 'ghost', animation: 200 }\"\n                        handle=\".drag-handler\"\n                        tag=\"transition-group\"\n                        :component-data=\"{ name: 'fade' }\"\n                        @add=\"evt => onContainerDragAdd(evt, widget.defaultSlotsList)\"\n                        @update=\"onContainerDragUpdate\"\n                        :move=\"checkContainerMove\"\n                    >\n                        <template #item=\"{ element: subWidget, index: swIdx }\">\n                            <div class=\"form-widget-list\">\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.defaultSlotsList\"\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.defaultSlotsList\"\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            </TpfCollapse>\n        </div>\n    </container-wrapper>\n</template>\n\n<script lang=\"jsx\">\n    import { defineAsyncComponent } from 'vue';\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 SvgIcon from '@/components/svg-icon/index.vue';\n    import { TpfCollapse } from 'tmgc2-share';\n    import gridWidget from './grid-widget.vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    export default {\n        name: 'VfCollapseWidget',\n        mixins: [i18n, containerMixin, refMixinDesign, emitter],\n        inject: ['refList'],\n        components: {\n            Draggable,\n            ContainerWrapper,\n            TpfCollapse,\n            SvgIcon,\n            gridWidget,\n            VFormRender: defineAsyncComponent(() => import('@/components/form-render/index.vue')),\n            ...FieldComponents\n        },\n        data() {\n            return {};\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            options: {\n                type: Object,\n                default: () => ({})\n            },\n            formJson: {\n                type: Object\n            },\n            formData: {\n                type: Object,\n                default: () => ({})\n            },\n            optionData: {\n                //prop传入的选项数据\n                type: Object,\n                default: () => ({})\n            },\n            globalDsv: {\n                // 全局数据源变量\n                type: Object,\n                default: () => ({})\n            },\n            parentFormRef: {\n                type: Object,\n                default: null\n            },\n            extraData: {\n                type: Object,\n                default: () => ({})\n            },\n            wrapperId: {\n                type: String,\n                default: null\n            }\n        },\n        created() {\n            this.initRefList();\n        },\n        mounted() {\n            //\n            this.loadFormCode(this.widget.options.formCode);\n        },\n        beforeUnmount() {\n            //\n        },\n        computed: {\n            rightSlotCss() {\n                return this.widget.options.rightSlotCss || '';\n            },\n            selected() {\n                return this.widget.id === this.designer.selectedId;\n            }\n        },\n        watch: {\n            'widget.options.formCode'(val) {\n                this.loadFormCode(val);\n            }\n        },\n        methods: {\n            selectWidget(widget) {\n                this.designer.setSelected(widget);\n            },\n            toggleCollapse() {\n                this.widget.options.isCollapse = !this.widget.options.isCollapse;\n            },\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            getFormRef() {\n                return this.$refs.dFormRef;\n            }\n        }\n    };\n</script>\n\n<style lang=\"less\" scoped>\n    .collapse-container {\n        display: flex;\n        margin: 2px;\n        height: 100%;\n        width: 100%;\n        flex: 1 0 0;\n        border: 2px dashed #cccccc;\n        .form-widget-list {\n            min-height: 28px;\n        }\n        :deep(.header-right) {\n            background-color: #fff;\n            .form-widget-list {\n                min-width: 200px;\n            }\n        }\n    }\n\n    .collapse-container.selected {\n        outline: 2px solid var(--ant-primary-color) !important;\n    }\n\n</style>\n\n<style lang=\"less\" scoped>\n    .tpf-collapse {\n        // width: 100%;\n        // background-color: transparent;\n        // box-sizing: border-box;\n\n        // .tpf-collapse-header {\n        //     padding: 10px 0;\n        //     box-sizing: border-box;\n        //     display: flex;\n        //     height: 50px;\n        //     justify-content: space-between;\n        //     background-color: #f7f8fa;\n        //     .header-right {\n        //         background-color: #fff;\n        //         margin-right: 10px;\n        //         min-height: 30px;\n        //         min-width: 200px;\n        //         width: fit-content;\n        //         border: 1px dashed #666;\n        //     }\n        // }\n\n        .collapse-right{\n            min-width: 200px;\n            min-height: 30px;\n            border: 1px dashed #666;\n        }\n        .tpf-collapse-content {\n            overflow: hidden;\n            background-color: #fff;\n            min-height: 200px;\n\n            :deep(.ant-card-bordered) {\n                 border-color: transparent;\n            }\n        }\n    }\n</style>\n"],"names":["_sfc_main","name","mixins","i18n","containerMixin","refMixinDesign","emitter","inject","components","Draggable","ContainerWrapper","TpfCollapse","SvgIcon","gridWidget","VFormRender","defineAsyncComponent","FieldComponents","data","props","widget","Object","parentWidget","parentList","Array","indexOfParentList","Number","designer","subFormRowIndex","type","default","subFormColIndex","subFormRowId","String","options","formJson","formData","optionData","globalDsv","parentFormRef","extraData","wrapperId","created","initRefList","mounted","loadFormCode","formCode","beforeUnmount","computed","rightSlotCss","selected","id","selectedId","watch","val","methods","selectWidget","setSelected","toggleCollapse","isCollapse","res","$http","get","params","code","then","object","frontendDefinition","$refs","dFormRef","setFormJson","JSON","parse","getFormRef"],"mappings":";;;;;;;;;;;AA2HI,MAAAA,IAAe;AAAA,EACXC,MAAM;AAAA,EACNC,QAAQ,CAACC,GAAMC,GAAgBC,GAAgBC,CAAO;AAAA,EACtDC,QAAQ,CAAC,SAAS;AAAA,EAClBC,YAAY;AAAA,eACRC;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,aAAaC,EAAqB,MAAM,OAAO,mCAAoC,CAAC;AAAA,IACpF,GAAGC;AAAAA;EAEPC,OAAO;AACH,WAAO,CAAA;AAAA,EACX;AAAA,EACAC,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;IAEbI,SAAS;AAAA,MACLL,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBK,UAAU;AAAA,MACNN,MAAMR;AAAAA;IAEVe,UAAU;AAAA,MACNP,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBO,YAAY;AAAA;AAAA,MAERR,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBQ,WAAW;AAAA;AAAA,MAEPT,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBS,eAAe;AAAA,MACXV,MAAMR;AAAAA,MACNS,SAAS;AAAA;IAEbU,WAAW;AAAA,MACPX,MAAMR;AAAAA,MACNS,SAASA,OAAO,CAAA;AAAA;IAEpBW,WAAW;AAAA,MACPZ,MAAMI;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA;EAEJY,UAAU;AACN,SAAKC,YAAW;AAAA,EACpB;AAAA,EACAC,UAAU;AAEN,SAAKC,aAAa,KAAKzB,OAAOc,QAAQY,QAAQ;AAAA,EAClD;AAAA,EACAC,gBAAgB;AAAA,EACZ;AAAA,EAEJC,UAAU;AAAA,IACNC,eAAe;AACX,aAAO,KAAK7B,OAAOc,QAAQe,gBAAgB;AAAA,IAC/C;AAAA,IACAC,WAAW;AACP,aAAO,KAAK9B,OAAO+B,OAAO,KAAKxB,SAASyB;AAAAA,IAC5C;AAAA;EAEJC,OAAO;AAAA,IACH,0BAA0BC,GAAK;AAC3B,WAAKT,aAAaS,CAAG;AAAA,IACzB;AAAA;EAEJC,SAAS;AAAA,IACLC,aAAapC,GAAQ;AACjB,WAAKO,SAAS8B,YAAYrC,CAAM;AAAA,IACpC;AAAA,IACAsC,iBAAiB;AACb,WAAKtC,OAAOc,QAAQyB,aAAa,CAAC,KAAKvC,OAAOc,QAAQyB;AAAAA,IAC1D;AAAA,IACA,MAAMd,aAAaC,GAAU;AACzB,UAAIA,GAAU;AACV,cAAMc,IAAM,MAAM,KAAKC,MAClBC,IAAI,8DAA8D;AAAA,UAC/DC,QAAQ;AAAA,YAAEC,MAAMlB;AAAAA,UAAS;AAAA,QAC7B,CAAC,EACAmB,KAAKL,CAAAA,MAAOA,EAAI1C,KAAKgD,OAAOC,sBAAsB,IAAI;AAC3D,aAAKC,MAAMC,SAASC,YAAYC,KAAKC,MAAMZ,CAAG,CAAC;AAAA,MACnD;AAAA,IACJ;AAAA,IACAa,aAAa;AACT,aAAO,KAAKL,MAAMC;AAAAA,IACtB;AAAA,EACJ;AACJ;"}