Fixed #5844 - Message props default value changes

components/lib/message/BaseMessage.vue

@@ -12,15 +12,11 @@ export default {
         },
         closable: {
             type: Boolean,
-            default: true
+            default: false
-        },
-        sticky: {
-            type: Boolean,
-            default: true
         },
         life: {
             type: Number,
-            default: 3000
+            default: null
         },
         icon: {
             type: String,

components/lib/message/Message.d.ts

@@ -111,17 +111,18 @@ export interface MessageProps {
     severity?: HintedString<'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast'> | undefined;
     /**
      * Whether the message can be closed manually using the close icon.
-     * @defaultValue true
+     * @defaultValue false
      */
     closable?: boolean | undefined;
     /**
+     * @deprecated since 4.0.
      * When enabled, message is not removed automatically.
      * @defaultValue true
      */
     sticky?: boolean | undefined;
     /**
      * Delay in milliseconds to close the message automatically.
-     * @defaultValue 3000
+     * @defaultValue null
      */
     life?: number | undefined;
     /**

components/lib/message/Message.vue

@@ -40,28 +40,18 @@ export default {
             visible: true
         };
     },
-    watch: {
-        sticky(newValue) {
-            if (!newValue) {
-                this.closeAfterDelay();
-            }
-        }
-    },
     mounted() {
-        if (!this.sticky) {
+        if (this.life) {
-            this.closeAfterDelay();
+            setTimeout(() => {
+                this.visible = false;
+                this.$emit('life-end');
+            }, this.life);
         }
     },
     methods: {
         close(event) {
             this.visible = false;
             this.$emit('close', event);
-        },
-        closeAfterDelay() {
-            setTimeout(() => {
-                this.visible = false;
-                this.$emit('life-end');
-            }, this.life);
         }
     },
     computed: {