lkt-item-crud 2.0.28 → 2.0.30

package/dist/components/ButtonNav.vue.d.ts

@@ -17,6 +17,7 @@ type __VLS_Props = {
     ableToCreate?: boolean;
     ableToUpdate?: boolean;
     ableToDrop?: boolean;
+    canCreate?: boolean;
     canUpdate?: boolean;
     canDrop?: boolean;
     canSwitchEditMode?: boolean;

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -90,7 +90,7 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     "onModified-data"?: ((...args: any[]) => any) | undefined;
 }>, {
     view: ItemCrudView;
-    form: import("lkt-vue-kernel").FormConfig;
+    form: import("lkt-vue-kernel").FormConfig | Function;
     header: import("lkt-vue-kernel").HeaderConfig;
     title: string;
     mode: ItemCrudMode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.28",
+  "version": "2.0.30",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/components/ButtonNav.vue

@@ -42,6 +42,7 @@
         ableToCreate?: boolean
         ableToUpdate?: boolean
         ableToDrop?: boolean
+        canCreate?: boolean
         canUpdate?: boolean
         canDrop?: boolean
         canSwitchEditMode?: boolean
@@ -129,8 +130,8 @@
                 && props.httpSuccessRead;
         }),
         showSaveButton = computed(() => {
-            if (props.mode === ItemCrudMode.Create && props.createButton === false) return false;
-            if (props.mode === ItemCrudMode.Update && props.updateButton === false) return false;
+            if (props.mode === ItemCrudMode.Create && (props.createButton === false || !props.canCreate)) return false;
+            if (props.mode === ItemCrudMode.Update && (props.updateButton === false || !props.canUpdate)) return false;
             if (isLoading.value) return false;
 
             return props.editing

package/src/lib-components/LktItemCrud.vue

@@ -75,6 +75,7 @@
         itemCreated = ref(false),
         buttonNav = ref(null),
         formRef = ref(null),
+        canCreate = computed(() => createMode.value && props.createButton !== false && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Create)),
         canUpdate = computed(() => !createMode.value && props.updateButton !== false && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Update)),
         canDrop = computed(() => !createMode.value && props.dropButton !== false && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.Drop)),
         canSwitchEditMode = computed(() => props.editModeButton !== false && !createMode.value && Array.isArray(permissions.value) && permissions.value.includes(TablePermission.SwitchEditMode));
@@ -252,7 +253,7 @@
     const formDifferencesChecker = ref(undefined);
     const resetFormDifferencesChecker = () => {
         if (computedHasForm.value) {
-            formDifferencesChecker.value = getFormDataState(item.value, itemModifications.value, props.form);
+            formDifferencesChecker.value = getFormDataState(item.value, itemModifications.value, computedForm.value);
         }
     }
 
@@ -478,7 +479,7 @@
             return true;
         }),
         ableToCreate = computed(() => {
-            if (props.mode !== ItemCrudMode.Create) return false;
+            if (props.mode !== ItemCrudMode.Create || !canCreate.value) return false;
             if (!props.enabledSaveWithoutChanges && !dataChanged.value) return false;
             if (computedHasForm.value && !validForm.value && !changedForm.value) return false;
 
@@ -520,7 +521,7 @@
             return {};
         }),
         computedHasForm = computed(() => {
-            return typeof props.form === 'object' && Object.keys(props.form).length > 0;
+            return (typeof computedForm.value === 'object' && Object.keys(computedForm.value).length > 0);
         }),
         computedModificationViews = computed(() => {
             if (Object.keys(itemModifications.value).length === 0) return [];
@@ -533,15 +534,21 @@
     })
 
     const computedHasButtons = computed(() => {
-        return createMode.value || canUpdate.value || canDrop.value;
+        return canCreate.value || canUpdate.value || canDrop.value;
     })
 
     const computedFormSlots = computed(() => {
-        if (computedHasForm.value) {
-            return getFormSlotKeys(props.form);
-        }
+        if (computedHasForm.value) return getFormSlotKeys(computedForm.value);
         return [];
     })
+
+    const computedForm = computed(() => {
+        if (typeof props.form === 'function') return props.form({
+            mode: props.mode,
+            view: pickedModificationView.value,
+        });
+        return props.form;
+    })
 </script>
 
 <template>
@@ -570,6 +577,7 @@
                 :group-button="safeGroupButton"
                 :data-changed="dataChanged"
                 :http-success-read="httpSuccessRead"
+                :can-create="canCreate"
                 :can-update="canUpdate"
                 :can-drop="canDrop"
                 :can-switch-edit-mode="canSwitchEditMode"
@@ -635,6 +643,7 @@
             :group-button="safeGroupButton"
             :data-changed="dataChanged"
             :http-success-read="httpSuccessRead"
+            :can-create="canCreate"
             :can-update="canUpdate"
             :can-drop="canDrop"
             :can-switch-edit-mode="canSwitchEditMode"
@@ -688,7 +697,7 @@
                         v-model:changed="changedForm"
                         v-bind="<FormUiConfig>{
                                 ...formUiConfig,
-                                form,
+                                form: computedForm,
                                 differencesTableConfig,
                                 visibleView: pickedModificationView,
                                 modificationDataState: formDifferencesChecker,
@@ -738,6 +747,7 @@
             :group-button="safeGroupButton"
             :data-changed="dataChanged"
             :http-success-read="httpSuccessRead"
+            :can-create="canCreate"
             :can-update="canUpdate"
             :can-drop="canDrop"
             :can-switch-edit-mode="canSwitchEditMode"