[improvement] rename packages dir to src (#3659)

2019-06-27 11:25:57 +08:00
parent 8489918dca
commit 75c79b7044
619 changed files with 21 additions and 21 deletions
@@ -0,0 +1,73 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-password-input
+        :value="value1"
+        :info="$t('info')"
+        @focus="keyboard = 'value1'"
+      />
+
+      <van-number-keyboard
+        :show="!!keyboard"
+        @input="onInput"
+        @delete="onDelete"
+        @blur="keyboard = ''"
+      />
+    </demo-block>
+
+    <demo-block :title="$t('customLength')">
+      <van-password-input
+        :value="value2"
+        :length="4"
+        gutter="15"
+        @focus="keyboard = 'value2'"
+      />
+    </demo-block>
+
+    <demo-block :title="$t('removeMask')">
+      <van-password-input
+        :value="value3"
+        :mask="false"
+        @focus="keyboard = 'value3'"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      info: '密码为 6 位数字',
+      customLength: '自定义长度',
+      removeMask: '明文展示'
+    },
+    'en-US': {
+      info: 'Some tips',
+      customLength: 'Custom Length',
+      removeMask: 'Remove Mask'
+    }
+  },
+
+  data() {
+    return {
+      value1: '123',
+      value2: '123',
+      value3: '123',
+      keyboard: 'value1'
+    };
+  },
+
+  methods: {
+    onInput(key) {
+      const { keyboard } = this;
+      this[keyboard] = (this[keyboard] + key).slice(0, 6);
+    },
+
+    onDelete() {
+      const { keyboard } = this;
+      this[keyboard] = this[keyboard].slice(0, this[keyboard].length - 1);
+    }
+  }
+};
+</script>