Initial commit

Author: savoygu

.babelrc

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    ["env", { "modules": false }]
+  ]
+}

.gitattributes

@@ -0,0 +1,4 @@
+**/*.js linguist-language=Vue
+**/*.less linguist-language=Vue
+**/*.css linguist-language=Vue
+**/*.html linguist-language=Vue

.gitignore

@@ -0,0 +1,5 @@
+.DS_Store
+node_modules
+.idea
+example/dist
+gh-pages

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,45 @@
+# message
+
+> [Element](https://github.com/ElemeFE/element) Message clone, and did just a little change. If you have a better idea of this component improvement, please share it and I will update it immediately.
+
+## Install
+
+```bash
+npm install vue-multiple-message -S
+```
+
+## Quick Start
+
+```bash
+import Vue from 'vue'
+import Message from 'vue-multiple-message'
+Vue.prototype.$message = Message
+```
+
+For more information, please refer to [Message](https://vue-multiple.github.io/message) in our documentation.
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run demo:dev
+
+# build for demo with minification
+npm run demo:build
+
+# build for gh-pages with minification
+npm run demo:prepublish
+
+# build for production with minification
+npm run build
+
+# generate gh-pages
+npm run deploy
+```
+
+## LICENSE
+
+[MIT](http://opensource.org/licenses/MIT)

build/gh-pages.sh

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+npm run demo:prepublish
+cd gh-pages
+git init
+git add -A
+git commit -m 'update gh-pages'
+git push -f [email protected]:vue-multiple/message.git master:gh-pages

build/webpack.config.js

@@ -0,0 +1,103 @@
+var path = require('path')
+var webpack = require('webpack')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+
+module.exports = {
+  entry: './src/index.js',
+  output: {
+    path: path.resolve(__dirname, '..', './lib'),
+    filename: 'message.js',
+    library: 'message',
+    libraryTarget: 'umd'
+  },
+  externals: {
+    vue: {
+      root: 'Vue',
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue'
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            css: 'css-loader!vue-style-loader',
+            less: 'css-loader!less-loader!vue-style-loader'
+            // css: ExtractTextPlugin.extract({
+            //   use: 'css-loader',
+            //   fallback: 'vue-style-loader'
+            // }),
+            // less: ExtractTextPlugin.extract({
+            //   fallback: 'vue-style-loader',
+            //   use: ['css-loader', 'less-loader']
+            // })
+          }
+          // other vue-loader options go here
+        }
+      },
+      {
+        test: /\.css$/,
+        use: [
+          {loader: 'style-loader'},
+          {loader: 'css-loader'}
+        ]
+        // loader: ExtractTextPlugin.extract({
+        //   use: "css-loader",
+        //   fallback: "style-loader"
+        // })
+      },
+      {
+        test: /\.less$/,
+        loader: [
+          {loader: 'style-loader'},
+          {loader: 'css-loader'},
+          {loader: 'less-loader'}
+        ]
+        // loader: ExtractTextPlugin.extract({
+        //   fallback: 'style-loader',
+        //   use: ['css-loader', 'less-loader']
+        // })
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
+      },
+      {
+        test: /\.(png|jpg|gif|svg)$/,
+        loader: 'file-loader',
+        options: {
+          name: '[name].[ext]?[hash]'
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        query: {
+          limit: 10000,
+          name: path.posix.join('static', 'fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json']
+  },
+  plugins: [
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: true,
+      compress: {
+        warnings: false
+      }
+    })
+    // ,
+    // new ExtractTextPlugin({
+    //   filename: '../lib/message.css',
+    //   allChunks: true
+    // })
+  ]
+}

build/webpack.example.base.conf.js

@@ -0,0 +1,55 @@
+var path = require('path')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = {
+  entry: {
+    app: './example/src/main.js'
+  },
+  output: {
+    path: '/example',
+    filename: '[name].js',
+    publicPath: '/'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          // other vue-loader options go here
+          loaders: {
+            css: isProduction ? ExtractTextPlugin.extract({
+              fallback: 'vue-style-loader',
+              use: 'css-loader'
+            }) : 'vue-style-loader!css-loader',
+            less: isProduction ? ExtractTextPlugin.extract({
+              fallback: 'vue-style-loader',
+              use: ['css-loader', 'less-loader']
+            }) : 'vue-style-loader!css-loader!less-loader'
+          }
+        }
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        exclude: /node_modules/
+      },
+      {
+        test: /\.(png|jpg|gif|svg)$/,
+        loader: 'file-loader',
+        options: {
+          name: '[name].[ext]?[hash]'
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        query: {
+          limit: 10000,
+          name: path.posix.join('static', 'fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  }
+}

build/webpack.example.dev.conf.js

@@ -0,0 +1,36 @@
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.example.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+
+module.exports = merge(baseWebpackConfig, {
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        loader: 'vue-style-loader!css-loader'
+      },
+      {
+        test: /\.less$/,
+        loader: 'vue-style-loader!css-loader!less-loader'
+      }
+    ]
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: '#cheap-module-eval-source-map',
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"development"'
+      }
+    }),
+    new webpack.NoEmitOnErrorsPlugin(),
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'example/index.html',
+      inject: true
+    }),
+    new FriendlyErrorsPlugin()
+  ]
+})

build/webpack.example.prod.conf.js

@@ -0,0 +1,65 @@
+var path = require('path')
+var webpack = require('webpack')
+var merge = require('webpack-merge')
+var baseWebpackConfig = require('./webpack.example.base.conf')
+var HtmlWebpackPlugin = require('html-webpack-plugin')
+var ExtractTextPlugin = require('extract-text-webpack-plugin')
+var isProduction = process.env.NODE_ENV === 'production'
+
+module.exports = merge(baseWebpackConfig, {
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        loader: ExtractTextPlugin.extract({
+          fallback: "vue-style-loader",
+          use: "css-loader"
+        })
+      },
+      {
+        test: /\.less/,
+        loader: ExtractTextPlugin.extract({
+          fallback: "vue-style-loader",
+          use: ["css-loader", "less-loader"]
+        })
+      }
+    ]
+  },
+  devtool: '#source-map',
+  output: {
+    path: path.resolve(__dirname, '..', `${isProduction ? './example/dist' : 'gh-pages'}`),
+    publicPath: isProduction ? '/' : '/message',
+    filename: 'js/[name].[chunkhash].js'
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"production"'
+      }
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: true,
+      compress: {
+        warnings: false
+      }
+    }),
+    new ExtractTextPlugin({
+      filename: 'css/[name].[contenthash].css',
+      allChunks: true
+    }),
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'example/index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    })
+  ]
+})

example/index.html

@@ -0,0 +1,14 @@
+<!Doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport"
+        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>message</title>
+</head>
+<body>
+<div id="app"></div>
+<!-- built files will be auto injected -->
+</body>
+</html>