feat(ui): side menu collpase and theme updates

2023-10-09 09:38:20 +02:00 · 2023-10-09 09:38:20 +02:00 · 54286f906d
commit 54286f906d
parent 5bb0e8bc82
14 changed files with 508 additions and 276 deletions
--- a/frontend/app/components/ui/SVG.tsx
+++ b/frontend/app/components/ui/SVG.tsx
--- a/frontend/app/constants/storageKeys.ts
+++ b/frontend/app/constants/storageKeys.ts
@ -7,4 +7,5 @@ export const GLOBAL_HAS_NO_RECORDINGS = "__$global-hasNoRecordings$__"
 export const SITE_ID_STORAGE_KEY = "__$user-siteId$__"
 export const GETTING_STARTED = "__$user-gettingStarted$__"
 export const MOUSE_TRAIL = "__$session-mouseTrail$__"
-export const IFRAME = "__$session-iframe$__"
+export const IFRAME = "__$session-iframe$__"
+export const MENU_COLLAPSED = "__$global-menuCollapsed$__"
--- a/frontend/app/initialize.js
+++ b/frontend/app/initialize.js
@ -15,9 +15,31 @@ import colors from 'App/theme/colors';
 window.getCommitHash = () => console.log(window.env.COMMIT_HASH);

 const customTheme = {
-  // algorithm: theme.darkAlgorithm,
+  // algorithm: theme.compactAlgorithm,
+  components: {
+    Layout: {
+      colorBgBody: colors['gray-lightest'],
+      colorBgHeader: colors['gray-lightest']
+    },
+    Menu: {
+      // algorithm: true,
+      // itemColor: colors['red'],
+      // "itemActiveBg": "rgb(242, 21, 158)",
+      // itemBgHover: colors['red'],
+
+      // colorText: colors['red'],
+      // colorIcon: colors['red'],
+      // colorBg: colors['gray-lightest'],
+      // colorItemText: '#394EFF',
+      // colorItemTextSelected: colors['teal'],
+      // colorItemBg: colors['gray-lightest']
+    },
+    Button: {
+      colorPrimary: colors.teal,
+      algorithm: true, // Enable algorithm
+    },
+  },
  token: {
-    // Seed Token
    colorPrimary: colors.teal,
    colorPrimaryActive: '#394EFF',
    colorSecondary: '#3EAAAF',
@ -28,10 +50,9 @@ const customTheme = {

    borderRadius: 4,
    fontSize: 14,
-    fontFamily: '\'Roboto\', \'ArialMT\', \'Arial\''
-
-    // Alias Token
-    // colorBgContainer: '#f6ffed'
+    fontFamily: '\'Roboto\', \'ArialMT\', \'Arial\'',
+    siderBackgroundColor: colors['gray-lightest'],
+    siderCollapsedWidth: 800
  }
 };

@ -39,7 +60,7 @@ document.addEventListener('DOMContentLoaded', () => {
  const container = document.getElementById('app');
  const root = createRoot(container);

-  const theme = window.localStorage.getItem('theme');
+  // const theme = window.localStorage.getItem('theme');
  root.render(
    <ConfigProvider theme={customTheme}>
      <Provider store={store}>
--- a/frontend/app/initialize.tsx
+++ b/frontend/app/initialize.tsx
@ -0,0 +1,71 @@
+import './styles/index.scss';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import './init';
+import { Provider } from 'react-redux';
+import store from './store';
+import Router from './Router';
+import { StoreProvider, RootStore } from './mstore';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import { DndProvider } from 'react-dnd';
+import { ConfigProvider, theme, ThemeConfig } from 'antd';
+import colors from 'App/theme/colors';
+
+// @ts-ignore
+window.getCommitHash = () => console.log(window.env.COMMIT_HASH);
+
+const customTheme: ThemeConfig = {
+  // algorithm: theme.compactAlgorithm,
+  components: {
+    Layout: {
+      bodyBg: colors['gray-lightest'],
+      headerBg: colors['gray-lightest'],
+      siderBg: colors['gray-lightest'],
+
+    },
+    Menu: {
+      colorPrimary: colors.teal,
+      colorBgContainer: colors['gray-lightest'],
+      colorFillTertiary: colors['gray-lightest'],
+      colorBgLayout: colors['gray-lightest'],
+      subMenuItemBg: colors['gray-lightest'],
+
+      itemActiveBg: colors['active-blue'],
+      itemSelectedBg: colors['active-blue'],
+    },
+    Button: {
+      colorPrimary: colors.teal
+    }
+  },
+  token: {
+    colorBgBase: colors['gray-lightest'],
+    colorPrimary: colors.teal,
+    colorPrimaryActive: '#394EFF',
+    colorBgLayout: colors['gray-lightest'],
+    colorBgContainer: colors['white'],
+    colorLink: colors['teal'],
+    colorLinkHover: colors['teal-dark'],
+
+    borderRadius: 4,
+    fontSize: 14,
+    fontFamily: '\'Roboto\', \'ArialMT\', \'Arial\'',
+  }
+};
+
+document.addEventListener('DOMContentLoaded', () => {
+  const container = document.getElementById('app');
+  const root = createRoot(container);
+
+  // const theme = window.localStorage.getItem('theme');
+  root.render(
+    <ConfigProvider theme={customTheme}>
+      <Provider store={store}>
+        <StoreProvider store={new RootStore()}>
+          <DndProvider backend={HTML5Backend}>
+            <Router />
+          </DndProvider>
+        </StoreProvider>
+      </Provider>
+    </ConfigProvider>
+  );
+});
--- a/frontend/app/layout/Layout.tsx
+++ b/frontend/app/layout/Layout.tsx
@ -2,6 +2,8 @@ import React from 'react';
 import { Layout as AntLayout } from 'antd';
 import SideMenu from 'App/layout/SideMenu';
 import TopHeader from 'App/layout/TopHeader';
+import { useStore } from 'App/mstore';
+import { observer } from 'mobx-react-lite';

 const { Header, Sider, Content } = AntLayout;

@ -14,6 +16,7 @@ interface Props {
 function Layout(props: Props) {
  const { hideHeader, siteId } = props;
  const isPlayer = /\/(session|assist)\//.test(window.location.pathname);
+  const { settingsStore } = useStore();

  return (
    <AntLayout style={{ minHeight: '100vh' }}>
@ -26,13 +29,14 @@ function Layout(props: Props) {
            style={{
              position: 'sticky',
              top: 60, // Height of the Header
-              backgroundColor: '#f6f6f6',
-              height: 'calc(100vh - 80px)', // Adjust the height to accommodate the Header
+              // backgroundColor: '#f6f6f6',
+              height: 'calc(100vh - 60px)', // Adjust the height to accommodate the Header
              overflow: 'auto' // Enable scrolling for the Sider content if needed
            }}
+            collapsed={settingsStore.menuCollapsed}
            width={250}
          >
-            <SideMenu siteId={siteId} />
+            <SideMenu siteId={siteId} isCollapsed={settingsStore.menuCollapsed} />
          </Sider>
        )}
        <Content style={{ padding: isPlayer ? '0' : '20px', minHeight: 'calc(100vh - 60px)' }}>
@ -43,4 +47,4 @@ function Layout(props: Props) {
  );
 }

-export default Layout;
+export default observer(Layout);
--- a/frontend/app/layout/SideMenu.tsx
+++ b/frontend/app/layout/SideMenu.tsx
@ -1,5 +1,5 @@
 import React from 'react';
-import { Divider, Menu, Typography } from 'antd';
+import { Divider, Menu, Tooltip, Typography } from 'antd';
 import SVG from 'UI/SVG';
 import * as routes from 'App/routes';
 import { bookmarks, client, CLIENT_DEFAULT_TAB, CLIENT_TABS, fflags, notes, sessions, withSiteId } from 'App/routes';
@ -12,7 +12,6 @@ import { Icon } from 'UI';
 import SupportModal from 'App/layout/SupportModal';
 import { setActiveTab } from 'Duck/search';

-
 const { Text } = Typography;

 const TabToUrlMap = {
@ -28,14 +27,14 @@ interface Props extends RouteComponentProps {
  modules: string[];
  setActiveTab: (tab: any) => void;
  activeTab: string;
-  isAdmin: boolean;
  isEnterprise: boolean;
+  isCollapsed?: boolean;
 }


 function SideMenu(props: Props) {
  // @ts-ignore
-  const { activeTab, siteId, modules, location, account, isEnterprise } = props;
+  const { activeTab, siteId, modules, location, account, isEnterprise, isCollapsed } = props;
  const isPreferencesActive = location.pathname.includes('/client/');
  const [supportOpen, setSupportOpen] = React.useState(false);
  const isAdmin = account.admin || account.superAdmin;
@ -131,17 +130,29 @@ function SideMenu(props: Props) {

  return (
    <>
-      <Menu defaultSelectedKeys={['1']} mode='inline' onClick={handleClick}
-            style={{ backgroundColor: '#f6f6f6', border: 'none', marginTop: '8px' }}>
-        {isPreferencesActive &&
-          <Menu.Item key='exit' style={{ color: '#333', height: '32px' }} icon={<SVG name='arrow-bar-left' />}>
-            <Text className='ml-2'>Exit</Text>
-          </Menu.Item>}
+      <Menu
+        defaultSelectedKeys={['1']} mode='inline' onClick={handleClick}
+        style={{ border: 'none', marginTop: '8px' }}
+        inlineCollapsed={isCollapsed}
+      >
+        {isPreferencesActive && (
+          <Menu.ItemGroup>
+            <Menu.Item
+              key='exit'
+              // style={{ color: '#333', height: '32px' }}
+              icon={<SVG name='arrow-bar-left' size={16} />}
+            >
+              {!isCollapsed && <Text className='ml-2'>Exit</Text>}
+            </Menu.Item>
+          </Menu.ItemGroup>
+        )}
        {menu.map((category, index) => (
          <React.Fragment key={category.key}>
            {index > 0 && <Divider style={{ margin: '6px 0' }} />}
-            <Menu.ItemGroup key={category.key}
-                            title={<Text className='uppercase text-sm' type='secondary'>{category.title}</Text>}>
+            <Menu.ItemGroup
+              key={category.key}
+              title={category.title}
+            >
              {category.items.filter((item: any) => !item.hidden).map((item: any) => {
                const isActive = isMenuItemActive(item.key);
                return item.children ? (
@ -157,11 +168,11 @@ function SideMenu(props: Props) {
                  <Menu.Item
                    key={item.key}
                    icon={<Icon name={item.icon} size={16} color={isActive ? 'teal' : ''} />}
-                    style={{ color: '#333', height: '32px' }}
-                    className={cn('!rounded', { 'ant-menu-item-selected !bg-active-dark-blue': isActive })}
+                    // style={{ color: '#333', height: '32px' }}
+                    className={cn('!rounded')}
                    itemIcon={item.leading ?
                      <Icon name={item.leading} size={16} color={isActive ? 'teal' : ''} /> : null}>
-                    <Text className={cn('ml-2', { 'color-teal': isActive })}>{item.label}</Text>
+                    {item.label}
                  </Menu.Item>
                );
              })}
@ -177,9 +188,13 @@ function SideMenu(props: Props) {
  );
 }

-export default withRouter(connect((state: any) => ({
-  modules: state.getIn(['user', 'account', 'settings', 'modules']) || [],
-  activeTab: state.getIn(['search', 'activeTab', 'type']),
-  isEnterprise: state.getIn(['user', 'account', 'edition']) === 'ee',
-  account: state.getIn(['user', 'account'])
-}), { setActiveTab })(SideMenu));
+export default withRouter(
+  connect((state: any) => ({
+      modules: state.getIn(['user', 'account', 'settings', 'modules']) || [],
+      activeTab: state.getIn(['search', 'activeTab', 'type']),
+      isEnterprise: state.getIn(['user', 'account', 'edition']) === 'ee',
+      account: state.getIn(['user', 'account'])
+    }),
+    { setActiveTab }
+  )(SideMenu)
+);
--- a/frontend/app/layout/TopHeader.tsx
+++ b/frontend/app/layout/TopHeader.tsx
@ -2,11 +2,16 @@ import React from 'react';
 import Logo from 'App/layout/Logo';
 import TopRight from 'App/layout/TopRight';
 import ProjectDropdown from 'Shared/ProjectDropdown';
-import { Layout } from 'antd';
+import { Layout, Space } from 'antd';
+import { useStore } from 'App/mstore';
+import { Icon } from 'UI';
+import { observer } from 'mobx-react-lite';

 const { Header } = Layout;

 function TopHeader() {
+  const { settingsStore } = useStore();
+
  return (
    <Header
      style={{
@ -18,15 +23,26 @@ function TopHeader() {
        alignItems: 'center',
        height: '60px'
      }}
-      className='justify-between bg-gray-lightest'
+      className='justify-between'
    >
-      <div className='flex items-center'>
-        <Logo siteId={1} />
-      </div>
+      <Space>
+        <div
+          onClick={() => {
+            settingsStore.updateMenuCollapsed(!settingsStore.menuCollapsed);
+          }}
+          className='cursor-pointer'
+        >
+          <Icon name={settingsStore.menuCollapsed ? 'side_menu_closed' : 'side_menu_open'} size={20} />
+        </div>
+
+        <div className='flex items-center'>
+          <Logo siteId={1} />
+        </div>
+      </Space>

      <TopRight />
    </Header>
  );
 }

-export default TopHeader;
+export default observer(TopHeader);
--- a/frontend/app/layout/TopRight.tsx
+++ b/frontend/app/layout/TopRight.tsx
@ -36,7 +36,7 @@ function TopRight(props: Props) {
        </div>
      </Popover>

-      <ErrorGenPanel />
+      {/*<ErrorGenPanel />*/}
    </Space>
  );
 }
--- a/frontend/app/mstore/settingsStore.ts
+++ b/frontend/app/mstore/settingsStore.ts
@ -5,7 +5,7 @@ import { toast } from 'react-toastify';
 import Webhook, { IWebhook } from 'Types/webhook';
 import { webhookService } from 'App/services';
 import { GettingStarted } from './types/gettingStarted';
-import ModuleSettings from 'MOBX/types/moduleSettings';
+import { MENU_COLLAPSED } from 'App/constants/storageKeys';

 export default class SettingsStore {
  loadingCaptureRate: boolean = false;
@ -16,14 +16,19 @@ export default class SettingsStore {
  webhookInst = new Webhook();
  hooksLoading = false;
  gettingStarted: GettingStarted = new GettingStarted();
-  // moduleSettings: ModuleSettings = new ModuleSettings();
+  menuCollapsed: boolean = localStorage.getItem(MENU_COLLAPSED) === 'true';

  constructor() {
    makeAutoObservable(this, {
-      sessionSettings: observable,
+      sessionSettings: observable
    });
  }

+  updateMenuCollapsed = (collapsed: boolean) => {
+    this.menuCollapsed = collapsed;
+    localStorage.setItem(MENU_COLLAPSED, collapsed.toString());
+  };
+
  saveCaptureRate(projectId: number, data: any) {
    return sessionService
      .saveCaptureRate(projectId, data)
@ -31,7 +36,7 @@ export default class SettingsStore {
      .then(({ data }) => {
        this.sessionSettings.merge({
          captureRate: data.rate,
-          captureAll: data.captureAll,
+          captureAll: data.captureAll
        });
        toast.success('Settings updated successfully');
      })
@ -47,7 +52,7 @@ export default class SettingsStore {
      .then((data) => {
        this.sessionSettings.merge({
          captureRate: data.rate,
-          captureAll: data.captureAll,
+          captureAll: data.captureAll
        });
        this.captureRateFetched = true;
      })
@ -78,7 +83,7 @@ export default class SettingsStore {
        else
          this.setWebhooks([
            ...this.webhooks.filter((hook) => hook.webhookId !== data.webhookId),
-            this.webhookInst,
+            this.webhookInst
          ]);
      })
      .finally(() => {
--- a/frontend/app/svg/icons/side_menu_closed.svg
+++ b/frontend/app/svg/icons/side_menu_closed.svg
@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#999999"
+     stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu">
+    <line x1="4" x2="20" y1="12" y2="12"/>
+    <line x1="4" x2="20" y1="6" y2="6"/>
+    <line x1="4" x2="20" y1="18" y2="18"/>
+</svg>
--- a/frontend/app/svg/icons/side_menu_open.svg
+++ b/frontend/app/svg/icons/side_menu_open.svg
@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#999999"
+     stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-left-close">
+    <rect width="18" height="18" x="3" y="3" rx="2" ry="2"/>
+    <path d="M9 3v18"/>
+    <path d="m16 15-3-3 3-3"/>
+</svg>
--- a/frontend/package.json
+++ b/frontend/package.json
@ -28,7 +28,7 @@
    "@sentry/browser": "^5.21.1",
    "@svg-maps/world": "^1.0.1",
    "@svgr/webpack": "^6.2.1",
-    "antd": "^5.5.0",
+    "antd": "^5.9.4",
    "chroma-js": "^2.4.2",
    "classnames": "^2.3.1",
    "copy-to-clipboard": "^3.3.1",
--- a/frontend/webpack.config.ts
+++ b/frontend/webpack.config.ts
@ -23,7 +23,7 @@ const config: Configuration = {
    filename: 'app-[contenthash:7].js',
    path: path.resolve(__dirname, 'public'),
  },
-  entry: "./app/initialize.js",
+  entry: "./app/initialize.tsx",
  optimization: {
    splitChunks: {
      chunks: 'all',
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@ -24,28 +24,21 @@ __metadata:
  languageName: node
  linkType: hard

-"@ant-design/cssinjs@npm:^1.9.1":
-  version: 1.9.1
-  resolution: "@ant-design/cssinjs@npm:1.9.1"
+"@ant-design/cssinjs@npm:^1.16.0":
+  version: 1.17.0
+  resolution: "@ant-design/cssinjs@npm:1.17.0"
  dependencies:
    "@babel/runtime": ^7.11.1
    "@emotion/hash": ^0.8.0
    "@emotion/unitless": ^0.7.5
    classnames: ^2.3.1
    csstype: ^3.0.10
-    rc-util: ^5.27.0
+    rc-util: ^5.35.0
    stylis: ^4.0.13
  peerDependencies:
    react: ">=16.0.0"
    react-dom: ">=16.0.0"
-  checksum: 8583cc6e265c21beaf295212a04eec2cbf123c8912b42a2c97fb2655c13397196691010f5b6526be254092764b7500cb2bbfc3581d05210c529c8d9d735bb049
-  languageName: node
-  linkType: hard
-
-"@ant-design/icons-svg@npm:^4.2.1":
-  version: 4.2.1
-  resolution: "@ant-design/icons-svg@npm:4.2.1"
-  checksum: 8817e98c5f7f6110947e4b029f5dcae8cd7154b7a6a7421b6f25e899ed04eb5fc60bcd0ce5c15b09826f0562a568a8d386dc99b928cbaee8ce8b833b80c0575a
+  checksum: 3deecdd6e479ea13910a09ffc83c489d23d0d1b3e3a8d83e117661063540bc78233fc4c4434b4af738db5f8db8ae2c8bce7de42e083e1deb76cfc7443ccb3323
  languageName: node
  linkType: hard

@ -56,19 +49,19 @@ __metadata:
  languageName: node
  linkType: hard

-"@ant-design/icons@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "@ant-design/icons@npm:5.0.1"
+"@ant-design/icons@npm:^5.2.2":
+  version: 5.2.6
+  resolution: "@ant-design/icons@npm:5.2.6"
  dependencies:
    "@ant-design/colors": ^7.0.0
-    "@ant-design/icons-svg": ^4.2.1
+    "@ant-design/icons-svg": ^4.3.0
    "@babel/runtime": ^7.11.2
    classnames: ^2.2.6
-    rc-util: ^5.9.4
+    rc-util: ^5.31.1
  peerDependencies:
    react: ">=16.0.0"
    react-dom: ">=16.0.0"
-  checksum: c1bc8dbe1f3ce76ba934e0ea61bcabc04a942651a9366908d8081af0de37acca37c40ba93de2ae1d49b4b2591fc6b9bc7b9904824478f02fc69effae00aaf0ab
+  checksum: 4f62ddee036a5194146de0017c8b567e8e709deb7395c0950ddf4f930293fe8a093e81adc231abd2f776b20f0dc4bf6410725dee2d2ded874ae29dbf3efaaaf8
  languageName: node
  linkType: hard

@ -1715,6 +1708,15 @@ __metadata:
  languageName: node
  linkType: hard

+"@babel/runtime@npm:^7.22.5":
+  version: 7.23.1
+  resolution: "@babel/runtime@npm:7.23.1"
+  dependencies:
+    regenerator-runtime: ^0.14.0
+  checksum: e57ab1436d4845efe67c3f76d578508bb584173690ecfeac105bc4e09d64b2aa6a53c1e03bca3c97cc238e5390a804e5a4ded211e6350243b735905ca45a4822
+  languageName: node
+  linkType: hard
+
 "@babel/runtime@npm:~7.5.4":
  version: 7.5.5
  resolution: "@babel/runtime@npm:7.5.5"
@ -2820,32 +2822,31 @@ __metadata:
  languageName: node
  linkType: hard

-"@rc-component/color-picker@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "@rc-component/color-picker@npm:1.0.0"
+"@rc-component/color-picker@npm:~1.4.1":
+  version: 1.4.1
+  resolution: "@rc-component/color-picker@npm:1.4.1"
  dependencies:
    "@babel/runtime": ^7.10.1
    "@ctrl/tinycolor": ^3.6.0
-    "@rc-component/context": ^1.3.0
-    "@rc-component/trigger": ^1.10.2
    classnames: ^2.2.6
+    rc-util: ^5.30.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 946e953e23d51603173496609ad1f0bd91db2978e6103ad0c23537723c3a9c1179b06c89e1cf0aa22e557b108c233d2910be9f983083d8e99845736b3c685166
+  checksum: 10ae49bff2796190af838b993ad39be64858fed9cdd55ab8a36b2c0612004a84ca74a74bcf1f49a1503b31a67f659abff25ce4234e8bb9b20b96102cdc9af05e
  languageName: node
  linkType: hard

-"@rc-component/context@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "@rc-component/context@npm:1.3.0"
+"@rc-component/context@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@rc-component/context@npm:1.4.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    rc-util: ^5.27.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 31132d93919fedac49267a732c66ec3c05765705998d9539957a0e680ec8f3b50caf94b82ae67ecd3ed61b56b1d8ba796188e875b3e80e96d2261dd18712ee49
+  checksum: 4da3773deca15107adccf6635c703663f5a9202c09d8877ee003ccf144de9991c5eefbca4458f31d95d234e57babf0f8f1926e0b887f8a503a43119a39a653aa
  languageName: node
  linkType: hard

@ -2858,9 +2859,9 @@ __metadata:
  languageName: node
  linkType: hard

-"@rc-component/mutate-observer@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@rc-component/mutate-observer@npm:1.0.0"
+"@rc-component/mutate-observer@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "@rc-component/mutate-observer@npm:1.1.0"
  dependencies:
    "@babel/runtime": ^7.18.0
    classnames: ^2.3.2
@ -2868,11 +2869,11 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 0e5b70d5d6c6838c482f88a55eb697225e1a9f3d921205af6866205cc2b143eaa48b6cc05394db28ac2c682bcdca309f1493a2b56e6aaf94e509b81c971410fe
+  checksum: 90159acd831ed04b7d2d412354892fd042ad51e63bf17a9fcfa84f3b799e23479617fcc7404566a5b97e5b512b6097b87b8eb36e0c419d803692796a39186a2e
  languageName: node
  linkType: hard

-"@rc-component/portal@npm:^1.0.0-6, @rc-component/portal@npm:^1.0.0-8, @rc-component/portal@npm:^1.0.0-9, @rc-component/portal@npm:^1.0.2, @rc-component/portal@npm:^1.1.0":
+"@rc-component/portal@npm:^1.0.0-8, @rc-component/portal@npm:^1.0.0-9, @rc-component/portal@npm:^1.0.2, @rc-component/portal@npm:^1.1.0":
  version: 1.1.1
  resolution: "@rc-component/portal@npm:1.1.1"
  dependencies:
@ -2886,9 +2887,23 @@ __metadata:
  languageName: node
  linkType: hard

-"@rc-component/tour@npm:~1.8.0":
-  version: 1.8.0
-  resolution: "@rc-component/tour@npm:1.8.0"
+"@rc-component/portal@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "@rc-component/portal@npm:1.1.2"
+  dependencies:
+    "@babel/runtime": ^7.18.0
+    classnames: ^2.3.2
+    rc-util: ^5.24.4
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 3c0297356635d47f364be79de02bb16009f06b1ce82124c3e63da9a71b8e7d3ea2c147e4703ead9cae0f662435a21e9feb30d2edf7197108bc3dbf969f3ca51f
+  languageName: node
+  linkType: hard
+
+"@rc-component/tour@npm:~1.10.0":
+  version: 1.10.0
+  resolution: "@rc-component/tour@npm:1.10.0"
  dependencies:
    "@babel/runtime": ^7.18.0
    "@rc-component/portal": ^1.0.0-9
@ -2898,11 +2913,11 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 87e0b4ec19a9a85d4470f1d1946f087137c7795b94897f805a5cd2f91133c1230f6da123946036d8d80d378f57dc136bb0e00f57d7e2006cb66d2e287fe7759f
+  checksum: ec64ef9ac25ca6572b81c719992733ccffde892f42be00f19b049276e165639e11165fbbe013cfc8ba330a538673957f192cbc8b6343a5a283e8c6f71984865c
  languageName: node
  linkType: hard

-"@rc-component/trigger@npm:^1.0.4, @rc-component/trigger@npm:^1.10.2, @rc-component/trigger@npm:^1.12.0, @rc-component/trigger@npm:^1.3.6, @rc-component/trigger@npm:^1.5.0, @rc-component/trigger@npm:^1.7.0":
+"@rc-component/trigger@npm:^1.0.4, @rc-component/trigger@npm:^1.3.6, @rc-component/trigger@npm:^1.5.0, @rc-component/trigger@npm:^1.7.0":
  version: 1.12.1
  resolution: "@rc-component/trigger@npm:1.12.1"
  dependencies:
@ -2920,6 +2935,24 @@ __metadata:
  languageName: node
  linkType: hard

+"@rc-component/trigger@npm:^1.16.0, @rc-component/trigger@npm:^1.6.2":
+  version: 1.17.0
+  resolution: "@rc-component/trigger@npm:1.17.0"
+  dependencies:
+    "@babel/runtime": ^7.18.3
+    "@rc-component/portal": ^1.1.0
+    classnames: ^2.3.2
+    rc-align: ^4.0.0
+    rc-motion: ^2.0.0
+    rc-resize-observer: ^1.3.1
+    rc-util: ^5.33.0
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 293f5a5d84e13d63e50595cb613468636f6fb81bc7babb598c356b1b379980b4daeac9b711a19d224d8daa833dcd5f42b2bc2b831c01427d6453de1ec0457a52
+  languageName: node
+  linkType: hard
+
 "@react-dnd/asap@npm:4.0.1":
  version: 4.0.1
  resolution: "@react-dnd/asap@npm:4.0.1"
@ -6392,62 +6425,62 @@ __metadata:
  languageName: node
  linkType: hard

-"antd@npm:^5.5.0":
-  version: 5.5.0
-  resolution: "antd@npm:5.5.0"
+"antd@npm:^5.9.4":
+  version: 5.9.4
+  resolution: "antd@npm:5.9.4"
  dependencies:
    "@ant-design/colors": ^7.0.0
-    "@ant-design/cssinjs": ^1.9.1
-    "@ant-design/icons": ^5.0.0
+    "@ant-design/cssinjs": ^1.16.0
+    "@ant-design/icons": ^5.2.2
    "@ant-design/react-slick": ~1.0.0
    "@babel/runtime": ^7.18.3
    "@ctrl/tinycolor": ^3.6.0
-    "@rc-component/color-picker": ~1.0.0
-    "@rc-component/mutate-observer": ^1.0.0
-    "@rc-component/tour": ~1.8.0
-    "@rc-component/trigger": ^1.12.0
+    "@rc-component/color-picker": ~1.4.1
+    "@rc-component/mutate-observer": ^1.1.0
+    "@rc-component/tour": ~1.10.0
+    "@rc-component/trigger": ^1.16.0
    classnames: ^2.2.6
    copy-to-clipboard: ^3.2.0
    dayjs: ^1.11.1
    qrcode.react: ^3.1.0
-    rc-cascader: ~3.11.2
-    rc-checkbox: ~3.0.0
-    rc-collapse: ~3.5.2
-    rc-dialog: ~9.1.0
-    rc-drawer: ~6.1.1
+    rc-cascader: ~3.17.0
+    rc-checkbox: ~3.1.0
+    rc-collapse: ~3.7.1
+    rc-dialog: ~9.2.0
+    rc-drawer: ~6.4.1
    rc-dropdown: ~4.1.0
-    rc-field-form: ~1.31.0
-    rc-image: ~5.16.0
-    rc-input: ~1.0.4
-    rc-input-number: ~7.4.0
-    rc-mentions: ~2.2.0
-    rc-menu: ~9.8.3
-    rc-motion: ^2.7.3
-    rc-notification: ~5.0.4
-    rc-pagination: ~3.3.1
-    rc-picker: ~3.7.4
-    rc-progress: ~3.4.1
-    rc-rate: ~2.10.0
-    rc-resize-observer: ^1.2.0
-    rc-segmented: ~2.2.0
-    rc-select: ~14.4.3
-    rc-slider: ~10.1.0
-    rc-steps: ~6.0.0
+    rc-field-form: ~1.38.1
+    rc-image: ~7.2.0
+    rc-input: ~1.2.1
+    rc-input-number: ~8.1.0
+    rc-mentions: ~2.8.0
+    rc-menu: ~9.12.0
+    rc-motion: ^2.9.0
+    rc-notification: ~5.1.1
+    rc-pagination: ~3.6.1
+    rc-picker: ~3.14.1
+    rc-progress: ~3.5.1
+    rc-rate: ~2.12.0
+    rc-resize-observer: ^1.3.1
+    rc-segmented: ~2.2.2
+    rc-select: ~14.9.0
+    rc-slider: ~10.2.1
+    rc-steps: ~6.0.1
    rc-switch: ~4.1.0
-    rc-table: ~7.32.1
-    rc-tabs: ~12.6.0
-    rc-textarea: ~1.2.2
-    rc-tooltip: ~6.0.0
-    rc-tree: ~5.7.0
-    rc-tree-select: ~5.8.0
-    rc-upload: ~4.3.0
-    rc-util: ^5.27.0
+    rc-table: ~7.34.4
+    rc-tabs: ~12.12.1
+    rc-textarea: ~1.4.0
+    rc-tooltip: ~6.0.1
+    rc-tree: ~5.7.12
+    rc-tree-select: ~5.13.0
+    rc-upload: ~4.3.4
+    rc-util: ^5.37.0
    scroll-into-view-if-needed: ^3.0.3
    throttle-debounce: ^5.0.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: fe42b0f4e98fe8be416b8871cb5a6ed3044be63dc7fc0acfc88525908d299a8df5657e9c523b62dcbc277c75fc87165864cf9526b65fef001e0cd248b8899ff0
+  checksum: b085c86bc94c213f68b6c5463dfb3f5b8e9177d380eeb419302775ffeefd0c59a87f891bb3af6dcebe480b2a15c852f222bb0877ca8efcb8f8c72196c624767c
  languageName: node
  linkType: hard

@ -17627,7 +17660,7 @@ __metadata:
    "@types/react-virtualized": ^9.21.21
    "@typescript-eslint/eslint-plugin": ^5.24.0
    "@typescript-eslint/parser": ^5.24.0
-    antd: ^5.5.0
+    antd: ^5.9.4
    autoprefixer: ^10.4.7
    babel-loader: ^8.2.4
    babel-plugin-react-require: ^3.1.3
@ -19574,26 +19607,26 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-cascader@npm:~3.11.2":
-  version: 3.11.2
-  resolution: "rc-cascader@npm:3.11.2"
+"rc-cascader@npm:~3.17.0":
+  version: 3.17.0
+  resolution: "rc-cascader@npm:3.17.0"
  dependencies:
    "@babel/runtime": ^7.12.5
    array-tree-filter: ^2.1.0
    classnames: ^2.3.1
-    rc-select: ~14.4.0
+    rc-select: ~14.9.0
    rc-tree: ~5.7.0
-    rc-util: ^5.6.1
+    rc-util: ^5.35.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 7988047e4493e76180c65974124f40c88b96ddd4597a02ca23ee9c25fc9e628edecbf2b715125f6e0d8bdc7b78e6fdf97c00b380763c2cb492263f2a21054b63
+  checksum: 61c787597108c4643cf5808638d1fe9eee9414f1a0a932023c6ede586c858752fbb7712d6960f1d15291de31edba99e85f61d0ed79874ce7eecec6b625b8ea2f
  languageName: node
  linkType: hard

-"rc-checkbox@npm:~3.0.0":
-  version: 3.0.1
-  resolution: "rc-checkbox@npm:3.0.1"
+"rc-checkbox@npm:~3.1.0":
+  version: 3.1.0
+  resolution: "rc-checkbox@npm:3.1.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: ^2.3.2
@ -19601,13 +19634,13 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 5ac8529d75428bd83ad777b1c36e5df8acfff60205a5f95a97b44e77d614f21aa6dca3b04464f33c81f5a2a59e36b459f616aa981ca2f49c7a004a5a21a414c4
+  checksum: 7f009342ffa98ddb0b9661346fef239b44abf151409bedbf022c65889d30935655d3f3bb6fdc1131ce38ee4e29bb56f8c96430f26d00de0dc0f9030389e2cbd4
  languageName: node
  linkType: hard

-"rc-collapse@npm:~3.5.2":
-  version: 3.5.2
-  resolution: "rc-collapse@npm:3.5.2"
+"rc-collapse@npm:~3.7.1":
+  version: 3.7.1
+  resolution: "rc-collapse@npm:3.7.1"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: 2.x
@ -19616,13 +19649,13 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 92e410ccda4051558cd193f709bedf4afd313f5c17dd1ca583731a3a162ab74f900518971db0eef65bd30915990403e320cc3f8bdb2ce1a4d6b594e4b1d9a6bf
+  checksum: 1b8efc4cb7de311f3e540da0754bd06f4df6124c048b4bedf8a8363d8fb3a5ed65d560bf651b83eaae8aa4f2ce301646a55f0e08ef6457f57019983fb13b1b06
  languageName: node
  linkType: hard

-"rc-dialog@npm:~9.1.0":
-  version: 9.1.0
-  resolution: "rc-dialog@npm:9.1.0"
+"rc-dialog@npm:~9.2.0":
+  version: 9.2.0
+  resolution: "rc-dialog@npm:9.2.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    "@rc-component/portal": ^1.0.0-8
@ -19632,23 +19665,23 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 93d60c93367a19981d5ad2b7ff5cbfc538ead313ccef4ca257e8e8675e49b5e5a963d188518a6f58005c480e1d75c341f22887893e441d5899e4e6bb087eebe0
+  checksum: 27c4cb22b1a26b5ba9c0df4a20ece67ba58b2b1964557b9ae4590cc021f06950dffb198a6b283831283ebb055a718ce3d98e5bede3579173b2c4c5627b137dde
  languageName: node
  linkType: hard

-"rc-drawer@npm:~6.1.1":
-  version: 6.1.5
-  resolution: "rc-drawer@npm:6.1.5"
+"rc-drawer@npm:~6.4.1":
+  version: 6.4.1
+  resolution: "rc-drawer@npm:6.4.1"
  dependencies:
    "@babel/runtime": ^7.10.1
-    "@rc-component/portal": ^1.0.0-6
+    "@rc-component/portal": ^1.1.1
    classnames: ^2.2.6
    rc-motion: ^2.6.1
-    rc-util: ^5.21.2
+    rc-util: ^5.36.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: c2cca68c2f07533fde491b5119d3c6c43f5370bf71b53eea1c9be4d1e331b1edf3f40634a24ecf9bffbf847de2c4e4d7b3c91dfab869023c1a7be1ae631cd209
+  checksum: ca056cb316a406c1497b2677eea31ea870f3fd8a8a38b3cc46a72041e420ecec449030977e1ade08088d827da487f17798c40116271b28d14fbbe9b9428f37e0
  languageName: node
  linkType: hard

@ -19667,55 +19700,56 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-field-form@npm:~1.31.0":
-  version: 1.31.0
-  resolution: "rc-field-form@npm:1.31.0"
+"rc-field-form@npm:~1.38.1":
+  version: 1.38.2
+  resolution: "rc-field-form@npm:1.38.2"
  dependencies:
    "@babel/runtime": ^7.18.0
    async-validator: ^4.1.0
-    rc-util: ^5.8.0
+    rc-util: ^5.32.2
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 27c217e585e6384d80a52cee84c332d23f62741a2b72e3a3365fdc88b0a739ec85645d1821bd802cad954f0c14514d828c9fb0f41b8a92395532af8fe83c42a7
+  checksum: 14cb338509bf182bbbb97bed0e07a03c9a37b861d7dab461d0d53d333a090f7c7ca2aab61f4aa083bf1d19dfa4082895d22e2f42850d7d8faf0f6055e0a8b0e7
  languageName: node
  linkType: hard

-"rc-image@npm:~5.16.0":
-  version: 5.16.0
-  resolution: "rc-image@npm:5.16.0"
+"rc-image@npm:~7.2.0":
+  version: 7.2.0
+  resolution: "rc-image@npm:7.2.0"
  dependencies:
    "@babel/runtime": ^7.11.2
    "@rc-component/portal": ^1.0.2
    classnames: ^2.2.6
-    rc-dialog: ~9.1.0
+    rc-dialog: ~9.2.0
    rc-motion: ^2.6.2
-    rc-util: ^5.0.6
+    rc-util: ^5.34.1
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 6ae5328ea4dd6518032edd560ea76643223610a759a3f0a3d21afa3100be68c0ad3dd19173ef3d2b4eed11d7ced27f9de1ee2926b4883baf3bc87f996b90c306
+  checksum: 44a86d5ee222494f90b1c9898145ab53fd981fcbc156bbcd4d36506a6c1483b728fc58a59f562ac6c1f4438250ae1544c2a75c448fdfe7088350e9071bc5dc41
  languageName: node
  linkType: hard

-"rc-input-number@npm:~7.4.0":
-  version: 7.4.2
-  resolution: "rc-input-number@npm:7.4.2"
+"rc-input-number@npm:~8.1.0":
+  version: 8.1.0
+  resolution: "rc-input-number@npm:8.1.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    "@rc-component/mini-decimal": ^1.0.1
    classnames: ^2.2.5
+    rc-input: ~1.2.1
    rc-util: ^5.28.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 60bae7b3a97f66bcaa1964b326205c23320ad411856f8a60afff30d7e409f049195a0b452ee758e5328d829471ed5f471aac32446ccc8223d71ea72c125cfb72
+  checksum: 75c942bdfcd877ab4b9b25591d3ccf900d20d28d1e128639a8e69e10ca6817609954bab5206b8eac5ea0fa3299b464c12cd31a29d831aa9e40402e13bf649746
  languageName: node
  linkType: hard

-"rc-input@npm:~1.0.0, rc-input@npm:~1.0.4":
-  version: 1.0.4
-  resolution: "rc-input@npm:1.0.4"
+"rc-input@npm:~1.2.1":
+  version: 1.2.1
+  resolution: "rc-input@npm:1.2.1"
  dependencies:
    "@babel/runtime": ^7.11.1
    classnames: ^2.2.1
@ -19723,46 +19757,46 @@ __metadata:
  peerDependencies:
    react: ">=16.0.0"
    react-dom: ">=16.0.0"
-  checksum: d09ee654b4c68b4328ff2231d4b74c48ea08b0337895a8e07504f8a3a5b34a1f62c4c179792452834218c8ff72bc23c779d4865b670e1234b982b596a032425a
+  checksum: 6c7afc7a18347083af5805289aa6363055863bebf10f5c92014ffe47d592f5c1c513cb5ae355921ee7c20c5b387ff49a87247770ca3aa818413eb2fa9eb80068
  languageName: node
  linkType: hard

-"rc-mentions@npm:~2.2.0":
-  version: 2.2.0
-  resolution: "rc-mentions@npm:2.2.0"
+"rc-mentions@npm:~2.8.0":
+  version: 2.8.0
+  resolution: "rc-mentions@npm:2.8.0"
  dependencies:
-    "@babel/runtime": ^7.10.1
+    "@babel/runtime": ^7.22.5
    "@rc-component/trigger": ^1.5.0
    classnames: ^2.2.6
-    rc-input: ~1.0.0
-    rc-menu: ~9.8.0
-    rc-textarea: ~1.2.0
-    rc-util: ^5.22.5
+    rc-input: ~1.2.1
+    rc-menu: ~9.12.0
+    rc-textarea: ~1.4.0
+    rc-util: ^5.34.1
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 689f8703ea72eed3d6826f7b78d725a66599968a69db3a1871966fc6354589935da00cae742373d13f28fcc5c5827da46c891a5d28744b39f6dda9148d592094
+  checksum: 09d184cb5a847238510aa8dc05bdab0b020673981a9b04cfe793d6285b3709cf35c85dfa2f163ca149b30f1638abd11fc30e7f2e112fe824f7b496b763855734
  languageName: node
  linkType: hard

-"rc-menu@npm:~9.8.0, rc-menu@npm:~9.8.3":
-  version: 9.8.4
-  resolution: "rc-menu@npm:9.8.4"
+"rc-menu@npm:~9.12.0":
+  version: 9.12.0
+  resolution: "rc-menu@npm:9.12.0"
  dependencies:
    "@babel/runtime": ^7.10.1
+    "@rc-component/trigger": ^1.6.2
    classnames: 2.x
    rc-motion: ^2.4.3
-    rc-overflow: ^1.2.8
-    rc-trigger: ^5.1.2
+    rc-overflow: ^1.3.1
    rc-util: ^5.27.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: f1bc9dada326aca76591e40c820e4fc958170ae618a3bd196e075ef5c7c271c1ff7260c490f8d589662ed1b284c1aebb286e51b7881ce5b5832e419ea639f863
+  checksum: ae644a3a59d4d2485d4e41919797f728f4496c17b8f339119f27cbb5d430263594dbaf1e6190ba5410f1cae7fdb0ae9e916bad4f2270266102a5ee8ed2b65a25
  languageName: node
  linkType: hard

-"rc-motion@npm:^2.0.0, rc-motion@npm:^2.0.1, rc-motion@npm:^2.3.0, rc-motion@npm:^2.3.4, rc-motion@npm:^2.4.3, rc-motion@npm:^2.4.4, rc-motion@npm:^2.6.0, rc-motion@npm:^2.6.1, rc-motion@npm:^2.6.2, rc-motion@npm:^2.7.3":
+"rc-motion@npm:^2.0.0, rc-motion@npm:^2.0.1, rc-motion@npm:^2.3.0, rc-motion@npm:^2.3.4, rc-motion@npm:^2.4.3, rc-motion@npm:^2.4.4, rc-motion@npm:^2.6.0, rc-motion@npm:^2.6.1, rc-motion@npm:^2.6.2":
  version: 2.7.3
  resolution: "rc-motion@npm:2.7.3"
  dependencies:
@ -19776,9 +19810,23 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-notification@npm:~5.0.4":
-  version: 5.0.4
-  resolution: "rc-notification@npm:5.0.4"
+"rc-motion@npm:^2.9.0":
+  version: 2.9.0
+  resolution: "rc-motion@npm:2.9.0"
+  dependencies:
+    "@babel/runtime": ^7.11.1
+    classnames: ^2.2.1
+    rc-util: ^5.21.0
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: dcef9e79e92c7a45d84ed63acf5ca0b1abe6556714512ef1c394ae83a9eec1c79c39ce79961d6ed44d83fc25f2afde9a6708864c9262966a33f9051230207697
+  languageName: node
+  linkType: hard
+
+"rc-notification@npm:~5.1.1":
+  version: 5.1.1
+  resolution: "rc-notification@npm:5.1.1"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: 2.x
@ -19787,41 +19835,42 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 833dcf158ebabfea79b1879a7a57ddd9b454a723569e7db78f104bace8cf6adc4c28fc14ab37b0d64b2b5e28fa136105c1cea002afa9ab0559d799aead3a7196
+  checksum: 5ce8f95c0a27a469458cc6896194ef32dd417c59f901d49a1c57a115bfafad7007f8bd24100cdc4e0ff5f4625ca7c4e0df135cd93b7a0a0dc018f8c2764df1bb
  languageName: node
  linkType: hard

-"rc-overflow@npm:^1.0.0, rc-overflow@npm:^1.2.8":
-  version: 1.3.0
-  resolution: "rc-overflow@npm:1.3.0"
+"rc-overflow@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "rc-overflow@npm:1.3.2"
  dependencies:
    "@babel/runtime": ^7.11.1
    classnames: ^2.2.1
    rc-resize-observer: ^1.0.0
-    rc-util: ^5.19.2
+    rc-util: ^5.37.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 629b1c17c03c1fe84683fcc30d7443b9179313d76749c4f4da031e808884d9b5a5a0b9ee7f2ee88484ce68a20d27a44243684877c333546ca3b63b1b1719ffdd
+  checksum: 1c3741760e21fdc5829ebc1affb2a54fd04bda3abc1c88542b6191845d3490ca255fc423f897f448af1c79311c7eda499ea977ca79bce55ebdaf75397573d125
  languageName: node
  linkType: hard

-"rc-pagination@npm:~3.3.1":
-  version: 3.3.1
-  resolution: "rc-pagination@npm:3.3.1"
+"rc-pagination@npm:~3.6.1":
+  version: 3.6.1
+  resolution: "rc-pagination@npm:3.6.1"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: ^2.2.1
+    rc-util: ^5.32.2
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: c9b806b31fc401ad55cf9a99c0b9942dadebe3b571c11bfbf165f2cb75ff6e4673a90effab71a86cd3abe84cd84d681432c1bbde37864000196ccacc9c2ec749
+  checksum: e95f4e38ccd11cdd97c06f0a82b025da214b8ed2c390886bcb27c67ea6d7a734462ff2a28fa6770c048eafe481ac4f3e594ba8bd23a0da178207608f1f0507d6
  languageName: node
  linkType: hard

-"rc-picker@npm:~3.7.4":
-  version: 3.7.4
-  resolution: "rc-picker@npm:3.7.4"
+"rc-picker@npm:~3.14.1":
+  version: 3.14.4
+  resolution: "rc-picker@npm:3.14.4"
  dependencies:
    "@babel/runtime": ^7.10.1
    "@rc-component/trigger": ^1.5.0
@ -19843,13 +19892,13 @@ __metadata:
      optional: true
    moment:
      optional: true
-  checksum: 71f699c48aa7374249843f3308f3286fd4474eecf7e535a6708a82330d95e6657fa266aeeb454391c7a01206a5c0620b720fac70fa6829249e9489c105f6b798
+  checksum: e3df7bb1de0f322cd995d496171709042e15e9d014724a9f6dd4d741641ce61b60089ad5836713571c19597d6d1cc5d489e3e129aafc0e9f98ed66ea92393e80
  languageName: node
  linkType: hard

-"rc-progress@npm:~3.4.1":
-  version: 3.4.1
-  resolution: "rc-progress@npm:3.4.1"
+"rc-progress@npm:~3.5.1":
+  version: 3.5.1
+  resolution: "rc-progress@npm:3.5.1"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: ^2.2.6
@ -19857,13 +19906,13 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 0a54feb6b878d25612fddc30f0eaef0a255e6454ee41deab2703781724f919c244b535d31f0d3b68646dd0e1cece721e3e96578d7492d11ce0c46393d50d035a
+  checksum: fba1f0a93d936736259dc9b6cad96eff906e774db1407fc5be531691a9e354355c309c602e22b45878335feef06b92fd2923deb0350dd2e3bb74347c22c8133a
  languageName: node
  linkType: hard

-"rc-rate@npm:~2.10.0":
-  version: 2.10.0
-  resolution: "rc-rate@npm:2.10.0"
+"rc-rate@npm:~2.12.0":
+  version: 2.12.0
+  resolution: "rc-rate@npm:2.12.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: ^2.2.5
@ -19871,11 +19920,11 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 1810bfd7874021aa89e6b8ff2fb22727a806564d7043ff3d9c69605164e5d9b209d81a9f47b39ddd9d14693329bb778f172944b8a921fed2165199afebc1fc51
+  checksum: 871bb040ec1de727c9b83e0d5db68877c22ef7494f82ce6dedbe655fc7894d7db63e99bed96584eed122e8845270df0b08e2a97a4cc5600e652ce229d561ace5
  languageName: node
  linkType: hard

-"rc-resize-observer@npm:^1.0.0, rc-resize-observer@npm:^1.1.0, rc-resize-observer@npm:^1.2.0, rc-resize-observer@npm:^1.3.1":
+"rc-resize-observer@npm:^1.0.0, rc-resize-observer@npm:^1.1.0, rc-resize-observer@npm:^1.3.1":
  version: 1.3.1
  resolution: "rc-resize-observer@npm:1.3.1"
  dependencies:
@ -19890,9 +19939,9 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-segmented@npm:~2.2.0":
-  version: 2.2.0
-  resolution: "rc-segmented@npm:2.2.0"
+"rc-segmented@npm:~2.2.2":
+  version: 2.2.2
+  resolution: "rc-segmented@npm:2.2.2"
  dependencies:
    "@babel/runtime": ^7.11.1
    classnames: ^2.2.1
@ -19901,31 +19950,31 @@ __metadata:
  peerDependencies:
    react: ">=16.0.0"
    react-dom: ">=16.0.0"
-  checksum: 44612698c97454ed5c00ffcc7096cd2258eb1072e5c4429993ad016ee7248c79a68eac2830a55b7c0be5e452fe7e5fb05a07f4cb8d130e74f6000a0844bf4055
+  checksum: e3a4276ee231c1e53c5212218400de11ea2464eba7ddd146db022a6f74167f7d1dbe7fd398f981feabaa78e66fa0f22c6cea8111e063f462af210dd943c40eda
  languageName: node
  linkType: hard

-"rc-select@npm:~14.4.0, rc-select@npm:~14.4.3":
-  version: 14.4.3
-  resolution: "rc-select@npm:14.4.3"
+"rc-select@npm:~14.9.0":
+  version: 14.9.0
+  resolution: "rc-select@npm:14.9.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    "@rc-component/trigger": ^1.5.0
    classnames: 2.x
    rc-motion: ^2.0.1
-    rc-overflow: ^1.0.0
+    rc-overflow: ^1.3.1
    rc-util: ^5.16.1
-    rc-virtual-list: ^3.4.13
+    rc-virtual-list: ^3.5.2
  peerDependencies:
    react: "*"
    react-dom: "*"
-  checksum: 38d267e8f8d4854bb568d9a8527cb7753a4fe34d0b7a428f56aca120568715cb61e75627527e7cb7a97257093c5d0893a99c39f5bb4f6edab97313c15123e054
+  checksum: 13f9198ec1aeaa32bed7848ba335ad8662d2b4ace3a806028bcfbda8716e2369c36c2767fb57f9611e7eb3a4cc859643e75dcd29ae0a8b275e34bac8296b432c
  languageName: node
  linkType: hard

-"rc-slider@npm:~10.1.0":
-  version: 10.1.1
-  resolution: "rc-slider@npm:10.1.1"
+"rc-slider@npm:~10.2.1":
+  version: 10.2.1
+  resolution: "rc-slider@npm:10.2.1"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: ^2.2.5
@ -19933,13 +19982,13 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: d2dbf3f48fc4b4cfb45c68284fda6a10503708256bf78d42178f0781bb2a9b7c9fc6cf7bd9bb6fabc02005e2819c2ba5eb6b3fcdd357cf253aee83b701c53897
+  checksum: c32e988969079853d37dff961a607b171ea4ecfb8ebb9f6111e69d1d03f74fbc05656aac25c4543f5c532824525c3f0c317d30c93f5464c81f602691553b5583
  languageName: node
  linkType: hard

-"rc-steps@npm:~6.0.0":
-  version: 6.0.0
-  resolution: "rc-steps@npm:6.0.0"
+"rc-steps@npm:~6.0.1":
+  version: 6.0.1
+  resolution: "rc-steps@npm:6.0.1"
  dependencies:
    "@babel/runtime": ^7.16.7
    classnames: ^2.2.3
@ -19947,7 +19996,7 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: b8feea625679cfc530a5a8ce348ff93e4e6d43bf7e10acf23487813a81fa09696c457de6109a82962b5f807dcffe4aad5c973452c278d1aa0b9726505a780672
+  checksum: 0ba1051a469ae95916cafbb6d7fe76f94e6666181129d3012174d8cc25913c6afd691f551ee0dac48a4a86b59cb91699d6a44a1398dcafd661a8a519f70c95e1
  languageName: node
  linkType: hard

@ -19965,53 +20014,54 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-table@npm:~7.32.1":
-  version: 7.32.1
-  resolution: "rc-table@npm:7.32.1"
+"rc-table@npm:~7.34.4":
+  version: 7.34.4
+  resolution: "rc-table@npm:7.34.4"
  dependencies:
    "@babel/runtime": ^7.10.1
-    "@rc-component/context": ^1.3.0
+    "@rc-component/context": ^1.4.0
    classnames: ^2.2.5
    rc-resize-observer: ^1.1.0
-    rc-util: ^5.27.1
+    rc-util: ^5.36.0
+    rc-virtual-list: ^3.11.1
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: c68a0e56268fb1859cf88ca5b8494de6d2201a5ceae432f9035b67ff2f5a1d80707f14e4b7054936afb6aec322c7b2f9f2c0b4af2ebb2d99c4a8d2ad17fa5e97
+  checksum: 623915d52ba293264b2d2f91f47a4953fbf48a421bd2aa58d6506016fe42b06b325647954e4dc183906a821770910422188197178e4309f4b1f15acea2949105
  languageName: node
  linkType: hard

-"rc-tabs@npm:~12.6.0":
-  version: 12.6.0
-  resolution: "rc-tabs@npm:12.6.0"
+"rc-tabs@npm:~12.12.1":
+  version: 12.12.1
+  resolution: "rc-tabs@npm:12.12.1"
  dependencies:
    "@babel/runtime": ^7.11.2
    classnames: 2.x
    rc-dropdown: ~4.1.0
-    rc-menu: ~9.8.0
+    rc-menu: ~9.12.0
    rc-motion: ^2.6.2
    rc-resize-observer: ^1.0.0
-    rc-util: ^5.16.0
+    rc-util: ^5.34.1
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 3025286cbc493ad31cc5844564c87d997848a074488510a430e8cb5defcc29e0182176686967a682ba388f27ac62a30dc133d8d9b1ea5880e02d352309e78d04
+  checksum: 9a3ba8510167f34e9b041004d4f11e572034c0c278e75510a32da5df4cc5bbea008f9e4640b74e9b4eb0e3216efe84bfb4b1c0c9e42516e39ab9da56a88f3c16
  languageName: node
  linkType: hard

-"rc-textarea@npm:~1.2.0, rc-textarea@npm:~1.2.2":
-  version: 1.2.3
-  resolution: "rc-textarea@npm:1.2.3"
+"rc-textarea@npm:~1.4.0":
+  version: 1.4.0
+  resolution: "rc-textarea@npm:1.4.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: ^2.2.1
-    rc-input: ~1.0.4
+    rc-input: ~1.2.1
    rc-resize-observer: ^1.0.0
    rc-util: ^5.27.0
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: e7ffd8c2797abf149b752205ddf76451543947764f3a82460579710bc1f520ca0fe7de064ded4de3937e58759212bd5de4cd8b565b4c152628e4c5258b649ed9
+  checksum: 77c20be31a6a78ef235af3befa15de02558e738ece6a3ac0879d902c4da90bf737250b225876b24638ee54566d6b3a699aafd92868d707fd17ca0ed87f4f19dc
  languageName: node
  linkType: hard

@ -20029,7 +20079,7 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-tooltip@npm:~6.0.0":
+"rc-tooltip@npm:~6.0.1":
  version: 6.0.1
  resolution: "rc-tooltip@npm:6.0.1"
  dependencies:
@ -20043,19 +20093,19 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-tree-select@npm:~5.8.0":
-  version: 5.8.0
-  resolution: "rc-tree-select@npm:5.8.0"
+"rc-tree-select@npm:~5.13.0":
+  version: 5.13.0
+  resolution: "rc-tree-select@npm:5.13.0"
  dependencies:
    "@babel/runtime": ^7.10.1
    classnames: 2.x
-    rc-select: ~14.4.0
+    rc-select: ~14.9.0
    rc-tree: ~5.7.0
    rc-util: ^5.16.1
  peerDependencies:
    react: "*"
    react-dom: "*"
-  checksum: 8036a13ea27b7530da56d14ecd66f301f482ac3e90bd6f6c0aac7a4a1356e019c12ed39d4c6d993069b0b41d0e766f30762e1b9e24ba0ba9a9c43fb4acc66c94
+  checksum: 4a9ee3ecdf2955e2ac94f72d8ac240070d413302a72dc313fe6a373aa1638cd341c6d3907e56971483786740e8ec2c01c7e75ae95987d6a470815ff82386fbd2
  languageName: node
  linkType: hard

@ -20075,6 +20125,22 @@ __metadata:
  languageName: node
  linkType: hard

+"rc-tree@npm:~5.7.12":
+  version: 5.7.12
+  resolution: "rc-tree@npm:5.7.12"
+  dependencies:
+    "@babel/runtime": ^7.10.1
+    classnames: 2.x
+    rc-motion: ^2.0.1
+    rc-util: ^5.16.1
+    rc-virtual-list: ^3.5.1
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: fc8e27ee09b6e4716297e72b979a845bdc667b662f1e75d177175c63d667b69764bf67eed1468f8db0ce7286767f2497b5baf379a088dbace85eec76a58621e9
+  languageName: node
+  linkType: hard
+
 "rc-trigger@npm:^2.2.0":
  version: 2.6.5
  resolution: "rc-trigger@npm:2.6.5"
@ -20090,25 +20156,9 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-trigger@npm:^5.1.2":
-  version: 5.3.4
-  resolution: "rc-trigger@npm:5.3.4"
-  dependencies:
-    "@babel/runtime": ^7.18.3
-    classnames: ^2.2.6
-    rc-align: ^4.0.0
-    rc-motion: ^2.0.0
-    rc-util: ^5.19.2
-  peerDependencies:
-    react: ">=16.9.0"
-    react-dom: ">=16.9.0"
-  checksum: 1f13cb5ae5b8925ec77aa3f973dbec06420be0bdb7dbfabc2ca28bb48ded8ee3a9c271e436aca7a4222a458b53110591051552714686a742cbb6c871e4440609
-  languageName: node
-  linkType: hard
-
-"rc-upload@npm:~4.3.0":
-  version: 4.3.4
-  resolution: "rc-upload@npm:4.3.4"
+"rc-upload@npm:~4.3.4":
+  version: 4.3.5
+  resolution: "rc-upload@npm:4.3.5"
  dependencies:
    "@babel/runtime": ^7.18.3
    classnames: ^2.2.5
@ -20116,7 +20166,7 @@ __metadata:
  peerDependencies:
    react: ">=16.9.0"
    react-dom: ">=16.9.0"
-  checksum: 2c401816dfa6c7907ee7756588129ea09211449b966b48d73365b270f83f54015585360304cf3bb09b2f399464bc4493f490c1e6c854a98ec6a206d07edc55c4
+  checksum: a393d9deffe4415c264c6771973c1815a3481ced0fb03821dc2151773e233693cdec632ee8c45152502dd697c54ea0b35aba293ce0b188b2769d2b82706f35be
  languageName: node
  linkType: hard

@ -20133,7 +20183,7 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-util@npm:^5.0.1, rc-util@npm:^5.0.6, rc-util@npm:^5.15.0, rc-util@npm:^5.16.0, rc-util@npm:^5.16.1, rc-util@npm:^5.17.0, rc-util@npm:^5.18.1, rc-util@npm:^5.19.2, rc-util@npm:^5.2.0, rc-util@npm:^5.20.1, rc-util@npm:^5.21.0, rc-util@npm:^5.21.2, rc-util@npm:^5.22.5, rc-util@npm:^5.24.4, rc-util@npm:^5.25.2, rc-util@npm:^5.26.0, rc-util@npm:^5.27.0, rc-util@npm:^5.27.1, rc-util@npm:^5.28.0, rc-util@npm:^5.29.2, rc-util@npm:^5.30.0, rc-util@npm:^5.6.1, rc-util@npm:^5.8.0, rc-util@npm:^5.9.4":
+"rc-util@npm:^5.0.1, rc-util@npm:^5.15.0, rc-util@npm:^5.16.1, rc-util@npm:^5.17.0, rc-util@npm:^5.18.1, rc-util@npm:^5.2.0, rc-util@npm:^5.20.1, rc-util@npm:^5.21.0, rc-util@npm:^5.24.4, rc-util@npm:^5.25.2, rc-util@npm:^5.26.0, rc-util@npm:^5.27.0, rc-util@npm:^5.28.0, rc-util@npm:^5.29.2, rc-util@npm:^5.30.0":
  version: 5.30.0
  resolution: "rc-util@npm:5.30.0"
  dependencies:
@ -20159,7 +20209,35 @@ __metadata:
  languageName: node
  linkType: hard

-"rc-virtual-list@npm:^3.4.13, rc-virtual-list@npm:^3.4.8":
+"rc-util@npm:^5.32.2, rc-util@npm:^5.33.0, rc-util@npm:^5.34.1, rc-util@npm:^5.35.0, rc-util@npm:^5.36.0, rc-util@npm:^5.37.0":
+  version: 5.37.0
+  resolution: "rc-util@npm:5.37.0"
+  dependencies:
+    "@babel/runtime": ^7.18.3
+    react-is: ^16.12.0
+  peerDependencies:
+    react: ">=16.9.0"
+    react-dom: ">=16.9.0"
+  checksum: 987a05eeb0849f7c49a072f8602c1ea5f5f00018ee0ebdbbcf3dae6a28bff000ccd7a19c46fc8adf325f33dddf45753087e256714f3669ae22cd36cc1360ebd3
+  languageName: node
+  linkType: hard
+
+"rc-virtual-list@npm:^3.11.1, rc-virtual-list@npm:^3.5.1, rc-virtual-list@npm:^3.5.2":
+  version: 3.11.2
+  resolution: "rc-virtual-list@npm:3.11.2"
+  dependencies:
+    "@babel/runtime": ^7.20.0
+    classnames: ^2.2.6
+    rc-resize-observer: ^1.0.0
+    rc-util: ^5.36.0
+  peerDependencies:
+    react: "*"
+    react-dom: "*"
+  checksum: 007435ba36c3fdba594954c5aabb535f65e67329adfd09faa491508e15f6e0046a2846bd761e99bb7e23b52cb60cbdef5370e9208224a5df5e38cabb48009ea1
+  languageName: node
+  linkType: hard
+
+"rc-virtual-list@npm:^3.4.8":
  version: 3.4.13
  resolution: "rc-virtual-list@npm:3.4.13"
  dependencies:
@ -20993,6 +21071,13 @@ __metadata:
  languageName: node
  linkType: hard

+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "regenerator-runtime@npm:0.14.0"
+  checksum: e25f062c1a183f81c99681691a342760e65c55e8d3a4d4fe347ebe72433b123754b942b70b622959894e11f8a9131dc549bd3c9a5234677db06a4af42add8d12
+  languageName: node
+  linkType: hard
+
 "regenerator-transform@npm:^0.15.1":
  version: 0.15.1
  resolution: "regenerator-transform@npm:0.15.1"