Skip to content

V
vue-masked-input
Commit faec1275 authored by Roma's avatar Roma
Browse files
Options

Split build code, fix ie in demo

parent a2f94e61
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 54 deletions
dist/build.js deleted 100644 → 0
View file @ a2f94e61
This diff is collapsed.
dist/build.js.map deleted 100644 → 0
View file @ a2f94e61
This diff is collapsed.
dist/component.js 0 → 100644
View file @ faec1275
This diff is collapsed.
dist/component.js.map 0 → 100644
View file @ faec1275
This diff is collapsed.
dist/demo.js 0 → 100644
View file @ faec1275
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/demo.js.map 0 → 100644
View file @ faec1275
This diff is collapsed.
index.html
View file @ faec1275
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<body> <body>
<div id="app"></div> <div id="app"></div>
<script src="./dist/build.js"></script> <script src="./dist/demo.js"></script>
</body> </body>
</html> </html>
package.json
View file @ faec1275
{ {
"name": "vue-masked-input", "name": "vue-masked-input",
"description": "Masked input component for Vue.js 2.X", "description": "Masked input component for Vue.js 2.X",
"version": "0.3.3", "version": "0.3.4",
"author": "niksmr", "author": "niksmr",
"license": "MIT", "license": "MIT",
"homepage": "https://github.com/niksmr/vue-masked-input", "homepage": "https://github.com/niksmr/vue-masked-input",
"main": "src/MaskedInput.vue", "main": "src/MaskedInput.vue",
"scripts": { "scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot", "dev": "cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules" "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git+https://github.com/niksmr/vue-masked-input.git" "url": "git+https://github.com/niksmr/vue-masked-input.git"
}, },
"keywords": [ "keywords": [
"vue", "vue",
"mask", "mask",
"masked", "masked",
"input" "input"
], ],
"dependencies": { "dependencies": {
"inputmask-core": "^2.2.0", "inputmask-core": "^2.2.0",
"vue": "^2.1.0" "vue": "^2.1.0"
}, },
"devDependencies": { "devDependencies": {
"babel-core": "^6.0.0", "babel-core": "^6.0.0",
"babel-loader": "^6.0.0", "babel-loader": "^6.0.0",
"babel-preset-es2015": "^6.0.0", "babel-polyfill": "^6.22.0",
"cross-env": "^3.0.0", "babel-preset-es2015": "^6.0.0",
"css-loader": "^0.25.0", "cross-env": "^3.0.0",
"file-loader": "^0.9.0", "css-loader": "^0.25.0",
"vue-loader": "^10.0.0", "file-loader": "^0.9.0",
"vue-template-compiler": "^2.1.0", "vue-loader": "^10.0.0",
"webpack": "^2.2.0", "vue-template-compiler": "^2.1.0",
"webpack-dev-server": "^2.2.0" "webpack": "^2.2.0",
} "webpack-dev-server": "^2.2.0"
}
} }
src/App.vue
View file @ faec1275
...@@ -60,6 +60,7 @@ ...@@ -60,6 +60,7 @@
<script> <script>
import MaskedInput from './MaskedInput.vue' import MaskedInput from './MaskedInput.vue'
import Vue from 'vue' import Vue from 'vue'
import 'babel-polyfill'
export default { export default {
name: 'app', name: 'app',
...@@ -97,14 +98,14 @@ input { ...@@ -97,14 +98,14 @@ input {
font-size: inherit; font-size: inherit;
padding: 8px 16px; padding: 8px 16px;
border: none; border: none;
border-bottom: 1px solid #4fc08d; border-bottom: 2px solid #4fc08d;
outline: none; outline: none;
margin-right: 24px; margin-right: 24px;
} }
hr { hr {
border: none; border: none;
border-bottom: 1px solid #DDD; border-bottom: 2px solid #DDD;
} }
h1 { h1 {
......
src/MaskedInput.vue
View file @ faec1275
...@@ -67,6 +67,7 @@ export default { ...@@ -67,6 +67,7 @@ export default {
initMask() { initMask() {
try { try {
this.mask_core = new InputMask({ this.mask_core = new InputMask({
pattern: this.mask, pattern: this.mask,
value: '', value: '',
...@@ -91,8 +92,10 @@ export default { ...@@ -91,8 +92,10 @@ export default {
}, },
} }
}) })
for (const char of this.$refs.input.value) { for (const char of this.$refs.input.value) {
this.mask_core.input(char) console.log('');
//this.mask_core.input(char)
} }
this.mask_core.setSelection({ this.mask_core.setSelection({
start: 0, start: 0,
...@@ -108,7 +111,7 @@ export default { ...@@ -108,7 +111,7 @@ export default {
} }
catch (e) { catch (e) {
console.error(e.message); console.error(e);
this.mask_core = null this.mask_core = null
this.$refs.input.value = 'Error, see console' this.$refs.input.value = 'Error, see console'
this.$emit('input', this.$refs.input.value, '') this.$emit('input', this.$refs.input.value, '')
......
webpack.config.js
View file @ faec1275
...@@ -2,11 +2,14 @@ var path = require('path') ...@@ -2,11 +2,14 @@ var path = require('path')
var webpack = require('webpack') var webpack = require('webpack')
module.exports = { module.exports = {
entry: './src/main.js', entry: {
demo: './src/main.js',
component: './src/MaskedInput.vue'
},
output: { output: {
path: path.resolve(__dirname, './dist'), path: path.resolve(__dirname, './dist'),
publicPath: '/dist/', publicPath: '/dist/',
filename: 'build.js' filename: '[name].js'
}, },
module: { module: {
rules: [ rules: [
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment