lkt-item-crud 2.0.5 → 2.0.6

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

@@ -91,10 +91,11 @@ declare const __VLS_self: import("vue").DefineComponent<ItemCrudConfig, {
     mode: ItemCrudMode;
     modelValue: LktObject;
     editing: boolean;
-    editModeButton: import("lkt-vue-kernel").ButtonConfig;
-    dropButton: import("lkt-vue-kernel").ButtonConfig;
-    createButton: import("lkt-vue-kernel").ButtonConfig;
-    updateButton: import("lkt-vue-kernel").ButtonConfig;
+    perms: import("lkt-vue-kernel").ValidTablePermission[];
+    editModeButton: import("lkt-vue-kernel").ButtonConfig | false;
+    dropButton: import("lkt-vue-kernel").ButtonConfig | false;
+    createButton: import("lkt-vue-kernel").ButtonConfig | false;
+    updateButton: import("lkt-vue-kernel").ButtonConfig | false;
     buttonNavPosition: ItemCrudButtonNavPosition;
     buttonNavVisibility: import("lkt-vue-kernel").ItemCrudButtonNavVisibility;
     modalConfig: import("lkt-vue-kernel").ModalConfig;
@@ -138,10 +139,11 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     mode: ItemCrudMode;
     modelValue: LktObject;
     editing: boolean;
-    editModeButton: import("lkt-vue-kernel").ButtonConfig;
-    dropButton: import("lkt-vue-kernel").ButtonConfig;
-    createButton: import("lkt-vue-kernel").ButtonConfig;
-    updateButton: import("lkt-vue-kernel").ButtonConfig;
+    perms: import("lkt-vue-kernel").ValidTablePermission[];
+    editModeButton: import("lkt-vue-kernel").ButtonConfig | false;
+    dropButton: import("lkt-vue-kernel").ButtonConfig | false;
+    createButton: import("lkt-vue-kernel").ButtonConfig | false;
+    updateButton: import("lkt-vue-kernel").ButtonConfig | false;
     buttonNavPosition: ItemCrudButtonNavPosition;
     buttonNavVisibility: import("lkt-vue-kernel").ItemCrudButtonNavVisibility;
     modalConfig: import("lkt-vue-kernel").ModalConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",
@@ -36,19 +36,17 @@
     "vue": "^3.3.0",
     "vue-tsc": "^2.2.0"
   },
-  "dependencies": {
-  },
   "peerDependencies": {
-    "lkt-button": "^2.0.4",
-    "lkt-data-state": "^1.0.9",
-    "lkt-http-client": "^1.0.12",
-    "lkt-http-info": "^1.0.2",
-    "lkt-i18n": "^1.0.4",
-    "lkt-loader": "^1.0.2",
-    "lkt-modal": "^2.0.2",
-    "lkt-string-tools": "^1.0.2",
-    "lkt-toast": "^1.0.1",
-    "lkt-vue-kernel": "^1.0.27",
+    "lkt-button": "^2.0.12",
+    "lkt-data-state": "^1.0.11",
+    "lkt-http-client": "^1.0.34",
+    "lkt-http-info": "^1.1.1",
+    "lkt-i18n": "^1.1.0",
+    "lkt-loader": "^1.2.0",
+    "lkt-modal": "^2.0.5",
+    "lkt-string-tools": "^1.1.0",
+    "lkt-toast": "^1.1.1",
+    "lkt-vue-kernel": "^1.0.48",
     "vue": "^3.3.0"
   }
 }

package/src/components/ButtonNav.vue

@@ -27,10 +27,10 @@
         view: ItemCrudView
         mode: ItemCrudMode
 
-        createButton?: ButtonConfig
-        updateButton?: ButtonConfig
-        dropButton?: ButtonConfig
-        editModeButton?: ButtonConfig
+        createButton?: ButtonConfig|false
+        updateButton?: ButtonConfig|false
+        dropButton?: ButtonConfig|false
+        editModeButton?: ButtonConfig|false
 
         dataChanged: boolean
 
@@ -141,7 +141,7 @@
             return true;
         }),
         showDropButton = computed(() => {
-            if (!props.canDrop) return false;
+            if (!props.canDrop || props.dropButton === false) return false;
             if (!props.canUpdate && props.canDrop) return true;
 
             return !isLoading.value
@@ -149,10 +149,14 @@
                 && 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.dataChanged) return true;
             if (isLoading.value) return false;
 
-            if (props.mode === ItemCrudMode.Create) return true;
+            if (props.mode === ItemCrudMode.Create) {
+                return true;
+            }
 
             if (props.buttonNavVisibility === ItemCrudButtonNavVisibility.Never) {
                 return false;
@@ -162,6 +166,7 @@
                 && props.httpSuccessRead;
         }),
         showSwitchButton = computed(() => {
+            if (props.editModeButton === false) return false;
             if (!props.canSwitchEditMode) return false;
             if (!props.canUpdate && !props.canDrop) return false;
             if (!props.canUpdate && props.canDrop) return false;

package/src/lib-components/LktItemCrud.vue

@@ -22,6 +22,9 @@
     import ButtonNav from '../components/ButtonNav.vue';
     import { openToast } from 'lkt-toast';
 
+    // defineOptions({
+    //     inheritAttrs: false
+    // })
 
     const props = withDefaults(defineProps<ItemCrudConfig>(), getDefaultValues(ItemCrud));
 
@@ -40,11 +43,9 @@
         'modified-data',
     ]);
 
-    let basePerms: string[] = [];
-
     const isLoading = ref(true),
         item = ref(props.modelValue),
-        perms = ref(basePerms),
+        perms = ref(props.perms),
         editMode = ref(props.editing),
         httpSuccessRead = ref(false),
         showStoreMessage = ref(false),
@@ -145,6 +146,14 @@
             dataState.value.increment(item.value).turnStoredIntoOriginal();
             dataChanged.value = dataState.value.changed();
         }
+        // Offline mode
+        else {
+            httpSuccessRead.value = true;
+            editMode.value = true;
+            isLoading.value = false;
+            dataState.value.increment(item.value).turnStoredIntoOriginal();
+            dataChanged.value = dataState.value.changed();
+        }
     });
 
     const ensureValidResourceSave = (r: HTTPResponse, resource?: string) => {
@@ -310,8 +319,8 @@
                     },
                     ...props.modalConfig,
                     ...{
-                        'before-close': crudBeforeClose,
-                        'close-confirm': closeConfirm.value,
+                        beforeClose: crudBeforeClose,
+                        closeConfirm: closeConfirm.value,
                     },
                 };
             }