@mixd-id/web-scaffold 0.1.230406272 → 0.1.230406273

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406272",
+  "version": "0.1.230406273",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/List.vue

@@ -84,6 +84,7 @@
         </slot>
 
         <VirtualTable v-if="presetView === 'table'"
+                      ref="table"
                       :columns="columns"
                       class="flex-1 rounded-lg panel-400"
                       :items="data.items"
@@ -102,6 +103,7 @@
         </VirtualTable>
 
         <VirtualGrid v-else-if="presetView === 'grid'"
+                     ref="grid"
                      :items="dataItems"
                      :column="computedGridColumn"
                      class="flex-1"
@@ -371,6 +373,11 @@ export default{
       }
     },
 
+    resize(){
+      this.$refs.table ? this.$refs.table.resize() : null
+      this.$refs.grid ? this.$refs.grid.resize() : null
+    }
+
   },
 
   components: {PresetBar, PresetSelector, VirtualGrid, VirtualTable},

package/src/components/VirtualTable.vue

@@ -7,7 +7,7 @@
 					<th v-for="column in visibleColumns" :style="thStyle(column)">
 						<slot v-if="$slots['col-' + column.key]" :name="'col-' + column.key" :column="column"></slot>
 						<div v-else :class="headerColumnClass(column)">
-							<span v-if="column.label && !column.label.startsWith('(')">{{ column.label }}</span>
+							<span>{{ column.label ?? column.key }}</span>
 						</div>
 						<div :class="$style.separator" @mousedown="startResize($event, column)"></div>
 					</th>
@@ -193,6 +193,12 @@ export default{
 
 		this.resize()
 
+    const observer = new MutationObserver((mutationsList) => {
+      console.log(mutationsList)
+      this.resize()
+    });
+    observer.observe(this.$el, { attributes: true });
+
 	},
 
 	methods: {