@drax/crud-vue 3.11.0 → 3.14.0

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.11.0",
+  "version": "3.14.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.14.0",
+    "@drax/media-vue": "^3.14.0"
   },
   "peerDependencies": {
     "pinia": "^3.0.4",
@@ -50,5 +50,5 @@
     "vue-tsc": "^3.2.4",
     "vuetify": "^3.11.8"
   },
-  "gitHead": "9f9de6fe51c4f11d885385bd31a12edec799823e"
+  "gitHead": "cec0f824be0bfff0965d7bc7b95241406c53c04d"
 }

package/src/components/Crud.vue

@@ -16,12 +16,13 @@ const {entity} = defineProps({
 const {
   onView, onCreate, onEdit, onDelete, resetCrudStore,
   operation, dialog, notify, message, doExport, doImport,
-  prepareFilters
+  prepareFilters, prepareSort, form
 } = useCrud(entity);
 
 onBeforeMount(() => {
   resetCrudStore()
   prepareFilters()
+  prepareSort()
 })
 
 const emit = defineEmits(['created', 'updated', 'deleted', 'viewed', 'canceled'])
@@ -130,7 +131,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,
@@ -515,6 +532,12 @@ export function useCrud(entity: IEntityCrud) {
         store.setFilters(staticFilters)
     }
 
+    function prepareSort(){
+        if(entity.sortBy){
+            store.setSortBy([{key: entity.sortBy, order: entity.sortOrder}])
+        }
+    }
+
     async function clearFilters() {
         prepareFilters()
         store.setSearch("")
@@ -533,9 +556,11 @@ 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,
+        prepareFilters, filters, clearFilters, applyFilters, prepareSort,
         exportFiles, importFiles, exportLoading, importLoading, exportListVisible, importListVisible, exportError, importError,
         cloneItem, cast, prepareEdit,
         isDynamicFiltersEnable

package/src/cruds/EntityCrud.ts

@@ -85,6 +85,14 @@ class EntityCrud implements IEntityCrud {
     ]
   }
 
+  get sortBy(): string | undefined {
+    return undefined
+  }
+
+  get sortOrder(): 'desc' | 'asc' {
+    return 'asc'
+  }
+
   objectFields(field: IEntityCrudField) {
     let value: any = {}
     if (field.objectFields) {