@dataloop-ai/components 0.16.13 → 0.16.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -412,7 +412,6 @@ export default defineComponent({
|
|
|
412
412
|
},
|
|
413
413
|
showClearBtn(): boolean {
|
|
414
414
|
return (
|
|
415
|
-
!this.$slots.append &&
|
|
416
415
|
!this.disableClearBtn &&
|
|
417
416
|
this.type !== 'password' &&
|
|
418
417
|
!this.disabled &&
|
|
@@ -486,6 +485,7 @@ export default defineComponent({
|
|
|
486
485
|
|
|
487
486
|
const inputRef = this.$refs.input as HTMLInputElement
|
|
488
487
|
inputRef.value = ''
|
|
488
|
+
inputRef.focus()
|
|
489
489
|
},
|
|
490
490
|
onPassShowClick(): void {
|
|
491
491
|
this.showPass = !this.showPass
|
package/src/demo/DlInputDemo.vue
CHANGED
|
@@ -20,6 +20,23 @@
|
|
|
20
20
|
show-counter
|
|
21
21
|
:max-length="20"
|
|
22
22
|
/>
|
|
23
|
+
|
|
24
|
+
<dl-input
|
|
25
|
+
v-model="saveInputValue"
|
|
26
|
+
style="width: 220px"
|
|
27
|
+
placeholder="Input with icon"
|
|
28
|
+
size="l"
|
|
29
|
+
has-append
|
|
30
|
+
>
|
|
31
|
+
<template #append>
|
|
32
|
+
<dl-icon
|
|
33
|
+
style="margin-bottom: 5px"
|
|
34
|
+
icon="icon-dl-save"
|
|
35
|
+
size="12px"
|
|
36
|
+
/>
|
|
37
|
+
</template>
|
|
38
|
+
</dl-input>
|
|
39
|
+
|
|
23
40
|
<dl-input
|
|
24
41
|
v-model="passFieldValue"
|
|
25
42
|
title="Password"
|
|
@@ -66,23 +83,26 @@
|
|
|
66
83
|
|
|
67
84
|
<script lang="ts">
|
|
68
85
|
import { defineComponent, ref } from 'vue-demi'
|
|
69
|
-
import { DlInput } from '../components'
|
|
86
|
+
import { DlInput, DlIcon } from '../components'
|
|
70
87
|
export default defineComponent({
|
|
71
88
|
name: 'DlInputDemo',
|
|
72
89
|
components: {
|
|
73
|
-
DlInput
|
|
90
|
+
DlInput,
|
|
91
|
+
DlIcon
|
|
74
92
|
},
|
|
75
93
|
setup() {
|
|
76
94
|
const textInputValue = ref<string>('')
|
|
77
95
|
const passFieldValue = ref<string>('')
|
|
78
96
|
const warningFieldValue = ref<string>('')
|
|
79
97
|
const errorFieldValue = ref<string>('')
|
|
98
|
+
const saveInputValue = ref<string>('')
|
|
80
99
|
|
|
81
100
|
return {
|
|
82
101
|
textInputValue,
|
|
83
102
|
passFieldValue,
|
|
84
103
|
warningFieldValue,
|
|
85
|
-
errorFieldValue
|
|
104
|
+
errorFieldValue,
|
|
105
|
+
saveInputValue
|
|
86
106
|
}
|
|
87
107
|
}
|
|
88
108
|
})
|