@volverjs/ui-vue 0.0.9-beta.15 → 0.0.9-beta.17

package/src/components/VvDialog/VvDialog.vue

@@ -49,12 +49,16 @@
 	const transitioName = computed(() => `vv-dialog--${props.transition}`)
 	const dialogTransitionHandlers = {
 		'before-enter': () => {
-			dialogEl.value?.showModal()
+			if (!dialogEl.value?.open) {
+				dialogEl.value?.showModal()
+			}
 			emit('open')
 			emit('before-enter')
 		},
 		'after-leave': () => {
-			dialogEl.value?.close()
+			if (dialogEl.value?.open) {
+				dialogEl.value?.close()
+			}
 			emit('close')
 			emit('after-leave')
 		},

package/src/components/VvInputText/VvInputText.vue

@@ -83,6 +83,11 @@
 	const isFocused = computed(
 		() => focused.value && !props.disabled && !props.readonly,
 	)
+	watch(isFocused, (newValue) => {
+		if (newValue && propsDefaults.value.selectOnFocus && inputEl.value) {
+			inputEl.value.select()
+		}
+	})
 
 	// visibility
 	const isVisible = useElementVisibility(inputEl)

package/src/components/VvInputText/index.ts

@@ -196,6 +196,13 @@ export const VvInputTextProps = {
 	unit: {
 		type: String,
 	},
+	/**
+	 * Select input text on focus
+	 */
+	selectOnFocus: {
+		type: Boolean,
+		default: false,
+	},
 }
 
 export type VvInputTextPropsTypes = ExtractPropTypes<typeof VvInputTextProps>

package/src/stories/InputText/InputText.settings.ts

@@ -176,7 +176,6 @@ export const argTypes = {
 	},
 	mask: {
 		description: 'Input mask, only for text type',
-
 		control: {
 			type: 'text',
 		},
@@ -213,6 +212,54 @@ export const argTypes = {
 			},
 		},
 	},
+	autoWidth: {
+		description: 'Adjust input width to content',
+		control: {
+			type: 'boolean',
+		},
+		table: {
+			defaultValue: {
+				summary: false,
+			},
+			type: {
+				summary: 'boolean',
+			},
+		},
+	},
+	hideActions: {
+		description: 'Hide type number, password and search actions',
+		control: {
+			type: 'boolean',
+		},
+		table: {
+			defaultValue: {
+				summary: false,
+			},
+			type: {
+				summary: 'boolean',
+			},
+		},
+	},
+	unit: {
+		description: 'Add unit label to input',
+		control: {
+			type: 'text',
+		},
+	},
+	selectOnFocus: {
+		description: 'Select input text on focus',
+		control: {
+			type: 'boolean',
+		},
+		table: {
+			defaultValue: {
+				summary: false,
+			},
+			type: {
+				summary: 'boolean',
+			},
+		},
+	},
 	before: {
 		control: {
 			type: 'text',