{"version":3,"sources":["webpack:///./src/components/NoticeIcon/NoticeIcon.vue?7638","webpack:///./src/components/NoticeIcon/NoticeIcon.vue?e18e","webpack:///./src/components/NoticeIcon/NoticeIcon.vue","webpack:///src/components/NoticeIcon/NoticeIcon.vue","webpack:///./src/components/NoticeIcon/NoticeIcon.vue?a763","webpack:///./src/components/NoticeIcon/NoticeIcon.vue?ac31"],"names":["render","_vm","this","_c","_self","attrs","width","top","model","value","visible","callback","$$v","expression","slot","loadding","key","staticStyle","_v","staticClass","on","fetchNotice","staticRenderFns","name","data","methods","_this","setTimeout","component"],"mappings":"yIAAA,W,kCCAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACE,MAAM,CAAC,QAAU,QAAQ,UAAY,cAAc,iBAAmB,wBAAwB,oBAAqB,EAAK,oBAAqB,EAAK,aAAe,CAAEC,MAAO,QAASC,IAAK,SAAUC,MAAM,CAACC,MAAOR,EAAIS,QAASC,SAAS,SAAUC,GAAMX,EAAIS,QAAQE,GAAKC,WAAW,YAAY,CAACV,EAAG,WAAW,CAACW,KAAK,WAAW,CAACX,EAAG,SAAS,CAACE,MAAM,CAAC,SAAWJ,EAAIc,WAAW,CAACZ,EAAG,SAAS,CAACA,EAAG,aAAa,CAACa,IAAI,IAAIX,MAAM,CAAC,IAAM,OAAO,CAACF,EAAG,SAAS,CAACA,EAAG,cAAc,CAACA,EAAG,mBAAmB,CAACE,MAAM,CAAC,MAAQ,eAAe,YAAc,QAAQ,CAACF,EAAG,WAAW,CAACc,YAAY,CAAC,mBAAmB,SAASZ,MAAM,CAAC,KAAO,SAAS,IAAM,uEAAuES,KAAK,YAAY,IAAI,GAAGX,EAAG,cAAc,CAACA,EAAG,mBAAmB,CAACE,MAAM,CAAC,MAAQ,oBAAoB,YAAc,QAAQ,CAACF,EAAG,WAAW,CAACc,YAAY,CAAC,mBAAmB,SAASZ,MAAM,CAAC,KAAO,SAAS,IAAM,uEAAuES,KAAK,YAAY,IAAI,GAAGX,EAAG,cAAc,CAACA,EAAG,mBAAmB,CAACE,MAAM,CAAC,MAAQ,iBAAiB,YAAc,QAAQ,CAACF,EAAG,WAAW,CAACc,YAAY,CAAC,mBAAmB,SAASZ,MAAM,CAAC,KAAO,SAAS,IAAM,uEAAuES,KAAK,YAAY,IAAI,IAAI,IAAI,GAAGX,EAAG,aAAa,CAACa,IAAI,IAAIX,MAAM,CAAC,IAAM,OAAO,CAACJ,EAAIiB,GAAG,+BAA+Bf,EAAG,aAAa,CAACa,IAAI,IAAIX,MAAM,CAAC,IAAM,OAAO,CAACJ,EAAIiB,GAAG,gCAAgC,IAAI,IAAI,GAAGf,EAAG,OAAO,CAACgB,YAAY,gBAAgBC,GAAG,CAAC,MAAQnB,EAAIoB,cAAc,CAAClB,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,OAAO,CAACF,EAAG,SAAS,CAACc,YAAY,CAAC,YAAY,OAAO,QAAU,OAAOZ,MAAM,CAAC,KAAO,WAAW,IAAI,IAAI,IAExsDiB,EAAkB,GCgDP,GACfC,KAAA,eACAC,KAAA,WACA,OACAT,UAAA,EACAL,SAAA,IAGAe,QAAA,CACAJ,YAAA,eAAAK,EAAA,KACA,KAAAhB,QAMA,KAAAK,UAAA,GALA,KAAAA,UAAA,EACAY,YAAA,WACAD,EAAAX,UAAA,IACA,MAIA,KAAAL,SAAA,KAAAA,WCpEkW,I,kCCS9VkB,EAAY,eACd,EACA5B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/chunk-b3e21c0c.55ee4da4.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./NoticeIcon.vue?vue&type=style&index=0&id=3a6e3026&prod&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NoticeIcon.vue?vue&type=style&index=1&id=3a6e3026&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a-popover',{attrs:{\"trigger\":\"click\",\"placement\":\"bottomRight\",\"overlayClassName\":\"header-notice-wrapper\",\"autoAdjustOverflow\":true,\"arrowPointAtCenter\":true,\"overlayStyle\":{ width: '300px', top: '50px' }},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('template',{slot:\"content\"},[_c('a-spin',{attrs:{\"spinning\":_vm.loadding}},[_c('a-tabs',[_c('a-tab-pane',{key:\"1\",attrs:{\"tab\":\"通知\"}},[_c('a-list',[_c('a-list-item',[_c('a-list-item-meta',{attrs:{\"title\":\"你收到了 14 份新周报\",\"description\":\"一年前\"}},[_c('a-avatar',{staticStyle:{\"background-color\":\"white\"},attrs:{\"slot\":\"avatar\",\"src\":\"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png\"},slot:\"avatar\"})],1)],1),_c('a-list-item',[_c('a-list-item-meta',{attrs:{\"title\":\"你推荐的 曲妮妮 已通过第三轮面试\",\"description\":\"一年前\"}},[_c('a-avatar',{staticStyle:{\"background-color\":\"white\"},attrs:{\"slot\":\"avatar\",\"src\":\"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png\"},slot:\"avatar\"})],1)],1),_c('a-list-item',[_c('a-list-item-meta',{attrs:{\"title\":\"这种模板可以区分多种通知类型\",\"description\":\"一年前\"}},[_c('a-avatar',{staticStyle:{\"background-color\":\"white\"},attrs:{\"slot\":\"avatar\",\"src\":\"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png\"},slot:\"avatar\"})],1)],1)],1)],1),_c('a-tab-pane',{key:\"2\",attrs:{\"tab\":\"消息\"}},[_vm._v(\"\\n          123\\n        \")]),_c('a-tab-pane',{key:\"3\",attrs:{\"tab\":\"待办\"}},[_vm._v(\"\\n          123\\n        \")])],1)],1)],1),_c('span',{staticClass:\"header-notice\",on:{\"click\":_vm.fetchNotice}},[_c('a-badge',{attrs:{\"count\":\"12\"}},[_c('a-icon',{staticStyle:{\"font-size\":\"16px\",\"padding\":\"4px\"},attrs:{\"type\":\"bell\"}})],1)],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <a-popover\r\n    v-model=\"visible\"\r\n    trigger=\"click\"\r\n    placement=\"bottomRight\"\r\n    overlayClassName=\"header-notice-wrapper\"\r\n    :autoAdjustOverflow=\"true\"\r\n    :arrowPointAtCenter=\"true\"\r\n    :overlayStyle=\"{ width: '300px', top: '50px' }\"\r\n  >\r\n    <template slot=\"content\">\r\n      <a-spin :spinning=\"loadding\">\r\n        <a-tabs>\r\n          <a-tab-pane tab=\"通知\" key=\"1\">\r\n            <a-list>\r\n              <a-list-item>\r\n                <a-list-item-meta title=\"你收到了 14 份新周报\" description=\"一年前\">\r\n                  <a-avatar style=\"background-color: white\" slot=\"avatar\" src=\"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png\"/>\r\n                </a-list-item-meta>\r\n              </a-list-item>\r\n              <a-list-item>\r\n                <a-list-item-meta title=\"你推荐的 曲妮妮 已通过第三轮面试\" description=\"一年前\">\r\n                  <a-avatar style=\"background-color: white\" slot=\"avatar\" src=\"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png\"/>\r\n                </a-list-item-meta>\r\n              </a-list-item>\r\n              <a-list-item>\r\n                <a-list-item-meta title=\"这种模板可以区分多种通知类型\" description=\"一年前\">\r\n                  <a-avatar style=\"background-color: white\" slot=\"avatar\" src=\"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png\"/>\r\n                </a-list-item-meta>\r\n              </a-list-item>\r\n            </a-list>\r\n          </a-tab-pane>\r\n          <a-tab-pane tab=\"消息\" key=\"2\">\r\n            123\r\n          </a-tab-pane>\r\n          <a-tab-pane tab=\"待办\" key=\"3\">\r\n            123\r\n          </a-tab-pane>\r\n        </a-tabs>\r\n      </a-spin>\r\n    </template>\r\n    <span @click=\"fetchNotice\" class=\"header-notice\">\r\n      <a-badge count=\"12\">\r\n        <a-icon style=\"font-size: 16px; padding: 4px\" type=\"bell\" />\r\n      </a-badge>\r\n    </span>\r\n  </a-popover>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'HeaderNotice',\r\n    data () {\r\n        return {\r\n            loadding: false,\r\n            visible: false\r\n        }\r\n    },\r\n    methods: {\r\n        fetchNotice () {\r\n            if (!this.visible) {\r\n                this.loadding = true\r\n                setTimeout(() => {\r\n                    this.loadding = false\r\n                }, 2000)\r\n            } else {\r\n                this.loadding = false\r\n            }\r\n            this.visible = !this.visible\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"css\">\r\n  .header-notice-wrapper {\r\n    top: 50px !important;\r\n  }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n  .header-notice{\r\n    display: inline-block;\r\n    transition: all 0.3s;\r\n\r\n    span {\r\n      vertical-align: initial;\r\n    }\r\n  }\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./NoticeIcon.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./NoticeIcon.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NoticeIcon.vue?vue&type=template&id=3a6e3026&scoped=true\"\nimport script from \"./NoticeIcon.vue?vue&type=script&lang=js\"\nexport * from \"./NoticeIcon.vue?vue&type=script&lang=js\"\nimport style0 from \"./NoticeIcon.vue?vue&type=style&index=0&id=3a6e3026&prod&lang=css\"\nimport style1 from \"./NoticeIcon.vue?vue&type=style&index=1&id=3a6e3026&prod&lang=less&scoped=true\"\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  \"3a6e3026\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}