Split build code, fix ie in demo

faec1275 · Roma · a2f94e61 · a2f94e61 · a2f94e61 · faec1275
Commit faec1275 authored Feb 08, 2017 by Roma
11 changed files
--- a/dist/build.js
+++ b/dist/build.js
--- a/dist/build.js.map
+++ b/dist/build.js.map
--- a/dist/component.js
+++ b/dist/component.js
--- a/dist/component.js.map
+++ b/dist/component.js.map
--- a/dist/demo.js
+++ b/dist/demo.js
--- a/dist/demo.js.map
+++ b/dist/demo.js.map
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@

 <body>
    <div id="app"></div>
-    <script src="./dist/build.js"></script>
+    <script src="./dist/demo.js"></script>
 </body>

 </html>
--- a/package.json
+++ b/package.json
 {
  "name": "vue-masked-input",
  "description": "Masked input component for Vue.js 2.X",
-    "version": "0.3.3",
+  "version": "0.3.4",
  "author": "niksmr",
  "license": "MIT",
  "homepage": "https://github.com/niksmr/vue-masked-input",
@@ -27,6 +27,7 @@
  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-loader": "^6.0.0",
+    "babel-polyfill": "^6.22.0",
    "babel-preset-es2015": "^6.0.0",
    "cross-env": "^3.0.0",
    "css-loader": "^0.25.0",

--- a/src/App.vue
+++ b/src/App.vue
@@ -60,6 +60,7 @@
 <script>
 import MaskedInput from './MaskedInput.vue'
 import Vue from 'vue'
+import 'babel-polyfill'

 export default {
  name: 'app',
@@ -97,14 +98,14 @@ input {
  font-size: inherit;
  padding: 8px 16px;
  border: none;
-  border-bottom: 1px solid #4fc08d;
+  border-bottom: 2px solid #4fc08d;
  outline: none;
  margin-right: 24px;
 }

 hr {
  border: none;
-  border-bottom: 1px solid #DDD;
+  border-bottom: 2px solid #DDD;
 }

 h1 {

--- a/src/MaskedInput.vue
+++ b/src/MaskedInput.vue
@@ -67,6 +67,7 @@ export default {

    initMask() {
      try {
+
        this.mask_core = new InputMask({
          pattern: this.mask,
          value: '',
@@ -91,8 +92,10 @@ export default {
            },
          }
        })
+
        for (const char of this.$refs.input.value) {
-          this.mask_core.input(char)
+          console.log('');
+          //this.mask_core.input(char)
        }
        this.mask_core.setSelection({
          start: 0,
@@ -108,7 +111,7 @@ export default {

      }
      catch (e) {
-        console.error(e.message);
+        console.error(e);
        this.mask_core = null
        this.$refs.input.value = 'Error, see console'
        this.$emit('input', this.$refs.input.value, '')

--- a/webpack.config.js
+++ b/webpack.config.js
@@ -2,11 +2,14 @@ var path = require('path')
 var webpack = require('webpack')

 module.exports = {
-  entry: './src/main.js',
+  entry: {
+    demo: './src/main.js',
+    component: './src/MaskedInput.vue'
+  },
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
-    filename: 'build.js'
+    filename: '[name].js'
  },
  module: {
    rules: [