feat: New Component Watermark (#39064)

* feat: New Component Watermark

* docs: add watermark docs

* docs: add watermark demo

* test: add watermark test

* test: add watermark snapshot

* chore: add jest-canvas-mock

* feat: Watermark calculates the width and height of content by default

* docs: update docs

* docs: update demo

* test: update snapshot

* docs: update docs

* chore: update bundlesize

* chore: Optimize code logic

* chore: update size-limit

* test: update watermark snapshot

.jest.js

@@ -34,7 +34,7 @@ function getTestRegex(libDir) {
 module.exports = {
   verbose: true,
   testEnvironment: 'jsdom',
-  setupFiles: ['./tests/setup.js'],
+  setupFiles: ['./tests/setup.js', 'jest-canvas-mock'],
   setupFilesAfterEnv: ['./tests/setupAfterEnv.ts'],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'md'],
   modulePathIgnorePatterns: ['/_site/'],

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

@@ -67,6 +67,7 @@ exports[`antd exports modules correctly 1`] = `
   "TreeSelect",
   "Typography",
   "Upload",
+  "Watermark",
   "message",
   "notification",
   "theme",

components/index.tsx

@@ -150,6 +150,8 @@ 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 Watermark } from './watermark';
+export type { WatermarkProps } from './watermark';
 export { default as QRCode } from './qrcode';
 export type { QRCodeProps, QRPropsCanvas } from './qrcode/interface';
 export { default as version } from './version';