@hostlink/nuxt-light 1.10.20 → 1.10.22

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.10.20"
+  "version": "1.10.22"
 }

package/dist/runtime/components/l-menu.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { useRoute } from 'vue-router'
 import { ref, computed } from 'vue'
 import { useLight } from '#imports'
 const props = defineProps(["value", "dense"])
@@ -24,6 +25,28 @@ const color2 = computed(() => {
 
 //generate a random group name
 const group = Math.random().toString(36).substring(7);
+
+const route = useRoute();
+const path = route.path
+const hasLink = (item) => {
+    if (item.children) {
+        for (let i = 0; i < item.children.length; i++) {
+            if (hasLink(item.children[i])) {
+                return true;
+            }
+        }
+    }
+    if (item.to == path) {
+        return true;
+    }
+    return false;
+}
+
+const hasChildLink = () => {
+    return hasLink(props.value)
+}
+
+
 </script>
 
 <style scoped>
@@ -33,7 +56,7 @@ const group = Math.random().toString(36).substring(7);
     <q-list class="menu-list" :dense="dense">
         <template v-for="menu in value">
 
-            <q-expansion-item  :label="$t(menu.label)" :icon="menu.icon" :dense="dense" v-if="isShowExpansionItem(menu)"
+            <q-expansion-item  :default-opened="hasLink(menu)"  :label="$t(menu.label)" :icon="menu.icon" :dense="dense" v-if="isShowExpansionItem(menu)"
                 :group="group">
                 <l-menu class="q-pl-md" :value="menu.children" :dense="dense"></l-menu>
             </q-expansion-item>

package/dist/runtime/components/l-table.vue

@@ -9,6 +9,7 @@ import { toQuery } from '@hostlink/light';
 const minimized = defineModel<boolean>("minimized", { default: false })
 const maximized = defineModel<boolean>("maximized", { default: false })
 
+
 // extends QTableColumn
 export interface LTableColumn extends QTableColumn {
     searchable?: boolean,
@@ -520,6 +521,13 @@ const computedColumns = computed(() => {
 })
 
 
+function requestServerInteraction() {
+    table.value && table.value.requestServerInteraction();
+}
+
+defineExpose({
+    requestServerInteraction
+})
 
 </script>
 
@@ -541,8 +549,8 @@ const computedColumns = computed(() => {
             v-model:pagination="pagination" :filter="filter" v-model:selected="localSelected">
 
 
-            
-            
+
+
 
             <template #header="props">
                 <q-tr :props="props">

package/dist/runtime/pages/User/index.vue

@@ -17,13 +17,14 @@ const columns = model("User").columns({
 })
 
 const status = ref("0");
+
 </script>
 
 <template>
     <l-page>
         <l-tabs v-model="status">
             <l-tab label="Active" name="0">
-                <l-table row-key="user_id" @request="onRequest" :columns="columns"
+                <l-table ref="table" row-key="user_id" @request="onRequest" :columns="columns"
                     :actions="['view', 'edit', 'delete']"></l-table>
             </l-tab>
             <l-tab label="Inactive" name="1">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.10.20",
+  "version": "1.10.22",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",