@hostlink/nuxt-light 0.0.15 → 0.0.16

package/dist/module.json

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

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

@@ -37,8 +37,6 @@ if (user.value && user.value.roles.indexOf('Administrators') != -1) {
     showViewAs = true;
 }
 
-//const menus = (await queryContent("/menus").findOne()).menus;
-const menus = [];
 
 const menuOverlayHeader = ref(false)
 const layoutView = computed(() => {
@@ -178,7 +176,6 @@ const errors = computed(() => {
             <!-- 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" />
             </q-scroll-area>
         </q-drawer>
 

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

@@ -1,6 +1,6 @@
 <script setup>
 
-defineProps(["value","dense"])
+defineProps(["value", "dense"])
 
 </script>
 
@@ -19,9 +19,9 @@ defineProps(["value","dense"])
 </style>
 
 <template>
-    <q-expansion-item v-if="value.menus" :label="value.label" :icon="value.icon" :dense="dense">
+    <q-expansion-item v-if="value.children?.length > 0" :label="value.label" :icon="value.icon" :dense="dense">
         <q-list class="q-pl-md">
-            <l-menu :value="menu" v-for="menu in value.menus" :dense="dense"></l-menu>
+            <l-menu :value="menu" v-for="menu in value.children" :dense="dense"></l-menu>
         </q-list>
     </q-expansion-item>
     <q-list v-else class="menu-list" :dense="dense">

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

@@ -151,9 +151,31 @@ const onMoveToRoot = () => {
     menus.value.push(newNode);
 
     showMove.value = false;
+}
 
+const getParentNode = (node) => {
+    if (!node.parent) return menus.value;
+    return tree1.value.getNodeByKey(node.parent);
+}
 
+const onMoveUp = (node) => {
+    const parent = getParentNode(node);
+    const index = parent.children.findIndex((item) => item.uuid === node.uuid);
+    if (index > 0) {
+        const temp = parent.children[index - 1];
+        parent.children[index - 1] = node;
+        parent.children[index] = temp;
+    }
+}
 
+const onMoveDown = (node) => {
+    const parent = getParentNode(node);
+    const index = parent.children.findIndex((item) => item.uuid === node.uuid);
+    if (index < parent.children.length - 1) {
+        const temp = parent.children[index + 1];
+        parent.children[index + 1] = node;
+        parent.children[index] = temp;
+    }
 }
 </script>
 
@@ -199,6 +221,11 @@ const onMoveToRoot = () => {
                         <q-btn outline rounded color="primary" @click="onMove(selectedNode)" label="Move"
                             icon="sym_o_move" />
 
+                        <q-btn outline rounded color="primary" @click="onMoveUp(selectedNode)" label="Up"
+                            icon="sym_o_arrow_upward" />
+
+                        <q-btn outline rounded color="primary" @click="onMoveDown(selectedNode)" label="Up"
+                            icon="sym_o_arrow_downward" />
                     </q-card-section>
 
 

package/package.json

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