{"version":3,"sources":["webpack:///main.js","webpack:///webpack/bootstrap 564d12ae1249bdd491d5","webpack:///D:/coffce/vue-chat/src/main.js","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/addStyles.js","webpack:///D:/coffce/vue-chat/src/components/app.vue","webpack:///D:/coffce/vue-chat/src/components/card.vue","webpack:///D:/coffce/vue-chat/src/components/list.vue","webpack:///D:/coffce/vue-chat/src/components/message.vue","webpack:///D:/coffce/vue-chat/src/components/text.vue","webpack:///D:/coffce/vue-chat/src/store.js","webpack:///./~/babel-runtime/core-js/json/stringify.js","webpack:///./~/babel-runtime/~/core-js/library/fn/json/stringify.js","webpack:///./~/babel-runtime/~/core-js/library/modules/$.core.js","webpack:///./src/components/text.vue?a08d","webpack:///./src/components/app.vue?6015","webpack:///./src/components/card.vue?d972","webpack:///./src/components/list.vue?0d2b","webpack:///./src/components/message.vue?5651","webpack:///./src/components/text.vue?c180","webpack:///./src/components/app.vue?c704","webpack:///./src/components/card.vue?c5bc","webpack:///./src/components/list.vue?5335","webpack:///./src/components/message.vue?98ca","webpack:///./src/components/app.vue?54a9","webpack:///./src/components/card.vue?e8b9","webpack:///./src/components/list.vue?51be","webpack:///./src/components/message.vue?8f48","webpack:///./src/components/text.vue?6c10","webpack:///./src/components/app.vue","webpack:///./src/components/card.vue","webpack:///./src/components/list.vue","webpack:///./src/components/message.vue","webpack:///./src/components/text.vue"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","id","loaded","call","m","c","p","_interopRequireDefault","obj","__esModule","default","_app","_app2","Vue","config","debug","list","toString","result","i","this","length","item","push","join","mediaQuery","alreadyImportedModules","addStylesToDom","styles","options","domStyle","stylesInDom","refs","j","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","createStyleElement","styleElement","document","createElement","head","getHeadElement","type","appendChild","createLinkElement","linkElement","rel","update","remove","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","URL","createObjectURL","revokeObjectURL","Blob","btoa","updateLink","parentNode","removeChild","href","applyToTag","newObj","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","firstChild","unescape","encodeURIComponent","JSON","stringify","blob","oldSrc","memoize","fn","memo","apply","arguments","isOldIE","test","window","navigator","userAgent","toLowerCase","getElementsByTagName","newList","mayRemove","textStore","replacement","filter","Boolean","Object","defineProperty","value","_store","_store2","_card","_card2","_list","_list2","_text","_text2","_message","_message2","el","data","serverData","fetch","user","userList","sessionList","search","sessionIndex","computed","session","watch","deep","handler","save","components","card","text","message","props","methods","select","indexOf","filters","_this","name","sessionUser","users","userId","avatar","self","img","time","date","Date","getHours","getMinutes","directives","scroll-bottom","_this2","nextTick","scrollTop","scrollHeight","clientHeight","inputing","e","ctrlKey","keyCode","messages","_stringify","_stringify2","key","localStorage","getItem","now","setItem","parse","store","core","it","version","__e","content","locals","template"],"mappings":"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","file":"main.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/dist/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tvar _app = __webpack_require__(32);\n\t\n\tvar _app2 = _interopRequireDefault(_app);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tVue.config.debug = true;\n\t\n\tnew Vue(_app2.default);\n\n/***/ },\n/* 1 */\n/***/ function(module, exports) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\t// css base code, injected by the css-loader\r\n\tmodule.exports = function() {\r\n\t\tvar list = [];\r\n\t\r\n\t\t// return the list of modules as css string\r\n\t\tlist.toString = function toString() {\r\n\t\t\tvar result = [];\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar item = this[i];\r\n\t\t\t\tif(item[2]) {\r\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresult.push(item[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn result.join(\"\");\r\n\t\t};\r\n\t\r\n\t\t// import a list of modules into the list\r\n\t\tlist.i = function(modules, mediaQuery) {\r\n\t\t\tif(typeof modules === \"string\")\r\n\t\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\t\tvar alreadyImportedModules = {};\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar id = this[i][0];\r\n\t\t\t\tif(typeof id === \"number\")\r\n\t\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t\t}\r\n\t\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\t\tvar item = modules[i];\r\n\t\t\t\t// skip already imported module\r\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlist.push(item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\treturn list;\r\n\t};\r\n\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\tvar stylesInDom = {},\r\n\t\tmemoize = function(fn) {\r\n\t\t\tvar memo;\r\n\t\t\treturn function () {\r\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\t\treturn memo;\r\n\t\t\t};\r\n\t\t},\r\n\t\tisOldIE = memoize(function() {\r\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t\t}),\r\n\t\tgetHeadElement = memoize(function () {\r\n\t\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t\t}),\r\n\t\tsingletonElement = null,\r\n\t\tsingletonCounter = 0;\r\n\t\r\n\tmodule.exports = function(list, options) {\r\n\t\tif(false) {\r\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t\t}\r\n\t\r\n\t\toptions = options || {};\r\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t\t// tags it will allow on a page\r\n\t\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\t\r\n\t\tvar styles = listToStyles(list);\r\n\t\taddStylesToDom(styles, options);\r\n\t\r\n\t\treturn function update(newList) {\r\n\t\t\tvar mayRemove = [];\r\n\t\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\t\tvar item = styles[i];\r\n\t\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\t\tdomStyle.refs--;\r\n\t\t\t\tmayRemove.push(domStyle);\r\n\t\t\t}\r\n\t\t\tif(newList) {\r\n\t\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\t\taddStylesToDom(newStyles, options);\r\n\t\t\t}\r\n\t\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\t\r\n\tfunction addStylesToDom(styles, options) {\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tif(domStyle) {\r\n\t\t\t\tdomStyle.refs++;\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t\t}\r\n\t\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tvar parts = [];\r\n\t\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t\t}\r\n\t\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction listToStyles(list) {\r\n\t\tvar styles = [];\r\n\t\tvar newStyles = {};\r\n\t\tfor(var i = 0; i < list.length; i++) {\r\n\t\t\tvar item = list[i];\r\n\t\t\tvar id = item[0];\r\n\t\t\tvar css = item[1];\r\n\t\t\tvar media = item[2];\r\n\t\t\tvar sourceMap = item[3];\r\n\t\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\t\tif(!newStyles[id])\r\n\t\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\t\telse\r\n\t\t\t\tnewStyles[id].parts.push(part);\r\n\t\t}\r\n\t\treturn styles;\r\n\t}\r\n\t\r\n\tfunction createStyleElement() {\r\n\t\tvar styleElement = document.createElement(\"style\");\r\n\t\tvar head = getHeadElement();\r\n\t\tstyleElement.type = \"text/css\";\r\n\t\thead.appendChild(styleElement);\r\n\t\treturn styleElement;\r\n\t}\r\n\t\r\n\tfunction createLinkElement() {\r\n\t\tvar linkElement = document.createElement(\"link\");\r\n\t\tvar head = getHeadElement();\r\n\t\tlinkElement.rel = \"stylesheet\";\r\n\t\thead.appendChild(linkElement);\r\n\t\treturn linkElement;\r\n\t}\r\n\t\r\n\tfunction addStyle(obj, options) {\r\n\t\tvar styleElement, update, remove;\r\n\t\r\n\t\tif (options.singleton) {\r\n\t\t\tvar styleIndex = singletonCounter++;\r\n\t\t\tstyleElement = singletonElement || (singletonElement = createStyleElement());\r\n\t\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t\t} else if(obj.sourceMap &&\r\n\t\t\ttypeof URL === \"function\" &&\r\n\t\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\t\ttypeof Blob === \"function\" &&\r\n\t\t\ttypeof btoa === \"function\") {\r\n\t\t\tstyleElement = createLinkElement();\r\n\t\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\t\tremove = function() {\r\n\t\t\t\tstyleElement.parentNode.removeChild(styleElement);\r\n\t\t\t\tif(styleElement.href)\r\n\t\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tstyleElement = createStyleElement();\r\n\t\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\t\tremove = function() {\r\n\t\t\t\tstyleElement.parentNode.removeChild(styleElement);\r\n\t\t\t};\r\n\t\t}\r\n\t\r\n\t\tupdate(obj);\r\n\t\r\n\t\treturn function updateStyle(newObj) {\r\n\t\t\tif(newObj) {\r\n\t\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\t\treturn;\r\n\t\t\t\tupdate(obj = newObj);\r\n\t\t\t} else {\r\n\t\t\t\tremove();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\t\r\n\tvar replaceText = (function () {\r\n\t\tvar textStore = [];\r\n\t\r\n\t\treturn function (index, replacement) {\r\n\t\t\ttextStore[index] = replacement;\r\n\t\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t\t};\r\n\t})();\r\n\t\r\n\tfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\t\tvar css = remove ? \"\" : obj.css;\r\n\t\r\n\t\tif (styleElement.styleSheet) {\r\n\t\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t\t} else {\r\n\t\t\tvar cssNode = document.createTextNode(css);\r\n\t\t\tvar childNodes = styleElement.childNodes;\r\n\t\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\t\tif (childNodes.length) {\r\n\t\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t\t} else {\r\n\t\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction applyToTag(styleElement, obj) {\r\n\t\tvar css = obj.css;\r\n\t\tvar media = obj.media;\r\n\t\tvar sourceMap = obj.sourceMap;\r\n\t\r\n\t\tif(media) {\r\n\t\t\tstyleElement.setAttribute(\"media\", media)\r\n\t\t}\r\n\t\r\n\t\tif(styleElement.styleSheet) {\r\n\t\t\tstyleElement.styleSheet.cssText = css;\r\n\t\t} else {\r\n\t\t\twhile(styleElement.firstChild) {\r\n\t\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t\t}\r\n\t\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction updateLink(linkElement, obj) {\r\n\t\tvar css = obj.css;\r\n\t\tvar media = obj.media;\r\n\t\tvar sourceMap = obj.sourceMap;\r\n\t\r\n\t\tif(sourceMap) {\r\n\t\t\t// http://stackoverflow.com/a/26603875\r\n\t\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t\t}\r\n\t\r\n\t\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\t\r\n\t\tvar oldSrc = linkElement.href;\r\n\t\r\n\t\tlinkElement.href = URL.createObjectURL(blob);\r\n\t\r\n\t\tif(oldSrc)\r\n\t\t\tURL.revokeObjectURL(oldSrc);\r\n\t}\r\n\n\n/***/ },\n/* 3 */,\n/* 4 */,\n/* 5 */,\n/* 6 */,\n/* 7 */,\n/* 8 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t\n\tvar _store = __webpack_require__(13);\n\t\n\tvar _store2 = _interopRequireDefault(_store);\n\t\n\tvar _card = __webpack_require__(33);\n\t\n\tvar _card2 = _interopRequireDefault(_card);\n\t\n\tvar _list = __webpack_require__(34);\n\t\n\tvar _list2 = _interopRequireDefault(_list);\n\t\n\tvar _text = __webpack_require__(36);\n\t\n\tvar _text2 = _interopRequireDefault(_text);\n\t\n\tvar _message = __webpack_require__(35);\n\t\n\tvar _message2 = _interopRequireDefault(_message);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\texports.default = {\n\t    el: '#chat',\n\t    data: function data() {\n\t        var serverData = _store2.default.fetch();\n\t\n\t        return {\n\t            // 登录用户\n\t            user: serverData.user,\n\t            // 用户列表\n\t            userList: serverData.userList,\n\t            // 会话列表\n\t            sessionList: serverData.sessionList,\n\t            // 搜索key\n\t            search: '',\n\t            // 选中的会话Index\n\t            sessionIndex: 0\n\t        };\n\t    },\n\t\n\t    computed: {\n\t        session: function session() {\n\t            return this.sessionList[this.sessionIndex];\n\t        }\n\t    },\n\t    watch: {\n\t        // 每当sessionList改变时，保存到localStorage中\n\t        sessionList: {\n\t            deep: true,\n\t            handler: function handler() {\n\t                _store2.default.save({\n\t                    user: this.user,\n\t                    userList: this.userList,\n\t                    sessionList: this.sessionList\n\t                });\n\t            }\n\t        }\n\t    },\n\t    components: {\n\t        card: _card2.default, list: _list2.default, text: _text2.default, message: _message2.default\n\t    }\n\t};\n\t\n\t// </script>\n\n\t// <template>\n\n\t//     <div>\n\n\t//         <div class=\"sidebar\">\n\n\t//             <card :user=\"user\" :search.sync=\"search\"></card>\n\n\t//             <list :user-list=\"userList\" :session=\"session\" :session-index.sync=\"sessionIndex\" :search=\"search\"></list>\n\n\t//         </div>\n\n\t//         <div class=\"main\">\n\n\t//             <message :session=\"session\" :user=\"user\" :user-list=\"userList\"></message>\n\n\t//             <text :session=\"session\"></text>\n\n\t//         </div>\n\n\t//     </div>\n\n\t// </template>\n\n\t// <style lang=\"less\">\n\n\t//     #chat {\n\n\t//         overflow: hidden;\n\n\t//         border-radius: 3px;\n\n\t//         .sidebar, .main {\n\n\t//             height: 100%;  \n\n\t//         }\n\n\t//         .sidebar {\n\n\t//             float: left;\n\n\t//             width: 200px;\n\n\t//             color: #f4f4f4;\n\n\t//             background-color: #2e3238;\n\n\t//         }\n\n\t//         .main {\n\n\t//             position: relative;\n\n\t//             overflow: hidden;  \n\n\t//             background-color: #eee;\n\n\t//         }\n\n\t//         .m-text {\n\n\t//             position: absolute;\n\n\t//             width: 100%;\n\n\t//             bottom: 0;\n\n\t//             left: 0;\n\n\t//         }\n\n\t//         .m-message {\n\n\t//             height: ~'calc(100% - 160px)';\n\n\t//         }\n\n\t//     }\n\n\t// </style>\n\t// <script>\n\n/***/ },\n/* 9 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t// <script>\n\texports.default = {\n\t    props: ['user', 'search']\n\t};\n\t// </script>\n\n\t// <template>\n\n\t//     <div class=\"m-card\">\n\n\t//         <header>\n\n\t//             <img class=\"avatar\" width=\"40\" height=\"40\" :alt=\"user.name\" :src=\"user.img\">\n\n\t//             <p class=\"name\">{{user.name}}</p>\n\n\t//         </header>\n\n\t//         <footer>\n\n\t//             <input class=\"search\" type=\"text\" placeholder=\"search user...\" v-model=\"search\">\n\n\t//         </footer>\n\n\t//     </div>\n\n\t// </template>\n\n\t// <style style=\"less\">\n\n\t//     .m-card {\n\n\t//         padding: 12px;\n\n\t//         border-bottom: solid 1px #24272C;\n\n\t//         footer {\n\n\t//             margin-top: 10px;\n\n\t//         }\n\n\t//         .avatar, .name {\n\n\t//             vertical-align: middle;\n\n\t//         }\n\n\t//         .avatar {\n\n\t//             border-radius: 2px;\n\n\t//         }\n\n\t//         .name {\n\n\t//             display: inline-block;\n\n\t//             margin: 0 0 0 15px;\n\n\t//             font-size: 16px;\n\n\t//         }\n\n\t//         .search {\n\n\t//             padding: 0 10px;\n\n\t//             width: 100%;\n\n\t//             font-size: 12px;\n\n\t//             color: #fff;\n\n\t//             height: 30px;\n\n\t//             line-height: 30px;\n\n\t//             border: solid 1px #3a3a3a;\n\n\t//             border-radius: 4px;\n\n\t//             outline: none;\n\n\t//             background-color: #26292E;\n\n\t//         }\n\n\t//     }\n\n\t// </style>\n\n/***/ },\n/* 10 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t// <script>\n\texports.default = {\n\t    props: ['userList', 'sessionIndex', 'session', 'search'],\n\t    methods: {\n\t        select: function select(value) {\n\t            this.sessionIndex = this.userList.indexOf(value);\n\t        }\n\t    },\n\t    filters: {\n\t        search: function search(list) {\n\t            var _this = this;\n\t\n\t            return list.filter(function (item) {\n\t                return item.name.indexOf(_this.search) > -1;\n\t            });\n\t        }\n\t    }\n\t};\n\t// </script>\n\n\t// <template>\n\n\t//     <div class=\"m-list\">\n\n\t//         <ul>\n\n\t//             <li v-for=\"item in userList | search\" :class=\"{ active: session.userId === item.id }\" @click=\"select(item)\">\n\n\t//                 <img class=\"avatar\"  width=\"30\" height=\"30\" :alt=\"item.name\" :src=\"item.img\">\n\n\t//                 <p class=\"name\">{{item.name}}</p>\n\n\t//             </li>\n\n\t//         </ul>\n\n\t//     </div>\n\n\t// </template>\n\n\t// <style lang=\"less\">\n\n\t//     .m-list {\n\n\t//         li {\n\n\t//             padding: 12px 15px;\n\n\t//             border-bottom: 1px solid #292C33;\n\n\t//             cursor: pointer;\n\n\t//             transition: background-color .1s;\n\n\t//             &:hover {\n\n\t//                 background-color: rgba(255, 255, 255, 0.03);\n\n\t//             }\n\n\t//             &.active {\n\n\t//                 background-color: rgba(255, 255, 255, 0.1);\n\n\t//             }\n\n\t//         }\n\n\t//         .avatar, .name {\n\n\t//             vertical-align: middle;\n\n\t//         }\n\n\t//         .avatar {\n\n\t//             border-radius: 2px;\n\n\t//         }\n\n\t//         .name {\n\n\t//             display: inline-block;\n\n\t//             margin: 0 0 0 15px;\n\n\t//         }\n\n\t//     }\n\n\t// </style>\n\n/***/ },\n/* 11 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t// <script>\n\texports.default = {\n\t    props: ['session', 'user', 'userList'],\n\t    computed: {\n\t        sessionUser: function sessionUser() {\n\t            var _this = this;\n\t\n\t            var users = this.userList.filter(function (item) {\n\t                return item.id === _this.session.userId;\n\t            });\n\t            return users[0];\n\t        }\n\t    },\n\t    filters: {\n\t        // 筛选出用户头像\n\t\n\t        avatar: function avatar(item) {\n\t            // 如果是自己发的消息显示登录用户的头像\n\t            var user = item.self ? this.user : this.sessionUser;\n\t            return user && user.img;\n\t        },\n\t\n\t        // 将日期过滤为 hour:minutes\n\t        time: function time(date) {\n\t            if (typeof date === 'string') {\n\t                date = new Date(date);\n\t            }\n\t            return date.getHours() + ':' + date.getMinutes();\n\t        }\n\t    },\n\t    directives: {\n\t        // 发送消息后滚动到底部\n\t\n\t        'scroll-bottom': function scrollBottom() {\n\t            var _this2 = this;\n\t\n\t            Vue.nextTick(function () {\n\t                _this2.el.scrollTop = _this2.el.scrollHeight - _this2.el.clientHeight;\n\t            });\n\t        }\n\t    }\n\t};\n\t// </script>\n\n\t// <template>\n\n\t//     <div class=\"m-message\" v-scroll-bottom=\"session.messages\">\n\n\t//         <ul>\n\n\t//             <li v-for=\"item in session.messages\">\n\n\t//                 <p class=\"time\"><span>{{item.date | time}}</span></p>\n\n\t//                 <div class=\"main\" :class=\"{ self: item.self }\">\n\n\t//                     <img class=\"avatar\" width=\"30\" height=\"30\" :src=\"item | avatar\" />\n\n\t//                     <div class=\"text\">{{item.text}}</div>\n\n\t//                 </div>\n\n\t//             </li>\n\n\t//         </ul>\n\n\t//     </div>\n\n\t// </template>\n\n\t// <style lang=\"less\">\n\n\t//     .m-message {\n\n\t//         padding: 10px 15px;\n\n\t//         overflow-y: scroll;\n\n\t//         li {\n\n\t//             margin-bottom: 15px;\n\n\t//         }\n\n\t//         .time {\n\n\t//             margin: 7px 0;\n\n\t//             text-align: center;\n\n\t//             > span {\n\n\t//                 display: inline-block;\n\n\t//                 padding: 0 18px;\n\n\t//                 font-size: 12px;\n\n\t//                 color: #fff;\n\n\t//                 border-radius: 2px;\n\n\t//                 background-color: #dcdcdc;\n\n\t//             }\n\n\t//         }\n\n\t//         .avatar {\n\n\t//             float: left;\n\n\t//             margin: 0 10px 0 0;\n\n\t//             border-radius: 3px;\n\n\t//         }\n\n\t//         .text {\n\n\t//             display: inline-block;\n\n\t//             position: relative;\n\n\t//             padding: 0 10px;\n\n\t//             max-width: ~'calc(100% - 40px)';\n\n\t//             min-height: 30px;\n\n\t//             line-height: 2.5;\n\n\t//             font-size: 12px;\n\n\t//             text-align: left;\n\n\t//             word-break: break-all;\n\n\t//             background-color: #fafafa;\n\n\t//             border-radius: 4px;\n\n\t//             &:before {\n\n\t//                 content: \" \";\n\n\t//                 position: absolute;\n\n\t//                 top: 9px;\n\n\t//                 right: 100%;\n\n\t//                 border: 6px solid transparent;\n\n\t//                 border-right-color: #fafafa;\n\n\t//             }\n\n\t//         }\n\n\t//         .self {\n\n\t//             text-align: right;\n\n\t//             .avatar {\n\n\t//                 float: right;\n\n\t//                 margin: 0 0 0 10px;\n\n\t//             }\n\n\t//             .text {\n\n\t//                 background-color: #b2e281;\n\n\t//                 &:before {\n\n\t//                     right: inherit;\n\n\t//                     left: 100%;\n\n\t//                     border-right-color: transparent;\n\n\t//                     border-left-color: #b2e281;\n\n\t//                 }\n\n\t//             }\n\n\t//         }\n\n\t//     }\n\n\t// </style>\n\n/***/ },\n/* 12 */\n/***/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t// <script>\n\texports.default = {\n\t    props: ['session'],\n\t    data: function data() {\n\t        return {\n\t            text: ''\n\t        };\n\t    },\n\t\n\t    methods: {\n\t        inputing: function inputing(e) {\n\t            if (e.ctrlKey && e.keyCode === 13 && this.text.length) {\n\t                this.session.messages.push({\n\t                    text: this.text,\n\t                    date: new Date(),\n\t                    self: true\n\t                });\n\t                this.text = '';\n\t            }\n\t        }\n\t    }\n\t};\n\t// </script>\n\n\t// <template>\n\n\t//     <div class=\"m-text\">\n\n\t//         <textarea placeholder=\"按 Ctrl + Enter 发送\" v-model=\"text\" @keyup=\"inputing\"></textarea>\n\n\t//     </div>\n\n\t// </template>\n\n\t// <style lang=\"less\">\n\n\t//     .m-text {\n\n\t//         height: 160px;\n\n\t//         border-top: solid 1px #ddd;\n\n\t//         textarea {\n\n\t//             padding: 10px;\n\n\t//             height: 100%;\n\n\t//             width: 100%;\n\n\t//             border: none;\n\n\t//             outline: none;\n\n\t//             font-family: \"Micrsofot Yahei\";\n\n\t//             resize: none;\n\n\t//         }\n\n\t//     }\n\n\t// </style>\n\n/***/ },\n/* 13 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t\n\tvar _stringify = __webpack_require__(14);\n\t\n\tvar _stringify2 = _interopRequireDefault(_stringify);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tvar key = 'VUE-CHAT-v3';\n\t\n\t// 虚拟数据\n\tif (!localStorage.getItem(key)) {\n\t    var now = new Date();\n\t\n\t    var data = {\n\t        // 登录用户\n\t        user: {\n\t            id: 1,\n\t            name: 'Coffce',\n\t            img: 'dist/images/1.jpg'\n\t        },\n\t\n\t        // 用户列表\n\t        userList: [{\n\t            id: 2,\n\t            name: '示例介绍',\n\t            img: 'dist/images/2.png'\n\t        }, {\n\t            id: 3,\n\t            name: 'webpack',\n\t            img: 'dist/images/3.jpg'\n\t        }],\n\t\n\t        // 会话列表\n\t        sessionList: [{\n\t            userId: 2,\n\t            messages: [{\n\t                text: 'Hello，这是一个基于Vue + Webpack构建的简单chat示例，聊天记录保存在localStorge。简单演示了Vue的基础特性和webpack配置。',\n\t                date: now\n\t            }, {\n\t                text: '项目地址: https://github.com/coffcer/vue-chat',\n\t                date: now\n\t            }]\n\t        }, {\n\t            userId: 3,\n\t            messages: []\n\t        }]\n\t    };\n\t\n\t    localStorage.setItem(key, (0, _stringify2.default)(data));\n\t}\n\t\n\texports.default = {\n\t    fetch: function fetch() {\n\t        return JSON.parse(localStorage.getItem(key));\n\t    },\n\t    save: function save(store) {\n\t        localStorage.setItem(key, (0, _stringify2.default)(store));\n\t    }\n\t};\n\n/***/ },\n/* 14 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tmodule.exports = { \"default\": __webpack_require__(15), __esModule: true };\n\n/***/ },\n/* 15 */\n/***/ function(module, exports, __webpack_require__) {\n\n\tvar core = __webpack_require__(16);\n\tmodule.exports = function stringify(it){ // eslint-disable-line no-unused-vars\n\t  return (core.JSON && core.JSON.stringify || JSON.stringify).apply(JSON, arguments);\n\t};\n\n/***/ },\n/* 16 */\n/***/ function(module, exports) {\n\n\tvar core = module.exports = {version: '1.2.6'};\n\tif(typeof __e == 'number')__e = core; // eslint-disable-line no-undef\n\n/***/ },\n/* 17 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".m-text{height:10pc;border-top:1px solid #ddd}.m-text textarea{padding:10px;height:100%;width:100%;border:none;outline:0;font-family:Micrsofot Yahei;resize:none}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 18 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \"#chat{overflow:hidden;border-radius:3px}#chat .main,#chat .sidebar{height:100%}#chat .sidebar{float:left;width:200px;color:#f4f4f4;background-color:#2e3238}#chat .main{position:relative;overflow:hidden;background-color:#eee}#chat .m-text{position:absolute;width:100%;bottom:0;left:0}#chat .m-message{height:calc(100% - 10pc)}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 19 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".m-card{padding:9pt;border-bottom:1px solid #24272c}.m-card footer{margin-top:10px}.m-card .avatar,.m-card .name{vertical-align:middle}.m-card .avatar{border-radius:2px}.m-card .name{display:inline-block;margin:0 0 0 15px;font-size:1pc}.m-card .search{padding:0 10px;width:100%;font-size:9pt;color:#fff;height:30px;line-height:30px;border:1px solid #3a3a3a;border-radius:4px;outline:0;background-color:#26292e}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 20 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".m-list li{padding:9pt 15px;border-bottom:1px solid #292c33;cursor:pointer;-webkit-transition:background-color .1s;transition:background-color .1s}.m-list li:hover{background-color:hsla(0,0%,100%,.03)}.m-list li.active{background-color:hsla(0,0%,100%,.1)}.m-list .avatar,.m-list .name{vertical-align:middle}.m-list .avatar{border-radius:2px}.m-list .name{display:inline-block;margin:0 0 0 15px}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 21 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(1)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".m-message{padding:10px 15px;overflow-y:scroll}.m-message li{margin-bottom:15px}.m-message .time{margin:7px 0;text-align:center}.m-message .time>span{display:inline-block;padding:0 18px;font-size:9pt;color:#fff;border-radius:2px;background-color:#dcdcdc}.m-message .avatar{float:left;margin:0 10px 0 0;border-radius:3px}.m-message .text{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:9pt;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}.m-message .text:before{content:\\\" \\\";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fafafa}.m-message .self{text-align:right}.m-message .self .avatar{float:right;margin:0 0 0 10px}.m-message .self .text{background-color:#b2e281}.m-message .self .text:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#b2e281}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 22 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(17);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./text.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./text.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 23 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(18);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./app.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./app.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 24 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(19);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./../../node_modules/autoprefixer-loader/index.js!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./card.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./../../node_modules/autoprefixer-loader/index.js!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./card.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 25 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(20);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./list.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./list.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 26 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(21);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(2)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./message.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./message.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 27 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"<div><div class=sidebar><card :user=user :search.sync=search></card><list :user-list=userList :session=session :session-index.sync=sessionIndex :search=search></list></div><div class=main><message :session=session :user=user :user-list=userList></message><text :session=session></text></div></div>\";\n\n/***/ },\n/* 28 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"<div class=m-card><header><img class=avatar width=40 height=40 :alt=user.name :src=user.img><p class=name>{{user.name}}</p></header><footer><input class=search placeholder=\\\"search user...\\\" v-model=search></footer></div>\";\n\n/***/ },\n/* 29 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"<div class=m-list><ul><li v-for=\\\"item in userList | search\\\" :class=\\\"{ active: session.userId === item.id }\\\" @click=select(item)><img class=avatar width=30 height=30 :alt=item.name :src=item.img><p class=name>{{item.name}}</p></li></ul></div>\";\n\n/***/ },\n/* 30 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"<div class=m-message v-scroll-bottom=session.messages><ul><li v-for=\\\"item in session.messages\\\"><p class=time><span>{{item.date | time}}</span></p><div class=main :class=\\\"{ self: item.self }\\\"><img class=avatar width=30 height=30 :src=\\\"item | avatar\\\"><div class=text>{{item.text}}</div></div></li></ul></div>\";\n\n/***/ },\n/* 31 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"<div class=m-text><textarea placeholder=\\\"按 Ctrl + Enter 发送\\\" v-model=text @keyup=inputing></textarea></div>\";\n\n/***/ },\n/* 32 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(23)\n\tmodule.exports = __webpack_require__(8)\n\t\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\t;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __webpack_require__(27)\n\tif (false) {(function () {  module.hot.accept()\n\t  var hotAPI = require(\"vue-hot-reload-api\")\n\t  hotAPI.install(require(\"vue\"), true)\n\t  if (!hotAPI.compatible) return\n\t  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\app.vue\"\n\t  if (!module.hot.data) {\n\t    hotAPI.createRecord(id, module.exports)\n\t  } else {\n\t    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n\t  }\n\t})()}\n\n/***/ },\n/* 33 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(24)\n\tmodule.exports = __webpack_require__(9)\n\t\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\t;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __webpack_require__(28)\n\tif (false) {(function () {  module.hot.accept()\n\t  var hotAPI = require(\"vue-hot-reload-api\")\n\t  hotAPI.install(require(\"vue\"), true)\n\t  if (!hotAPI.compatible) return\n\t  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\card.vue\"\n\t  if (!module.hot.data) {\n\t    hotAPI.createRecord(id, module.exports)\n\t  } else {\n\t    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n\t  }\n\t})()}\n\n/***/ },\n/* 34 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(25)\n\tmodule.exports = __webpack_require__(10)\n\t\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\t;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __webpack_require__(29)\n\tif (false) {(function () {  module.hot.accept()\n\t  var hotAPI = require(\"vue-hot-reload-api\")\n\t  hotAPI.install(require(\"vue\"), true)\n\t  if (!hotAPI.compatible) return\n\t  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\list.vue\"\n\t  if (!module.hot.data) {\n\t    hotAPI.createRecord(id, module.exports)\n\t  } else {\n\t    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n\t  }\n\t})()}\n\n/***/ },\n/* 35 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(26)\n\tmodule.exports = __webpack_require__(11)\n\t\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\t;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __webpack_require__(30)\n\tif (false) {(function () {  module.hot.accept()\n\t  var hotAPI = require(\"vue-hot-reload-api\")\n\t  hotAPI.install(require(\"vue\"), true)\n\t  if (!hotAPI.compatible) return\n\t  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\message.vue\"\n\t  if (!module.hot.data) {\n\t    hotAPI.createRecord(id, module.exports)\n\t  } else {\n\t    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n\t  }\n\t})()}\n\n/***/ },\n/* 36 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t__webpack_require__(22)\n\tmodule.exports = __webpack_require__(12)\n\t\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\t;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __webpack_require__(31)\n\tif (false) {(function () {  module.hot.accept()\n\t  var hotAPI = require(\"vue-hot-reload-api\")\n\t  hotAPI.install(require(\"vue\"), true)\n\t  if (!hotAPI.compatible) return\n\t  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\text.vue\"\n\t  if (!module.hot.data) {\n\t    hotAPI.createRecord(id, module.exports)\n\t  } else {\n\t    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n\t  }\n\t})()}\n\n/***/ }\n/******/ ]);\n\n\n/** WEBPACK FOOTER **\n ** main.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 564d12ae1249bdd491d5\n **/","import app from './components/app';\r\n\r\nVue.config.debug = true;\r\n\r\nnew Vue(app);\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/main.js\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader/lib/css-base.js\n ** module id = 1\n ** module chunks = 0\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0;\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction createStyleElement() {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tvar head = getHeadElement();\r\n\tstyleElement.type = \"text/css\";\r\n\thead.appendChild(styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement() {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tvar head = getHeadElement();\r\n\tlinkElement.rel = \"stylesheet\";\r\n\thead.appendChild(linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement());\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement();\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tstyleElement.parentNode.removeChild(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement();\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tstyleElement.parentNode.removeChild(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader/addStyles.js\n ** module id = 2\n ** module chunks = 0\n **/","// <script>\r\n    import store from '../store';\r\n    import card from './card';\r\n    import list from './list';\r\n    import text from './text';\r\n    import message from './message';\r\n\r\n    export default {\r\n        el: '#chat',\r\n        data () {\r\n            let serverData = store.fetch();\r\n\r\n            return {\r\n                // 登录用户\r\n                user: serverData.user,\r\n                // 用户列表\r\n                userList: serverData.userList,\r\n                // 会话列表\r\n                sessionList: serverData.sessionList,\r\n                // 搜索key\r\n                search: '',\r\n                // 选中的会话Index\r\n                sessionIndex: 0\r\n            };\r\n        },\r\n        computed: {\r\n            session () {\r\n                return this.sessionList[this.sessionIndex];\r\n            }\r\n        },\r\n        watch: {\r\n            // 每当sessionList改变时，保存到localStorage中\r\n            sessionList: {\r\n                deep: true,\r\n                handler () {\r\n                    store.save({\r\n                        user: this.user,\r\n                        userList: this.userList,\r\n                        sessionList: this.sessionList\r\n                    });\r\n                }\r\n            }\r\n        },\r\n        components: {\r\n            card, list, text, message\r\n        }\r\n    };\r\n\r\n// </script>\n\n\n// <template>\n\n//     <div>\n\n//         <div class=\"sidebar\">\n\n//             <card :user=\"user\" :search.sync=\"search\"></card>\n\n//             <list :user-list=\"userList\" :session=\"session\" :session-index.sync=\"sessionIndex\" :search=\"search\"></list>\n\n//         </div>\n\n//         <div class=\"main\">\n\n//             <message :session=\"session\" :user=\"user\" :user-list=\"userList\"></message> \n\n//             <text :session=\"session\"></text>\n\n//         </div>\n\n//     </div>\n\n// </template>\n\n\n// <style lang=\"less\">\n\n//     #chat {\n\n//         overflow: hidden;\n\n//         border-radius: 3px;\n\n        \n\n//         .sidebar, .main {\n\n//             height: 100%;   \n\n//         }\n\n//         .sidebar {\n\n//             float: left;\n\n//             width: 200px;\n\n//             color: #f4f4f4;\n\n//             background-color: #2e3238;\n\n//         }\n\n//         .main {\n\n//             position: relative;\n\n//             overflow: hidden;   \n\n//             background-color: #eee;\n\n//         }\n\n//         .m-text {\n\n//             position: absolute;\n\n//             width: 100%;\n\n//             bottom: 0;\n\n//             left: 0;\n\n//         }\n\n//         .m-message {\n\n//             height: ~'calc(100% - 160px)';\n\n//         }\n\n//     }\n\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/components/app.vue\n **/","// <script>\r\n    export default {\r\n        props: ['user', 'search']\r\n    };\r\n// </script>\n\n\n// <template>\n\n//     <div class=\"m-card\">\n\n//         <header>\n\n//             <img class=\"avatar\" width=\"40\" height=\"40\" :alt=\"user.name\" :src=\"user.img\">\n\n//             <p class=\"name\">{{user.name}}</p>\n\n//         </header>\n\n//         <footer>\n\n//             <input class=\"search\" type=\"text\" placeholder=\"search user...\" v-model=\"search\">\n\n//         </footer>\n\n//     </div>\n\n// </template>\n\n\n// <style style=\"less\">\n\n//     .m-card {\n\n//         padding: 12px;\n\n//         border-bottom: solid 1px #24272C;\n\n        \n\n//         footer {\n\n//             margin-top: 10px;\n\n//         }\n\n        \n\n//         .avatar, .name {\n\n//             vertical-align: middle;\n\n//         }\n\n//         .avatar {\n\n//             border-radius: 2px;\n\n//         }\n\n//         .name {\n\n//             display: inline-block;\n\n//             margin: 0 0 0 15px;\n\n//             font-size: 16px;\n\n//         }\n\n//         .search {\n\n//             padding: 0 10px;\n\n//             width: 100%;\n\n//             font-size: 12px;\n\n//             color: #fff;\n\n//             height: 30px;\n\n//             line-height: 30px;\n\n//             border: solid 1px #3a3a3a;\n\n//             border-radius: 4px;\n\n//             outline: none;\n\n//             background-color: #26292E;\n\n//         }\n\n//     }\n\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/components/card.vue\n **/","// <script>\r\n    export default {\r\n        props: ['userList', 'sessionIndex', 'session', 'search'],\r\n        methods: {\r\n            select (value) {\r\n                this.sessionIndex = this.userList.indexOf(value);\r\n            }\r\n        },\r\n        filters: {\r\n            search (list) {\r\n                return list.filter(item => item.name.indexOf(this.search) > -1);\r\n            }\r\n        }\r\n    };\r\n// </script>\n\n\n// <template>\n\n//     <div class=\"m-list\">\n\n//         <ul>\n\n//             <li v-for=\"item in userList | search\" :class=\"{ active: session.userId === item.id }\" @click=\"select(item)\">\n\n//                 <img class=\"avatar\"  width=\"30\" height=\"30\" :alt=\"item.name\" :src=\"item.img\">\n\n//                 <p class=\"name\">{{item.name}}</p>\n\n//             </li>\n\n//         </ul>\n\n//     </div>\n\n// </template>\n\n\n// <style lang=\"less\">\n\n//     .m-list {\n\n//         li {\n\n//             padding: 12px 15px;\n\n//             border-bottom: 1px solid #292C33;\n\n//             cursor: pointer;\n\n//             transition: background-color .1s;\n\n            \n\n//             &:hover {\n\n//                 background-color: rgba(255, 255, 255, 0.03);\n\n//             }\n\n//             &.active {\n\n//                 background-color: rgba(255, 255, 255, 0.1);\n\n//             }\n\n//         }\n\n//         .avatar, .name {\n\n//             vertical-align: middle;\n\n//         }\n\n//         .avatar {\n\n//             border-radius: 2px;\n\n//         }\n\n//         .name {\n\n//             display: inline-block;\n\n//             margin: 0 0 0 15px;\n\n//         }\n\n//     }\n\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/components/list.vue\n **/","// <script>\r\n    export default {\r\n        props: ['session', 'user', 'userList'],\r\n        computed: {\r\n            sessionUser () {\r\n                let users = this.userList.filter(item => item.id === this.session.userId);\r\n                return users[0];\r\n            }\r\n        },\r\n        filters: {\r\n            // 筛选出用户头像\r\n            avatar (item) {\r\n                // 如果是自己发的消息显示登录用户的头像\r\n                let user = item.self ? this.user : this.sessionUser;\r\n                return user && user.img;\r\n            },\r\n            // 将日期过滤为 hour:minutes\r\n            time (date) {\r\n                if (typeof date === 'string') {\r\n                    date = new Date(date);\r\n                }\r\n                return date.getHours() + ':' + date.getMinutes();\r\n            }\r\n        },\r\n        directives: {\r\n            // 发送消息后滚动到底部\r\n            'scroll-bottom' () {\r\n                Vue.nextTick(() => {\r\n                    this.el.scrollTop = this.el.scrollHeight - this.el.clientHeight;\r\n                });\r\n            }\r\n        }\r\n    };\r\n// </script>\n\n\n// <template>\n\n//     <div class=\"m-message\" v-scroll-bottom=\"session.messages\">\n\n//         <ul>\n\n//             <li v-for=\"item in session.messages\">\n\n//                 <p class=\"time\"><span>{{item.date | time}}</span></p>\n\n//                 <div class=\"main\" :class=\"{ self: item.self }\">\n\n//                     <img class=\"avatar\" width=\"30\" height=\"30\" :src=\"item | avatar\" />\n\n//                     <div class=\"text\">{{item.text}}</div>\n\n//                 </div>\n\n//             </li>\n\n//         </ul>\n\n//     </div>\n\n// </template>\n\n\n// <style lang=\"less\">\n\n//     .m-message {\n\n//         padding: 10px 15px;\n\n//         overflow-y: scroll;\n\n        \n\n//         li {\n\n//             margin-bottom: 15px;\n\n//         }\n\n//         .time {\n\n//             margin: 7px 0;\n\n//             text-align: center;\n\n            \n\n//             > span {\n\n//                 display: inline-block;\n\n//                 padding: 0 18px;\n\n//                 font-size: 12px;\n\n//                 color: #fff;\n\n//                 border-radius: 2px;\n\n//                 background-color: #dcdcdc;\n\n//             }\n\n//         }\n\n//         .avatar {\n\n//             float: left;\n\n//             margin: 0 10px 0 0;\n\n//             border-radius: 3px;\n\n//         }\n\n//         .text {\n\n//             display: inline-block;\n\n//             position: relative;\n\n//             padding: 0 10px;\n\n//             max-width: ~'calc(100% - 40px)';\n\n//             min-height: 30px;\n\n//             line-height: 2.5;\n\n//             font-size: 12px;\n\n//             text-align: left;\n\n//             word-break: break-all;\n\n//             background-color: #fafafa;\n\n//             border-radius: 4px;\n\n            \n\n//             &:before {\n\n//                 content: \" \";\n\n//                 position: absolute;\n\n//                 top: 9px;\n\n//                 right: 100%;\n\n//                 border: 6px solid transparent;\n\n//                 border-right-color: #fafafa;\n\n//             }\n\n//         }\n\n        \n\n//         .self {\n\n//             text-align: right;\n\n            \n\n//             .avatar {\n\n//                 float: right;\n\n//                 margin: 0 0 0 10px;\n\n//             }\n\n//             .text {\n\n//                 background-color: #b2e281;\n\n                \n\n//                 &:before {\n\n//                     right: inherit;\n\n//                     left: 100%;\n\n//                     border-right-color: transparent;\n\n//                     border-left-color: #b2e281;\n\n//                 }\n\n//             }\n\n//         }\n\n//     }\n\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/components/message.vue\n **/","// <script>\r\n    export default {\r\n        props: ['session'],\r\n        data () {\r\n            return {\r\n                text: ''\r\n            };\r\n        },\r\n        methods: {\r\n            inputing (e) {\r\n                if (e.ctrlKey && e.keyCode === 13 && this.text.length) {\r\n                    this.session.messages.push({\r\n                        text: this.text,\r\n                        date: new Date(),\r\n                        self: true\r\n                    });\r\n                    this.text = '';\r\n                }\r\n            }\r\n        }\r\n    };\r\n// </script>\n\n\n// <template>\n\n//     <div class=\"m-text\">\n\n//         <textarea placeholder=\"按 Ctrl + Enter 发送\" v-model=\"text\" @keyup=\"inputing\"></textarea>\n\n//     </div>\n\n// </template>\n\n\n// <style lang=\"less\">\n\n//     .m-text {\n\n//         height: 160px;\n\n//         border-top: solid 1px #ddd;\n\n        \n\n//         textarea {\n\n//             padding: 10px;\n\n//             height: 100%;\n\n//             width: 100%;\n\n//             border: none;\n\n//             outline: none;\n\n//             font-family: \"Micrsofot Yahei\";\n\n//             resize: none;\n\n//         }\n\n//     }\n\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/components/text.vue\n **/","const key = 'VUE-CHAT-v3';\r\n\r\n// 虚拟数据\r\nif (!localStorage.getItem(key)) {\r\n    let now = new Date();\r\n    \r\n    let data = {\r\n        // 登录用户\r\n        user: {\r\n            id: 1,\r\n            name: 'Coffce',\r\n            img: 'dist/images/1.jpg'\r\n        },\r\n        \r\n        // 用户列表\r\n        userList: [\r\n            {\r\n                id: 2,\r\n                name: '示例介绍',\r\n                img: 'dist/images/2.png'\r\n            },\r\n            {\r\n                id: 3,\r\n                name: 'webpack',\r\n                img: 'dist/images/3.jpg'\r\n            }\r\n        ],\r\n\r\n        // 会话列表\r\n        sessionList: [\r\n            {\r\n                userId: 2,\r\n                messages: [\r\n                    {\r\n                        text: 'Hello，这是一个基于Vue + Webpack构建的简单chat示例，聊天记录保存在localStorge。简单演示了Vue的基础特性和webpack配置。',\r\n                        date: now\r\n                    }, \r\n                    {\r\n                        text: '项目地址: https://github.com/coffcer/vue-chat',\r\n                        date: now\r\n                    }\r\n                ]\r\n            },\r\n            {\r\n                userId: 3,\r\n                messages: []\r\n            }\r\n        ],\r\n    };\r\n    \r\n    localStorage.setItem(key, JSON.stringify(data));\r\n}\r\n\r\nexport default {\r\n    fetch () {\r\n        return JSON.parse(localStorage.getItem(key));\r\n    },\r\n    save (store) {\r\n        localStorage.setItem(key, JSON.stringify(store));\r\n    }\r\n};\n\n\n/** WEBPACK FOOTER **\n ** D:/coffce/vue-chat/src/store.js\n **/","module.exports = { \"default\": require(\"core-js/library/fn/json/stringify\"), __esModule: true };\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/babel-runtime/core-js/json/stringify.js\n ** module id = 14\n ** module chunks = 0\n **/","var core = require('../../modules/$.core');\nmodule.exports = function stringify(it){ // eslint-disable-line no-unused-vars\n  return (core.JSON && core.JSON.stringify || JSON.stringify).apply(JSON, arguments);\n};\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/babel-runtime/~/core-js/library/fn/json/stringify.js\n ** module id = 15\n ** module chunks = 0\n **/","var core = module.exports = {version: '1.2.6'};\nif(typeof __e == 'number')__e = core; // eslint-disable-line no-undef\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/babel-runtime/~/core-js/library/modules/$.core.js\n ** module id = 16\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".m-text{height:10pc;border-top:1px solid #ddd}.m-text textarea{padding:10px;height:100%;width:100%;border:none;outline:0;font-family:Micrsofot Yahei;resize:none}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/text.vue\n ** module id = 17\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"#chat{overflow:hidden;border-radius:3px}#chat .main,#chat .sidebar{height:100%}#chat .sidebar{float:left;width:200px;color:#f4f4f4;background-color:#2e3238}#chat .main{position:relative;overflow:hidden;background-color:#eee}#chat .m-text{position:absolute;width:100%;bottom:0;left:0}#chat .m-message{height:calc(100% - 10pc)}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/app.vue\n ** module id = 18\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".m-card{padding:9pt;border-bottom:1px solid #24272c}.m-card footer{margin-top:10px}.m-card .avatar,.m-card .name{vertical-align:middle}.m-card .avatar{border-radius:2px}.m-card .name{display:inline-block;margin:0 0 0 15px;font-size:1pc}.m-card .search{padding:0 10px;width:100%;font-size:9pt;color:#fff;height:30px;line-height:30px;border:1px solid #3a3a3a;border-radius:4px;outline:0;background-color:#26292e}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./~/autoprefixer-loader!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/card.vue\n ** module id = 19\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".m-list li{padding:9pt 15px;border-bottom:1px solid #292c33;cursor:pointer;-webkit-transition:background-color .1s;transition:background-color .1s}.m-list li:hover{background-color:hsla(0,0%,100%,.03)}.m-list li.active{background-color:hsla(0,0%,100%,.1)}.m-list .avatar,.m-list .name{vertical-align:middle}.m-list .avatar{border-radius:2px}.m-list .name{display:inline-block;margin:0 0 0 15px}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/list.vue\n ** module id = 20\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".m-message{padding:10px 15px;overflow-y:scroll}.m-message li{margin-bottom:15px}.m-message .time{margin:7px 0;text-align:center}.m-message .time>span{display:inline-block;padding:0 18px;font-size:9pt;color:#fff;border-radius:2px;background-color:#dcdcdc}.m-message .avatar{float:left;margin:0 10px 0 0;border-radius:3px}.m-message .text{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:9pt;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}.m-message .text:before{content:\\\" \\\";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fafafa}.m-message .self{text-align:right}.m-message .self .avatar{float:right;margin:0 0 0 10px}.m-message .self .text{background-color:#b2e281}.m-message .self .text:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#b2e281}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/message.vue\n ** module id = 21\n ** module chunks = 0\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/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./text.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./text.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./text.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/text.vue\n ** module id = 22\n ** module chunks = 0\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/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./app.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./app.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./app.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/app.vue\n ** module id = 23\n ** module chunks = 0\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/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./../../node_modules/autoprefixer-loader/index.js!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./card.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./../../node_modules/autoprefixer-loader/index.js!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./card.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./../../node_modules/autoprefixer-loader/index.js!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./card.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!./~/autoprefixer-loader!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/card.vue\n ** module id = 24\n ** module chunks = 0\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/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./list.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./list.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./list.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/list.vue\n ** module id = 25\n ** module chunks = 0\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/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./message.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./message.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../../node_modules/css-loader/index.js!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./../../node_modules/less-loader/index.js!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./message.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/components/message.vue\n ** module id = 26\n ** module chunks = 0\n **/","module.exports = \"<div><div class=sidebar><card :user=user :search.sync=search></card><list :user-list=userList :session=session :session-index.sync=sessionIndex :search=search></list></div><div class=main><message :session=session :user=user :user-list=userList></message><text :session=session></text></div></div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/app.vue\n ** module id = 27\n ** module chunks = 0\n **/","module.exports = \"<div class=m-card><header><img class=avatar width=40 height=40 :alt=user.name :src=user.img><p class=name>{{user.name}}</p></header><footer><input class=search placeholder=\\\"search user...\\\" v-model=search></footer></div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/card.vue\n ** module id = 28\n ** module chunks = 0\n **/","module.exports = \"<div class=m-list><ul><li v-for=\\\"item in userList | search\\\" :class=\\\"{ active: session.userId === item.id }\\\" @click=select(item)><img class=avatar width=30 height=30 :alt=item.name :src=item.img><p class=name>{{item.name}}</p></li></ul></div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/list.vue\n ** module id = 29\n ** module chunks = 0\n **/","module.exports = \"<div class=m-message v-scroll-bottom=session.messages><ul><li v-for=\\\"item in session.messages\\\"><p class=time><span>{{item.date | time}}</span></p><div class=main :class=\\\"{ self: item.self }\\\"><img class=avatar width=30 height=30 :src=\\\"item | avatar\\\"><div class=text>{{item.text}}</div></div></li></ul></div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/message.vue\n ** module id = 30\n ** module chunks = 0\n **/","module.exports = \"<div class=m-text><textarea placeholder=\\\"按 Ctrl + Enter 发送\\\" v-model=text @keyup=inputing></textarea></div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/text.vue\n ** module id = 31\n ** module chunks = 0\n **/","require(\"-!style!css!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-585fd64a&file=app.vue!less!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./app.vue\")\nmodule.exports = require(\"-!babel!./../../node_modules/vue-loader/lib/selector.js?type=script&index=0!./app.vue\")\n\nif (module.exports.__esModule) module.exports = module.exports.default\n;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = require(\"-!vue-html-loader!./../../node_modules/vue-loader/lib/selector.js?type=template&index=0!./app.vue\")\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\app.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/components/app.vue\n ** module id = 32\n ** module chunks = 0\n **/","require(\"-!style!css!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7021c5b7&file=card.vue!autoprefixer!less!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./card.vue\")\nmodule.exports = require(\"-!babel!./../../node_modules/vue-loader/lib/selector.js?type=script&index=0!./card.vue\")\n\nif (module.exports.__esModule) module.exports = module.exports.default\n;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = require(\"-!vue-html-loader!./../../node_modules/vue-loader/lib/selector.js?type=template&index=0!./card.vue\")\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\card.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/components/card.vue\n ** module id = 33\n ** module chunks = 0\n **/","require(\"-!style!css!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7e56f776&file=list.vue!less!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./list.vue\")\nmodule.exports = require(\"-!babel!./../../node_modules/vue-loader/lib/selector.js?type=script&index=0!./list.vue\")\n\nif (module.exports.__esModule) module.exports = module.exports.default\n;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = require(\"-!vue-html-loader!./../../node_modules/vue-loader/lib/selector.js?type=template&index=0!./list.vue\")\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\list.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/components/list.vue\n ** module id = 34\n ** module chunks = 0\n **/","require(\"-!style!css!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b412eea0&file=message.vue!less!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./message.vue\")\nmodule.exports = require(\"-!babel!./../../node_modules/vue-loader/lib/selector.js?type=script&index=0!./message.vue\")\n\nif (module.exports.__esModule) module.exports = module.exports.default\n;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = require(\"-!vue-html-loader!./../../node_modules/vue-loader/lib/selector.js?type=template&index=0!./message.vue\")\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\message.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/components/message.vue\n ** module id = 35\n ** module chunks = 0\n **/","require(\"-!style!css!./../../node_modules/vue-loader/lib/style-rewriter.js?id=_v-34cd3954&file=text.vue!less!./../../node_modules/vue-loader/lib/selector.js?type=style&index=0!./text.vue\")\nmodule.exports = require(\"-!babel!./../../node_modules/vue-loader/lib/selector.js?type=script&index=0!./text.vue\")\n\nif (module.exports.__esModule) module.exports = module.exports.default\n;(typeof module.exports === \"function\" ? module.exports.options : module.exports).template = require(\"-!vue-html-loader!./../../node_modules/vue-loader/lib/selector.js?type=template&index=0!./text.vue\")\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"D:\\\\coffce\\\\vue-chat\\\\src\\\\components\\\\text.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, (typeof module.exports === \"function\" ? module.exports.options : module.exports).template)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/components/text.vue\n ** module id = 36\n ** module chunks = 0\n **/"],"sourceRoot":""}