@dataloop-ai/components 0.16.13 → 0.16.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.16.13",
+  "version": "0.16.15",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlInput/DlInput.vue

@@ -412,7 +412,6 @@ export default defineComponent({
         },
         showClearBtn(): boolean {
             return (
-                !this.$slots.append &&
                 !this.disableClearBtn &&
                 this.type !== 'password' &&
                 !this.disabled &&
@@ -486,6 +485,7 @@ export default defineComponent({
 
             const inputRef = this.$refs.input as HTMLInputElement
             inputRef.value = ''
+            inputRef.focus()
         },
         onPassShowClick(): void {
             this.showPass = !this.showPass

package/src/components/compound/DlStepper/index.ts

@@ -1,4 +1,4 @@
 import DlStepper from './DlStepper.vue'
 import { Stepper, Step } from './models'
 
-export { DlStepper, DlStepper as Stepper, Step as Step }
+export { DlStepper, Stepper, Step as Step }

package/src/demo/DlInputDemo.vue

@@ -20,6 +20,23 @@
             show-counter
             :max-length="20"
         />
+
+        <dl-input
+            v-model="saveInputValue"
+            style="width: 220px"
+            placeholder="Input with icon"
+            size="l"
+            has-append
+        >
+            <template #append>
+                <dl-icon
+                    style="margin-bottom: 5px"
+                    icon="icon-dl-save"
+                    size="12px"
+                />
+            </template>
+        </dl-input>
+
         <dl-input
             v-model="passFieldValue"
             title="Password"
@@ -66,23 +83,26 @@
 
 <script lang="ts">
 import { defineComponent, ref } from 'vue-demi'
-import { DlInput } from '../components'
+import { DlInput, DlIcon } from '../components'
 export default defineComponent({
     name: 'DlInputDemo',
     components: {
-        DlInput
+        DlInput,
+        DlIcon
     },
     setup() {
         const textInputValue = ref<string>('')
         const passFieldValue = ref<string>('')
         const warningFieldValue = ref<string>('')
         const errorFieldValue = ref<string>('')
+        const saveInputValue = ref<string>('')
 
         return {
             textInputValue,
             passFieldValue,
             warningFieldValue,
-            errorFieldValue
+            errorFieldValue,
+            saveInputValue
         }
     }
 })