feat(ConfigProvider): new components (#574)

* feat(ConfigProvider): new components

* fix(site): fix md rendering errors

* test: update snapshots

* fix: fix builde error

Author: anlyyao

site/mobile/mobile.config.js

@@ -292,5 +292,10 @@ export default {
       name: 'color-picker',
       component: () => import('tdesign-mobile-react/color-picker/_example/index.tsx'),
     },
+    {
+      title: 'ConfigProvider 全局特性配置',
+      name: 'config-provider',
+      component: () => import('tdesign-mobile-react/config-provider/_example/index.tsx'),
+    },
   ],
 };

site/plugin-tdoc/md-to-react.js

@@ -190,7 +190,7 @@ function customRender({ source, file, md }) {
   let [demoMd = '', apiMd = ''] = content.split(pageData.apiFlag);
 
   // fix table | render error
-  demoMd = demoMd.replace(/`([^`]+)`/g, (str, codeStr) => {
+  demoMd = demoMd.replace(/`([^`\r\n]+)`/g, (str, codeStr) => {
     codeStr = codeStr.replace(/"/g, "'");
     return `<td-code text="${codeStr}"></td-code>`;
   });

site/vite.config.js

@@ -25,6 +25,7 @@ export default ({ mode }) =>
         '@doc': path.resolve(__dirname, './doc'),
         '@components': path.resolve(__dirname, './src/components'),
         '@common': path.resolve(__dirname, '../src/_common'),
+        'tdesign-mobile-react/es': path.resolve(__dirname, '../src'),
         'tdesign-mobile-react': path.resolve(__dirname, '../src'),
         '@test/utils': path.resolve(__dirname, '../test/utils'),
       },

site/web/site.config.js

@@ -24,6 +24,18 @@ export default {
         },
       ],
     },
+    {
+      title: '全局配置',
+      type: 'component',
+      children: [
+        {
+          title: '全局特性配置',
+          name: 'button',
+          path: '/mobile-react/components/config-provider',
+          component: () => import('tdesign-mobile-react/config-provider/config-provider.md'),
+        },
+      ],
+    },
     {
       title: '基础组件',
       type: 'component', // 组件文档

src/_common

@@ -5,7 +5,7 @@ import smoothscroll from 'smoothscroll-polyfill';
 import { isString } from 'lodash-es';
 import { Icon } from 'tdesign-icons-react';
 import withNativeProps, { NativeProps } from '../_util/withNativeProps';
-import useConfig from '../_util/useConfig';
+import useConfig from '../hooks/useConfig';
 import { TdBackTopProps } from './type';
 
 export type ThemeList = 'round' | 'half-round' | 'round-dark' | 'half-round-dark';

src/_util/useConfig.ts

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import classnames from 'classnames';
 import TLoading from '../loading';
-import useConfig from '../_util/useConfig';
+import useConfig from '../hooks/useConfig';
 import parseTNode from '../_util/parseTNode';
 import { TdButtonProps } from './type';
 import { buttonDefaultProps } from './defaultProps';

src/back-top/Backtop.tsx

@@ -9,7 +9,7 @@ import { cellDefaultProps } from './defaultProps';
 import withNativeProps, { NativeProps } from '../_util/withNativeProps';
 import useDefaultProps from '../hooks/useDefaultProps';
 import useHover from '../hooks/useHover';
-import useConfig from '../_util/useConfig';
+import useConfig from '../hooks/useConfig';
 
 export interface CellProps extends TdCellProps, NativeProps {}
 

src/button/Button.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
-import useConfig from '../_util/useConfig';
+import useConfig from '../hooks/useConfig';
 import { TdCellGroupProps } from './type';
 import { cellGroupDefaultProps } from './defaultProps';
 import withNativeProps, { NativeProps } from '../_util/withNativeProps';