mediacube-ui 0.1.293 → 0.1.295

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.295](https://github.com/MediaCubeCo/mcui/compare/v0.1.294...v0.1.295) (2024-07-15)
+
+### [0.1.294](https://github.com/MediaCubeCo/mcui/compare/v0.1.293...v0.1.294) (2024-07-15)
+
 ### [0.1.293](https://github.com/MediaCubeCo/mcui/compare/v0.1.292...v0.1.293) (2024-07-12)
 
 ### [0.1.292](https://github.com/MediaCubeCo/mcui/compare/v0.1.291...v0.1.292) (2024-07-11)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.293",
+  "version": "0.1.295",
   "description": "Design system for Mediacube services",
   "author": "Mediacube",
   "private": false,

package/src/elements/McField/McFieldText/McFieldText.vue

@@ -234,7 +234,19 @@ export default {
             type: String,
             required: true,
         },
-
+        /**
+         *  плейсхолдеры для короткого обозначения даты (для маски dd.mm.yyyy)
+         *  {
+         *      date: 'd',
+         *      month: 'm',
+         *      year: 'y',
+         *  }
+         *
+         */
+        dateMaskPlaceholder: {
+            type: Object,
+            default: () => ({}),
+        },
         /**
          *  textarea-autosize Min height
          *
@@ -426,9 +438,27 @@ export default {
                 mask: Date,
                 autofix: true,
                 blocks: {
-                    d: { mask: IMask.MaskedRange, placeholderChar: 'd', from: 1, to: 31, maxLength: 2 },
-                    m: { mask: IMask.MaskedRange, placeholderChar: 'm', from: 1, to: 12, maxLength: 2 },
-                    Y: { mask: IMask.MaskedRange, placeholderChar: 'y', from: 1900, to: 2999, maxLength: 4 },
+                    d: {
+                        mask: IMask.MaskedRange,
+                        placeholderChar: this.dateMaskPlaceholder.date || 'd',
+                        from: 1,
+                        to: 31,
+                        maxLength: 2,
+                    },
+                    m: {
+                        mask: IMask.MaskedRange,
+                        placeholderChar: this.dateMaskPlaceholder.month || 'm',
+                        from: 1,
+                        to: 12,
+                        maxLength: 2,
+                    },
+                    Y: {
+                        mask: IMask.MaskedRange,
+                        placeholderChar: this.dateMaskPlaceholder.year || 'y',
+                        from: 1900,
+                        to: 2999,
+                        maxLength: 4,
+                    },
                 },
             }
         },

package/src/elements/McTabs/McTabs/McTabs.vue

@@ -177,6 +177,12 @@ export default {
                     this.checkInitTab()
                 })
         },
+        activeTab(val, oldVal) {
+            if (val !== oldVal)
+                this.$nextTick(() => {
+                    this.checkInitTab()
+                })
+        },
     },
     created() {
         this.children = this.$children