0.2.0: characters preview on typing (in secure mode)

Seokky · Apr 10, 2020 · adde397 · adde397
1 parent b8ad888
commit adde397
Show file tree

Hide file tree

Showing 13 changed files with 124 additions and 42 deletions.
diff --git a/README.md b/README.md
@@ -12,6 +12,7 @@ Demo on [GitHub Pages](https://seokky.github.io/vue-pincode-input/)
 - auto moving focus when deleting
 - auto selecting cell content on focusing
 - call for native numeric keyboard on mobiles
+- character preview on typing (configurable duration)
 
 ## Attention!
 
@@ -70,3 +71,11 @@ input.vue-pincode-input {
 - **secure** (password input type)
   - type: Boolean
   - default: false
+
+- **characterPreview** (preview character on typing)
+  - type: Boolean
+  - default: true
+
+- **previewDuration** (duration of character preview)
+  - type: Number
+  - default: 300
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-pincode-input/favicon.ico><title>vue-pin-input</title><link href=/vue-pincode-input/css/app.b799d016.css rel=preload as=style><link href=/vue-pincode-input/js/app.64e0733f.js rel=preload as=script><link href=/vue-pincode-input/js/chunk-vendors.ec129eaf.js rel=preload as=script><link href=/vue-pincode-input/css/app.b799d016.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-pin-input doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vue-pincode-input/js/chunk-vendors.ec129eaf.js></script><script src=/vue-pincode-input/js/app.64e0733f.js></script></body></html>
+<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-pincode-input/favicon.ico><title>vue-pin-input</title><link href=/vue-pincode-input/css/app.b799d016.css rel=preload as=style><link href=/vue-pincode-input/js/app.adc21a27.js rel=preload as=script><link href=/vue-pincode-input/js/chunk-vendors.b4044503.js rel=preload as=script><link href=/vue-pincode-input/css/app.b799d016.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-pin-input doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vue-pincode-input/js/chunk-vendors.b4044503.js></script><script src=/vue-pincode-input/js/app.adc21a27.js></script></body></html>
diff --git a/docs/js/app.64e0733f.js b/docs/js/app.64e0733f.js
diff --git a/docs/js/app.adc21a27.js b/docs/js/app.adc21a27.js
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-pincode-input/favicon.ico><title>vue-pin-input</title><link href=/vue-pincode-input/css/app.b799d016.css rel=preload as=style><link href=/vue-pincode-input/js/app.64e0733f.js rel=preload as=script><link href=/vue-pincode-input/js/chunk-vendors.ec129eaf.js rel=preload as=script><link href=/vue-pincode-input/css/app.b799d016.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-pin-input doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vue-pincode-input/js/chunk-vendors.ec129eaf.js></script><script src=/vue-pincode-input/js/app.64e0733f.js></script></body></html>
		<!DOCTYPE html><html lang=en><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><link rel=icon href=/vue-pincode-input/favicon.ico><title>vue-pin-input</title><link href=/vue-pincode-input/css/app.b799d016.css rel=preload as=style><link href=/vue-pincode-input/js/app.adc21a27.js rel=preload as=script><link href=/vue-pincode-input/js/chunk-vendors.b4044503.js rel=preload as=script><link href=/vue-pincode-input/css/app.b799d016.css rel=stylesheet></head><body><noscript><strong>We're sorry but vue-pin-input doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><script src=/vue-pincode-input/js/chunk-vendors.b4044503.js></script><script src=/vue-pincode-input/js/app.adc21a27.js></script></body></html>