Perhaps most people prefer the top click to shrink the sidebar

Issue 描述：

在编写 i18n 国际化规则时，发现如果语句中包含 "@" 符号，会导致控制台报错。
创建一个包含 "@" 符号的 i18n 规则，例如：

{
  "error_message": "发生了一个@错误"
}

在应用中触发使用该 i18n 规则的场景，比如显示错误提示。

预期行为：

预期应用能够正确读取 i18n 规则中包含 "@" 符号的文本，并在界面上展示对应的翻译文本，而不会导致控制台报错。

实际行为：

当前应用在加载包含 "@" 符号的 i18n 规则时，控制台报告错误，可能类似如下的错误信息：

https://preview.pro.ant.design/form/basic-form

能支持这种导航菜单吗 顶部是1级左侧是2级的
还有希望能支持导航栏添加外链

如题

https://preview.pro.ant.design/form/step-form

在启用 pagination以后，total等设置ref的值，再次跳转别的菜单会报错，抱歉，由于个人原因未能够提供模拟数据
const pagination = computed(() => ({ total: 200, // total:total.value current:1, pageSize: 10, }));

报错：
[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core at <RouterView> at <AWatermark h-full="" flex="" flex-col="" ... > at <Anonymous hasSider=undefined prefixCls="ant-layout-content" tagName="main" ... > at <ALayoutContent ref="layoutRef" class="ant-pro-basicLayout-content" flex="" ... > at <Anonymous hasSider=undefined prefixCls="ant-layout" tagName="section" > at <ALayout> at <Anonymous hasSider=undefined prefixCls="ant-layout" tagName="section" >

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'subTree') at getNextHostNode (runtime-core.esm-bundler.js:6319:46) at getNextHostNode (runtime-core.esm-bundler.js:6319:14) at getNextHostNode (runtime-core.esm-bundler.js:6319:14) at getNextHostNode (runtime-core.esm-bundler.js:6319:14) at getNextHostNode (runtime-core.esm-bundler.js:6319:14) at getNextHostNode (runtime-core.esm-bundler.js:6319:14) at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5779:11) at ReactiveEffect.run (reactivity.esm-bundler.js:178:19) at instance.update (runtime-core.esm-bundler.js:5814:51) at callWithErrorHandling (runtime-core.esm-bundler.js:158:32)

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode') at getPopupContainer (Options.js:123:59) at createVNode.getContainer (Trigger.js:665:51) at getParent3 (PortalWrapper.js:24:14) at PortalWrapper.js:145:25 at runtime-core.esm-bundler.js:2675:88 at callWithErrorHandling (runtime-core.esm-bundler.js:158:18) at callWithAsyncErrorHandling (runtime-core.esm-bundler.js:166:17) at hook.__weh.hook.__weh (runtime-core.esm-bundler.js:2655:19) at invokeArrayFns (shared.esm-bundler.js:77:10) at unmountComponent (runtime-core.esm-bundler.js:6289:7)

如图,如果文件命名是index.vue,那么在vuejs devtools里面显示的就是<Index></Index>无法准确的知道是什么组件

像multi-tab/index.vue这种可以改为multi-tab.vue或者multi-tab/multitab.vue,

pnpm dev 启动后访问报错

进入servers目录后执行 pnpm run dev
等待一会自动执行成功了

B站刷到过来看看，不怎么熟悉PR，就提issues吧。
如题，按钮点击的应该是预期行为，所以关闭的时候应该展示展开的按钮，展开的时候应该展示关闭的按钮。
unfold和fold
另外这两个图标的大小也不一致，一个14另一个是16

问题：

1. 切换导航模式为“顶部布局模式时
   

2. 切换导航模式为“混合布局模式“，并且选中”自动分割菜单“时
   

原因：

在顶部展示menu时，只有在Menu 水平空间不足时才会出现上述问题。

1. 在template中使用v-bind:key时，传递给sub-menu组件的key都是0

<template v-for="item in selectedMenus" :key="item.path">
      <template v-if="!item.hideInMenu">
        <SubMenu :item="item" />
      </template>
</template>

2. v-for遍历template，在sub-menu组件中传递

<template v-for="item in selectedMenus">
      <template v-if="!item.hideInMenu">
        <SubMenu :item="item"  :key="item.path"/>
      </template>
</template>

虽然修改传递key给子组件来解决问题，但是我发现官方建议是是在template中传递key，而不是在子组件中传递：

https://eslint.vuejs.org/rules/no-v-for-template-key-on-child.html

https://v3-migration.vuejs.org/breaking-changes/key-attribute.html#with-template-v-for

如果大家在使用的过程中感觉某个功能可能会比较通用或者有自己的一些需求，您可以在下面进行留言，我们会进行确认需求的可行性和通用性，会逐步的为我们的开源项目新增一些常用的功能。

提交模板：

功能简述：可编辑表格功能
功能描述：希望新增可编辑表格的演示功能....（会优先考虑描述详细且合理的需求）

需求列表

• #13 @aibayanyu20
• #12 @aibayanyu20
• #10 @aibayanyu20
• #14 @Spectature
• #15 @Spectature
• #17 @Spectature
• #16 @kirklin
• #18 @kirklin
• #19 @kirklin
• #20 @aibayanyu20
• #21 @aibayanyu20
• #22 @aibayanyu20
• #24 @aibayanyu20
• #23 @windlil
• #25 @windlil
• #26 @kirklin
• #27 @windlil
• #28 @kirklin
• #29 @kirklin
• #30 @adekang
• #31 @adekang
• #32 @adekang
• #33 @windlil
• #34 @windlil
• #105 @wcySpring

需求认领

参考演示站点

如果你想开发其中某一个功能，请在下方评论认领功能例如多功能表格：

• 多功能表格示例

认领后我会将当前的功能分发给你，请尽量在两周内完成，如果长时间完不成我们将会对任务进行二次分发

主题色配置后 很多场景 配置色并未同步修改
目前已发现的有：
1、首屏加载的loading 图标的颜色 还是蓝色
2、a-button type为link状态时 颜色还是蓝色 应该还有其他类似问题 有时间可以一同检查一下
辛苦啦

https://preview.pro.ant.design/form/advanced-form

新增动画效果可动态配置功能，需要再功能设置按钮中实现该功能。

放到内容区域。

在app.ts中新增animationlayout属性，用于动态控制动画效果。

考虑在config/default-setting.ts中存放导出animationList来存放所有动画列表

在assets/styles/motion.css中添加动画效果

效果：

如下是设置的：
{"title":"Antdv Pro","theme":"inverted","logo":"/logo.svg","collapsed":false,"drawerVisible":true,"colorPrimary":"#1677FF","layout":"side","contentWidth":"Fluid","fixedHeader":true,"fixedSider":false,"splitMenus":false,"header":true,"menu":false,"menuHeader":false,"footer":false,"colorWeak":false,"multiTab":false,"multiTabFixed":false,"keepAlive":true,"accordionMode":false,"headerHeight":48,"copyright":"Antdv Pro Team 2023","animationName":"slide-fadein-right"}

Ap.vue

增加了a-style-provider后，unocss的样式被覆盖了

When I set the routing path as a dynamic route with parameters
当我把路由路径设置成带参数的动态路由时

path: '/app/edit/:id'

The changeMenu method in layout-menu.ts is matched based on route.path, which causes the actual path /app/edit/1 not to match /app/edit:id
在layout-menu.ts里的changeMenu方法是根据route.path来匹配的，这样会导致实际的路径/app/edit/1匹配不上/app/edit:id

It then fails to update selectedKeys, causing the page title and breadcrumbs to display incorrectly
然后就无法更新selectedKeys，导致页面title和面包屑显示错误

src/components/base-loading/index.vue:46:11 - error TS2322: Type 'Element' is not assignable to type 'ReactNode'.
  Type 'Element' is not assignable to type 'ReactPortal'.
    Types of property 'key' are incompatible.
      Type 'string | number | symbol | null' is not assignable to type 'Key | null'.
        Type 'symbol' is not assignable to type 'Key | null'.

46           <div class="loading-wrapper">
             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
47             {renderBasicLoading() }
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
48           </div>
   ~~~~~~~~~~~~~~~~

src/components/base-loading/index.vue:47:13 - error TS2322: Type 'VNode<RendererNode, RendererElement, { [key: string]: any; }>' is not assignable to type 'ReactNode'.
  Type 'VNode<RendererNode, RendererElement, { [key: string]: any; }>' is not assignable to type 'ReactPortal'.
    Types of property 'key' are incompatible.
      Type 'string | number | symbol | null' is not assignable to type 'Key | null'.

47             {renderBasicLoading() }
               ~~~~~~~~~~~~~~~~~~~~~~~

  ../../../node_modules/@types/react/index.d.ts:1386:9
    1386         children?: ReactNode | undefined;
                 ~~~~~~~~
    The expected type comes from property 'children' which is declared here on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'

src/components/base-loading/index.vue:49:11 - error TS2322: Type 'Element' is not assignable to type 'ReactNode'.

49           <div class="text" style={{ color: textColor }}>
             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
50               {text}
   ~~~~~~~~~~~~~~~~~~~~
51             </div>
   ~~~~~~~~~~~~~~~~~~

src/components/base-loading/index.vue:49:16 - error TS2322: Type '{ children: string; class: string; style: { color: string; }; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
  Property 'class' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'. Did you mean 'className'?

49           <div class="text" style={{ color: textColor }}>
                  ~~~~~


Found 4 errors in the same file, starting at: src/components/base-loading/index.vue:46

复现步骤：

1. 切换到main分支
2. 执行：npm run build

解决方案：

修改tsconfig.json，添加：

 "jsxImportSource": "vue",

似乎Typescript编译TSX时将模板认为是ReactNode，官方文档上有提到JSX 类型推断。但是全局搜了下，并没有依赖react。所以并不太清楚是什么原因导致的打包失败

如果你的公司或者个人的开源项目有在使用我们的项目做为基础框架进行二次开发，
您这里在这里留下使用过的脚印

• 【公司名称或开源项目名称】
• 【应用项目介绍】
• 【如果允许可以公开官网地址】

这些mini图表没有适配

监听路由变化在multi-tab和menu别用watch，用发布订阅模式在路由router.beforeEach这里添加一个，性能会高一些

原因：

 <div
          style={modal ? { background } : {}}
          class={{ 'loading-container': true, 'is-fullscreen': full }}
        >
          <div class="loading-wrapper">
            {renderBasicLoading() }
          </div>
          <div class="text" style={{ color: textColor }}>
              {text}
          </div>
</div>

.loading-wrapper {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -21px;
    text-align: center;

    .text {
      width: 100%;
      margin: 8px 0;
    }

    .loading-icon {
      animation: rotating 1.5s linear infinite;
    }
  }

css层级不正确，导致样式未添加成功

Issue Description:
Currently, the "components.d.ts" file is being tracked in the Git repository. However, this file should not be included in version control, as it's generated or specific to individual development environments. To maintain a clean and consistent repository, we need to add the "components.d.ts" file to the so that it won't be tracked by Git..gitignore

Steps to Resolve:

Modify the file located at the root of the repository..gitignore
Add an entry for the "components.d.ts" file to the file..gitignore
Commit the changes to the file..gitignore
Ensure that the "components.d.ts" file is no longer tracked by Git and will not appear in future commits.
Additional Information:
Ignoring auto-generated or environment-specific files in version control helps prevent unnecessary clutter and potential conflicts. It's essential to keep the repository clean and focused on the actual source code and project-related assets.

毕竟不是所有人都要使用TS，谢谢！