mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 17:44:35 +08:00
1 line
53 KiB
JavaScript
1 line
53 KiB
JavaScript
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["e96f28ce"],{a80b8b91:function(e,t,r){"use strict";r.d(t,"__esModule",{value:!0}),r.d(t,"texts",{enumerable:!0,get:function(){return s;}}),r("25620dab");let s=[{value:"\u9875\u9762\u9700\u8981\u6DFB\u52A0\u6C34\u5370\u6807\u8BC6\u7248\u6743\u65F6\u4F7F\u7528\u3002",paraId:0,tocIndex:0},{value:"\u9002\u7528\u4E8E\u9632\u6B62\u4FE1\u606F\u76D7\u7528\u3002",paraId:0,tocIndex:0},{value:"\u901A\u7528\u5C5E\u6027\u53C2\u8003\uFF1A",paraId:1,tocIndex:7},{value:"\u901A\u7528\u5C5E\u6027",paraId:2,tocIndex:7},{value:"\u81EA ",paraId:3,tocIndex:7},{value:"antd@5.1.0",paraId:3,tocIndex:7},{value:" \u7248\u672C\u5F00\u59CB\u63D0\u4F9B\u8BE5\u7EC4\u4EF6\u3002",paraId:3,tocIndex:7},{value:"\u53C2\u6570",paraId:4,tocIndex:8},{value:"\u8BF4\u660E",paraId:4,tocIndex:8},{value:"\u7C7B\u578B",paraId:4,tocIndex:8},{value:"\u9ED8\u8BA4\u503C",paraId:4,tocIndex:8},{value:"\u7248\u672C",paraId:4,tocIndex:8},{value:"width",paraId:4,tocIndex:8},{value:"\u6C34\u5370\u7684\u5BBD\u5EA6\uFF0C",paraId:4,tocIndex:8},{value:"content",paraId:4,tocIndex:8},{value:" \u7684\u9ED8\u8BA4\u503C\u4E3A\u81EA\u8EAB\u7684\u5BBD\u5EA6",paraId:4,tocIndex:8},{value:"number",paraId:4,tocIndex:8},{value:"120",paraId:4,tocIndex:8},{value:"height",paraId:4,tocIndex:8},{value:"\u6C34\u5370\u7684\u9AD8\u5EA6\uFF0C",paraId:4,tocIndex:8},{value:"content",paraId:4,tocIndex:8},{value:" \u7684\u9ED8\u8BA4\u503C\u4E3A\u81EA\u8EAB\u7684\u9AD8\u5EA6",paraId:4,tocIndex:8},{value:"number",paraId:4,tocIndex:8},{value:"64",paraId:4,tocIndex:8},{value:"inherit",paraId:4,tocIndex:8},{value:"\u662F\u5426\u5C06\u6C34\u5370\u4F20\u5BFC\u7ED9\u5F39\u51FA\u7EC4\u4EF6\u5982 Modal\u3001Drawer",paraId:4,tocIndex:8},{value:"boolean",paraId:4,tocIndex:8},{value:"true",paraId:4,tocIndex:8},{value:"5.11.0",paraId:4,tocIndex:8},{value:"rotate",paraId:4,tocIndex:8},{value:"\u6C34\u5370\u7ED8\u5236\u65F6\uFF0C\u65CB\u8F6C\u7684\u89D2\u5EA6\uFF0C\u5355\u4F4D ",paraId:4,tocIndex:8},{value:"\xb0",paraId:4,tocIndex:8},{value:"number",paraId:4,tocIndex:8},{value:"-22",paraId:4,tocIndex:8},{value:"zIndex",paraId:4,tocIndex:8},{value:"\u8FFD\u52A0\u7684\u6C34\u5370\u5143\u7D20\u7684 z-index",paraId:4,tocIndex:8},{value:"number",paraId:4,tocIndex:8},{value:"9",paraId:4,tocIndex:8},{value:"image",paraId:4,tocIndex:8},{value:"\u56FE\u7247\u6E90\uFF0C\u5EFA\u8BAE\u5BFC\u51FA 2 \u500D\u6216 3 \u500D\u56FE\uFF0C\u4F18\u5148\u7EA7\u9AD8 (\u652F\u6301 base64 \u683C\u5F0F)",paraId:4,tocIndex:8},{value:"string",paraId:4,tocIndex:8},{value:"-",paraId:4,tocIndex:8},{value:"content",paraId:4,tocIndex:8},{value:"\u6C34\u5370\u6587\u5B57\u5185\u5BB9",paraId:4,tocIndex:8},{value:"string | string[]",paraId:4,tocIndex:8},{value:"-",paraId:4,tocIndex:8},{value:"font",paraId:4,tocIndex:8},{value:"\u6587\u5B57\u6837\u5F0F",paraId:4,tocIndex:8},{value:"Font",paraId:5,tocIndex:8},{value:"Font",paraId:6,tocIndex:8},{value:"gap",paraId:4,tocIndex:8},{value:"\u6C34\u5370\u4E4B\u95F4\u7684\u95F4\u8DDD",paraId:4,tocIndex:8},{value:"[number, number]",paraId:4,tocIndex:8},{value:"[100, 100]",paraId:4,tocIndex:8},{value:"offset",paraId:4,tocIndex:8},{value:"\u6C34\u5370\u8DDD\u79BB\u5BB9\u5668\u5DE6\u4E0A\u89D2\u7684\u504F\u79FB\u91CF\uFF0C\u9ED8\u8BA4\u4E3A ",paraId:4,tocIndex:8},{value:"gap/2",paraId:4,tocIndex:8},{value:"[number, number]",paraId:4,tocIndex:8},{value:"[gap[0]/2, gap[1]/2]",paraId:4,tocIndex:8},{value:"\u53C2\u6570",paraId:7,tocIndex:9},{value:"\u8BF4\u660E",paraId:7,tocIndex:9},{value:"\u7C7B\u578B",paraId:7,tocIndex:9},{value:"\u9ED8\u8BA4\u503C",paraId:7,tocIndex:9},{value:"\u7248\u672C",paraId:7,tocIndex:9},{value:"color",paraId:7,tocIndex:9},{value:"\u5B57\u4F53\u989C\u8272",paraId:7,tocIndex:9},{value:"CanvasFillStrokeStyles.fillStyle",paraId:7,tocIndex:9},{value:"rgba(0,0,0,.15)",paraId:7,tocIndex:9},{value:"fontSize",paraId:7,tocIndex:9},{value:"\u5B57\u4F53\u5927\u5C0F",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"16",paraId:7,tocIndex:9},{value:"fontWeight",paraId:7,tocIndex:9},{value:"\u5B57\u4F53\u7C97\u7EC6",paraId:7,tocIndex:9},{value:"normal",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"light",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"weight",paraId:7,tocIndex:9},{value:" | number",paraId:7,tocIndex:9},{value:"normal",paraId:7,tocIndex:9},{value:"fontFamily",paraId:7,tocIndex:9},{value:"\u5B57\u4F53\u7C7B\u578B",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:"sans-serif",paraId:7,tocIndex:9},{value:"fontStyle",paraId:7,tocIndex:9},{value:"\u5B57\u4F53\u6837\u5F0F",paraId:7,tocIndex:9},{value:"none",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"normal",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"italic",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"oblique",paraId:7,tocIndex:9},{value:"normal",paraId:7,tocIndex:9},{value:"textAlign",paraId:7,tocIndex:9},{value:"\u6307\u5B9A\u6587\u672C\u5BF9\u9F50\u65B9\u5411",paraId:7,tocIndex:9},{value:"CanvasTextAlign",paraId:7,tocIndex:9},{value:"center",paraId:7,tocIndex:9},{value:"5.10.0",paraId:7,tocIndex:9},{value:"\u5F53\u4F7F\u7528\u56FE\u7247\u6C34\u5370\u4E14\u56FE\u7247\u52A0\u8F7D\u5F02\u5E38\u65F6\uFF0C\u53EF\u4EE5\u540C\u65F6\u6DFB\u52A0 ",paraId:8,tocIndex:12},{value:"content",paraId:8,tocIndex:12},{value:" \u9632\u6B62\u6C34\u5370\u5931\u6548\uFF08\u81EA 5.2.3 \u5F00\u59CB\u652F\u6301\uFF09\u3002",paraId:8,tocIndex:12},{value:'<Watermark\n height={30}\n width={130}\n content="Ant Design"\n image="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*lkAoRbywo0oAAAAAAAAAAAAADrJ8AQ/original"\n>\n <div style={{ height: 500 }} />\n</Watermark>\n',paraId:9,tocIndex:12},{value:"overflow: hidden",paraId:10},{value:"\u5728\u4E4B\u524D\u7248\u672C\uFF0C\u7528\u6237\u53EF\u4EE5\u901A\u8FC7\u5F00\u53D1\u8005\u5DE5\u5177\u5C06\u5BB9\u5668\u9AD8\u5EA6\u8BBE\u7F6E\u4E3A 0 \u6765\u9690\u85CF\u6C34\u5370\uFF0C\u4E3A\u4E86\u907F\u514D\u8FD9\u79CD\u60C5\u51B5\uFF0C\u6211\u4EEC\u5728\u5BB9\u5668\u4E0A\u6DFB\u52A0\u4E86 ",paraId:11,tocIndex:13},{value:"overflow: hidden",paraId:11,tocIndex:13},{value:" \u6837\u5F0F\u3002\u5F53\u5BB9\u5668\u9AD8\u5EA6\u53D8\u5316\u65F6\uFF0C\u5219\u5185\u5BB9\u4E5F\u4E00\u540C\u88AB\u9690\u85CF\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7\u8986\u76D6\u6837\u5F0F\u6765\u4FEE\u6539\u8FD9\u4E2A\u884C\u4E3A\uFF1A",paraId:11,tocIndex:13},{value:"<Watermark style={{ overflow: 'visible' }} />\n",paraId:12,tocIndex:13}];},e96f28ce:function(e,t,r){"use strict";r.d(t,"__esModule",{value:!0}),r.d(t,"default",{enumerable:!0,get:function(){return h;}});var s=r("777fffbe"),n=r("f19d2b93"),a=s._(r("b622e337")),i=s._(r("67074e5d")),o=s._(r("3098b24f")),c=s._(r("84b131b4")),l=s._(r("97c488ea")),d=s._(r("c96b0d01")),p=r("5b220c3d"),m=r("9c86e52a"),u=r("a80b8b91"),h=function(){return(0,n.jsx)(m.DumiPage,{children:(0,n.jsx)(p.Suspense,{fallback:(0,n.jsx)(d.default,{}),children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsxs)("h2",{id:"when-to-use",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#when-to-use",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"\u4F55\u65F6\u4F7F\u7528"]}),(0,n.jsxs)("ul",{children:[(0,n.jsx)("li",{children:u.texts[0].value}),(0,n.jsx)("li",{children:u.texts[1].value})]}),(0,n.jsxs)("h2",{id:"\u4EE3\u7801\u6F14\u793A",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4EE3\u7801\u6F14\u793A",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"\u4EE3\u7801\u6F14\u793A"]})]}),(0,n.jsx)(c.default,{items:[{demo:{id:"watermark-demo-basic"},previewerProps:{title:"\u57FA\u672C",filename:"components/watermark/demo/basic.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Watermark } from 'antd';\nconst App = () => (\n <Watermark content=\"Ant Design\">\n <div style={{ height: 500 }} />\n </Watermark>\n);\nexport default App;\n",description:"<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002</p>"}},{demo:{id:"watermark-demo-multi-line"},previewerProps:{title:"\u591A\u884C\u6C34\u5370",filename:"components/watermark/demo/multi-line.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Watermark } from 'antd';\nconst App = () => (\n <Watermark content={['Ant Design', 'Happy Working']}>\n <div style={{ height: 500 }} />\n </Watermark>\n);\nexport default App;\n",description:"<p>\u901A\u8FC7 <code>content</code> \u8BBE\u7F6E \u5B57\u7B26\u4E32\u6570\u7EC4 \u6307\u5B9A\u591A\u884C\u6587\u5B57\u6C34\u5370\u5185\u5BB9\u3002</p>"}},{demo:{id:"watermark-demo-image"},previewerProps:{title:"\u56FE\u7247\u6C34\u5370",filename:"components/watermark/demo/image.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:"import React from 'react';\nimport { Watermark } from 'antd';\nconst App = () => (\n <Watermark\n height={30}\n width={130}\n image=\"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*lkAoRbywo0oAAAAAAAAAAAAADrJ8AQ/original\"\n >\n <div style={{ height: 500 }} />\n </Watermark>\n);\nexport default App;\n",description:"<p>\u901A\u8FC7 <code>image</code> \u6307\u5B9A\u56FE\u7247\u5730\u5740\u3002\u4E3A\u4FDD\u8BC1\u56FE\u7247\u9AD8\u6E05\u4E14\u4E0D\u88AB\u62C9\u4F38\uFF0C\u8BF7\u8BBE\u7F6E width \u548C height, \u5E76\u4E0A\u4F20\u81F3\u5C11\u4E24\u500D\u7684\u5BBD\u9AD8\u7684 logo \u56FE\u7247\u5730\u5740\u3002</p>"}},{demo:{id:"watermark-demo-custom"},previewerProps:{title:"\u81EA\u5B9A\u4E49\u914D\u7F6E",filename:"components/watermark/demo/custom.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React, { useState } from \'react\';\nimport { ColorPicker, Flex, Form, Input, InputNumber, Slider, Typography, Watermark } from \'antd\';\nconst { Paragraph } = Typography;\nconst App = () => {\n const [form] = Form.useForm();\n const [config, setConfig] = useState({\n content: \'Ant Design\',\n color: \'rgba(0, 0, 0, 0.15)\',\n fontSize: 16,\n zIndex: 11,\n rotate: -22,\n gap: [100, 100],\n offset: undefined,\n });\n const { content, color, fontSize, zIndex, rotate, gap, offset } = config;\n const watermarkProps = {\n content,\n zIndex,\n rotate,\n gap,\n offset,\n font: { color: typeof color === \'string\' ? color : color.toRgbString(), fontSize },\n };\n return (\n <Flex gap="middle">\n <Watermark {...watermarkProps}>\n <Typography>\n <Paragraph>\n The light-speed iteration of the digital world makes products more complex. However,\n human consciousness and attention resources are limited. Facing this design\n contradiction, the pursuit of natural interaction will be the consistent direction of\n Ant Design.\n </Paragraph>\n <Paragraph>\n Natural user cognition: According to cognitive psychology, about 80% of external\n information is obtained through visual channels. The most important visual elements in\n the interface design, including layout, colors, illustrations, icons, etc., should fully\n absorb the laws of nature, thereby reducing the user's cognitive cost and bringing\n authentic and smooth feelings. In some scenarios, opportunely adding other sensory\n channels such as hearing, touch can create a richer and more natural product experience.\n </Paragraph>\n <Paragraph>\n Natural user behavior: In the interaction with the system, the designer should fully\n understand the relationship between users, system roles, and task objectives, and also\n contextually organize system functions and services. At the same time, a series of\n methods such as behavior analysis, artificial intelligence and sensors could be applied\n to assist users to make effective decisions and reduce extra operations of users, to\n save users' mental and physical resources and make human-computer interaction more\n natural.\n </Paragraph>\n </Typography>\n <img\n style={{ zIndex: 10, width: \'100%\', maxWidth: 800, position: \'relative\' }}\n src="https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*zx7LTI_ECSAAAAAAAAAAAABkARQnAQ"\n alt="img"\n />\n </Watermark>\n <Form\n style={{ width: 280, flexShrink: 0, borderLeft: \'1px solid #eee\', paddingInlineStart: 16 }}\n form={form}\n layout="vertical"\n initialValues={config}\n onValuesChange={(_, values) => {\n setConfig(values);\n }}\n >\n <Form.Item name="content" label="Content">\n <Input placeholder="\u8BF7\u8F93\u5165" />\n </Form.Item>\n <Form.Item name="color" label="Color">\n <ColorPicker />\n </Form.Item>\n <Form.Item name="fontSize" label="FontSize">\n <Slider step={1} min={1} max={100} />\n </Form.Item>\n <Form.Item name="zIndex" label="zIndex">\n <Slider step={1} min={0} max={100} />\n </Form.Item>\n <Form.Item name="rotate" label="Rotate">\n <Slider step={1} min={-180} max={180} />\n </Form.Item>\n <Form.Item label="Gap" style={{ marginBottom: 0 }}>\n <Flex gap="small">\n <Form.Item name={[\'gap\', 0]}>\n <InputNumber placeholder="gapX" style={{ width: \'100%\' }} />\n </Form.Item>\n <Form.Item name={[\'gap\', 1]}>\n <InputNumber placeholder="gapY" style={{ width: \'100%\' }} />\n </Form.Item>\n </Flex>\n </Form.Item>\n <Form.Item label="Offset" style={{ marginBottom: 0 }}>\n <Flex gap="small">\n <Form.Item name={[\'offset\', 0]}>\n <InputNumber placeholder="offsetLeft" style={{ width: \'100%\' }} />\n </Form.Item>\n <Form.Item name={[\'offset\', 1]}>\n <InputNumber placeholder="offsetTop" style={{ width: \'100%\' }} />\n </Form.Item>\n </Flex>\n </Form.Item>\n </Form>\n </Flex>\n );\n};\nexport default App;\n',description:"<p>\u901A\u8FC7\u81EA\u5B9A\u4E49\u53C2\u6570\u914D\u7F6E\u9884\u89C8\u6C34\u5370\u6548\u679C\u3002</p>"}},{demo:{id:"watermark-demo-portal"},previewerProps:{title:"Modal \u4E0E Drawer",filename:"components/watermark/demo/portal.tsx",pkgDependencyList:{"@ant-design/compatible":"^5.1.3","@ant-design/happy-work-theme":"^1.0.0","@ant-design/tools":"^18.0.3","@ant-design/v5-patch-for-react-19":"^1.0.2","@antfu/eslint-config":"^4.0.0","@antv/g6":"^4.8.24","@biomejs/biome":"^1.9.4","@codecov/webpack-plugin":"^1.4.0","@codesandbox/sandpack-react":"^2.19.10","@dnd-kit/core":"^6.2.0","@dnd-kit/modifiers":"^9.0.0","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@emotion/css":"^11.13.5","@emotion/react":"^11.13.5","@emotion/server":"^11.11.0","@eslint-react/eslint-plugin":"^1.17.1","@ianvs/prettier-plugin-sort-imports":"^4.4.0","@inquirer/prompts":"^7.1.0","@madccc/duplicate-package-checker-webpack-plugin":"^1.0.0","@microflash/rehype-figure":"^2.1.1","@npmcli/run-script":"^9.0.1","@octokit/rest":"^22.0.0","@prettier/sync":"^0.5.4","@qixian.cs/github-contributors-list":"^2.0.2","@size-limit/file":"^11.1.6","@stackblitz/sdk":"^1.11.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.6.3","@testing-library/react":"^16.0.1","@testing-library/user-event":"^14.5.2","@types/adm-zip":"^0.5.6","@types/ali-oss":"^6.16.11","@types/cli-progress":"^3.11.6","@types/css-tree":"^2.3.10","@types/fs-extra":"^11.0.4","@types/gtag.js":"^0.0.20","@types/http-server":"^0.12.4","@types/isomorphic-fetch":"^0.0.39","@types/jest":"^29.5.13","@types/jest-axe":"^3.5.9","@types/jest-environment-puppeteer":"^5.0.6","@types/jest-image-snapshot":"^6.4.0","@types/jquery":"^3.5.31","@types/jsdom":"^21.1.7","@types/lodash":"^4.17.12","@types/minimist":"^1.2.5","@types/node":"^22.10.1","@types/nprogress":"^0.2.3","@types/pixelmatch":"^5.2.6","@types/pngjs":"^6.0.5","@types/prismjs":"^1.26.4","@types/progress":"^2.0.7","@types/react":"^19.0.1","@types/react-copy-to-clipboard":"^5.0.7","@types/react-dom":"^19.0.2","@types/react-highlight-words":"^0.20.0","@types/react-resizable":"^3.0.8","@types/semver":"^7.5.8","@types/spinnies":"^0.5.3","@types/tar":"^6.1.13","@types/throttle-debounce":"^5.0.2","@types/warning":"^3.0.3","adm-zip":"^0.5.16","ali-oss":"^6.21.0","antd-img-crop":"^4.23.0","antd-style":"^3.7.1","antd-token-previewer":"^2.0.8",axios:"^1.7.7",chalk:"^5.0.0",cheerio:"^1.0.0","circular-dependency-plugin":"^5.2.2","cli-progress":"^3.12.0","cross-env":"^7.0.3","cross-fetch":"^4.0.0","css-tree":"^3.1.0","csstree-validator":"^4.0.1","cypress-image-diff-html-report":"2.2.0",dekko:"^0.2.1",dotenv:"^16.4.5",dumi:"~2.4.20","dumi-plugin-color-chunk":"^2.1.0","env-paths":"^3.0.0",eslint:"^9.23.0","eslint-plugin-compat":"^6.0.1","eslint-plugin-jest":"^28.9.0","eslint-plugin-jsx-a11y":"^6.10.0","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.14","fast-glob":"^3.3.2","fs-extra":"^11.2.0","gh-pages":"^6.2.0","github-slugger":"^2.0.0",glob:"^11.0.0","hast-util-to-string":"^3.0.1",html2sketch:"^1.0.2","http-server":"^14.1.1",husky:"^9.1.6","identity-obj-proxy":"^3.0.0",immer:"^10.1.1","is-ci":"^4.0.0","isomorphic-fetch":"^3.0.0",jest:"^29.7.0","jest-axe":"^10.0.0","jest-canvas-mock":"^2.5.2","jest-environment-jsdom":"^29.7.0","jest-environment-node":"^29.7.0","jest-image-snapshot":"^6.4.0","jest-puppeteer":"^11.0.0",jquery:"^3.7.1",jsdom:"^26.0.0","jsonml-to-react-element":"^1.1.11","jsonml.js":"^0.1.0","lint-staged":"^16.0.0",lodash:"^4.17.21","lunar-typescript":"^1.7.5","lz-string":"^1.5.0",minimist:"^1.2.8",mockdate:"^3.0.5","node-fetch":"^3.3.2","node-notifier":"^10.0.1",open:"^10.1.0",ora:"^8.1.0","p-all":"^5.0.0","package-manager-detector":"^1.0.0",pixelmatch:"^7.1.0",pngjs:"^7.0.0",prettier:"^3.4.1","pretty-format":"^29.7.0",prismjs:"^1.29.0",puppeteer:"^24.7.1","rc-footer":"^0.6.8","rc-tween-one":"^3.0.6","rc-virtual-list":"^3.17.0",react:"^19.1.0","react-copy-to-clipboard":"^5.1.0","react-countup":"^6.5.3","react-dom":"^19.1.0","react-draggable":"^4.4.6","react-fast-marquee":"^1.6.5","react-highlight-words":"^0.21.0","react-icons":"^5.4.0","react-infinite-scroll-component":"^6.1.0","react-intersection-observer":"^9.13.1","react-resizable":"^3.0.5","react-router-dom":"^7.0.1","react-scan":"^0.3.0","react-sticky-box":"^2.0.5","regenerator-runtime":"^0.14.1","rehype-stringify":"^10.0.1",remark:"^15.0.1","remark-cli":"^12.0.1","remark-gfm":"^4.0.0","remark-lint":"^10.0.0","remark-lint-no-undefined-references":"^5.0.0","remark-preset-lint-recommended":"^7.0.0","remark-rehype":"^11.1.1",rimraf:"^6.0.1",runes2:"^1.1.4",semver:"^7.6.3",sharp:"^0.34.0","simple-git":"^3.27.0","size-limit":"^11.1.6",spinnies:"^0.5.1",tar:"^7.4.3","tar-fs":"^3.0.6",terser:"^5.36.0",tsx:"^4.19.2",typedoc:"^0.28.0",typescript:"~5.8.2","vanilla-jsoneditor":"^3.0.0","vanilla-tilt":"^1.8.1",webpack:"^5.97.1","webpack-bundle-analyzer":"^4.10.2","xhr-mock":"^2.5.1","@ant-design/colors":"^7.2.1","@ant-design/cssinjs":"^1.23.0","@ant-design/cssinjs-utils":"^1.1.3","@ant-design/fast-color":"^2.0.6","@ant-design/icons":"^5.6.1","@ant-design/react-slick":"~1.1.2","@babel/runtime":"^7.26.0","@rc-component/color-picker":"~2.0.1","@rc-component/mutate-observer":"^1.1.0","@rc-component/qrcode":"~1.0.0","@rc-component/tour":"~1.15.1","@rc-component/trigger":"^2.2.6",classnames:"^2.5.1","copy-to-clipboard":"^3.3.3",dayjs:"^1.11.11","rc-cascader":"~3.34.0","rc-checkbox":"~3.5.0","rc-collapse":"~3.9.0","rc-dialog":"~9.6.0","rc-drawer":"~7.3.0","rc-dropdown":"~4.2.1","rc-field-form":"~2.7.0","rc-image":"~7.12.0","rc-input":"~1.8.0","rc-input-number":"~9.5.0","rc-mentions":"~2.20.0","rc-menu":"~9.16.1","rc-motion":"^2.9.5","rc-notification":"~5.6.4","rc-pagination":"~5.1.0","rc-picker":"~4.11.3","rc-progress":"~4.0.0","rc-rate":"~2.13.1","rc-resize-observer":"^1.4.3","rc-segmented":"~2.7.0","rc-select":"~14.16.8","rc-slider":"~11.1.8","rc-steps":"~6.0.1","rc-switch":"~4.1.0","rc-table":"~7.50.5","rc-tabs":"~15.6.1","rc-textarea":"~1.10.0","rc-tooltip":"~6.4.0","rc-tree":"~5.13.1","rc-tree-select":"~5.27.0","rc-upload":"~4.9.2","rc-util":"^5.44.4","scroll-into-view-if-needed":"^3.1.0","throttle-debounce":"^5.0.2"},jsx:'import React from \'react\';\nimport { Button, Drawer, Flex, Modal, Watermark } from \'antd\';\nconst style = {\n height: 300,\n display: \'flex\',\n justifyContent: \'center\',\n alignItems: \'center\',\n backgroundColor: \'rgba(150, 150, 150, 0.2)\',\n};\nconst placeholder = <div style={style}>A mock height</div>;\nconst App = () => {\n const [showModal, setShowModal] = React.useState(false);\n const [showDrawer, setShowDrawer] = React.useState(false);\n const [showDrawer2, setShowDrawer2] = React.useState(false);\n const closeModal = () => setShowModal(false);\n const closeDrawer = () => setShowDrawer(false);\n const closeDrawer2 = () => setShowDrawer2(false);\n return (\n <>\n <Flex gap="middle">\n <Button type="primary" onClick={() => setShowModal(true)}>\n Show in Modal\n </Button>\n <Button type="primary" onClick={() => setShowDrawer(true)}>\n Show in Drawer\n </Button>\n <Button type="primary" onClick={() => setShowDrawer2(true)}>\n Not Show in Drawer\n </Button>\n </Flex>\n <Watermark content="Ant Design">\n <Modal\n destroyOnHidden\n open={showModal}\n title="Modal"\n onCancel={closeModal}\n onOk={closeModal}\n >\n {placeholder}\n </Modal>\n <Drawer destroyOnHidden open={showDrawer} title="Drawer" onClose={closeDrawer}>\n {placeholder}\n </Drawer>\n </Watermark>\n <Watermark content="Ant Design" inherit={false}>\n <Drawer destroyOnHidden open={showDrawer2} title="Drawer" onClose={closeDrawer2}>\n {placeholder}\n </Drawer>\n </Watermark>\n </>\n );\n};\nexport default App;\n',description:"<p>\u5728 Modal \u4E0E Drawer \u4E2D\u4F7F\u7528\u3002</p>"}}]}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsxs)("h2",{id:"api",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,n.jsxs)("p",{children:[u.texts[2].value,(0,n.jsx)(l.default,{to:"/docs/react/common-props",sourceType:"Link",children:u.texts[3].value})]}),(0,n.jsx)("blockquote",{children:(0,n.jsxs)("p",{children:[u.texts[4].value,(0,n.jsx)("code",{children:u.texts[5].value}),u.texts[6].value]})}),(0,n.jsxs)("h3",{id:"watermark",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#watermark",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Watermark"]}),(0,n.jsxs)(i.default,{className:"component-api-table",children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:u.texts[7].value}),(0,n.jsx)("th",{children:u.texts[8].value}),(0,n.jsx)("th",{children:u.texts[9].value}),(0,n.jsx)("th",{children:u.texts[10].value}),(0,n.jsx)("th",{children:u.texts[11].value})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[12].value}),(0,n.jsxs)("td",{children:[u.texts[13].value,(0,n.jsx)("code",{children:u.texts[14].value}),u.texts[15].value]}),(0,n.jsx)("td",{children:u.texts[16].value}),(0,n.jsx)("td",{children:u.texts[17].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[18].value}),(0,n.jsxs)("td",{children:[u.texts[19].value,(0,n.jsx)("code",{children:u.texts[20].value}),u.texts[21].value]}),(0,n.jsx)("td",{children:u.texts[22].value}),(0,n.jsx)("td",{children:u.texts[23].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[24].value}),(0,n.jsx)("td",{children:u.texts[25].value}),(0,n.jsx)("td",{children:u.texts[26].value}),(0,n.jsx)("td",{children:u.texts[27].value}),(0,n.jsx)("td",{children:u.texts[28].value})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[29].value}),(0,n.jsxs)("td",{children:[u.texts[30].value,(0,n.jsx)("code",{children:u.texts[31].value})]}),(0,n.jsx)("td",{children:u.texts[32].value}),(0,n.jsx)("td",{children:u.texts[33].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[34].value}),(0,n.jsx)("td",{children:u.texts[35].value}),(0,n.jsx)("td",{children:u.texts[36].value}),(0,n.jsx)("td",{children:u.texts[37].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[38].value}),(0,n.jsx)("td",{children:u.texts[39].value}),(0,n.jsx)("td",{children:u.texts[40].value}),(0,n.jsx)("td",{children:u.texts[41].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[42].value}),(0,n.jsx)("td",{children:u.texts[43].value}),(0,n.jsx)("td",{children:u.texts[44].value}),(0,n.jsx)("td",{children:u.texts[45].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[46].value}),(0,n.jsx)("td",{children:u.texts[47].value}),(0,n.jsx)("td",{children:(0,n.jsx)(l.default,{to:"#font",sourceType:"Link",children:u.texts[48].value})}),(0,n.jsx)("td",{children:(0,n.jsx)(l.default,{to:"#font",sourceType:"Link",children:u.texts[49].value})}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[50].value}),(0,n.jsx)("td",{children:u.texts[51].value}),(0,n.jsx)("td",{children:u.texts[52].value}),(0,n.jsx)("td",{children:u.texts[53].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[54].value}),(0,n.jsxs)("td",{children:[u.texts[55].value,(0,n.jsx)("code",{children:u.texts[56].value})]}),(0,n.jsx)("td",{children:u.texts[57].value}),(0,n.jsx)("td",{children:u.texts[58].value}),(0,n.jsx)("td",{})]})]})]}),(0,n.jsxs)("h3",{id:"font",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#font",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"Font"]}),(0,n.jsxs)(i.default,{className:"component-api-table",children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{children:u.texts[59].value}),(0,n.jsx)("th",{children:u.texts[60].value}),(0,n.jsx)("th",{children:u.texts[61].value}),(0,n.jsx)("th",{children:u.texts[62].value}),(0,n.jsx)("th",{children:u.texts[63].value})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[64].value}),(0,n.jsx)("td",{children:u.texts[65].value}),(0,n.jsx)("td",{children:(0,n.jsx)(l.default,{href:"https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/fillStyle",sourceType:"a",children:u.texts[66].value})}),(0,n.jsx)("td",{children:u.texts[67].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[68].value}),(0,n.jsx)("td",{children:u.texts[69].value}),(0,n.jsx)("td",{children:u.texts[70].value}),(0,n.jsx)("td",{children:u.texts[71].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[72].value}),(0,n.jsx)("td",{children:u.texts[73].value}),(0,n.jsxs)("td",{children:[(0,n.jsx)("code",{children:u.texts[74].value}),u.texts[75].value,(0,n.jsx)("code",{children:u.texts[76].value}),u.texts[77].value,(0,n.jsx)("code",{children:u.texts[78].value}),u.texts[79].value]}),(0,n.jsx)("td",{children:u.texts[80].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[81].value}),(0,n.jsx)("td",{children:u.texts[82].value}),(0,n.jsx)("td",{children:u.texts[83].value}),(0,n.jsx)("td",{children:u.texts[84].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[85].value}),(0,n.jsx)("td",{children:u.texts[86].value}),(0,n.jsxs)("td",{children:[(0,n.jsx)("code",{children:u.texts[87].value}),u.texts[88].value,(0,n.jsx)("code",{children:u.texts[89].value}),u.texts[90].value,(0,n.jsx)("code",{children:u.texts[91].value}),u.texts[92].value,(0,n.jsx)("code",{children:u.texts[93].value})]}),(0,n.jsx)("td",{children:u.texts[94].value}),(0,n.jsx)("td",{})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:u.texts[95].value}),(0,n.jsx)("td",{children:u.texts[96].value}),(0,n.jsx)("td",{children:(0,n.jsx)(l.default,{href:"https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/textAlign",sourceType:"a",children:u.texts[97].value})}),(0,n.jsx)("td",{children:(0,n.jsx)("code",{children:u.texts[98].value})}),(0,n.jsx)("td",{children:u.texts[99].value})]})]})]}),(0,n.jsxs)("h2",{id:"\u4E3B\u9898\u53D8\u91CFdesign-token",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4E3B\u9898\u53D8\u91CFdesign-token",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"\u4E3B\u9898\u53D8\u91CF\uFF08Design Token\uFF09"]})]}),(0,n.jsx)(o.default,{component:"Watermark"}),(0,n.jsxs)("div",{className:"markdown",children:[(0,n.jsxs)("h2",{id:"faq",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,n.jsxs)("h3",{id:"\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"\u5904\u7406\u5F02\u5E38\u56FE\u7247\u6C34\u5370"]}),(0,n.jsxs)("p",{children:[u.texts[100].value,(0,n.jsx)("code",{children:u.texts[101].value}),u.texts[102].value]}),(0,n.jsx)(a.default,{lang:"typescript",children:u.texts[103].value}),(0,n.jsxs)("h3",{id:"\u4ECE-5180-\u7248\u672C\u540E\u4E3A\u4EC0\u4E48\u6DFB\u52A0\u4E86-overflow-hidden-\u6837\u5F0F",children:[(0,n.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u4ECE-5180-\u7248\u672C\u540E\u4E3A\u4EC0\u4E48\u6DFB\u52A0\u4E86-overflow-hidden-\u6837\u5F0F",sourceType:"a",children:(0,n.jsx)("span",{className:"icon icon-link"})}),"\u4ECE 5.18.0 \u7248\u672C\u540E\uFF0C\u4E3A\u4EC0\u4E48\u6DFB\u52A0\u4E86 ",(0,n.jsx)("code",{children:u.texts[104].value})," \u6837\u5F0F\uFF1F"]}),(0,n.jsxs)("p",{children:[u.texts[105].value,(0,n.jsx)("code",{children:u.texts[106].value}),u.texts[107].value]}),(0,n.jsx)(a.default,{lang:"tsx",children:u.texts[108].value})]})]})})});};}}]); |