@zeedhi/vuetify 1.83.0 → 1.83.1

package/dist/zd-vuetify.esm.js

@@ -48977,6 +48977,13 @@ __vue_render__$Y._withStripped = true;
  * Grid action component
  */
 let ZdGridAction = class ZdGridAction extends Vue {
+    constructor() {
+        super(...arguments);
+        this.actions = [];
+    }
+    change() {
+        this.actions = this.column.childrenProps.map((child) => this.getActionComponent(child, this.column, this.row));
+    }
 };
 __decorate([
     Prop({ type: Object, required: true }),
@@ -48994,6 +49001,15 @@ __decorate([
     Prop({ type: [String, Number], required: true }),
     __metadata("design:type", Object)
 ], ZdGridAction.prototype, "rowKey", void 0);
+__decorate([
+    Watch('column', { immediate: true, deep: true }),
+    Watch('row', { immediate: true, deep: true }),
+    Watch('getActionComponent', { immediate: true, deep: true }),
+    Watch('rowKey', { immediate: true, deep: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], ZdGridAction.prototype, "change", null);
 ZdGridAction = __decorate([
     Component$1
 ], ZdGridAction);
@@ -49010,13 +49026,13 @@ var __vue_render__$X = function () {
   return _c(
     "div",
     { staticClass: "zd-grid-action" },
-    _vm._l(_vm.column.childrenProps, function (child) {
+    _vm._l(_vm.actions, function (child) {
       return _c(
         child.component,
         _vm._b(
           { key: "" + child.name + _vm.rowKey, tag: "component" },
           "component",
-          _vm.getActionComponent(child, _vm.column, _vm.row),
+          _vm.actions,
           false
         )
       )
@@ -49030,7 +49046,7 @@ __vue_render__$X._withStripped = true;
   /* style */
   const __vue_inject_styles__$X = function (inject) {
     if (!inject) return
-    inject("data-v-5420f962_0", { source: "\n.zd-grid-action {\n  height: 100%;\n  display: flex;\n}\n", map: undefined, media: undefined });
+    inject("data-v-739ae1c4_0", { source: "\n.zd-grid-action {\n  height: 100%;\n  display: flex;\n}\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -49684,11 +49700,7 @@ var __vue_render__$S = function () {
         ],
         cellStyle: _vm.cellStyle,
       },
-      on: {
-        click: function ($event) {
-          return _vm.cellClick(_vm.row, _vm.column, $event)
-        },
-      },
+      on: { click: _vm.click },
     },
     [
       _c(

package/dist/zd-vuetify.umd.js

@@ -48976,6 +48976,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
    * Grid action component
    */
   let ZdGridAction = class ZdGridAction extends Vue__default["default"] {
+      constructor() {
+          super(...arguments);
+          this.actions = [];
+      }
+      change() {
+          this.actions = this.column.childrenProps.map((child) => this.getActionComponent(child, this.column, this.row));
+      }
   };
   __decorate([
       vuePropertyDecorator.Prop({ type: Object, required: true }),
@@ -48993,6 +49000,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       vuePropertyDecorator.Prop({ type: [String, Number], required: true }),
       __metadata("design:type", Object)
   ], ZdGridAction.prototype, "rowKey", void 0);
+  __decorate([
+      vuePropertyDecorator.Watch('column', { immediate: true, deep: true }),
+      vuePropertyDecorator.Watch('row', { immediate: true, deep: true }),
+      vuePropertyDecorator.Watch('getActionComponent', { immediate: true, deep: true }),
+      vuePropertyDecorator.Watch('rowKey', { immediate: true, deep: true }),
+      __metadata("design:type", Function),
+      __metadata("design:paramtypes", []),
+      __metadata("design:returntype", void 0)
+  ], ZdGridAction.prototype, "change", null);
   ZdGridAction = __decorate([
       vuePropertyDecorator.Component
   ], ZdGridAction);
@@ -49009,13 +49025,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     return _c(
       "div",
       { staticClass: "zd-grid-action" },
-      _vm._l(_vm.column.childrenProps, function (child) {
+      _vm._l(_vm.actions, function (child) {
         return _c(
           child.component,
           _vm._b(
             { key: "" + child.name + _vm.rowKey, tag: "component" },
             "component",
-            _vm.getActionComponent(child, _vm.column, _vm.row),
+            _vm.actions,
             false
           )
         )
@@ -49029,7 +49045,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$X = function (inject) {
       if (!inject) return
-      inject("data-v-5420f962_0", { source: "\n.zd-grid-action {\n  height: 100%;\n  display: flex;\n}\n", map: undefined, media: undefined });
+      inject("data-v-739ae1c4_0", { source: "\n.zd-grid-action {\n  height: 100%;\n  display: flex;\n}\n", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -49683,11 +49699,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           ],
           cellStyle: _vm.cellStyle,
         },
-        on: {
-          click: function ($event) {
-            return _vm.cellClick(_vm.row, _vm.column, $event)
-          },
-        },
+        on: { click: _vm.click },
       },
       [
         _c(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.83.0",
+  "version": "1.83.1",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -51,5 +51,5 @@
     "@types/prismjs": "1.26.*",
     "@types/sortablejs": "1.15.*"
   },
-  "gitHead": "e3c34a4519294071d682b2503faa583b7e6d86fd"
+  "gitHead": "640bf855e7e75466406a3ad6f6797cf088af2622"
 }

package/types/components/zd-grid/subcomponents/cell/ZdGridAction.d.ts

@@ -1,12 +1,14 @@
 import Vue from 'vue';
-import { GridColumn } from '@zeedhi/common';
+import { ComponentRender, GridColumn } from '@zeedhi/common';
 import { IDictionary } from '@zeedhi/core';
 /**
  * Grid action component
  */
 export default class ZdGridAction extends Vue {
-    column?: GridColumn;
-    row?: IDictionary<any>;
-    getActionComponent?: Function;
-    rowKey?: string | number;
+    column: GridColumn;
+    row: IDictionary<any>;
+    getActionComponent: Function;
+    rowKey: string | number;
+    actions: ComponentRender[];
+    change(): void;
 }