fix: @df/toco-ui => @toco-design/components

package.json

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.1",
-    "@df/toco-ui": "{{uiVersion}}",
+    "@toco-design/components": "{{uiVersion}}",
     "@reduxjs/toolkit": "^1.9.7",
     "axios": "^1.7.2",
     "classnames": "^2.5.1",

src/app/index.tsx

@@ -1,5 +1,5 @@
 import { customValueTypeMap } from '@components';
-import { ConfigProvider, App as TocoApp, theme } from '@df/toco-ui';
+import { ConfigProvider, App as TocoApp, theme, ProConfigProvider } from '@toco-design/components';
 import { Router } from '@remix-run/router';
 import enUS from 'antd/locale/en_US';
 import zhCN from 'antd/locale/zh_CN';
@@ -60,9 +60,10 @@ const AppInternal: React.FC<{ router: Router }> = (props) => {
       <ConfigProvider
         locale={antdLocaleMap[locale]}
         theme={themeConfig}
-        valueTypeMap={customValueTypeMap}
       >
+        <ProConfigProvider valueTypeMap={customValueTypeMap}>
           <RouterProvider router={router} />
+        </ProConfigProvider>
       </ConfigProvider>
     </IntlProvider>
   );

src/app/message.ts

@@ -2,7 +2,7 @@
  * 带主题等上下文的、可全局使用的message api
  * toco-ui/antd 组件库的message无法直接全局使用，主题上下文会丢失
  */
-import { message as tocoMessage } from '@df/toco-ui';
+import { message as tocoMessage } from '@toco-design/components';
 
 type Message = ReturnType<typeof tocoMessage.useMessage>[0];
 

src/index.tsx

@@ -1,5 +1,5 @@
 import '@/style/index.css';
-import { tocoGlobal } from '@df/toco-ui';
+import { tocoGlobal } from '@toco-design/components';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './app';

src/layout/index.tsx

@@ -1,7 +1,7 @@
 import { Theme } from '@/app/enum';
 import { useAppSelector } from '@/app/hooks';
 import { SettingOutlined } from '@ant-design/icons';
-import { Button, Image, Popover } from '@df/toco-ui';
+import { Button, Image, Popover } from '@toco-design/components';
 import classNames from 'classnames';
 import { useMemo } from 'react';
 import styles from './index.module.css';

src/layout/layouts/HeaderOnly.tsx

@@ -1,6 +1,6 @@
 import { Theme } from '@/app/enum';
 import { routerConfig } from '@/router';
-import { Layout, Menu, MenuProps } from '@df/toco-ui';
+import { Layout, Menu, MenuProps } from '@toco-design/components';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Outlet, useMatches, useNavigate } from 'react-router-dom';
 import { LayoutProps } from '.';

src/layout/layouts/HeaderSider.tsx

@@ -1,6 +1,6 @@
 import { Theme } from '@/app/enum';
 import { routerConfig } from '@/router';
-import { Layout, Menu, MenuProps } from '@df/toco-ui';
+import { Layout, Menu, MenuProps } from '@toco-design/components';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Outlet, useMatches, useNavigate } from 'react-router-dom';
 import { LayoutProps } from '.';

src/layout/layouts/SiderOnly.tsx

@@ -1,6 +1,6 @@
 import { Theme } from '@/app/enum';
 import { routerConfig } from '@/router';
-import { Layout, Menu, MenuProps } from '@df/toco-ui';
+import { Layout, Menu, MenuProps } from '@toco-design/components';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Outlet, useMatches, useNavigate } from 'react-router-dom';
 import { LayoutProps } from '.';

src/layout/layouts/utils.ts

@@ -1,5 +1,5 @@
 import { RootRoute } from '@/router';
-import { MenuProps } from '@df/toco-ui';
+import { MenuProps } from '@toco-design/components';
 import { parse } from 'path-to-regexp';
 import { UIMatch } from 'react-router-dom';
 

src/layout/settings/index.tsx

@@ -6,7 +6,7 @@ import {
 } from '@/app/common';
 import { Locale, Theme } from '@/app/enum';
 import { useAppDispatch, useAppSelector } from '@/app/hooks';
-import { Radio, RadioChangeEvent, Tooltip } from '@df/toco-ui';
+import { Radio, RadioChangeEvent, Tooltip } from '@toco-design/components';
 import React, { useCallback } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 import ColorContainer, { changeColor } from './color';

src/layout/spin/index.tsx

@@ -1,4 +1,4 @@
-import { Spin as AntSpin, SpinProps } from '@df/toco-ui';
+import { Spin as AntSpin, SpinProps } from '@toco-design/components';
 const Spin = (props: SpinProps) => {
   const { size = 'default' } = props;
   const sizeMap = {