lkt-table 1.3.1 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-table",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "",
   "keywords": [
     "lkt",

package/src/components/LktTableCell.vue

@@ -40,6 +40,21 @@ const slotData = computed(() => {
     return {...props.column.slotData, item: item.value};
 })
 
+const computedModalData = computed(() => {
+    if (props.column.field?.modalData && typeof props.column.field?.modalData === 'object') {
+        let r = {};
+        for (let k in props.column.field.modalData) {
+            if (typeof props.column.field?.modalData[k] === 'string' && props.column.field.modalData[k].startsWith('prop:')) {
+                let prop = props.column.field.modalData[k].substring(5);
+                r[k] = item.value[prop];
+            } else {
+                r[k] = props.column.field.modalData[k];
+            }
+        }
+    }
+    return props.column.field?.modalData;
+});
+
 const computedModalKey = computed(() => {
     if (props.column.field?.modalKey.startsWith('prop:')) {
         let prop = props.column.field?.modalKey.substring(5);
@@ -48,6 +63,22 @@ const computedModalKey = computed(() => {
     return props.column.field?.modalKey;
 });
 
+const computedIcon = computed(() => {
+    if (typeof props.column.field?.icon === 'string' && props.column.field?.icon.startsWith('prop:')) {
+        let prop = props.column.field?.icon.substring(5);
+        return item.value[prop];
+    }
+    return props.column.field?.icon;
+});
+
+const computedDownload = computed(() => {
+    if (typeof props.column.field?.download === 'string' && props.column.field?.download.startsWith('prop:')) {
+        let prop = props.column.field?.download.substring(5);
+        return item.value[prop];
+    }
+    return props.column.field?.download;
+});
+
 const computedOptions = computed(() => {
     if (typeof props.column.field?.options === 'string' && props.column.field?.options.startsWith('prop:')) {
         let prop = props.column.field?.options.substring(5);
@@ -74,12 +105,15 @@ const computedColumnType = computed(() => {
     <template v-else-if="column.type !== ''">
         <lkt-field
             v-bind="column.field"
+            :icon="computedIcon"
+            :download="computedDownload"
             :type="computedColumnType"
             :read-mode="!column.editable || !editModeEnabled"
             :ref="(el:any) => inputElement = el"
             :slot-data="slotData"
             :label="column.type === 'switch' || column.type === 'check' ? column.label : ''"
             :modal-key="computedModalKey"
+            :modal-data="computedModalData"
             :options="computedOptions"
             v-model="value"/>
     </template>