mediacube-ui 0.1.380 → 0.1.382

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.382](https://github.com/MediaCubeCo/mcui/compare/v0.1.381...v0.1.382) (2025-06-02)
+
+### [0.1.381](https://github.com/MediaCubeCo/mcui/compare/v0.1.380...v0.1.381) (2025-05-30)
+
 ### [0.1.380](https://github.com/MediaCubeCo/mcui/compare/v0.1.379...v0.1.380) (2025-05-29)
 
 ### [0.1.379](https://github.com/MediaCubeCo/mcui/compare/v0.1.378...v0.1.379) (2025-05-14)

package/package.json

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

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

@@ -418,6 +418,12 @@ export default {
                 })
             }
         },
+        items: {
+            handler(value) {
+                if (value && value.length) this.checkOccupancy()
+            },
+            immediate: true,
+        },
     },
     mounted() {
         this.setFirstColsWidth()
@@ -454,6 +460,14 @@ export default {
                 }),
             ]
         },
+        checkOccupancy() {
+            if (!this.$refs.xTable) return
+            const tableHeight = this.$refs.xTable.$el.getBoundingClientRect().height
+            const tableDataHeight = this.$refs.xTable.rowHeight * this.items.length
+            if (tableHeight >= tableDataHeight && this.hasMore) {
+                this.load()
+            }
+        },
         load() {
             /**
              * Событие по подгрузке данных

package/src/styles/global.scss

@@ -2,6 +2,7 @@
 @import "../tokens/font-families";
 @import "../tokens/border-radius";
 @import "../tokens/box-shadows";
+@import "../tokens/colors";
 
 html {
   box-sizing: border-box;