{"version":3,"file":"SlideBtn.mjs","sources":["../../../../src/components/SlideBtn/SlideBtn.vue"],"sourcesContent":["<template>\r\n\t<div\r\n\t\tref=\"slideBtn\"\r\n\t\tclass=\"slideBtn\"\r\n\t\t:class=\"{\r\n\t\t\tshowLeft: isShowMenu,\r\n\t\t\thideLeft: !isShowMenu\r\n\t\t}\"\r\n\t\t@click=\"showMenuLeft\"\r\n\t>\r\n\t\t<caret-left v-if=\"isShowMenu\" size=\"13\" />\r\n\t\t<caret-right v-if=\"!isShowMenu\" size=\"13\" />\r\n\t</div>\r\n</template>\r\n<script setup name=\"SlideBtn\">\r\n\timport { onMounted } from 'vue'\r\n\tconst emit = defineEmits(['emitMenu', 'init'])\r\n\tconst cachePrefix = __APP_ENV__.VITE_CACHE_PREFIX\r\n\tconst cacheName = cachePrefix + '_' + 'SLIDE_BTN'\r\n\tconst props = defineProps({\r\n\t\tidLayoutMenu: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () => ''\r\n\t\t},\r\n\t\tidLeftMenu: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: () => ''\r\n\t\t}\r\n\t})\r\n\tlet glMenuState = ref(undefined)\r\n\tlet slideBtn = ref()\r\n\tlet isShowMenu = ref(true)\r\n\tlet initSlideBtn = () => {\r\n\t\tconst layoutMenu = document.querySelectorAll(props.idLayoutMenu)[0]\r\n\t\tconst leftMenu = document.querySelectorAll(props.idLeftMenu)[0]\r\n\t\tconst _glMenuState = window.localStorage.getItem(cacheName)\r\n\t\tif (_glMenuState == null || _glMenuState == undefined || _glMenuState == '') {\r\n\t\t\tglMenuState.value = {\r\n\t\t\t\tisShowMenu: true,\r\n\t\t\t\tshowleft: layoutMenu.clientWidth + leftMenu.clientWidth,\r\n\t\t\t\thideleft: layoutMenu.clientWidth,\r\n\t\t\t\tselfWidth: slideBtn.value.clientWidth\r\n\t\t\t}\r\n\t\t\twindow.localStorage.setItem(cacheName, JSON.stringify(glMenuState.value))\r\n\t\t} else {\r\n\t\t\tglMenuState.value = JSON.parse(window.localStorage.getItem(cacheName))\r\n\t\t}\r\n\t\tisShowMenu.value = glMenuState.value.isShowMenu\r\n\t\tif (isShowMenu.value) {\r\n\t\t\tslideBtn.value.style.left = glMenuState.value.showleft - glMenuState.value.selfWidth + 'px'\r\n\t\t} else {\r\n\t\t\tslideBtn.value.style.left = glMenuState.value.hideleft + 'px'\r\n\t\t}\r\n\t\temit('init', isShowMenu.value)\r\n\t}\r\n\tlet showMenuLeft = () => {\r\n\t\tconst leftMenu = document.querySelectorAll(props.idLayoutMenu)[0]\r\n\t\tconst showleft = glMenuState.value.showleft\r\n\t\tconst hideleft = glMenuState.value.hideleft\r\n\t\tconst selfWidth = glMenuState.value.selfWidth\r\n\t\tisShowMenu.value = !isShowMenu.value\r\n\t\tif (isShowMenu.value) {\r\n\t\t\tslideBtn.value.style.left = showleft - selfWidth + 'px'\r\n\t\t} else {\r\n\t\t\tslideBtn.value.style.left = hideleft + 'px'\r\n\t\t}\r\n\t\tglMenuState.value.isShowMenu = isShowMenu.value\r\n\t\twindow.localStorage.setItem(cacheName, JSON.stringify(glMenuState.value))\r\n\t\temit('emitMenu', isShowMenu.value)\r\n\t}\r\n\tonMounted(() => {\r\n\t\tinitSlideBtn()\r\n\t})\r\n</script>\r\n<style scoped lang=\"less\">\r\n\t.slideBtn {\r\n\t\topacity: 0.5;\r\n\t\tz-index: 9;\r\n\t\tcursor: pointer;\r\n\t\tposition: fixed;\r\n\t\ttop: 48%;\r\n\t\tfont-size: 12px;\r\n\t\tpadding: 24px 0px;\r\n\t\tbackground: #ebebeb;\r\n\t\tcolor: #767b81;\r\n\t\twidth: 14px !important;\r\n\t\theight: 70px !important;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\t&:hover {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t&.showLeft {\r\n\t\t\tborder: 1px solid #a8afb7;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tborder-bottom-right-radius: 0;\r\n\t\t\tborder-top-right-radius: 0;\r\n\t\t\tborder-right: none;\r\n\t\t}\r\n\t\t&.hideLeft {\r\n\t\t\tborder: 1px solid #a8afb7;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tborder-bottom-left-radius: 0;\r\n\t\t\tborder-top-left-radius: 0;\r\n\t\t\tborder-left: none;\r\n\t\t}\r\n\t}\r\n</style>\r\n"],"names":["_createElementBlock","_unref","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBC,UAAM,OAAO;AACb,UAAM,cAAc,YAAY;AAChC,UAAM,YAAY,cAAc;AAChC,UAAM,QAAQ;AAUd,QAAI,cAAc,IAAI,MAAS;AAC/B,QAAI,WAAW,IAAK;AACpB,QAAI,aAAa,IAAI,IAAI;AACzB,QAAI,eAAe,MAAM;AACxB,YAAM,aAAa,SAAS,iBAAiB,MAAM,YAAY,EAAE;AACjE,YAAM,WAAW,SAAS,iBAAiB,MAAM,UAAU,EAAE;AAC7D,YAAM,eAAe,OAAO,aAAa,QAAQ,SAAS;AAC1D,UAAI,gBAAgB,QAAQ,gBAAgB,UAAa,gBAAgB,IAAI;AAC5E,oBAAY,QAAQ;AAAA,UACnB,YAAY;AAAA,UACZ,UAAU,WAAW,cAAc,SAAS;AAAA,UAC5C,UAAU,WAAW;AAAA,UACrB,WAAW,SAAS,MAAM;AAAA,QAC1B;AACD,eAAO,aAAa,QAAQ,WAAW,KAAK,UAAU,YAAY,KAAK,CAAC;AAAA,MAC3E,OAAS;AACN,oBAAY,QAAQ,KAAK,MAAM,OAAO,aAAa,QAAQ,SAAS,CAAC;AAAA,MACrE;AACD,iBAAW,QAAQ,YAAY,MAAM;AACrC,UAAI,WAAW,OAAO;AACrB,iBAAS,MAAM,MAAM,OAAO,YAAY,MAAM,WAAW,YAAY,MAAM,YAAY;AAAA,MAC1F,OAAS;AACN,iBAAS,MAAM,MAAM,OAAO,YAAY,MAAM,WAAW;AAAA,MACzD;AACD,WAAK,QAAQ,WAAW,KAAK;AAAA,IAC7B;AACD,QAAI,eAAe,MAAM;AACP,eAAS,iBAAiB,MAAM,YAAY,EAAE;AAC/D,YAAM,WAAW,YAAY,MAAM;AACnC,YAAM,WAAW,YAAY,MAAM;AACnC,YAAM,YAAY,YAAY,MAAM;AACpC,iBAAW,QAAQ,CAAC,WAAW;AAC/B,UAAI,WAAW,OAAO;AACrB,iBAAS,MAAM,MAAM,OAAO,WAAW,YAAY;AAAA,MACtD,OAAS;AACN,iBAAS,MAAM,MAAM,OAAO,WAAW;AAAA,MACvC;AACD,kBAAY,MAAM,aAAa,WAAW;AAC1C,aAAO,aAAa,QAAQ,WAAW,KAAK,UAAU,YAAY,KAAK,CAAC;AACxE,WAAK,YAAY,WAAW,KAAK;AAAA,IACjC;AACD,cAAU,MAAM;AACf,mBAAc;AAAA,IAChB,CAAE;;;;0BAvEDA,mBAWM,OAAA;AAAA,iBAVD;AAAA,QAAJ,KAAI;AAAA,QACJ,uBAAM,YAAU;AAAA,oBACQC,MAAU,UAAA;AAAA,qBAAiBA,MAAU,UAAA;AAAA;QAI5D,gDAAOA,MAAY,YAAA,KAAAA,MAAA,YAAA,EAAA,GAAA,IAAA;AAAA;QAEFA,MAAU,UAAA,kBAA5BC,YAA0C,uBAAA;AAAA;UAAZ,MAAK;AAAA;SACfD,MAAU,UAAA,kBAA9BC,YAA4C,wBAAA;AAAA;UAAZ,MAAK;AAAA;;;;;;"}