@zeedhi/vuetify 3.1.0 → 3.3.0

package/src/components/zd-textarea/ZdTextarea.vue

@@ -47,6 +47,7 @@
     @input="input()"
     @keydown="keydown($event)"
     @change="change($event)"
+    @click:clear="clearInput()"
     @blur="blur($event)"
     v-bind="{
       'append-inner-icon': !instance.suffix ? $getIcon(instance.appendIcon) : '',

package/src/components/zd-tooltip/ZdTooltip.vue

@@ -29,6 +29,7 @@
 
 <style lang="scss">
 .zd-tooltip.v-overlay__content {
-  opacity: 0.9;
+  opacity: 0.9 !important;
+  white-space: pre-line;
 }
 </style>

package/src/composables/gridColumns.ts

@@ -40,15 +40,20 @@ export function useGridColumns<T extends IIterable>({
 	const setViewGetWidth = () => {
 		instance.columns.forEach((column) => {
 			column.setViewGetWidth(() => {
-				const index = instance.columns.filter((col) => col.isVisible).findIndex((col) => col.name === column.name);
+				const el = rootEl.value;
+				if (!el) return 0;
+
+				const headerColumns = Array.from(el.querySelectorAll<HTMLTableCellElement>('table thead tr th[column-name]'));
+				const namedColumnEl = headerColumns.find((col) => col.getAttribute('column-name') === column.name);
 
-				const el = rootEl.value as HTMLElement;
+				if (namedColumnEl) {
+					return parseFloat(getComputedStyle(namedColumnEl).width) || namedColumnEl.clientWidth || 0;
+				}
 
-				const colEl = el.querySelector(`
-          .zd-grid-table-header .zd-table-cell[index='${index}']
-        `);
+				const index = instance.columns.filter((col) => col.isVisible).findIndex((col) => col.name === column.name);
+				const indexedColumnEl = el.querySelector<HTMLElement>(`table thead tr th[index='${index}']`);
 
-				return colEl?.clientWidth || 0;
+				return indexedColumnEl?.clientWidth || 0;
 			});
 		});
 	};