{"version":3,"file":"SplitLayout.mjs","sources":["../../../../src/components/SplitLayout/SplitLayout.vue"],"sourcesContent":["<template>\r\n\t<div class=\"SplitLayout\">\r\n\t\t<a-row>\r\n\t\t\t<a-col class=\"leftSpan\" id=\"leftSpan\" :class=\"{ hideMenu: !isShowMenu }\">\r\n\t\t\t\t<a-card :bordered=\"false\" class=\"contentLeft\">\r\n\t\t\t\t\t<slot name=\"contentLeft\"></slot>\r\n\t\t\t\t</a-card>\r\n\t\t\t\t<SlideBtn id-layout-menu=\".ant-layout-sider\" id-left-menu=\"#leftSpan\" @emitMenu=\"emitMenu\" @init=\"initMenu\" />\r\n\t\t\t</a-col>\r\n\t\t\t<a-col class=\"rightSpan\">\r\n\t\t\t\t<a-card :bordered=\"false\" class=\"contentRight\">\r\n\t\t\t\t\t<slot name=\"contentRight\"></slot>\r\n\t\t\t\t</a-card>\r\n\t\t\t</a-col>\r\n\t\t</a-row>\r\n\t</div>\r\n</template>\r\n<script setup name=\"SplitLayout\">\r\n\tlet props = defineProps({\r\n\t\tleftSpan: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: () => 4\r\n\t\t}\r\n\t})\r\n\tlet rightSpan = computed(() => {\r\n\t\treturn 24 - props.leftSpan\r\n\t})\r\n\tlet isShowMenu = ref(true)\r\n\tlet initIsShowMenu = ref(true)\r\n\tlet emitMenu = (val) => {\r\n\t\tisShowMenu.value = val\r\n\t}\r\n\tlet initMenu = (val) => {\r\n\t\tisShowMenu.value = val\r\n\t}\r\n</script>\r\n<style scoped lang=\"less\">\r\n\t.SplitLayout {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\t.ant-row {\r\n\t\t\theight: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\toverflow: hidden;\r\n\t\t\t.leftSpan,\r\n\t\t\t.rightSpan {\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-direction: column;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t& > * {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t}\r\n\t\t\t\t.contentLeft,\r\n\t\t\t\t.contentRight {\r\n\t\t\t\t\tbackground: none;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t& > :deep(.ant-card-body) {\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t.contentRight {\r\n\t\t\t\t\tbackground: #fff;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.leftSpan {\r\n\t\t\t\tflex: 0 0 258px;\r\n\t\t\t\t//transition: all 0.5s;\r\n\t\t\t\tbackground: #f5f8fb;\r\n\t\t\t\t.contentLeft {\r\n\t\t\t\t\t//transition: all 2.5s;\r\n\t\t\t\t\t//opacity: 1;\r\n\t\t\t\t}\r\n\t\t\t\t&.hideMenu {\r\n\t\t\t\t\tflex: 0 0 0px !important;\r\n\t\t\t\t\t.contentLeft {\r\n\t\t\t\t\t\t//transition: none;\r\n\t\t\t\t\t\t//opacity: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.leftSpan {\r\n\t\t\t\tposition: relative;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>\r\n"],"names":["_openBlock","_createElementBlock","_createVNode","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;AAkBC,QAAI,QAAQ;AAMI,aAAS,MAAM;AAC9B,aAAO,KAAK,MAAM;AAAA,IACpB,CAAE;AACD,QAAI,aAAa,IAAI,IAAI;AACJ,QAAI,IAAI;AAC7B,QAAI,WAAW,CAAC,QAAQ;AACvB,iBAAW,QAAQ;AAAA,IACnB;AACD,QAAI,WAAW,CAAC,QAAQ;AACvB,iBAAW,QAAQ;AAAA,IACnB;;;;;;AAjCD,aAAAA,UAAA,GAAAC,mBAcM,OAdN,YAcM;AAAA,QAbLC,YAYQ,kBAAA,MAAA;AAAA,2BAXP,MAKQ;AAAA,YALRA,YAKQ,kBAAA;AAAA,cALD,OAAKC,eAAA,CAAC,YAAU,EAAA,UAAA,CAAoCC,MAAU,UAAA,EAAA,CAAA,CAAA;AAAA,cAA7C,IAAG;AAAA;+BAC1B,MAES;AAAA,gBAFTF,YAES,mBAAA;AAAA,kBAFA,UAAU;AAAA,kBAAO,OAAM;AAAA;mCAC/B,MAAgC;AAAA,oBAAhCG,WAAgC,KAAA,QAAA,eAAA,CAAA,GAAA,QAAA,IAAA;AAAA;;;gBAEjCH,YAA8G,qBAAA;AAAA,kBAApG,kBAAe;AAAA,kBAAoB,gBAAa;AAAA,kBAAa,YAAUE,MAAQ,QAAA;AAAA,kBAAG,QAAMA,MAAQ,QAAA;AAAA;;;;YAE3GF,YAIQ,kBAAA,EAJD,OAAM,YAAW,GAAA;AAAA,+BACvB,MAES;AAAA,gBAFTA,YAES,mBAAA;AAAA,kBAFA,UAAU;AAAA,kBAAO,OAAM;AAAA;mCAC/B,MAAiC;AAAA,oBAAjCG,WAAiC,KAAA,QAAA,gBAAA,CAAA,GAAA,QAAA,IAAA;AAAA;;;;;;;;;;;;;;"}