tanxin-ui 0.5.0 → 0.5.2

package/dist/tanxin-ui.es.js

@@ -7871,7 +7871,7 @@ const menuItemProps$1 = {
 function getType(type4) {
   if (["horizontal", "x"].includes(type4))
     return "x";
-  else if (["vertical", "xy"].includes(type4))
+  else if (["vertical", "y"].includes(type4))
     return "y";
   else if (type4 == "seperate")
     return type4;
@@ -21908,7 +21908,7 @@ function useVetical(props, openPath, selectedPath, prefixCls, byOptions, menuLis
     const style = {};
     if (props.collapsed)
       style[`width`] = getLength(props.collapsedWidth);
-    else if (props.width)
+    else if (props.mainWidth)
       style[`width`] = getLength(props.mainWidth);
     return style;
   });
@@ -22028,17 +22028,17 @@ function useVetical(props, openPath, selectedPath, prefixCls, byOptions, menuLis
     }, [getItemRow(item, level, rightMenu), getChildren(item, level + 1, rightMenu)]);
   };
   const menuElement = () => {
-    var _a;
-    return createVNode("ul", {
+    var _a, _b;
+    return createVNode(Fragment, null, [(_a = slots.header) == null ? void 0 : _a.call(slots), createVNode("ul", {
       "class": [...classes.value, `is-vertical`],
       "style": styles.value
     }, [byOptions ? menuList.value.map((item) => {
       return renderItem(item, 1, false);
-    }) : (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    }) : (_b = slots.default) == null ? void 0 : _b.call(slots)])]);
   };
   const seperateElement = () => {
-    var _a, _b;
-    return createVNode("div", {
+    var _a, _b, _c;
+    return createVNode(Fragment, null, [(_a = slots.header) == null ? void 0 : _a.call(slots), createVNode("div", {
       "class": `${prefixCls.value}-seperate`,
       "style": styles.value
     }, [createVNode("ul", {
@@ -22046,11 +22046,11 @@ function useVetical(props, openPath, selectedPath, prefixCls, byOptions, menuLis
       "style": mainStyles.value
     }, [byOptions ? menuList.value.map((item) => {
       return renderItem(item, 1, false);
-    }) : (_a = slots.default) == null ? void 0 : _a.call(slots)]), createVNode("ul", {
+    }) : (_b = slots.default) == null ? void 0 : _b.call(slots)]), createVNode("ul", {
       "class": [...subMenuClasses.value, `is-vertical`, `sub-menu`]
     }, [byOptions ? rightMenuList.value.map((item) => {
       return renderItem(item, 1, true);
-    }) : (_b = slots.default) == null ? void 0 : _b.call(slots)])]);
+    }) : (_c = slots.default) == null ? void 0 : _c.call(slots)])])]);
   };
   return props.type == "seperate" ? seperateElement() : menuElement();
 }
@@ -22406,6 +22406,7 @@ var Menu = defineComponent({
     watch(() => props.selectedPath, () => {
       selectedPath.value = props.selectedPath;
       openPath.value = props.selectedPath;
+      updateRightMenu();
     }, {
       deep: true
     });
@@ -22457,9 +22458,7 @@ var Menu = defineComponent({
         calculateParentNoIcon(menuList.value);
       }
     };
-    onMounted(() => {
-      initData();
-      setSelectedPath(props.selectedPath);
+    const updateRightMenu = () => {
       if (props.type == "seperate") {
         let firstSelectedItem = null;
         if (selectedPath.value.length > 0) {
@@ -22469,6 +22468,10 @@ var Menu = defineComponent({
         if (firstSelectedItem)
           rightMenuList.value = firstSelectedItem.children;
       }
+    };
+    onMounted(() => {
+      initData();
+      setSelectedPath(props.selectedPath);
     });
     const menuType = getType(props.type);
     const render = () => {