feat: New Component QRCode

components/__tests__/__snapshots__/index.test.ts.snap

@@ -40,6 +40,7 @@ exports[`antd exports modules correctly 1`] = `
   "Popconfirm",
   "Popover",
   "Progress",
+  "QRCode",
   "Radio",
   "Rate",
   "Result",

components/index.tsx

@@ -149,4 +149,6 @@ export { default as Typography } from './typography';
 export type { TypographyProps } from './typography';
 export { default as Upload } from './upload';
 export type { UploadFile, UploadProps } from './upload';
+export { default as QRCode } from './qrcode';
+export type { QRCodeProps, QRPropsCanvas } from './qrcode/interface';
 export { default as version } from './version';

components/locale-provider/index.tsx

@@ -46,6 +46,10 @@ export interface Locale {
   Image?: {
     preview: string;
   };
+  QRCode?: {
+    expired: string;
+    refresh: string;
+  };
 }
 
 export interface LocaleProviderProps {

components/locale/en_US.tsx

@@ -136,6 +136,10 @@ const localeValues: Locale = {
   Image: {
     preview: 'Preview',
   },
+  QRCode: {
+    expired: 'QRCode is expired',
+    refresh: 'click refresh',
+  },
 };
 
 export default localeValues;

components/locale/zh_CN.tsx

@@ -136,6 +136,10 @@ const localeValues: Locale = {
   Image: {
     preview: '预览',
   },
+  QRCode: {
+    expired: '二维码过期',
+    refresh: '点击刷新',
+  },
 };
 
 export default localeValues;

components/mentions/index.en-US.md

@@ -68,7 +68,7 @@ return <Mentions options={options} />;
 | onResize | The callback function that is triggered when textarea resize | function({ width, height }) | - |  |
 | onSearch | Trigger when prefix hit | (text: string, prefix: string) => void | - |  |
 | onSelect | Trigger when user select the option | (option: OptionProps, prefix: string) => void | - |  |
-| options | Option Configuration | [Options](#Option) | \[] | 5.1.0       |
+| options | Option Configuration | [Options](#Option) | \[] | 5.1.0 |
 
 ### Mention methods
 
@@ -79,10 +79,10 @@ return <Mentions options={options} />;
 
 ### Option
 
-| Property | Description | Type | Default |
-| --- | --- | --- | --- |
-| label | Title of the option | React.ReactNode | - |
-| key | The key value of the option | string | - |
-| disabled | Optional | boolean | - |
-| className | className | string | - |
-| style | The style of the option | React.CSSProperties | - |
+| Property  | Description                 | Type                | Default |
+| --------- | --------------------------- | ------------------- | ------- |
+| label     | Title of the option         | React.ReactNode     | -       |
+| key       | The key value of the option | string              | -       |
+| disabled  | Optional                    | boolean             | -       |
+| className | className                   | string              | -       |
+| style     | The style of the option     | React.CSSProperties | -       |

components/modal/style/index.tsx

@@ -297,7 +297,7 @@ const genModalConfirmStyle: GenerateStyle<ModalToken> = (token) => {
 
           [`+ ${confirmComponentCls}-content`]: {
             marginBlockStart: token.marginXS,
-            flexBasis: "100%",
+            flexBasis: '100%',
           },
         },