yunsii / ant-design-pro-plus

✨ 基于 ant-design-pro 做一些微小的工作

👋 Hello! I'm Yuns.

• 🛠 I’m currently working on A Platform for SAAS in Shenzhen
• 🚀 I’m currently learning Vite, React and TypeScript
• 💬 Ask me about React, TypeScript and Node
• 😃 Moreover: I'm always looking for something to do

📊 Weekly development breakdown

TypeScript    8 hrs 6 mins    ⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣀   94.85 %
JSON          11 mins         ⣦⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀   02.20 %
Markdown      9 mins          ⣦⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀   01.84 %
Git           2 mins          ⣄⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀   00.56 %
Git Config    0 secs          ⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀⣀   00.14 %

✨ GitHub Stats

Total Stars Earned     791                
Total Commits (2024)   959                 ╔═╗    
Total PRs              76                  ╠═╣ ═╬═
Total Issues           178                 ╩ ╩    
Contributed to         43                 

📝 Most Used Languages

TypeScript   61.02%   >>>>>>>>>>>>>>>----------
JavaScript   18.12%   >>>>>--------------------
Less         13.15%   >>>----------------------
CSS          2.00%    -------------------------
HTML         1.58%    -------------------------

❤️ My Skills

ant-design-pro-plus's Issues

nested routes?

Hi,

I've tried in various ways to use Mode.Dynamic without any success, it always defaults to most top level.

  {
    path: '/admin',
    name: 'admin',
    icon: 'crown',
    access: 'canAdmin',
    component: './Admin',
    routes: [
      {
        path: '/admin/page', name: 'page', icon: 'smile', component: './Welcome',
        routes: [
          {
            path: '/admin/page/:id', name: 'edit.page', icon: 'smile', component: './Welcome',
          },
          {component: './404'},
        ],
      },
      {
        path: '/admin/pages', name: 'pages', icon: 'smile', component: './Welcome',
      },
      {component: './404'},
    ],
  },

The above route generates the following

admin
admin/page
admin/page/:id
admin/pages

Navigating through these pages will always give me one tab only and overwrites the pathname of the tab.

It looks like the getMetadata function is always returning an item with renderKey: /admin.

What am I missing?

thanks!

logout error

在执行退出登录时会有Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

vite 是否可以配置 antd-vue 按需求加载

vitejs/vite#1389 (comment)

你好，请教下：您说的楼上直接引用 CSS 的方式不能定制主题。具体是指什么意思？
我理解的是楼上大佬的插件【vbenjs/vite-plugin-style-import】
https://github.com/vbenjs/vite-plugin-style-import/blob/main/README.zh_CN.md

该插件的功能就是按需引入对应组件的样式。你是指的是这个插件只能动态引入（而不能动态修改）对应组件的默认样式这个意思对吗。

因为我现在想要做一个功能，就是动态切换整个项目的主题配色【就两种】。
1、第一想到的方案就是全部引入 antdvue 组件的深、浅样式，但是这样一来，样式文件的体积就很大了；
2、第二想到的方案是动态引入组件的深色或者浅色样式，这样一来，样式文件的体积就很小。
不知道该插件【vite-plugin-imp】是否能够满足动态引入组件样式。

关闭当前标签页并同时跳转到另一个标签页

在一个页面上有个按钮，想要的功能是关闭当前标签页，并跳转到另一个标签页，希望当只有一个标签页时也可以完成。
使用下面这种方式好像不行。请问有什么办法可以做到吗？
window.tabsAction.goBackTab('/test',() => { window.tabsAction.closeTab(); },true);

antd 问题跟踪

基于本项目导出的关于 antd 相关的问题跟踪记录。

antd pro v5 umi4 在app.tsx 中如何获取 route

在自己antd pro v5 umi4项目中 按照作者的方式,在app.tsx中不知道如何获取route,childrenRender方法的第二个参数也无法获取到数据,希望可以指点,感谢

项目启动报错

项目启动报错

Originally posted by @chifangxiong in #28 (comment)

请问一下关于多标签页的性能问题?

之前用了您的多标签页的方案应用到现有项目中, 但是遇到了一些性能问题:

每次打开一个新的标签页花费的时长会增加几十到一百毫秒不等的等待时间, 打开后切换标签页的等待时间也会同样变长.

如下图:

ps: 是每一次点击菜单或者切换标签页的click.

标签页再关掉之后等待时间会变少, 但是都是浏览器警告的范围.

请问您之前有没有遇到这样的问题并且如何解决的?或者有什么方案?谢谢

怎么在routeTab里面打开iframe 新增tab? 新增tab之后又怎么关闭对应的父级tab呢？（iframe嵌套的是vue项目的页面）

可以添加F5刷新后保持tab吗

使用多标签页功能时，menu请求不生效

当使用多标签页功能，并想从服务端请求菜单时，在app.tsx文件 layout 中返回menu属性，menu中的request不生效。

// https://umijs.org/zh-CN/plugins/plugin-layout
export const layout: RunTimeLayoutConfig = ({ initialState }) => {
  return {
    menu: {
      // 每当 initialState?.currentUser?.userid 发生修改时重新执行 request
      params: initialState,
      request: async (params, defaultMenuData) => {
        return initialState.menuData;
      },
    },
  };
};

如何判断现在停留在哪个标签页？

请问要如何判断现在停留在哪个标签页？或者是在页面中判断是否停留在当前页面？

去掉切换标签时的动画后,切换时会闪一下, 能改成iframe那种流畅的吗?

ant-design-pro 问题跟踪

基于本项目导出的关于 ant-design-pro 相关的问题跟踪记录。

可以增加暗黑模式吗？

老板 可以把暗黑模式增加进来吗？

if (!isPathInMenus(location.pathname, originalMenuData)) 有些菜单会返回null,tab就被覆盖了, 要怎么避免呢?

 const location = useLocation();
  // if (mode && menuLoading) {
  //  return <PageLoading />;
  // }
  if (mode && routes) {
    const originalMenuData = memoizedOneLocaleRoutes(routes);
    // 有些菜单会返回 null, tab 就被覆盖了, 要怎么避免呢?
    if (!isPathInMenus(location.pathname, originalMenuData)) {
      console.error("mode=",mode)
      // return children!;
    }

    return (
      <RouteTabs
        mode={mode}
        fixed={fixedRouteTabs}
        originalMenuData={originalMenuData}
        animated={false}
      >
        {children as UmiChildren}

        {/*<footer>{footerRender()}</footer>*/}
      </RouteTabs>
    );
  }
  return children;
}

if (!isPathInMenus(location.pathname, originalMenuData)) 有些菜单会返回 null, tab 就被覆盖了, 要怎么避免呢?

TypeError: Cannot read property 'setDefaultExtra' of undefined

Module../src/global.js
src/global.js:7

4 | import { FormMateConfig } from 'antd-curd';
5 | import defaultSettings from './defaultSettings';
6 |
7 | const { setDefaultExtra } = FormMateConfig;
8 | setDefaultExtra({
9 | picture: '自定义图片默认提示',
10 | });

I met this error in line 7. I am fresh in frontend. Could you please help me with this?

Thanks a lot.

通过footerRender配置页脚，无法在routes中根据路由隐藏

在SwitchTabsLayout中配置footerRender={() => <Footer />}，想在某些页面中隐藏footer， 在router.ts中配置hideFooter:true无效。

{
    path: '/editor',
    name: 'editor',
    component: './Editor',
    layout: {
      hideFooter: true,
    },
  },

withRouteTab 在这样的页面如何添加

const Fundsy: ConnectRC<{
  loading: boolean;
  fundsy: FundsyModelState;
  dispatch: Dispatch;
}> = ({ loading, fundsy, dispatch }) => {}
export default connect(({ fundsy, loading }: { fundsy: FundsyModelState; loading: Loading }) => ({
  fundsy,
  loading: loading.models.fundsy,
}))(Fundsy);

点击菜单 没反应

yarn install 安装依赖。 运行 点击菜单 没反应。

对antd pro layout 是mix的，tab会多出一个

（1）在mix布局下，点击/aa，会跳转到/aa/bb，这时，页标签有两个：/aa、/aa/bb，有方法把/aa的页签去掉吗？只保留/aa/bb这个

{
    path: '/aa',
    name: 'aa',
    icon: 'dashboard',
    routes: [
        {
            name: 'bb',
            icon: 'smile',
            path: '/aa/bb',
            component: './aa/bb',
        },
        {
            path: '/aa',
            redirect: '/aa/bb',
        },
    ],
}

v4-legacy 怎么语言问题

v4-legacy 切换语言关闭选项卡多语言问题

问题：请问config/config.dev.ts是干嘛的？

请问请问config/config.dev.ts是干嘛的？全局也没有搜到相关的config.dev.的使用痕迹，在antd pro文档中也没有config.dev文件的配置

history传参query操作路由后，跳转到的页面标签页出现异常

一个页面中有一个按钮，点击后history传参query操作路由跳转至另一个页面。当点击标签页进行跳转时，页面参数相同，但是会出现两个tab标签页。

Search cannot be used in the curd page

Hello,

The search function on the curd page cannot be used. I am not sure it is my error while using or not. Could you please check it ?

Thanks a lot.

刷新页面恢复标签页使用路由定义中的组件不能渲染嵌套路由

路由定义中的 component 为单纯的渲染组件或 LoadableComponent。不能保证页面嵌套路由的正常渲染。可以通过 Children（注入的 Switch 组件）重写 location 直接创建。

isSwitchTab 判断异常

以前用得没什么问题，然后不知道怎么就报错了。报错主要是在登录页和redirect路由页面

在文档中有说：在使用页面标签化的功能的时候注意 originalRoutes 需要处理得当，请问需要怎么注意处理得当，SwitchTabsLayout文件与DEMO的一样

在页面中使用不出现多标签栏是怎么回事，试了好多遍，不知道哪里出问题了

如何再路由中设置，不要再页面中设置

我的每个页面都有导出，所以我想再路由中使用多标签，请问该如何处理

体验不好，如果页面内容比较多，出现滚动条，tabs也跟着滚动了

umi 问题跟踪

基于本项目导出的关于 umi 相关的问题跟踪记录。

请问支持微前端 qiankun 吗

在微前端多个子应用场景下 ，可以做到KeepAlive吗

动态路由不支持

动态路由识别不出来，请问下如果要添加适配动态路由， 有什么要注意的吗

请问一下，刷新页面时如何保留当前页面，将其他页面关闭

请问一下，刷新页面时如何保留当前页面，将其他页面关闭

项目升级到umi4后,无法缓存页面

项目升级到umi4后, 使用withSwitchTab方法无法阻止组件重新渲染, 也就导致每次切换回之前打开过的标签页, 页面内容会重新渲染. 不知道是我升级umi4的时候配置除了问题, 还是use-switch-tab组件本身兼容性的问题;
可以将项目升级到umi4进行测试一下然后告知处理方案吗? 谢谢.