Fix initial password value

Author: SerafimArts

dist/laravel-ui.min.js

@@ -10875,6 +10875,13 @@
         event: 'input'
     },
     props: (0, _extends3.default)({}, _Text2.default.props, {
+        type: {
+            type: String,
+            default: 'password',
+            validator: function validator(value) {
+                return value === 'password';
+            }
+        },
         tipShow: {
             type: String,
             default: 'Show password'
@@ -11024,6 +11031,7 @@
 //
 //
 //
+//
 
 /***/ }),
 /* 393 */
@@ -11342,6 +11350,7 @@
     }
   }, [_c('ui-text', {
     attrs: {
+      "value": _vm.value,
       "disabled": _vm.disabled,
       "loading": _vm.loading,
       "title": _vm.title,

dist/laravel-ui.min.js.map

@@ -69,7 +69,8 @@
 
 <template>
     <section class="password" :class="{ 'password-visible': isVisible }">
-        <ui-text v-model="realValue"
+        <ui-text v-model="internalValue"
+                 :value="value"
                  :disabled="disabled"
                  :loading="loading"
                  :title="title"
@@ -116,11 +117,16 @@
 
     export default {
         model: {
-            prop: 'realValue',
+            prop: 'internalValue',
             event: 'input'
         },
         props: {
             ...Text.props,
+            type: {
+                type: String,
+                default: 'password',
+                validator: (value) => value === 'password'
+            },
             tipShow: {
                 type: String,
                 default: 'Show password'
@@ -139,8 +145,8 @@
                 isVisible: false,
                 isVisibleDescription: this.tipHide,
                 dynamicType: 'password',
-                realValue: this.value
-            }
+                internalValue: this.value
+            };
         },
         methods: {
             togglePasswordVisibility() {

docs/index.html

@@ -134,7 +134,7 @@
 
             <ui-loading v-if="loading"></ui-loading>
 
-            <v-input v-model="realValue" :value="value" @input="onInput" @blur="onBlur" @focus="onFocus"
+            <v-input v-model="internalValue" :value="value" @input="onInput" @blur="onBlur" @focus="onFocus"
                 :name="name"
                 :tag="type"
                 :disabled="disabled"></v-input>
@@ -152,7 +152,7 @@
 
     export default {
         model: {
-            prop: 'realValue',
+            prop: 'internalValue',
             event: 'input'
         },
         props: {
@@ -198,7 +198,7 @@
                 /**
                  * Real input value (Memory separation with "props: value")
                  */
-                realValue:    this.value
+                internalValue:    this.value
             };
         },
         mounted() {
@@ -217,18 +217,18 @@
             onBlur(event) {
                 this.$emit('blur', event);
 
-                if (this.realValue.trim().length !== this.realValue.length) {
-                    this.realValue = this.realValue.trim();
+                if (this.internalValue.trim().length !== this.internalValue.length) {
+                    this.internalValue = this.internalValue.trim();
                 }
 
                 this.isFocus = false;
-                this.isActive = this.realValue.length !== 0;
+                this.isActive = this.internalValue.length !== 0;
                 this.wasChanged = true;
             },
             onInput(event) {
                 this.$emit('input', event);
 
-                this.isActive = this.realValue.trim().length !== 0;
+                this.isActive = this.internalValue.trim().length !== 0;
             }
         }
     }