hz-zhhq-web/node_modules/.cache/babel-loader/b3443632d54a4c7f4d7b2201f8d3115c.json

{"remainingRequest":"E:\\hz-zhhq-web\\node_modules\\babel-loader\\lib\\index.js!E:\\hz-zhhq-web\\src\\layout\\mixin\\ResizeHandler.js","dependencies":[{"path":"E:\\hz-zhhq-web\\src\\layout\\mixin\\ResizeHandler.js","mtime":1737610069394},{"path":"E:\\hz-zhhq-web\\babel.config.js","mtime":1737610069371},{"path":"E:\\hz-zhhq-web\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\hz-zhhq-web\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000}],"contextDependencies":[],"result":["\"use strict\";\n\nvar _interopRequireDefault = require(\"E:/hz-zhhq-web/node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _store = _interopRequireDefault(require(\"@/store\"));\nvar _document = document,\n  body = _document.body;\nvar WIDTH = 992; // refer to Bootstrap's responsive design\nvar _default = exports.default = {\n  watch: {\n    $route: function $route(route) {\n      if (this.device === 'mobile' && this.sidebar.opened) {\n        _store.default.dispatch('app/closeSideBar', {\n          withoutAnimation: false\n        });\n      }\n    }\n  },\n  beforeMount: function beforeMount() {\n    window.addEventListener('resize', this.$_resizeHandler);\n  },\n  beforeDestroy: function beforeDestroy() {\n    window.removeEventListener('resize', this.$_resizeHandler);\n  },\n  mounted: function mounted() {\n    var isMobile = this.$_isMobile();\n    if (isMobile) {\n      _store.default.dispatch('app/toggleDevice', 'mobile');\n      _store.default.dispatch('app/closeSideBar', {\n        withoutAnimation: true\n      });\n    }\n  },\n  methods: {\n    // use $_ for mixins properties\n    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential\n    $_isMobile: function $_isMobile() {\n      var rect = body.getBoundingClientRect();\n      return rect.width - 1 < WIDTH;\n    },\n    $_resizeHandler: function $_resizeHandler() {\n      if (!document.hidden) {\n        var isMobile = this.$_isMobile();\n        _store.default.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop');\n        if (isMobile) {\n          _store.default.dispatch('app/closeSideBar', {\n            withoutAnimation: true\n          });\n        }\n      }\n    }\n  }\n};",null]}