{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\Sticky\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\Sticky\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnU3RpY2t5JywKICBwcm9wczogewogICAgc3RpY2t5VG9wOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogMAogICAgfSwKICAgIHpJbmRleDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEKICAgIH0sCiAgICBjbGFzc05hbWU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAnJwogICAgfQogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFjdGl2ZTogZmFsc2UsCiAgICAgIHBvc2l0aW9uOiAnJywKICAgICAgd2lkdGg6IHVuZGVmaW5lZCwKICAgICAgaGVpZ2h0OiB1bmRlZmluZWQsCiAgICAgIGlzU3RpY2t5OiBmYWxzZQogICAgfQogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMuaGVpZ2h0ID0gdGhpcy4kZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkuaGVpZ2h0CiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgdGhpcy5oYW5kbGVTY3JvbGwpCiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5oYW5kbGVSZXNpemUpCiAgfSwKICBhY3RpdmF0ZWQoKSB7CiAgICB0aGlzLmhhbmRsZVNjcm9sbCgpCiAgfSwKICBkZXN0cm95ZWQoKSB7CiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgdGhpcy5oYW5kbGVTY3JvbGwpCiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5oYW5kbGVSZXNpemUpCiAgfSwKICBtZXRob2RzOiB7CiAgICBzdGlja3koKSB7CiAgICAgIGlmICh0aGlzLmFjdGl2ZSkgewogICAgICAgIHJldHVybgogICAgICB9CiAgICAgIHRoaXMucG9zaXRpb24gPSAnZml4ZWQnCiAgICAgIHRoaXMuYWN0aXZlID0gdHJ1ZQogICAgICB0aGlzLndpZHRoID0gdGhpcy53aWR0aCArICdweCcKICAgICAgdGhpcy5pc1N0aWNreSA9IHRydWUKICAgIH0sCiAgICBoYW5kbGVSZXNldCgpIHsKICAgICAgaWYgKCF0aGlzLmFjdGl2ZSkgewogICAgICAgIHJldHVybgogICAgICB9CiAgICAgIHRoaXMucmVzZXQoKQogICAgfSwKICAgIHJlc2V0KCkgewogICAgICB0aGlzLnBvc2l0aW9uID0gJycKICAgICAgdGhpcy53aWR0aCA9ICdhdXRvJwogICAgICB0aGlzLmFjdGl2ZSA9IGZhbHNlCiAgICAgIHRoaXMuaXNTdGlja3kgPSBmYWxzZQogICAgfSwKICAgIGhhbmRsZVNjcm9sbCgpIHsKICAgICAgY29uc3Qgd2lkdGggPSB0aGlzLiRlbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aAogICAgICB0aGlzLndpZHRoID0gd2lkdGggfHwgJ2F1dG8nCiAgICAgIGNvbnN0IG9mZnNldFRvcCA9IHRoaXMuJGVsLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLnRvcAogICAgICBpZiAob2Zmc2V0VG9wIDwgdGhpcy5zdGlja3lUb3ApIHsKICAgICAgICB0aGlzLnN0aWNreSgpCiAgICAgICAgcmV0dXJuCiAgICAgIH0KICAgICAgdGhpcy5oYW5kbGVSZXNldCgpCiAgICB9LAogICAgaGFuZGxlUmVzaXplKCkgewogICAgICBpZiAodGhpcy5pc1N0aWNreSkgewogICAgICAgIHRoaXMud2lkdGggPSB0aGlzLiRlbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCArICdweCcKICAgICAgfQogICAgfQogIH0KfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/Sticky","sourcesContent":["<template>\n <div :style=\"{height:height+'px',zIndex:zIndex}\">\n <div\n :class=\"className\"\n :style=\"{top:(isSticky ? stickyTop +'px' : ''),zIndex:zIndex,position:position,width:width,height:height+'px'}\"\n >\n <slot>\n <div>sticky</div>\n </slot>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n name: 'Sticky',\n props: {\n stickyTop: {\n type: Number,\n default: 0\n },\n zIndex: {\n type: Number,\n default: 1\n },\n className: {\n type: String,\n default: ''\n }\n },\n data() {\n return {\n active: false,\n position: '',\n width: undefined,\n height: undefined,\n isSticky: false\n }\n },\n mounted() {\n this.height = this.$el.getBoundingClientRect().height\n window.addEventListener('scroll', this.handleScroll)\n window.addEventListener('resize', this.handleResize)\n },\n activated() {\n this.handleScroll()\n },\n destroyed() {\n window.removeEventListener('scroll', this.handleScroll)\n window.removeEventListener('resize', this.handleResize)\n },\n methods: {\n sticky() {\n if (this.active) {\n return\n }\n this.position = 'fixed'\n this.active = true\n this.width = this.width + 'px'\n this.isSticky = true\n },\n handleReset() {\n if (!this.active) {\n return\n }\n this.reset()\n },\n reset() {\n this.position = ''\n this.width = 'auto'\n this.active = false\n this.isSticky = false\n },\n handleScroll() {\n const width = this.$el.getBoundingClientRect().width\n this.width = width || 'auto'\n const offsetTop = this.$el.getBoundingClientRect().top\n if (offsetTop < this.stickyTop) {\n this.sticky()\n return\n }\n this.handleReset()\n },\n handleResize() {\n if (this.isSticky) {\n this.width = this.$el.getBoundingClientRect().width + 'px'\n }\n }\n }\n}\n</script>\n"]}]}
|
