mediacube-ui 0.1.415 → 0.1.416

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.416](https://github.com/MediaCubeCo/mcui/compare/v0.1.415...v0.1.416) (2025-09-18)
+
 ### [0.1.415](https://github.com/MediaCubeCo/mcui/compare/v0.1.414...v0.1.415) (2025-09-18)
 
 ### [0.1.414](https://github.com/MediaCubeCo/mcui/compare/v0.1.413...v0.1.414) (2025-09-17)

package/package.json

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

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

@@ -427,12 +427,34 @@ export default {
     mounted() {
         this.setFirstColsWidth()
         window.addEventListener('resize', this.checkHorizontalScroll)
+        this.initFooterScroll()
     },
     beforeDestroy() {
         this.observer && this.observer.disconnect()
         window.removeEventListener('resize', this.checkHorizontalScroll)
+        this.removeFooterScroll()
     },
     methods: {
+        // Нужно для горизонтального скрола таблиц с футером, чтобы правильно показывать тень для первой/последней колонки
+        initFooterScroll() {
+            const footerWrapper = this.$refs.xTable?.$el?.querySelector('.vxe-table--footer-wrapper.body--wrapper')
+            if (footerWrapper && !this.cardIsOpen && (this.fixedFirstColumn || this.fixedLastColumn)) {
+                this.footerScrollHandler = e => this.handleScroll({ $event: e, type: 'body', isX: true })
+                footerWrapper.addEventListener('scroll', this.footerScrollHandler)
+            }
+        },
+        removeFooterScroll() {
+            const footerWrapper = this.$refs.xTable?.$el?.querySelector('.vxe-table--footer-wrapper.body--wrapper')
+            if (
+                footerWrapper &&
+                !this.cardIsOpen &&
+                (this.fixedFirstColumn || this.fixedLastColumn) &&
+                this.footerScrollHandler
+            ) {
+                footerWrapper.removeEventListener('scroll', this.footerScrollHandler)
+                this.footerScrollHandler = null
+            }
+        },
         formattedNumber(value, decimals = 2, is_rtl = false) {
             if (value == null) return null