@luizleon/sf.prefeiturasp.vuecomponents 0.0.49 → 0.0.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luizleon/sf.prefeiturasp.vuecomponents",
-  "version": "0.0.49",
+  "version": "0.0.51",
   "type": "module",
   "main": "dist/sf.prefeiturasp.vuecomponents.umd.js",
   "module": "dist/sf.prefeiturasp.vuecomponents.es.js",

package/src/components/panelmenu/PanelMenu.vue

@@ -2,7 +2,7 @@
 import { useRoute } from "vue-router";
 import PanelMenu, { PanelMenuExpandedKeys } from "primevue/panelmenu";
 import Icon from "./../icon/Icon.vue";
-import { ref, watch } from "vue";
+import { Ref, computed, ref, watch } from "vue";
 
 export interface SfPanelMenuItem {
   label: string;
@@ -11,6 +11,9 @@ export interface SfPanelMenuItem {
   icon?: string;
   items?: SfPanelMenuItem[];
   key?: string;
+}
+
+interface Menu extends SfPanelMenuItem {
   parentKey?: string;
 }
 
@@ -20,10 +23,14 @@ const props = defineProps<{
 
 const route = useRoute();
 
-AdicionarSourceKeys(props.items);
+const menu: Ref<Menu[]> = computed(() => {
+  return props.items;
+});
+
+AdicionarSourceKeys(menu.value);
 
 function AdicionarSourceKeys(
-  items: SfPanelMenuItem[],
+  items: Menu[],
   key: string | undefined = undefined
 ) {
   items.forEach((item) => {
@@ -39,7 +46,7 @@ function AdicionarSourceKeys(
 const expandedKeys = ref<PanelMenuExpandedKeys>({});
 
 function MudancaDeRota(
-  items: SfPanelMenuItem[],
+  items: Menu[],
   route: string,
   key: string | undefined = undefined
 ) {
@@ -57,14 +64,14 @@ watch(
   () => route.name,
   (v) => {
     if (!v) return;
-    MudancaDeRota(props.items, v.toString());
+    MudancaDeRota(menu.value, v.toString());
   }
 );
 </script>
 
 <template>
   <PanelMenu
-    :model="props.items"
+    :model="menu"
     v-model:expandedKeys="expandedKeys"
     :multiple="true"
     :class="'sf-p-2'"

package/src/index.ts

@@ -8,6 +8,7 @@ import SfDrawer from "./components/drawer/Drawer.vue";
 import SfMessage from "./components/message/Message.vue";
 import SfTooltip from "./components/tooltip/Tooltip.vue";
 import SfPanelMenu from "./components/panelmenu/PanelMenu.vue";
+import SfPanelMenuItem from "./components/panelmenu/PanelMenu.vue";
 import { ThemeToggleBase } from "./components/internal/ThemeToggle";
 
 import { UseNavMenuService } from "./services/navMenuService";
@@ -39,6 +40,7 @@ export {
   UseAxiosClient,
   AppResult,
   AxiosClient,
+  SfPanelMenuItem,
 };
 
 /**