Skip to content

Commit faec127

Browse files
niksmrniksmr
committed
Split build code, fix ie in demo
1 parent a2f94e6 commit faec127

11 files changed

+68
-54
lines changed

‎dist/build.js

-9
This file was deleted.

‎dist/build.js.map

-1
This file was deleted.

‎dist/component.js

+2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/component.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/demo.js

+12
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/demo.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
<body>
1414
<div id="app"></div>
15-
<script src="./dist/build.js"></script>
15+
<script src="./dist/demo.js"></script>
1616
</body>
1717

1818
</html>

‎package.json

+38-37
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,40 @@
11
{
2-
"name": "vue-masked-input",
3-
"description": "Masked input component for Vue.js 2.X",
4-
"version": "0.3.3",
5-
"author": "niksmr",
6-
"license": "MIT",
7-
"homepage": "https://github.com/niksmr/vue-masked-input",
8-
"main": "src/MaskedInput.vue",
9-
"scripts": {
10-
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
11-
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
12-
},
13-
"repository": {
14-
"type": "git",
15-
"url": "git+https://github.com/niksmr/vue-masked-input.git"
16-
},
17-
"keywords": [
18-
"vue",
19-
"mask",
20-
"masked",
21-
"input"
22-
],
23-
"dependencies": {
24-
"inputmask-core": "^2.2.0",
25-
"vue": "^2.1.0"
26-
},
27-
"devDependencies": {
28-
"babel-core": "^6.0.0",
29-
"babel-loader": "^6.0.0",
30-
"babel-preset-es2015": "^6.0.0",
31-
"cross-env": "^3.0.0",
32-
"css-loader": "^0.25.0",
33-
"file-loader": "^0.9.0",
34-
"vue-loader": "^10.0.0",
35-
"vue-template-compiler": "^2.1.0",
36-
"webpack": "^2.2.0",
37-
"webpack-dev-server": "^2.2.0"
38-
}
2+
"name": "vue-masked-input",
3+
"description": "Masked input component for Vue.js 2.X",
4+
"version": "0.3.4",
5+
"author": "niksmr",
6+
"license": "MIT",
7+
"homepage": "https://github.com/niksmr/vue-masked-input",
8+
"main": "src/MaskedInput.vue",
9+
"scripts": {
10+
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
11+
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
12+
},
13+
"repository": {
14+
"type": "git",
15+
"url": "git+https://github.com/niksmr/vue-masked-input.git"
16+
},
17+
"keywords": [
18+
"vue",
19+
"mask",
20+
"masked",
21+
"input"
22+
],
23+
"dependencies": {
24+
"inputmask-core": "^2.2.0",
25+
"vue": "^2.1.0"
26+
},
27+
"devDependencies": {
28+
"babel-core": "^6.0.0",
29+
"babel-loader": "^6.0.0",
30+
"babel-polyfill": "^6.22.0",
31+
"babel-preset-es2015": "^6.0.0",
32+
"cross-env": "^3.0.0",
33+
"css-loader": "^0.25.0",
34+
"file-loader": "^0.9.0",
35+
"vue-loader": "^10.0.0",
36+
"vue-template-compiler": "^2.1.0",
37+
"webpack": "^2.2.0",
38+
"webpack-dev-server": "^2.2.0"
39+
}
3940
}

‎src/App.vue

+3-2
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@
6060
<script>
6161
import MaskedInput from './MaskedInput.vue'
6262
import Vue from 'vue'
63+
import 'babel-polyfill'
6364
6465
export default {
6566
name: 'app',
@@ -97,14 +98,14 @@ input {
9798
font-size: inherit;
9899
padding: 8px 16px;
99100
border: none;
100-
border-bottom: 1px solid #4fc08d;
101+
border-bottom: 2px solid #4fc08d;
101102
outline: none;
102103
margin-right: 24px;
103104
}
104105
105106
hr {
106107
border: none;
107-
border-bottom: 1px solid #DDD;
108+
border-bottom: 2px solid #DDD;
108109
}
109110
110111
h1 {

‎src/MaskedInput.vue

+5-2
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,7 @@ export default {
6767
6868
initMask() {
6969
try {
70+
7071
this.mask_core = new InputMask({
7172
pattern: this.mask,
7273
value: '',
@@ -91,8 +92,10 @@ export default {
9192
},
9293
}
9394
})
95+
9496
for (const char of this.$refs.input.value) {
95-
this.mask_core.input(char)
97+
console.log('');
98+
//this.mask_core.input(char)
9699
}
97100
this.mask_core.setSelection({
98101
start: 0,
@@ -108,7 +111,7 @@ export default {
108111
109112
}
110113
catch (e) {
111-
console.error(e.message);
114+
console.error(e);
112115
this.mask_core = null
113116
this.$refs.input.value = 'Error, see console'
114117
this.$emit('input', this.$refs.input.value, '')

‎webpack.config.js

+5-2
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,14 @@ var path = require('path')
22
var webpack = require('webpack')
33

44
module.exports = {
5-
entry: './src/main.js',
5+
entry: {
6+
demo: './src/main.js',
7+
component: './src/MaskedInput.vue'
8+
},
69
output: {
710
path: path.resolve(__dirname, './dist'),
811
publicPath: '/dist/',
9-
filename: 'build.js'
12+
filename: '[name].js'
1013
},
1114
module: {
1215
rules: [

0 commit comments

Comments
 (0)