feat: New Component - XProvider (#127)

* refactor: use XConfigProvider instead of ConfigProvider.

docs: update all markdown
test: update all test
docs: update changelog

* fix: ci error.

* refactor: rename XConfigProvider -> XProvider

* fix: ComponentMeta use @ant-design/x instead of antd

* fix: component source url.

* fix: edit branchUrl.

* fix: comment out mirror.

* chore: update XProvider demo

* refactor: add useXComponentConfig to instead mergeStyles

* docs: update API and Component Config for XProvider

* refactor: useXComponentConfig

* chore: rename file

* fix: ts lint error

* refactor: defaultXComponentStyleConfig

.dumi/components/SemanticPreview.tsx

@@ -1,4 +1,5 @@
-import { Col, ConfigProvider, Flex, Row, Tag, Typography, theme } from 'antd';
+import { XProvider } from '@ant-design/x';
+import { Col, Flex, Row, Tag, Typography, theme } from 'antd';
 import { createStyles, css } from 'antd-style';
 import classnames from 'classnames';
 import React from 'react';
@@ -137,7 +138,7 @@ const SemanticPreview: React.FC<SemanticPreviewProps> = (props) => {
     <div className={classnames(styles.container)} ref={containerRef}>
       <Row style={{ minHeight: height }}>
         <Col span={16} className={classnames(styles.colWrap)}>
-          <ConfigProvider theme={{ token: { motion: false } }}>{cloneNode}</ConfigProvider>
+          <XProvider theme={{ token: { motion: false } }}>{cloneNode}</XProvider>
         </Col>
         <Col span={8}>
           <ul className={classnames(styles.listWrap)}>

.dumi/hooks/useMenu.tsx

@@ -1,5 +1,6 @@
+import { version } from '@ant-design/x';
 import type { MenuProps } from 'antd';
-import { Space, Tag, version } from 'antd';
+import { Space, Tag } from 'antd';
 import { createStyles } from 'antd-style';
 import classnames from 'classnames';
 import { useFullSidebarData, useSidebarData } from 'dumi';