|
@@ -24,14 +24,14 @@ app.use(Popup);
|
|
|
```html
|
|
```html
|
|
|
<template>
|
|
<template>
|
|
|
<nut-cell title="Basic Usage" is-link @click="state.visible = true;"></nut-cell>
|
|
<nut-cell title="Basic Usage" is-link @click="state.visible = true;"></nut-cell>
|
|
|
- <nut-shortpassword
|
|
|
|
|
|
|
+ <nut-short-password
|
|
|
v-model="state.value"
|
|
v-model="state.value"
|
|
|
v-model:visible="state.visible"
|
|
v-model:visible="state.visible"
|
|
|
@change="methods.onChange"
|
|
@change="methods.onChange"
|
|
|
@close="methods.close"
|
|
@close="methods.close"
|
|
|
@cancel="methods.cancel"
|
|
@cancel="methods.cancel"
|
|
|
>
|
|
>
|
|
|
- </nut-shortpassword>
|
|
|
|
|
|
|
+ </nut-short-password>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { reactive } from 'vue';
|
|
import { reactive } from 'vue';
|
|
@@ -68,7 +68,7 @@ export default{
|
|
|
```html
|
|
```html
|
|
|
<template>
|
|
<template>
|
|
|
<nut-cell title="Show Button Group" is-link @click="state.visible = true;"></nut-cell>
|
|
<nut-cell title="Show Button Group" is-link @click="state.visible = true;"></nut-cell>
|
|
|
- <nut-shortpassword
|
|
|
|
|
|
|
+ <nut-short-password
|
|
|
v-model="state.value"
|
|
v-model="state.value"
|
|
|
v-model:visible="state.visible"
|
|
v-model:visible="state.visible"
|
|
|
:no-button="false"
|
|
:no-button="false"
|
|
@@ -77,7 +77,7 @@ export default{
|
|
|
@close="methods.close"
|
|
@close="methods.close"
|
|
|
@cancel="methods.cancel"
|
|
@cancel="methods.cancel"
|
|
|
>
|
|
>
|
|
|
- </nut-shortpassword>
|
|
|
|
|
|
|
+ </nut-short-password>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { reactive } from 'vue';
|
|
import { reactive } from 'vue';
|
|
@@ -122,7 +122,7 @@ export default{
|
|
|
```html
|
|
```html
|
|
|
<template>
|
|
<template>
|
|
|
<nut-cell title="Custom Password Length" is-link @click="state.visible = true;"></nut-cell>
|
|
<nut-cell title="Custom Password Length" is-link @click="state.visible = true;"></nut-cell>
|
|
|
- <nut-shortpassword
|
|
|
|
|
|
|
+ <nut-short-password
|
|
|
v-model="state.value"
|
|
v-model="state.value"
|
|
|
v-model:visible="state.visible"
|
|
v-model:visible="state.visible"
|
|
|
:length="state.length"
|
|
:length="state.length"
|
|
@@ -130,7 +130,7 @@ export default{
|
|
|
@close="methods.close"
|
|
@close="methods.close"
|
|
|
@cancel="methods.cancel"
|
|
@cancel="methods.cancel"
|
|
|
>
|
|
>
|
|
|
- </nut-shortpassword>
|
|
|
|
|
|
|
+ </nut-short-password>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { reactive } from 'vue';
|
|
import { reactive } from 'vue';
|
|
@@ -173,7 +173,7 @@ export default{
|
|
|
```html
|
|
```html
|
|
|
<template>
|
|
<template>
|
|
|
<nut-cell title="Forget password" is-link @click="state.visible = true;"></nut-cell>
|
|
<nut-cell title="Forget password" is-link @click="state.visible = true;"></nut-cell>
|
|
|
- <nut-shortpassword
|
|
|
|
|
|
|
+ <nut-short-password
|
|
|
v-model="state.value"
|
|
v-model="state.value"
|
|
|
v-model:visible="state.visible"
|
|
v-model:visible="state.visible"
|
|
|
@change="methods.onChange"
|
|
@change="methods.onChange"
|
|
@@ -181,7 +181,7 @@ export default{
|
|
|
@tips="methods.onTips"
|
|
@tips="methods.onTips"
|
|
|
@cancel="methods.cancel"
|
|
@cancel="methods.cancel"
|
|
|
>
|
|
>
|
|
|
- </nut-shortpassword>
|
|
|
|
|
|
|
+ </nut-short-password>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { reactive } from 'vue';
|
|
import { reactive } from 'vue';
|
|
@@ -221,7 +221,7 @@ export default{
|
|
|
```html
|
|
```html
|
|
|
<template>
|
|
<template>
|
|
|
<nut-cell title="Error Message" is-link @click="state.visible = true;"></nut-cell>
|
|
<nut-cell title="Error Message" is-link @click="state.visible = true;"></nut-cell>
|
|
|
- <nut-shortpassword
|
|
|
|
|
|
|
+ <nut-short-password
|
|
|
v-model="state.value"
|
|
v-model="state.value"
|
|
|
v-model:visible="state.visible"
|
|
v-model:visible="state.visible"
|
|
|
:error-msg="state.errorMsg"
|
|
:error-msg="state.errorMsg"
|
|
@@ -230,7 +230,7 @@ export default{
|
|
|
@tips="methods.onTips"
|
|
@tips="methods.onTips"
|
|
|
@cancel="methods.cancel"
|
|
@cancel="methods.cancel"
|
|
|
>
|
|
>
|
|
|
- </nut-shortpassword>
|
|
|
|
|
|
|
+ </nut-short-password>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { reactive } from 'vue';
|
|
import { reactive } from 'vue';
|