mediacube-ui 0.1.217 → 0.1.218

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.218](https://github.com/MediaCubeCo/mcui/compare/v0.1.217...v0.1.218) (2024-02-06)
+
 ### [0.1.217](https://github.com/MediaCubeCo/mcui/compare/v0.1.216...v0.1.217) (2024-02-02)
 
 ### [0.1.216](https://github.com/MediaCubeCo/mcui/compare/v0.1.215...v0.1.216) (2024-02-02)

package/package.json

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

package/src/elements/McDatePicker/McDatePicker.vue

@@ -346,6 +346,8 @@ export default {
         return {
             pickDate: null,
             phone: null,
+            currentTouchArea: null,
+            firstTouch: true,
         }
     },
     computed: {
@@ -419,8 +421,14 @@ export default {
             handler() {
                 this.setupDayjsLocale()
                 this.setupDatePickerLocale()
-            }
-        }
+            },
+        },
+    },
+    mounted() {
+        document.addEventListener('touchstart', this.handleTouch)
+    },
+    beforeDestroy() {
+        document.removeEventListener('touchstart', this.handleTouch)
     },
     methods: {
         async setupDayjsLocale() {
@@ -539,6 +547,21 @@ export default {
         closePopup() {
             this.$refs.input.closePopup()
         },
+        handleTouch(event) {
+            const currentArea = this.getTouchArea(event)
+
+            if (this.firstTouch && currentArea !== this.currentTouchArea) {
+                event.target.click()
+                this.firstTouch = true
+                this.currentTouchArea = currentArea
+            }
+        },
+        getTouchArea(event) {
+            // Определяем в какой области (минуты или секунды) произошло касание
+            const min = document.querySelector(`[data-type="minute"]`)
+            const sec = document.querySelector(`[data-type="second"]`)
+            return min?.contains(event.target) ? 'minute' : sec?.contains(event.target) ? 'second' : null
+        },
     },
 }
 </script>

package/src/patterns/McTable/McTable/McTable.vue

@@ -615,6 +615,9 @@ export default {
     .vxe-body--row.row--cheched {
         background-color: rgba($color-purple, 0.05);
     }
+    .fixed-left--wrapper {
+        scrollbar-width: none;
+    }
 }
 .mc-table-wrapper {
     position: relative;