feat: refs #8647 init

@@ -62,3 +62,3 @@
     },
     saveFn: {
-        type: Function,
+        type: [String, Function],

@@ -26,7 +26,7 @@ function columnName(col) {
 }
 </script>
 <template>
-    <VnFilterPanel v-bind="$attrs" :search-button="true" :disable-submit-event="true">

@@ -19,3 +21,4 @@
                 mocks: {
                     validate: vi.fn(),
                 },
+                directives: {

@@ -1,5 +1,5 @@
 <script setup>
-const model = defineModel({ type: [String, Number], required: true });
+const model = defineModel({ type: [String, Number], default: '' });

@@ -256,3 +251,2 @@
 
-    if (!$props.defaultFilter) return update();
-    if (
+    if ($props.filterFn) update($props.filterFn(val));

@@ -0,0 +1,30 @@
+import { useI18n } from 'vue-i18n';

@@ -26,3 +29,1 @@
-        );
-        const result = await Promise.allSettled(rowsToUpdate);
-        notifyResults(result, 'saleFk');
+        // const rowsToUpdate = $props.selectedRows.map(({ saleFk, quantity }) =>

@@ -0,0 +1,281 @@
+<script setup>

@@ -20,1 +21,4 @@
+
         reset();
+
+        // setActivePinia(createPinia());

@@ -191,3 +191,3 @@
     <QList padding class="column-max-width">
         <template v-if="$props.source === 'main'">
-            <template v-if="$route?.matched[1]?.name === 'Dashboard'">
+            <template v-if="route?.matched[1]?.name === 'Dashboard'">

@@ -272,3 +272,3 @@
 
             <template v-for="item in items" :key="item.name">
-                <template v-if="item.name === $route?.matched[1]?.name">
+                <template v-if="item.name === route?.matched[1]?.name">

@@ -268,0 +252,4 @@
+    if ($props.filterFn) update($props.filterFn(val));
+    else if (!val && lastVal.value === val) update();
+    else {
+        const makeRequest =

@@ -13,3 +13,3 @@
     },
     filter: {
-        type: Object,
+        type: [String, Object],

@@ -6,3 +6,3 @@
     id: {
         type: Number,
-        required: true,
+        default: null,

@@ -6,3 +6,3 @@
     id: {
         type: Number,
-        required: true,
+        default: null,

@@ -66,3 +66,3 @@
     },
     beforeSaveFn: {
-        type: Function,
+        type: [String, Function],

@@ -30,0 +30,4 @@
+        v-bind="$attrs"
+        :search-button="true"
+        :disable-submit-event="true"
+        :data-key="$attrs['data-key']"

@@ -8,25 +8,36 @@ import { isDialogOpened } from 'src/filters';
 const arrayDataStore = useArrayDataStore();
 
 export function useArrayData(key, userOptions) {
-    key ??= useRoute().meta.moduleName;

@@ -30,3 +24,3 @@
                 model: 'crudModel',
                 url: 'crudModelUrl',
-                saveFn: '',
+                saveFn: vi.fn(),

@@ -145,3 +147,3 @@
 
 async function fetch(params) {
-    useArrayData(props.dataKey, params);
+    if (params) applyParams(params);

@@ -1,5 +1,5 @@
 import '../commands.js';
-describe('EntryDms', () => {
+describe.skip('EntryDms', () => {