| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\layout\\component\\columnsAside.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\layout\\component\\columnsAside.vue","mtime":1761614938996},{"path":"D:\\front\\item\\zyAdmin\\babel.config.js","mtime":1761614925168},{"path":"D:\\front\\item\\zyAdmin\\.babelrc","mtime":1761614925165},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9vYmplY3RTcHJlYWQgZnJvbSAiRDovZnJvbnQvaXRlbS96eUFkbWluL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9vYmplY3RTcHJlYWQyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmlsdGVyLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuZmluZC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5Lm1hcC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnB1c2guanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5pdGVyYXRvci5jb25zdHJ1Y3Rvci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmZpbHRlci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLml0ZXJhdG9yLmZpbmQuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5pdGVyYXRvci5tYXAuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5vYmplY3QudG8tc3RyaW5nLmpzIjsKaW1wb3J0IHsgZ2V0TWVudVNpZGVyLCBnZXRIZWFkZXJOYW1lLCBmaW5kRmlyc3ROb25OdWxsQ2hpbGRyZW4gfSBmcm9tICdAL2xpYnMvc3lzdGVtJzsKaW1wb3J0IExvZ28gZnJvbSAnQC9sYXlvdXQvbG9nby9pbmRleC52dWUnOwppbXBvcnQgeyBtYXBTdGF0ZSB9IGZyb20gJ3Z1ZXgnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2xheW91dENvbHVtbnNBc2lkZScsCiAgY29tcG9uZW50czogewogICAgTG9nbzogTG9nbwogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNvbHVtbnNBc2lkZUxpc3Q6IFtdLAogICAgICBsaUluZGV4OiAwLAogICAgICBkaWZmZXJlbmNlOiAwLAogICAgICByb3V0ZVNwbGl0OiBbXQogICAgfTsKICB9LAogIGNvbXB1dGVkOiBfb2JqZWN0U3ByZWFkKHsKICAgIC8vIOiuvue9ruWIhuagj+mrmOS6rumjjuagvAogICAgc2V0Q29sdW1uc0FzaWRlU3R5bGU6IGZ1bmN0aW9uIHNldENvbHVtbnNBc2lkZVN0eWxlKCkgewogICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUudGhlbWVDb25maWcudGhlbWVDb25maWcuY29sdW1uc0FzaWRlU3R5bGU7CiAgICB9LAogICAgLy8g6K6+572u5YiG5qCP5biD5bGA6aOO5qC8CiAgICBzZXRDb2x1bW5zQXNpZGVsYXlvdXQ6IGZ1bmN0aW9uIHNldENvbHVtbnNBc2lkZWxheW91dCgpIHsKICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmNvbHVtbnNBc2lkZUxheW91dDsKICAgIH0sCiAgICBMYXlvdXQ6IGZ1bmN0aW9uIExheW91dCgpIHsKICAgICAgcmV0dXJuIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLkxheW91dDsKICAgIH0sCiAgICByb3V0ZXNMaXN0OiBmdW5jdGlvbiByb3V0ZXNMaXN0KCkgewogICAgICB0aGlzLiRzdG9yZS5zdGF0ZS5yb3V0ZXNMaXN0LnJvdXRlc0xpc3Q7CiAgICB9CiAgfSwgbWFwU3RhdGUoJ21lbnUnLCBbJ2FjdGl2ZVBhdGgnXSkpLAogIGJlZm9yZURlc3Ryb3k6IGZ1bmN0aW9uIGJlZm9yZURlc3Ryb3koKSB7CiAgICB0aGlzLmJ1cy4kb2ZmKCdyb3V0ZXNMaXN0Q2hhbmdlJyk7CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKICAgIHRoaXMuYnVzLiRvbigncm91dGVzTGlzdENoYW5nZScsIGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMuc2V0RmlsdGVyUm91dGVzKCk7CiAgICB9KTsKICAgIHRoaXMuc2V0RmlsdGVyUm91dGVzKCk7CiAgfSwKICBtZXRob2RzOiB7CiAgICAvLyDorr7nva7oj5zljZXpq5jkuq7kvY3nva7np7vliqgKICAgIHNldENvbHVtbnNBc2lkZU1vdmU6IGZ1bmN0aW9uIHNldENvbHVtbnNBc2lkZU1vdmUoaykgewogICAgICBpZiAoayA9PT0gdW5kZWZpbmVkKSByZXR1cm4gZmFsc2U7CiAgICAgIHZhciBlbHMgPSB0aGlzLiRyZWZzLmNvbHVtbnNBc2lkZU9mZnNldFRvcFJlZnM7CiAgICAgIHRoaXMubGlJbmRleCA9IGs7CiAgICAgIHRoaXMuJHJlZnMuY29sdW1uc0FzaWRlQWN0aXZlUmVmLnN0eWxlLnRvcCA9ICIiLmNvbmNhdChlbHNba10ub2Zmc2V0VG9wICsgdGhpcy5kaWZmZXJlbmNlLCAicHgiKTsKICAgIH0sCiAgICAvLyDoj5zljZXpq5jkuq7ngrnlh7vkuovku7YKICAgIG9uQ29sdW1uc0FzaWRlTWVudUNsaWNrOiBmdW5jdGlvbiBvbkNvbHVtbnNBc2lkZU1lbnVDbGljayh2KSB7CiAgICAgIHZhciBwYXRoID0gdi5wYXRoLAogICAgICAgIHJlZGlyZWN0ID0gdi5yZWRpcmVjdDsKICAgICAgaWYgKHYuY2hpbGRyZW4pIHsKICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaChmaW5kRmlyc3ROb25OdWxsQ2hpbGRyZW4odi5jaGlsZHJlbikucGF0aCk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy4kcm91dGVyLnB1c2gocGF0aCk7CiAgICAgIH0KICAgICAgLy8g5LiA5Liq6Lev55Sx6K6+572u6Ieq5Yqo5pS26LW36I+c5Y2VCiAgICAgIGlmICghdi5jaGlsZHJlbiB8fCB2LmNoaWxkcmVuLmxlbmd0aCA8PSAxKSB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZy5pc0NvbGxhcHNlID0gdHJ1ZTtlbHNlIGlmICh2LmNoaWxkcmVuLmxlbmd0aCA+IDEpIHRoaXMuJHN0b3JlLnN0YXRlLnRoZW1lQ29uZmlnLnRoZW1lQ29uZmlnLmlzQ29sbGFwc2UgPSBmYWxzZTsKICAgICAgLy8gdGhpcy5idXMuJGVtaXQoJ3NldFNlbmRDb2x1bW5zQ2hpbGRyZW4nLCBnZXRNZW51U2lkZXIodGhpcy5jb2x1bW5zQXNpZGVMaXN0LCBwYXRoKSk7CiAgICB9LAogICAgLy8g6K6+572u6auY5Lqu5Yqo5oCB5L2N572uCiAgICBvbkNvbHVtbnNBc2lkZURvd246IGZ1bmN0aW9uIG9uQ29sdW1uc0FzaWRlRG93bihrKSB7CiAgICAgIHZhciBfdGhpczIgPSB0aGlzOwogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMyLnNldENvbHVtbnNBc2lkZU1vdmUoayk7CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOiuvue9ri/ov4fmu6Tot6/nlLHvvIjpnZ7pnZnmgIHot6/nlLEv5piv5ZCm5pi+56S65Zyo6I+c5Y2V5Lit77yJCiAgICBzZXRGaWx0ZXJSb3V0ZXM6IGZ1bmN0aW9uIHNldEZpbHRlclJvdXRlcygpIHsKICAgICAgaWYgKHRoaXMuJHN0b3JlLnN0YXRlLnJvdXRlc0xpc3Qucm91dGVzTGlzdC5sZW5ndGggPD0gMCkgcmV0dXJuIGZhbHNlOwogICAgICB0aGlzLmNvbHVtbnNBc2lkZUxpc3QgPSB0aGlzLmZpbHRlclJvdXRlc0Z1bih0aGlzLiRzdG9yZS5zdGF0ZS5yb3V0ZXNMaXN0LnJvdXRlc0xpc3QpOwogICAgICAvLyAgIGNvbnN0IHJlc0RhdGEgPSBnZXRIZWFkZXJOYW1lKHRoaXMuJHJvdXRlLnBhdGgsIHRoaXMuY29sdW1uc0FzaWRlTGlzdCk7CiAgICAgIHZhciByZXNEYXRhID0gdGhpcy5zZXRTZW5kQ2hpbGRyZW4oZ2V0SGVhZGVyTmFtZSh0aGlzLiRyb3V0ZSwgdGhpcy5jb2x1bW5zQXNpZGVMaXN0KSk7CiAgICAgIGlmICghcmVzRGF0YS5jaGlsZHJlbikgewogICAgICAgIHRoaXMuYnVzLiRlbWl0KCdzZXRTZW5kQ29sdW1uc0NoaWxkcmVuJywgW10pOwogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbWVudXMvY2hpbGRNZW51TGlzdCcsIFtdKTsKICAgICAgICB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZy5pc0NvbGxhcHNlID0gdHJ1ZTsKICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgIH0KICAgICAgdGhpcy5idXMuJGVtaXQoJ29uZUNhdE5hbWUnLCByZXNEYXRhLml0ZW1bMF0udGl0bGUpOwogICAgICB0aGlzLm9uQ29sdW1uc0FzaWRlRG93bihyZXNEYXRhLml0ZW1bMF0uayk7CiAgICAgIC8vIOWIt+aWsOaXtu+8jOWIneWni+WMluS4gOS4qui3r+eUseiuvue9ruiHquWKqOaUtui1t+iPnOWNlQogICAgICByZXNEYXRhLmNoaWxkcmVuLmxlbmd0aCA+IDAgPyB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZy5pc0NvbGxhcHNlID0gZmFsc2UgOiB0aGlzLiRzdG9yZS5zdGF0ZS50aGVtZUNvbmZpZy50aGVtZUNvbmZpZy5pc0NvbGxhcHNlID0gdHJ1ZTsKICAgICAgdGhpcy5idXMuJGVtaXQoJ3NldFNlbmRDb2x1bW5zQ2hpbGRyZW4nLCAocmVzRGF0YSA9PT0gbnVsbCB8fCByZXNEYXRhID09PSB2b2lkIDAgPyB2b2lkIDAgOiByZXNEYXRhLmNoaWxkcmVuKSB8fCBbXSk7CiAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgnbWVudXMvY2hpbGRNZW51TGlzdCcsIChyZXNEYXRhID09PSBudWxsIHx8IHJlc0RhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IHJlc0RhdGEuY2hpbGRyZW4pIHx8IFtdKTsKICAgIH0sCiAgICAvLyDkvKDpgIHlvZPliY3lrZDnuqfmlbDmja7liLDoj5zljZXkuK0KICAgIHNldFNlbmRDaGlsZHJlbjogZnVuY3Rpb24gc2V0U2VuZENoaWxkcmVuKHBhdGgpIHsKICAgICAgdmFyIGN1cnJlbnREYXRhID0ge307CiAgICAgIHRoaXMuY29sdW1uc0FzaWRlTGlzdC5tYXAoZnVuY3Rpb24gKHYsIGspIHsKICAgICAgICB2WydrJ10gPSBrOwogICAgICAgIGlmICh2LnBhdGggPT09IHBhdGgpIHsKICAgICAgICAgIGN1cnJlbnREYXRhWydpdGVtJ10gPSBbX29iamVjdFNwcmVhZCh7fSwgdildOwogICAgICAgICAgLy8gICBjdXJyZW50RGF0YVsnY2hpbGRyZW4nXSA9IFt7IC4uLnYgfV07CiAgICAgICAgICBpZiAodi5jaGlsZHJlbikgY3VycmVudERhdGFbJ2NoaWxkcmVuJ10gPSB2LmNoaWxkcmVuOwogICAgICAgIH0KICAgICAgfSk7CiAgICAgIHJldHVybiBjdXJyZW50RGF0YTsKICAgIH0sCiAgICAvLyDot6/nlLHov4fmu6TpgJLlvZLlh73mlbAKICAgIGZpbHRlclJvdXRlc0Z1bjogZnVuY3Rpb24gZmlsdGVyUm91dGVzRnVuKGFycikgewogICAgICB2YXIgX3RoaXMzID0gdGhpczsKICAgICAgcmV0dXJuIGFyci5maWx0ZXIoZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICByZXR1cm4gaXRlbS5wYXRoOwogICAgICB9KS5tYXAoZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICBpdGVtID0gT2JqZWN0LmFzc2lnbih7fSwgaXRlbSk7CiAgICAgICAgaWYgKGl0ZW0uY2hpbGRyZW4pIGl0ZW0uY2hpbGRyZW4gPSBfdGhpczMuZmlsdGVyUm91dGVzRnVuKGl0ZW0uY2hpbGRyZW4pOwogICAgICAgIHJldHVybiBpdGVtOwogICAgICB9KTsKICAgIH0sCiAgICAvLyB0YWdzVmlldyDngrnlh7vml7bvvIzmoLnmja7ot6/nlLHmn6Xmib7kuIvmoIcgY29sdW1uc0FzaWRlTGlzdO+8jOWunueOsOW3puS+p+iPnOWNlemrmOS6rgogICAgc2V0Q29sdW1uc01lbnVIaWdobGlnaHQ6IGZ1bmN0aW9uIHNldENvbHVtbnNNZW51SGlnaGxpZ2h0KHBhdGgpIHsKICAgICAgdmFyIF90aGlzNCA9IHRoaXM7CiAgICAgIC8vIHRoaXMucm91dGVTcGxpdCA9IHBhdGguc3BsaXQoJy8nKTsKICAgICAgLy8gdGhpcy5yb3V0ZVNwbGl0LnNoaWZ0KCk7CiAgICAgIC8vIGNvbnN0IHJvdXRlRmlyc3QgPSBgLyR7dGhpcy5yb3V0ZVNwbGl0WzBdfWA7CiAgICAgIHZhciBjdXJyZW50U3BsaXRSb3V0ZSA9IHRoaXMuY29sdW1uc0FzaWRlTGlzdC5maW5kKGZ1bmN0aW9uICh2KSB7CiAgICAgICAgcmV0dXJuIHYucGF0aCA9PT0gcGF0aDsKICAgICAgfSk7CiAgICAgIGlmICghY3VycmVudFNwbGl0Um91dGUpIHsKICAgICAgICAvLyB0aGlzLm9uQ29sdW1uc0FzaWRlRG93bigwKTsKICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgIH0KICAgICAgLy8g5bu26L+f5ou/5YC877yM6Ziy5q2i5Y+W5LiN5YiwCiAgICAgIHNldFRpbWVvdXQoZnVuY3Rpb24gKCkgewogICAgICAgIF90aGlzNC5vbkNvbHVtbnNBc2lkZURvd24oY3VycmVudFNwbGl0Um91dGUuayk7CiAgICAgIH0sIDApOwogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIC8vIOebkeWQrCB2dWV4IOaVsOaNruWPmOWMlgogICAgJyRzdG9yZS5zdGF0ZSc6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcih2YWwpIHsKICAgICAgICB2YWwudGhlbWVDb25maWcudGhlbWVDb25maWcuY29sdW1uc0FzaWRlU3R5bGUgPT09ICdjb2x1bW5zUm91bmQnID8gdGhpcy5kaWZmZXJlbmNlID0gMyA6IHRoaXMuZGlmZmVyZW5jZSA9IDA7CiAgICAgICAgaWYgKHZhbC5yb3V0ZXNMaXN0LnJvdXRlc0xpc3QubGVuZ3RoID09PSB0aGlzLmNvbHVtbnNBc2lkZUxpc3QubGVuZ3RoKSByZXR1cm4gZmFsc2U7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICAvLyDnm5HlkKzot6/nlLHnmoTlj5jljJYKICAgICRyb3V0ZTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKHRvKSB7CiAgICAgICAgdmFyIF9nZXRNZW51U2lkZXIkOwogICAgICAgIHRoaXMuc2V0Q29sdW1uc01lbnVIaWdobGlnaHQodG8ucGF0aCk7CiAgICAgICAgdmFyIEhlYWROYW1lID0gZ2V0SGVhZGVyTmFtZSh0bywgdGhpcy5jb2x1bW5zQXNpZGVMaXN0KTsKICAgICAgICB2YXIgYXNpZGVMaXN0ID0gKF9nZXRNZW51U2lkZXIkID0gZ2V0TWVudVNpZGVyKHRoaXMuY29sdW1uc0FzaWRlTGlzdCwgSGVhZE5hbWUpWzBdKSA9PT0gbnVsbCB8fCBfZ2V0TWVudVNpZGVyJCA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2dldE1lbnVTaWRlciQuY2hpbGRyZW47CiAgICAgICAgdmFyIHJlc0RhdGEgPSB0aGlzLnNldFNlbmRDaGlsZHJlbihIZWFkTmFtZSk7CiAgICAgICAgaWYgKHJlc0RhdGEuaXRlbSkgewogICAgICAgICAgdGhpcy5vbkNvbHVtbnNBc2lkZURvd24ocmVzRGF0YS5pdGVtWzBdLmspOwogICAgICAgICAgdGhpcy5idXMuJGVtaXQoJ29uZUNhdE5hbWUnLCByZXNEYXRhLml0ZW1bMF0udGl0bGUpOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLm9uQ29sdW1uc0FzaWRlRG93bigwKTsKICAgICAgICB9CiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCdtZW51cy9jaGlsZE1lbnVMaXN0JywgYXNpZGVMaXN0IHx8IFtdKTsKICAgICAgfSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0KfTs="},{"version":3,"names":["getMenuSider","getHeaderName","findFirstNonNullChildren","Logo","mapState","name","components","data","columnsAsideList","liIndex","difference","routeSplit","computed","_objectSpread","setColumnsAsideStyle","$store","state","themeConfig","columnsAsideStyle","setColumnsAsidelayout","columnsAsideLayout","Layout","routesList","beforeDestroy","bus","$off","mounted","_this","$on","setFilterRoutes","methods","setColumnsAsideMove","k","undefined","els","$refs","columnsAsideOffsetTopRefs","columnsAsideActiveRef","style","top","concat","offsetTop","onColumnsAsideMenuClick","v","path","redirect","children","$router","push","length","isCollapse","onColumnsAsideDown","_this2","$nextTick","filterRoutesFun","resData","setSendChildren","$route","$emit","commit","item","title","currentData","map","arr","_this3","filter","Object","assign","setColumnsMenuHighlight","_this4","currentSplitRoute","find","setTimeout","watch","handler","val","deep","to","_getMenuSider$","HeadName","asideList"],"sources":["src/layout/component/columnsAside.vue"],"sourcesContent":["<template>\r\n <div class=\"layout-columns-aside\">\r\n <el-scrollbar>\r\n <Logo />\r\n <ul>\r\n <li\r\n v-for=\"(v, k) in columnsAsideList\"\r\n :key=\"k\"\r\n @click=\"onColumnsAsideMenuClick(v)\"\r\n ref=\"columnsAsideOffsetTopRefs\"\r\n class=\"layout-columns\"\r\n :class=\"{ 'layout-columns-active': v.k === liIndex }\"\r\n :title=\"$t(v.title)\"\r\n >\r\n <div :class=\"setColumnsAsidelayout\" v-if=\"!v.isLink || (v.isLink && v.isIframe)\">\r\n <i :class=\"'el-icon-' + v.icon\"></i>\r\n <div class=\"font12\">\r\n {{\r\n $t(v.title) && $t(v.title).length >= 4\r\n ? $t(v.title).substr(0, setColumnsAsidelayout === 'columns-vertical' ? 4 : 3)\r\n : $t(v.title)\r\n }}\r\n </div>\r\n </div>\r\n <div :class=\"setColumnsAsidelayout\" v-else>\r\n <a :href=\"v.isLink\" target=\"_blank\">\r\n <i :class=\"'el-icon-' + v.icon\"></i>\r\n <div class=\"font12\">\r\n {{\r\n $t(v.title) && $t(v.title).length >= 4\r\n ? $t(v.title).substr(0, setColumnsAsidelayout === 'columns-vertical' ? 4 : 3)\r\n : $t(v.title)\r\n }}\r\n </div>\r\n </a>\r\n </div>\r\n </li>\r\n <div ref=\"columnsAsideActiveRef\" :class=\"setColumnsAsideStyle\"></div>\r\n </ul>\r\n </el-scrollbar>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getMenuSider, getHeaderName, findFirstNonNullChildren } from '@/libs/system';\r\nimport Logo from '@/layout/logo/index.vue';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n name: 'layoutColumnsAside',\r\n components: { Logo },\r\n data() {\r\n return {\r\n columnsAsideList: [],\r\n liIndex: 0,\r\n difference: 0,\r\n routeSplit: [],\r\n };\r\n },\r\n computed: {\r\n // 设置分栏高亮风格\r\n setColumnsAsideStyle() {\r\n return this.$store.state.themeConfig.themeConfig.columnsAsideStyle;\r\n },\r\n // 设置分栏布局风格\r\n setColumnsAsidelayout() {\r\n return this.$store.state.themeConfig.themeConfig.columnsAsideLayout;\r\n },\r\n Layout() {\r\n return this.$store.state.themeConfig.themeConfig.Layout;\r\n },\r\n routesList() {\r\n this.$store.state.routesList.routesList;\r\n },\r\n ...mapState('menu', ['activePath']),\r\n },\r\n beforeDestroy() {\r\n this.bus.$off('routesListChange');\r\n },\r\n mounted() {\r\n this.bus.$on('routesListChange', () => {\r\n this.setFilterRoutes();\r\n });\r\n this.setFilterRoutes();\r\n },\r\n methods: {\r\n // 设置菜单高亮位置移动\r\n setColumnsAsideMove(k) {\r\n if (k === undefined) return false;\r\n const els = this.$refs.columnsAsideOffsetTopRefs;\r\n this.liIndex = k;\r\n this.$refs.columnsAsideActiveRef.style.top = `${els[k].offsetTop + this.difference}px`;\r\n },\r\n // 菜单高亮点击事件\r\n onColumnsAsideMenuClick(v) {\r\n let { path, redirect } = v;\r\n if (v.children) {\r\n this.$router.push(findFirstNonNullChildren(v.children).path);\r\n } else {\r\n this.$router.push(path);\r\n }\r\n // 一个路由设置自动收起菜单\r\n if (!v.children || v.children.length <= 1) this.$store.state.themeConfig.themeConfig.isCollapse = true;\r\n else if (v.children.length > 1) this.$store.state.themeConfig.themeConfig.isCollapse = false;\r\n // this.bus.$emit('setSendColumnsChildren', getMenuSider(this.columnsAsideList, path));\r\n },\r\n // 设置高亮动态位置\r\n onColumnsAsideDown(k) {\r\n this.$nextTick(() => {\r\n this.setColumnsAsideMove(k);\r\n });\r\n },\r\n // 设置/过滤路由（非静态路由/是否显示在菜单中）\r\n setFilterRoutes() {\r\n if (this.$store.state.routesList.routesList.length <= 0) return false;\r\n this.columnsAsideList = this.filterRoutesFun(this.$store.state.routesList.routesList);\r\n // const resData = getHeaderName(this.$route.path, this.columnsAsideList);\r\n const resData = this.setSendChildren(getHeaderName(this.$route, this.columnsAsideList));\r\n if (!resData.children) {\r\n this.bus.$emit('setSendColumnsChildren', []);\r\n this.$store.commit('menus/childMenuList', []);\r\n\r\n this.$store.state.themeConfig.themeConfig.isCollapse = true;\r\n return false;\r\n }\r\n this.bus.$emit('oneCatName', resData.item[0].title);\r\n this.onColumnsAsideDown(resData.item[0].k);\r\n // 刷新时，初始化一个路由设置自动收起菜单\r\n resData.children.length > 0\r\n ? (this.$store.state.themeConfig.themeConfig.isCollapse = false)\r\n : (this.$store.state.themeConfig.themeConfig.isCollapse = true);\r\n this.bus.$emit('setSendColumnsChildren', resData?.children || []);\r\n this.$store.commit('menus/childMenuList', resData?.children || []);\r\n },\r\n // 传送当前子级数据到菜单中\r\n setSendChildren(path) {\r\n let currentData = {};\r\n this.columnsAsideList.map((v, k) => {\r\n v['k'] = k;\r\n if (v.path === path) {\r\n currentData['item'] = [{ ...v }];\r\n // currentData['children'] = [{ ...v }];\r\n if (v.children) currentData['children'] = v.children;\r\n }\r\n });\r\n return currentData;\r\n },\r\n // 路由过滤递归函数\r\n filterRoutesFun(arr) {\r\n return arr\r\n .filter((item) => item.path)\r\n .map((item) => {\r\n item = Object.assign({}, item);\r\n if (item.children) item.children = this.filterRoutesFun(item.children);\r\n return item;\r\n });\r\n },\r\n // tagsView 点击时，根据路由查找下标 columnsAsideList，实现左侧菜单高亮\r\n setColumnsMenuHighlight(path) {\r\n // this.routeSplit = path.split('/');\r\n // this.routeSplit.shift();\r\n // const routeFirst = `/${this.routeSplit[0]}`;\r\n const currentSplitRoute = this.columnsAsideList.find((v) => v.path === path);\r\n if (!currentSplitRoute) {\r\n // this.onColumnsAsideDown(0);\r\n return false;\r\n }\r\n // 延迟拿值，防止取不到\r\n setTimeout(() => {\r\n this.onColumnsAsideDown(currentSplitRoute.k);\r\n }, 0);\r\n },\r\n },\r\n watch: {\r\n // 监听 vuex 数据变化\r\n '$store.state': {\r\n handler(val) {\r\n val.themeConfig.themeConfig.columnsAsideStyle === 'columnsRound'\r\n ? (this.difference = 3)\r\n : (this.difference = 0);\r\n if (val.routesList.routesList.length === this.columnsAsideList.length) return false;\r\n },\r\n deep: true,\r\n },\r\n // 监听路由的变化\r\n $route: {\r\n handler(to) {\r\n this.setColumnsMenuHighlight(to.path);\r\n let HeadName = getHeaderName(to, this.columnsAsideList);\r\n let asideList = getMenuSider(this.columnsAsideList, HeadName)[0]?.children;\r\n const resData = this.setSendChildren(HeadName);\r\n if (resData.item) {\r\n this.onColumnsAsideDown(resData.item[0].k);\r\n this.bus.$emit('oneCatName', resData.item[0].title);\r\n } else {\r\n this.onColumnsAsideDown(0);\r\n }\r\n this.$store.commit('menus/childMenuList', asideList || []);\r\n },\r\n deep: true,\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.layout-columns-aside {\r\n width: 70px;\r\n height: 100%;\r\n background: var(--prev-bg-columnsMenuBar);\r\n box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);\r\n border-right: 1px solid var(--prev-border-color-lighter);\r\n\r\n ul {\r\n position: relative;\r\n li {\r\n color: var(--prev-bg-columnsMenuBarColor);\r\n width: 100%;\r\n height: 50px;\r\n text-align: center;\r\n display: flex;\r\n cursor: pointer;\r\n position: relative;\r\n z-index: 1;\r\n .columns-vertical {\r\n margin: auto;\r\n .columns-vertical-title {\r\n padding-top: 1px;\r\n }\r\n }\r\n .columns-horizontal {\r\n display: flex;\r\n height: 50px;\r\n width: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 0 5px;\r\n i {\r\n margin-right: 3px;\r\n }\r\n a {\r\n display: flex;\r\n .columns-horizontal-title {\r\n padding-top: 1px;\r\n }\r\n }\r\n }\r\n a {\r\n text-decoration: none;\r\n color: var(--prev-bg-columnsMenuBarColor);\r\n }\r\n }\r\n // li:hover {\r\n // background: var(--prev-color-primary);\r\n // color: var(--prev-bg-columnsMenuBarColor);\r\n // }\r\n .layout-columns {\r\n transition: 0.3s ease-in-out;\r\n }\r\n .layout-columns-active,\r\n .layout-columns-active a {\r\n color: var(--prev-bg-columnsMenuActiveColor);\r\n transition: 0.3s ease-in-out;\r\n }\r\n\r\n .columns-round {\r\n background: var(--prev-color-primary);\r\n // color: var(--prev-color-text-white);\r\n position: absolute;\r\n left: 50%;\r\n top: 2px;\r\n height: 50px;\r\n width: 65px;\r\n transform: translateX(-50%);\r\n z-index: 0;\r\n transition: 0.3s ease-in-out;\r\n border-radius: 5px;\r\n }\r\n .columns-card {\r\n @extend .columns-round;\r\n top: 0;\r\n height: 50px;\r\n width: 100%;\r\n border-radius: 0;\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":";;;;;;;;;;AA4CA,SAAAA,YAAA,EAAAC,aAAA,EAAAC,wBAAA;AACA,OAAAC,IAAA;AACA,SAAAC,QAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IAAAH,IAAA,EAAAA;EAAA;EACAI,IAAA,WAAAA,KAAA;IACA;MACAC,gBAAA;MACAC,OAAA;MACAC,UAAA;MACAC,UAAA;IACA;EACA;EACAC,QAAA,EAAAC,aAAA;IACA;IACAC,oBAAA,WAAAA,qBAAA;MACA,YAAAC,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAC,iBAAA;IACA;IACA;IACAC,qBAAA,WAAAA,sBAAA;MACA,YAAAJ,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAG,kBAAA;IACA;IACAC,MAAA,WAAAA,OAAA;MACA,YAAAN,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAI,MAAA;IACA;IACAC,UAAA,WAAAA,WAAA;MACA,KAAAP,MAAA,CAAAC,KAAA,CAAAM,UAAA,CAAAA,UAAA;IACA;EAAA,GACAlB,QAAA,yBACA;EACAmB,aAAA,WAAAA,cAAA;IACA,KAAAC,GAAA,CAAAC,IAAA;EACA;EACAC,OAAA,WAAAA,QAAA;IAAA,IAAAC,KAAA;IACA,KAAAH,GAAA,CAAAI,GAAA;MACAD,KAAA,CAAAE,eAAA;IACA;IACA,KAAAA,eAAA;EACA;EACAC,OAAA;IACA;IACAC,mBAAA,WAAAA,oBAAAC,CAAA;MACA,IAAAA,CAAA,KAAAC,SAAA;MACA,IAAAC,GAAA,QAAAC,KAAA,CAAAC,yBAAA;MACA,KAAA3B,OAAA,GAAAuB,CAAA;MACA,KAAAG,KAAA,CAAAE,qBAAA,CAAAC,KAAA,CAAAC,GAAA,MAAAC,MAAA,CAAAN,GAAA,CAAAF,CAAA,EAAAS,SAAA,QAAA/B,UAAA;IACA;IACA;IACAgC,uBAAA,WAAAA,wBAAAC,CAAA;MACA,IAAAC,IAAA,GAAAD,CAAA,CAAAC,IAAA;QAAAC,QAAA,GAAAF,CAAA,CAAAE,QAAA;MACA,IAAAF,CAAA,CAAAG,QAAA;QACA,KAAAC,OAAA,CAAAC,IAAA,CAAA9C,wBAAA,CAAAyC,CAAA,CAAAG,QAAA,EAAAF,IAAA;MACA;QACA,KAAAG,OAAA,CAAAC,IAAA,CAAAJ,IAAA;MACA;MACA;MACA,KAAAD,CAAA,CAAAG,QAAA,IAAAH,CAAA,CAAAG,QAAA,CAAAG,MAAA,YAAAlC,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAiC,UAAA,aACA,IAAAP,CAAA,CAAAG,QAAA,CAAAG,MAAA,WAAAlC,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAiC,UAAA;MACA;IACA;IACA;IACAC,kBAAA,WAAAA,mBAAAnB,CAAA;MAAA,IAAAoB,MAAA;MACA,KAAAC,SAAA;QACAD,MAAA,CAAArB,mBAAA,CAAAC,CAAA;MACA;IACA;IACA;IACAH,eAAA,WAAAA,gBAAA;MACA,SAAAd,MAAA,CAAAC,KAAA,CAAAM,UAAA,CAAAA,UAAA,CAAA2B,MAAA;MACA,KAAAzC,gBAAA,QAAA8C,eAAA,MAAAvC,MAAA,CAAAC,KAAA,CAAAM,UAAA,CAAAA,UAAA;MACA;MACA,IAAAiC,OAAA,QAAAC,eAAA,CAAAvD,aAAA,MAAAwD,MAAA,OAAAjD,gBAAA;MACA,KAAA+C,OAAA,CAAAT,QAAA;QACA,KAAAtB,GAAA,CAAAkC,KAAA;QACA,KAAA3C,MAAA,CAAA4C,MAAA;QAEA,KAAA5C,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAiC,UAAA;QACA;MACA;MACA,KAAA1B,GAAA,CAAAkC,KAAA,eAAAH,OAAA,CAAAK,IAAA,IAAAC,KAAA;MACA,KAAAV,kBAAA,CAAAI,OAAA,CAAAK,IAAA,IAAA5B,CAAA;MACA;MACAuB,OAAA,CAAAT,QAAA,CAAAG,MAAA,OACA,KAAAlC,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAiC,UAAA,WACA,KAAAnC,MAAA,CAAAC,KAAA,CAAAC,WAAA,CAAAA,WAAA,CAAAiC,UAAA;MACA,KAAA1B,GAAA,CAAAkC,KAAA,4BAAAH,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAT,QAAA;MACA,KAAA/B,MAAA,CAAA4C,MAAA,yBAAAJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAT,QAAA;IACA;IACA;IACAU,eAAA,WAAAA,gBAAAZ,IAAA;MACA,IAAAkB,WAAA;MACA,KAAAtD,gBAAA,CAAAuD,GAAA,WAAApB,CAAA,EAAAX,CAAA;QACAW,CAAA,QAAAX,CAAA;QACA,IAAAW,CAAA,CAAAC,IAAA,KAAAA,IAAA;UACAkB,WAAA,YAAAjD,aAAA,KAAA8B,CAAA;UACA;UACA,IAAAA,CAAA,CAAAG,QAAA,EAAAgB,WAAA,eAAAnB,CAAA,CAAAG,QAAA;QACA;MACA;MACA,OAAAgB,WAAA;IACA;IACA;IACAR,eAAA,WAAAA,gBAAAU,GAAA;MAAA,IAAAC,MAAA;MACA,OAAAD,GAAA,CACAE,MAAA,WAAAN,IAAA;QAAA,OAAAA,IAAA,CAAAhB,IAAA;MAAA,GACAmB,GAAA,WAAAH,IAAA;QACAA,IAAA,GAAAO,MAAA,CAAAC,MAAA,KAAAR,IAAA;QACA,IAAAA,IAAA,CAAAd,QAAA,EAAAc,IAAA,CAAAd,QAAA,GAAAmB,MAAA,CAAAX,eAAA,CAAAM,IAAA,CAAAd,QAAA;QACA,OAAAc,IAAA;MACA;IACA;IACA;IACAS,uBAAA,WAAAA,wBAAAzB,IAAA;MAAA,IAAA0B,MAAA;MACA;MACA;MACA;MACA,IAAAC,iBAAA,QAAA/D,gBAAA,CAAAgE,IAAA,WAAA7B,CAAA;QAAA,OAAAA,CAAA,CAAAC,IAAA,KAAAA,IAAA;MAAA;MACA,KAAA2B,iBAAA;QACA;QACA;MACA;MACA;MACAE,UAAA;QACAH,MAAA,CAAAnB,kBAAA,CAAAoB,iBAAA,CAAAvC,CAAA;MACA;IACA;EACA;EACA0C,KAAA;IACA;IACA;MACAC,OAAA,WAAAA,QAAAC,GAAA;QACAA,GAAA,CAAA3D,WAAA,CAAAA,WAAA,CAAAC,iBAAA,sBACA,KAAAR,UAAA,OACA,KAAAA,UAAA;QACA,IAAAkE,GAAA,CAAAtD,UAAA,CAAAA,UAAA,CAAA2B,MAAA,UAAAzC,gBAAA,CAAAyC,MAAA;MACA;MACA4B,IAAA;IACA;IACA;IACApB,MAAA;MACAkB,OAAA,WAAAA,QAAAG,EAAA;QAAA,IAAAC,cAAA;QACA,KAAAV,uBAAA,CAAAS,EAAA,CAAAlC,IAAA;QACA,IAAAoC,QAAA,GAAA/E,aAAA,CAAA6E,EAAA,OAAAtE,gBAAA;QACA,IAAAyE,SAAA,IAAAF,cAAA,GAAA/E,YAAA,MAAAQ,gBAAA,EAAAwE,QAAA,kBAAAD,cAAA,uBAAAA,cAAA,CAAAjC,QAAA;QACA,IAAAS,OAAA,QAAAC,eAAA,CAAAwB,QAAA;QACA,IAAAzB,OAAA,CAAAK,IAAA;UACA,KAAAT,kBAAA,CAAAI,OAAA,CAAAK,IAAA,IAAA5B,CAAA;UACA,KAAAR,GAAA,CAAAkC,KAAA,eAAAH,OAAA,CAAAK,IAAA,IAAAC,KAAA;QACA;UACA,KAAAV,kBAAA;QACA;QACA,KAAApC,MAAA,CAAA4C,MAAA,wBAAAsB,SAAA;MACA;MACAJ,IAAA;IACA;EACA;AACA","ignoreList":[]}]}
|
