@drax/crud-vue 3.11.0 → 3.13.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.11.0",
+  "version": "3.13.0",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -26,8 +26,8 @@
   "dependencies": {
     "@drax/common-front": "^3.11.0",
     "@drax/crud-front": "^3.11.0",
-    "@drax/crud-share": "^3.11.0",
-    "@drax/media-vue": "^3.11.0"
+    "@drax/crud-share": "^3.13.0",
+    "@drax/media-vue": "^3.13.0"
   },
   "peerDependencies": {
     "pinia": "^3.0.4",
@@ -50,5 +50,5 @@
     "vue-tsc": "^3.2.4",
     "vuetify": "^3.11.8"
   },
-  "gitHead": "9f9de6fe51c4f11d885385bd31a12edec799823e"
+  "gitHead": "5f68eefbcb01c876471e387a815fee1040489c2c"
 }

package/src/components/Crud.vue

@@ -16,7 +16,7 @@ const {entity} = defineProps({
 const {
   onView, onCreate, onEdit, onDelete, resetCrudStore,
   operation, dialog, notify, message, doExport, doImport,
-  prepareFilters
+  prepareFilters, form
 } = useCrud(entity);
 
 onBeforeMount(() => {
@@ -130,7 +130,8 @@ const {xs} = useDisplay()
 
       </slot>
 
-      <slot name="form">
+      <slot name="form" v-bind="{form, operation}">
+
         <crud-form
             :entity="entity"
             @created="item => emit('created', item)"

package/src/composables/UseCrud.ts

@@ -3,13 +3,14 @@ import type {
     IDraxPaginateResult,
     IEntityCrud,
     IEntityCrudFilter,
+    IEntityCrudOperation
 } from "@drax/crud-share";
 import {useCrudStore} from "../stores/UseCrudStore";
 import {computed, nextTick, toRaw} from "vue";
 import getItemId from "../helpers/getItemId";
 import {useI18n} from "vue-i18n";
 import {useRouter} from "vue-router";
-import type {IEntityCrudFilterDynamic} from "@drax/crud-share/types/interfaces/IEntityCrudFilterDynamic";
+
 
 export function useCrud(entity: IEntityCrud) {
 
@@ -55,6 +56,14 @@ export function useCrud(entity: IEntityCrud) {
         }
     })
 
+    const getOperation = computed(() => {
+        return store.operation
+    })
+
+    const setOperation = (operation: IEntityCrudOperation) => {
+        store.setOperation(operation)
+    }
+
     const form = computed({
         get() {
             return store.form
@@ -63,6 +72,14 @@ export function useCrud(entity: IEntityCrud) {
         }
     })
 
+    const getForm = computed(() => {
+        return store.form
+    })
+
+    const setForm = (form: any) => {
+        store.setForm(form)
+    }
+
     const formValid = computed({
         get() {
             return store.formValid
@@ -216,7 +233,7 @@ export function useCrud(entity: IEntityCrud) {
     })
 
     const prepareDynamicFilters = computed(() => {
-        return store.dynamicFilters.map((filter: IEntityCrudFilterDynamic) => {
+        return store.dynamicFilters.map((filter: IEntityCrudFilter) => {
             return {
                 field: filter.name,
                 operator: filter.operator,
@@ -533,7 +550,9 @@ export function useCrud(entity: IEntityCrud) {
     return {
         doPaginate, doExport, doImport, doUpdate, doCreate, doDelete,
         onView, onCreate, onEdit, onDelete, onCancel, onSubmit, resetCrudStore,
-        operation, dialog, form, notify, error, paginationError, message, formValid,
+        dialog,  notify, error, paginationError, message, formValid,
+        form, getForm, setForm,
+        operation, getOperation, setOperation,
         loading, itemsPerPage, page, sortBy, search, totalItems, items,
         prepareFilters, filters, clearFilters, applyFilters,
         exportFiles, importFiles, exportLoading, importLoading, exportListVisible, importListVisible, exportError, importError,