tanxin-ui 0.4.9 → 0.5.1

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;
   });
@@ -21937,6 +21937,9 @@ function useVetical(props, openPath, selectedPath, prefixCls, byOptions, menuLis
   const indent = getLengthNumber(props.indent);
   const getItemContent = (item, level = 0, rightMenu) => {
     const levelNum = realLevel(item, level);
+    let label = props.firstShort ? item.labelShort : item.label;
+    if (!label)
+      label = item.label;
     return createVNode(Fragment, null, [createVNode("span", {
       "style": getSpanStyles(item.noIcon, levelNum, indent)
     }, [item.icon ? createVNode(resolveComponent("t-icon"), {
@@ -21945,7 +21948,7 @@ function useVetical(props, openPath, selectedPath, prefixCls, byOptions, menuLis
       default: () => [item.icon, createTextVNode(" ")]
     }) : null]), createVNode("div", {
       "class": `${prefixCls.value}-item-title-words`
-    }, [item.label]), item.children && item.children.length > 0 && !item.isGroup && props.collapsable && !(props.type == "seperate" && !rightMenu) ? createVNode(resolveComponent("t-icon"), {
+    }, [label]), item.children && item.children.length > 0 && !item.isGroup && props.collapsable && !(props.type == "seperate" && !rightMenu) ? createVNode(resolveComponent("t-icon"), {
       "class": `${prefixCls.value}-item-title-arrow`
     }, {
       default: () => [createVNode(IosArrowDown, null, null)]
@@ -22212,7 +22215,7 @@ function usePop(props, selectedPath, prefixCls, byOptions, menuList, popperFuns)
       default: () => [item.icon]
     }) : null]), createVNode("div", {
       "class": `${prefixCls.value}-item-title-words`
-    }, [props.firstShort ? item.labelShort : item.label]), item.children && item.children.length > 0 && props.collapsable ? createVNode(resolveComponent("t-icon"), {
+    }, [props.firstShort ? item.label : item.label]), item.children && item.children.length > 0 && props.collapsable ? createVNode(resolveComponent("t-icon"), {
       "class": `${prefixCls.value}-item-title-arrow-pop`
     }, {
       default: () => [createVNode(ChevronForward, null, null)]
@@ -22403,6 +22406,7 @@ var Menu = defineComponent({
     watch(() => props.selectedPath, () => {
       selectedPath.value = props.selectedPath;
       openPath.value = props.selectedPath;
+      updateRightMenu();
     }, {
       deep: true
     });
@@ -22454,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) {
@@ -22466,6 +22468,10 @@ var Menu = defineComponent({
         if (firstSelectedItem)
           rightMenuList.value = firstSelectedItem.children;
       }
+    };
+    onMounted(() => {
+      initData();
+      setSelectedPath(props.selectedPath);
     });
     const menuType = getType(props.type);
     const render = () => {