style(sidebar): 优化侧边菜单样式与标识逻辑

1.  移除原有二级菜单叶子节点的小圆点样式
2.  新增子菜单标识图标组件，为有子级的菜单添加折叠箭头标识
3.  调整菜单标题渲染逻辑，统一标题样式处理
4.  修复菜单容器的定位样式问题

klp-ui/src/layout/components/Sidebar/Item.vue

@@ -10,10 +10,14 @@ export default {
     title: {
       type: String,
       default: ''
+    },
+    hasChildren: {
+      type: Boolean,
+      default: false
     }
   },
   render(h, context) {
-    const { icon, title } = context.props
+    const { icon, title, hasChildren } = context.props
     const vnodes = []
 
     if (icon) {
@@ -21,12 +25,21 @@ export default {
     }
 
     if (title) {
-      if (title.length > 5) {
-        vnodes.push(<span slot='title' title={(title)}>{(title)}</span>)
-      } else {
-        vnodes.push(<span slot='title'>{(title)}</span>)
-      }
+      vnodes.push(
+        <span slot='title' class="menu-title">
+          {title}
+        </span>
+      )
     }
+
+    if (hasChildren) {
+      vnodes.push(
+        <span class="submenu-indicator">
+          <svg-icon icon-class="nested" />
+        </span>
+      )
+    }
+
     return vnodes
   }
 }

klp-ui/src/layout/components/Sidebar/SidebarItem.vue

@@ -4,13 +4,13 @@
       <template v-if="hasVisibleChild">
         <app-link :to="subMenuRoute">
           <el-menu-item :index="basePath" :class="{'submenu-title-noDropdown':!isNest}">
-            <item :icon="item.meta && item.meta.icon" :title="item.meta && item.meta.title" />
+            <item :icon="item.meta && item.meta.icon" :title="item.meta && item.meta.title" :has-children="true" />
           </el-menu-item>
         </app-link>
       </template>
       <template v-else>
         <app-link :to="selfRoute">
-          <el-menu-item :index="basePath" :class="{'submenu-title-noDropdown':!isNest, 'is-page-item': true}">
+          <el-menu-item :index="basePath" :class="{'submenu-title-noDropdown':!isNest}">
             <item :icon="item.meta && item.meta.icon" :title="item.meta && item.meta.title" />
           </el-menu-item>
         </app-link>