@hostlink/nuxt-light 0.0.16 → 0.0.17

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.16"
+  "version": "0.0.17"
 }

package/dist/runtime/components/l-app-main.vue

@@ -1,7 +1,9 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
 import { useLight, q, getCurrentUser } from '../light';
-import { ref, computed, reactive } from 'vue';
+import { ref, computed, reactive, provide } from 'vue';
+
+
 
 
 const light = useLight();
@@ -12,6 +14,7 @@ const props = defineProps({
 });
 
 let app = await q("app", ["menus"]);
+const menus = ref(app.menus)
 
 const i18n = useI18n();
 i18n.locale = 'zh-hk';
@@ -98,6 +101,14 @@ const errors = computed(() => {
     return light.getErrors();
 })
 
+const reloadMenu = async () => {
+    //menus.value = app.menus;
+    let app = await q("app", ["menus"]);
+    menus.value = app.menus
+}
+
+provide('reloadMenu', reloadMenu)
+
 </script>
 
 
@@ -175,7 +186,7 @@ const errors = computed(() => {
             @mouseover="isMouseOnDrawer = true">
             <!-- drawer content -->
             <q-scroll-area class="fit">
-                <l-menu v-for="menu in app.menus" :value="menu" v-if="isAdmin" :dense="style.dense" />
+                <l-menu v-for="menu in menus" :value="menu" v-if="isAdmin" :dense="style.dense" />
             </q-scroll-area>
         </q-drawer>
 
@@ -198,7 +209,7 @@ const errors = computed(() => {
                         error }}
                 </q-card-section>
             </q-card>
-            <slot />
+            <slot :reload="reloadMenu" />
         </q-page-container>
 
 

package/dist/runtime/pages/System/menu/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { reactive, ref, computed } from 'vue';
+import { reactive, ref, computed, inject } from 'vue';
 import { m, q } from "../../../light";
 import { useQuasar } from 'quasar';
 
@@ -82,11 +82,12 @@ const onRemove = (node) => {
     }
 }
 
-const splitterModel = ref(50)
+const splitterModel = ref(38)
 
 const selectedNode = computed(() => {
     return tree1.value.getNodeByKey(selected.value);
 });
+const reloadMenu = inject('reloadMenu')
 
 const onSave = () => {
 
@@ -107,8 +108,10 @@ const onSave = () => {
                 position: 'top',
                 timeout: 1000,
             });
-        }
 
+            //
+        }
+        reloadMenu()
     });
 }
 

package/dist/runtime/pages/index.vue

@@ -1,8 +1,20 @@
+<script setup>
+import { inject } from "vue";
+
+
+const reloadMenu = inject('reloadMenu')
+
+const onClick = (parent) => {
+    reloadMenu()
+
+}
+</script>
 <template>
     <q-page padding>
         <l-card>
             <q-card-section>
-                Hello
+                Helloas
+                <q-btn label="click" @click="onClick($parent)"></q-btn>
             </q-card-section>
         </l-card>
     </q-page>

package/package.json

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