{"version":3,"sources":["webpack:///src/components/Sticky/index.vue","webpack:///./src/components/Sticky/index.vue?9602","webpack:///./src/components/Sticky/index.vue?4bdb","webpack:///./src/components/Sticky/index.vue?0629","webpack:///./src/components/Sticky/index.vue","webpack:///./src/components/Sticky/index.vue?c25a","webpack:///./src/components/Sticky/index.vue?b48b","webpack:///./src/components/Sticky/index.vue?e34b"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWA;AACA,gBADA;AAEA;AACA;AACA,kBADA;AAEA,iBAFA,EADA;;AAKA;AACA,kBADA;AAEA,kBAFA,EALA,EAFA;;;AAYA,MAZA,kBAYA;AACA;AACA,mBADA;AAEA,kBAFA;AAGA,sBAHA;AAIA,uBAJA;AAKA,qBALA;AAMA,mBANA;;AAQA,GArBA;AAsBA,SAtBA,qBAsBA;AACA;AACA;AACA;AACA,GA1BA;AA2BA,WA3BA,uBA2BA;AACA;AACA,GA7BA;AA8BA,WA9BA,uBA8BA;AACA;AACA;AACA,GAjCA;AAkCA;AACA,UADA,oBACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KATA;AAUA,SAVA,mBAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAlBA;AAmBA,gBAnBA,0BAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KA/BA;AAgCA,eAhCA,yBAgCA;AACA;AACA;AACA;AACA,KApCA,EAlCA,I;;;;;;;;;;;;ACXA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,SAAS,gDAAgD,EAAE;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AChCA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,mCAAmC,mCAAmC,6CAA6C,GAAG,4BAA4B,2CAA2C,mCAAmC,gCAAgC,gCAAgC,wBAAwB,wBAAwB,0BAA0B,GAAG;AACpY;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,krBAAsY;AAC5Z;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAAgG;AACvC;AACL;AACqC;;;AAGzF;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACvCf;AAAA;AAAA,wCAA8R,CAAgB,sUAAG,EAAC,C;;;;;;;;;;;;ACAlT;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/39.js","sourcesContent":["<template>\n  <div :style=\"{height:height+'px',zIndex:zIndex}\">\n    <div :class=\"className\" class=\"sticky\" :style=\"{top:stickyTop+'px',zIndex:zIndex,position:position,width:width,height:height+'px'}\">\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: 44\n    },\n    zIndex: {\n      type: Number,\n      default: 200\n    }\n  },\n  data() {\n    return {\n      active: false,\n      position: '',\n      width: undefined,\n      height: undefined,\n      isSticky: false,\n      className: ''\n    }\n  },\n  mounted() {\n    this.height = this.$el.getBoundingClientRect().height\n    window.addEventListener('scroll', this.handleScroll)\n    window.addEventListener('resize', this.handleReize)\n  },\n  activated() {\n    this.handleScroll()\n  },\n  destroyed() {\n    window.removeEventListener('scroll', this.handleScroll)\n    window.removeEventListener('resize', this.handleReize)\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    reset() {\n      if (!this.active) {\n        return\n      }\n      this.position = ''\n      this.width = 'auto'\n      this.active = false\n      this.isSticky = false\n    },\n    handleScroll() {\n      this.width = this.$el.getBoundingClientRect().width\n      if (this.width === 0) {\n        this.width = '100%'\n      }\n      const offsetTop = this.$el.getBoundingClientRect().top\n      if (offsetTop < this.stickyTop) {\n        this.className = 'box-shadow'\n        this.sticky()\n        return\n      }\n      this.reset()\n    },\n    handleReize() {\n      if (this.isSticky) {\n        this.width = this.$el.getBoundingClientRect().width + 'px'\n      }\n    }\n  }\n}\n</script>\n<style scoped>\n.box-shadow {\n    border-bottom-color: #e9e9e9;\n    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);\n}\n.sticky {\n    /* background-color: rgb(48, 65, 86); */\n    background-color: #2d3a4b;\n    background-color: #24262f;\n    background-color: #f8f8f8;\n    text-align: right;\n    line-height: 42px;\n    padding-right: 20px;\n}\n</style>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { style: { height: _vm.height + \"px\", zIndex: _vm.zIndex } },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"sticky\",\n          class: _vm.className,\n          style: {\n            top: _vm.stickyTop + \"px\",\n            zIndex: _vm.zIndex,\n            position: _vm.position,\n            width: _vm.width,\n            height: _vm.height + \"px\"\n          }\n        },\n        [\n          _vm._t(\"default\", function() {\n            return [_c(\"div\", [_vm._v(\"sticky\")])]\n          })\n        ],\n        2\n      )\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"\\n.box-shadow[data-v-f60f2948] {\\n    border-bottom-color: #e9e9e9;\\n    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);\\n}\\n.sticky[data-v-f60f2948] {\\n    /* background-color: rgb(48, 65, 86); */\\n    background-color: #2d3a4b;\\n    background-color: #24262f;\\n    background-color: #f8f8f8;\\n    text-align: right;\\n    line-height: 42px;\\n    padding-right: 20px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=f60f2948&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4f0f8040\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=f60f2948&scoped=true&lang=css&\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=f60f2948&scoped=true&lang=css&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=f60f2948&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=f60f2948&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f60f2948\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/liqi/WebstormProjects/workflow_app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f60f2948')) {\n      api.createRecord('f60f2948', component.options)\n    } else {\n      api.reload('f60f2948', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=f60f2948&scoped=true&\", function () {\n      api.rerender('f60f2948', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Sticky/index.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=f60f2948&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"45657048-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=template&id=f60f2948&scoped=true&\""],"sourceRoot":""}