ant-design/bc7c4df4-async.7cacf33c.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["bc7c4df4"],{"9f9547c0":function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"texts",{enumerable:!0,get:function(){return r;}}),n("00630bea");let r=[{value:"To display a notification message at any of the four corners of the viewport. Typically it can be used in the following cases:",paraId:0,tocIndex:0},{value:"A notification with complex content.",paraId:1,tocIndex:0},{value:"A notification providing a feedback based on the user interaction. Or it may show some details about upcoming steps the user may have to follow.",paraId:1,tocIndex:0},{value:"A notification that is pushed by the application.",paraId:1,tocIndex:0},{value:"Common props ref\uFF1A",paraId:2,tocIndex:14},{value:"Common props",paraId:3,tocIndex:14},{value:"notification.success(config)",paraId:4,tocIndex:14},{value:"notification.error(config)",paraId:4,tocIndex:14},{value:"notification.info(config)",paraId:4,tocIndex:14},{value:"notification.warning(config)",paraId:4,tocIndex:14},{value:"notification.open(config)",paraId:4,tocIndex:14},{value:"notification.destroy(key?: String)",paraId:4,tocIndex:14},{value:"The properties of config are as follows:",paraId:5,tocIndex:14},{value:"Property",paraId:6,tocIndex:14},{value:"Description",paraId:6,tocIndex:14},{value:"Type",paraId:6,tocIndex:14},{value:"Default",paraId:6,tocIndex:14},{value:"Version",paraId:6,tocIndex:14},{value:"actions",paraId:6,tocIndex:14},{value:"Customized button group",paraId:6,tocIndex:14},{value:"ReactNode",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"5.24.0",paraId:6,tocIndex:14},{value:"btn",paraId:6,tocIndex:14},{value:"Customized close button group, please use ",paraId:6,tocIndex:14},{value:"actions",paraId:6,tocIndex:14},{value:" instead",paraId:6,tocIndex:14},{value:"ReactNode",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"className",paraId:6,tocIndex:14},{value:"Customized CSS class",paraId:6,tocIndex:14},{value:"string",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"closeIcon",paraId:6,tocIndex:14},{value:"Custom close icon",paraId:6,tocIndex:14},{value:"ReactNode",paraId:6,tocIndex:14},{value:"true",paraId:6,tocIndex:14},{value:"5.7.0: close button will be hidden when setting to null or false",paraId:6,tocIndex:14},{value:"description",paraId:6,tocIndex:14},{value:"The content of notification box (required)",paraId:6,tocIndex:14},{value:"ReactNode",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"duration",paraId:6,tocIndex:14},{value:"Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically",paraId:6,tocIndex:14},{value:"number",paraId:6,tocIndex:14},{value:"4.5",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"showProgress",paraId:6,tocIndex:14},{value:"Show progress bar for auto-closing notification",paraId:6,tocIndex:14},{value:"boolean",paraId:6,tocIndex:14},{value:"5.18.0",paraId:6,tocIndex:14},{value:"pauseOnHover",paraId:6,tocIndex:14},{value:"keep the timer running or not on hover",paraId:6,tocIndex:14},{value:"boolean",paraId:6,tocIndex:14},{value:"true",paraId:6,tocIndex:14},{value:"5.18.0",paraId:6,tocIndex:14},{value:"icon",paraId:6,tocIndex:14},{value:"Customized icon",paraId:6,tocIndex:14},{value:"ReactNode",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"key",paraId:6,tocIndex:14},{value:"The unique identifier of the Notification",paraId:6,tocIndex:14},{value:"string",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"message",paraId:6,tocIndex:14},{value:"The title of notification box (required)",paraId:6,tocIndex:14},{value:"ReactNode",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"placement",paraId:6,tocIndex:14},{value:"Position of Notification, can be one of ",paraId:6,tocIndex:14},{value:"top",paraId:6,tocIndex:14},{value:" | ",paraId:6,tocIndex:14},{value:"topLeft",paraId:6,tocIndex:14},{value:" | ",paraId:6,tocIndex:14},{value:"topRight",paraId:6,tocIndex:14},{value:" | ",paraId:6,tocIndex:14},{value:"bottom",paraId:6,tocIndex:14},{value:" | ",paraId:6,tocIndex:14},{value:"bottomLeft",paraId:6,tocIndex:14},{value:" | ",paraId:6,tocIndex:14},{value:"bottomRight",paraId:6,tocIndex:14},{value:"string",paraId:6,tocIndex:14},{value:"topRight",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"style",paraId:6,tocIndex:14},{value:"Customized inline style",paraId:6,tocIndex:14},{value:"CSSProperties",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"role",paraId:6,tocIndex:14},{value:"The semantics of notification content recognized by screen readers. The default value is ",paraId:6,tocIndex:14},{value:"alert",paraId:6,tocIndex:14},{value:". When set as the default value, the screen reader will promptly interrupt any ongoing content reading and prioritize the notification content for immediate attention.",paraId:6,tocIndex:14},{value:"alert | status",paraId:6,tocIndex:14},{value:"alert",paraId:6,tocIndex:14},{value:"5.6.0",paraId:6,tocIndex:14},{value:"onClick",paraId:6,tocIndex:14},{value:"Specify a function that will be called when the notification is clicked",paraId:6,tocIndex:14},{value:"function",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"onClose",paraId:6,tocIndex:14},{value:"Trigger when notification closed",paraId:6,tocIndex:14},{value:"function",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"props",paraId:6,tocIndex:14},{value:"An object that can contain ",paraId:6,tocIndex:14},{value:"data-*",paraId:6,tocIndex:14},{value:", ",paraId:6,tocIndex:14},{value:"aria-*",paraId:6,tocIndex:14},{value:", or ",paraId:6,tocIndex:14},{value:"role",paraId:6,tocIndex:14},{value:" props, to be put on the notification ",paraId:6,tocIndex:14},{value:"div",paraId:6,tocIndex:14},{value:". This currently only allows ",paraId:6,tocIndex:14},{value:"data-testid",paraId:6,tocIndex:14},{value:" instead of ",paraId:6,tocIndex:14},{value:"data-*",paraId:6,tocIndex:14},{value:" in TypeScript. See ",paraId:6,tocIndex:14},{value:"https://github.com/microsoft/TypeScript/issues/28960",paraId:6,tocIndex:14},{value:".",paraId:6,tocIndex:14},{value:"Object",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"-",paraId:6,tocIndex:14},{value:"notification.useNotification(config)",paraId:7,tocIndex:14},{value:"The properties of config are as follows:",paraId:8,tocIndex:14},{value:"Property",paraId:9,tocIndex:14},{value:"Description",paraId:9,tocIndex:14},{value:"Type",paraId:9,tocIndex:14},{value:"Default",paraId:9,tocIndex:14},{value:"Version",paraId:9,tocIndex:14},{value:"bottom",paraId:9,tocIndex:14},{value:"Distance from the bottom of the viewport, when ",paraId:9,tocIndex:14},{value:"placement",paraId:9,tocIndex:14},{value:" is ",paraId:9,tocIndex:14},{value:"bottom",paraId:9,tocIndex:14},{value:" ",paraId:9,tocIndex:14},{value:"bottomRight",paraId:9,tocIndex:14},{value:" or ",paraId:9,tocIndex:14},{value:"bottomLeft",paraId:9,tocIndex:14},{value:" (unit: pixels)",paraId:9,tocIndex:14},{value:"number",paraId:9,tocIndex:14},{value:"24",paraId:9,tocIndex:14},{value:"closeIcon",paraId:9,tocIndex:14},{value:"Custom close icon",paraId:9,tocIndex:14},{value:"ReactNode",paraId:9,tocIndex:14},{value:"true",paraId:9,tocIndex:14},{value:"5.7.0: close button will be hidden when setting to null or false",paraId:9,tocIndex:14},{value:"getContainer",paraId:9,tocIndex:14},{value:"Return the mount node for Notification",paraId:9,tocIndex:14},{value:"() => HTMLNode",paraId:9,tocIndex:14},{value:"() => document.body",paraId:9,tocIndex:14},{value:"placement",paraId:9,tocIndex:14},{value:"Position of Notification, can be one of ",paraId:9,tocIndex:14},{value:"top",paraId:9,tocIndex:14},{value:" | ",paraId:9,tocIndex:14},{value:"topLeft",paraId:9,tocIndex:14},{value:" | ",paraId:9,tocIndex:14},{value:"topRight",paraId:9,tocIndex:14},{value:" | ",paraId:9,tocIndex:14},{value:"bottom",paraId:9,tocIndex:14},{value:" | ",paraId:9,tocIndex:14},{value:"bottomLeft",paraId:9,tocIndex:14},{value:" | ",paraId:9,tocIndex:14},{value:"bottomRight",paraId:9,tocIndex:14},{value:"string",paraId:9,tocIndex:14},{value:"topRight",paraId:9,tocIndex:14},{value:"showProgress",paraId:9,tocIndex:14},{value:"Show progress bar for auto-closing notification",paraId:9,tocIndex:14},{value:"boolean",paraId:9,tocIndex:14},{value:"5.18.0",paraId:9,tocIndex:14},{value:"pauseOnHover",paraId:9,tocIndex:14},{value:"keep the timer running or not on hover",paraId:9,tocIndex:14},{value:"boolean",paraId:9,tocIndex:14},{value:"true",paraId:9,tocIndex:14},{value:"5.18.0",paraId:9,tocIndex:14},{value:"rtl",paraId:9,tocIndex:14},{value:"Whether to enable RTL mode",paraId:9,tocIndex:14},{value:"boolean",paraId:9,tocIndex:14},{value:"false",paraId:9,tocIndex:14},{value:"stack",paraId:9,tocIndex:14},{value:"Notifications will be stacked when amount is over threshold",paraId:9,tocIndex:14},{value:"boolean | ",paraId:9,tocIndex:14},{value:"{ threshold: number }",paraId:9,tocIndex:14},{value:"{ threshold: 3 }",paraId:9,tocIndex:14},{value:"5.10.0",paraId:9,tocIndex:14},{value:"top",paraId:9,tocIndex:14},{value:"Distance from the top of the viewport, when ",paraId:9,tocIndex:14},{value:"placement",paraId:9,tocIndex:14},{value:" is ",paraId:9,tocIndex:14},{value:"top",paraId:9,tocIndex:14},{value:" ",paraId:9,tocIndex:14},{value:"topRight",paraId:9,tocIndex:14},{value:" or ",paraId:9,tocIndex:14},{value:"topLeft",paraId:9,tocIndex:14},{value:" (unit: pixels)",paraId:9,tocIndex:14},{value:"number",paraId:9,tocIndex:14},{value:"24",paraId:9,tocIndex:14},{value:"maxCount",paraId:9,tocIndex:14},{value:"Max Notification show, drop oldest if exceed limit",paraId:9,tocIndex:14},{value:"number",paraId:9,tocIndex:14},{value:"-",paraId:9,tocIndex:14},{value:"4.17.0",paraId:9,tocIndex:14},{value:"notification",paraId:10,tocIndex:14},{value:" also provides a global ",paraId:10,tocIndex:14},{value:"config()",paraId:10,tocIndex:14},{value:" method that can be used for specifying the default options. Once this method is used, all the notification boxes will take into account these globally defined options when displaying.",paraId:10,tocIndex:14},{value:"notification.config(options)",paraId:11,tocIndex:15},{value:"When you use ",paraId:12,tocIndex:15},{value:"ConfigProvider",paraId:12,tocIndex:15},{value:" for global configuration, the system will automatically start RTL mode by default.(4.3.0+)",paraId:12,tocIndex:15},{value:"When you want to use it alone, you can start the RTL mode through the following settings.",paraId:13,tocIndex:15},{value:"notification.config({\n  placement: 'bottomRight',\n  bottom: 50,\n  duration: 3,\n  rtl: true,\n});\n",paraId:14,tocIndex:16},{value:"Property",paraId:15,tocIndex:16},{value:"Description",paraId:15,tocIndex:16},{value:"Type",paraId:15,tocIndex:16},{value:"Default",paraId:15,tocIndex:16},{value:"Version",paraId:15,tocIndex:16},{value:"bottom",paraId:15,tocIndex:16},{value:"Distance from the bottom of the viewport, when ",paraId:15,tocIndex:16},{value:"placement",paraId:15,tocIndex:16},{value:" is ",paraId:15,tocIndex:16},{value:"bottom",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"bottomRight",paraId:15,tocIndex:16},{value:" or ",paraId:15,tocIndex:16},{value:"bottomLeft",paraId:15,tocIndex:16},{value:" (unit: pixels)",paraId:15,tocIndex:16},{value:"number",paraId:15,tocIndex:16},{value:"24",paraId:15,tocIndex:16},{value:"closeIcon",paraId:15,tocIndex:16},{value:"Custom close icon",paraId:15,tocIndex:16},{value:"ReactNode",paraId:15,tocIndex:16},{value:"true",paraId:15,tocIndex:16},{value:"5.7.0: close button will be hidden when setting to null or false",paraId:15,tocIndex:16},{value:"duration",paraId:15,tocIndex:16},{value:"Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically",paraId:15,tocIndex:16},{value:"number",paraId:15,tocIndex:16},{value:"4.5",paraId:15,tocIndex:16},{value:"getContainer",paraId:15,tocIndex:16},{value:"Return the mount node for Notification, but still display at fullScreen",paraId:15,tocIndex:16},{value:"() => HTMLNode",paraId:15,tocIndex:16},{value:"() => document.body",paraId:15,tocIndex:16},{value:"placement",paraId:15,tocIndex:16},{value:"Position of Notification, can be one of ",paraId:15,tocIndex:16},{value:"top",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"topLeft",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"topRight",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"bottom",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"bottomLeft",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"bottomRight",paraId:15,tocIndex:16},{value:"string",paraId:15,tocIndex:16},{value:"topRight",paraId:15,tocIndex:16},{value:"showProgress",paraId:15,tocIndex:16},{value:"Show progress bar for auto-closing notification",paraId:15,tocIndex:16},{value:"boolean",paraId:15,tocIndex:16},{value:"5.18.0",paraId:15,tocIndex:16},{value:"pauseOnHover",paraId:15,tocIndex:16},{value:"keep the timer running or not on hover",paraId:15,tocIndex:16},{value:"boolean",paraId:15,tocIndex:16},{value:"true",paraId:15,tocIndex:16},{value:"5.18.0",paraId:15,tocIndex:16},{value:"rtl",paraId:15,tocIndex:16},{value:"Whether to enable RTL mode",paraId:15,tocIndex:16},{value:"boolean",paraId:15,tocIndex:16},{value:"false",paraId:15,tocIndex:16},{value:"top",paraId:15,tocIndex:16},{value:"Distance from the top of the viewport, when ",paraId:15,tocIndex:16},{value:"placement",paraId:15,tocIndex:16},{value:" is ",paraId:15,tocIndex:16},{value:"top",paraId:15,tocIndex:16},{value:" ",paraId:15,tocIndex:16},{value:"topRight",paraId:15,tocIndex:16},{value:" or ",paraId:15,tocIndex:16},{value:"topLeft",paraId:15,tocIndex:16},{value:" (unit: pixels)",paraId:15,tocIndex:16},{value:"number",paraId:15,tocIndex:16},{value:"24",paraId:15,tocIndex:16},{value:"maxCount",paraId:15,tocIndex:16},{value:"Max Notification show, drop oldest if exceed limit",paraId:15,tocIndex:16},{value:"number",paraId:15,tocIndex:16},{value:"-",paraId:15,tocIndex:16},{value:"4.17.0",paraId:15,tocIndex:16},{value:"locale/prefixCls/theme",paraId:16},{value:"antd will dynamic create React instance by ",paraId:17,tocIndex:19},{value:"ReactDOM.render",paraId:17,tocIndex:19},{value:" when call notification methods. Whose context is different with origin code located context.",paraId:17,tocIndex:19},{value:"When you need context info (like ConfigProvider context), you can use ",paraId:18,tocIndex:19},{value:"notification.useNotification",paraId:18,tocIndex:19},{value:" to get ",paraId:18,tocIndex:19},{value:"api",paraId:18,tocIndex:19},{value:" instance and ",paraId:18,tocIndex:19},{value:"contextHolder",paraId:18,tocIndex:19},{value:" node. And put it in your children:",paraId:18,tocIndex:19},{value:'const [api, contextHolder] = notification.useNotification();\n\nreturn (\n  <Context1.Provider value="Ant">\n    {/* contextHolder is inside Context1 which means api will get value of Context1 */}\n    {contextHolder}\n    <Context2.Provider value="Design">\n      {/* contextHolder is outside Context2 which means api will **not** get value of Context2 */}\n    </Context2.Provider>\n  </Context1.Provider>\n);\n',paraId:19,tocIndex:19},{value:"Note:",paraId:20,tocIndex:19},{value:" You must insert ",paraId:20,tocIndex:19},{value:"contextHolder",paraId:20,tocIndex:19},{value:" into your children with hooks. You can use origin method if you do not need context connection.",paraId:20,tocIndex:19},{value:"App Package Component",paraId:21,tocIndex:19},{value:" can be used to simplify the problem of ",paraId:22,tocIndex:19},{value:"useNotification",paraId:22,tocIndex:19},{value:" and other methods that need to manually implant contextHolder.",paraId:22,tocIndex:19},{value:"You can config with ",paraId:23,tocIndex:20},{value:"ConfigProvider.config",paraId:24,tocIndex:20}];},bc7c4df4:function(e,t,n){"use strict";n.d(t,"__esModule",{value:!0}),n.d(t,"default",{enumerable:!0,get:function(){return x;}});var r=n("777fffbe"),s=n("f19d2b93"),i=r._(n("b622e337")),a=r._(n("67074e5d")),o=r._(n("3098b24f")),c=r._(n("84b131b4")),l=r._(n("97c488ea")),d=r._(n("c96b0d01")),p=n("5b220c3d"),u=n("9c86e52a"),m=n("9f9547c0"),x=function(){return(0,s.jsx)(u.DumiPage,{children:(0,s.jsx)(p.Suspense,{fallback:(0,s.jsx)(d.default,{}),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"when-to-use",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#when-to-use",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"When To Use"]}),(0,s.jsx)("p",{children:m.texts[0].value}),(0,s.jsxs)("ul",{children:[(0,s.jsx)("li",{children:m.texts[1].value}),(0,s.jsx)("li",{children:m.texts[2].value}),(0,s.jsx)("li",{children:m.texts[3].value})]}),(0,s.jsxs)("h2",{id:"examples",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#examples",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Examples"]})]}),(0,s.jsx)(c.default,{items:[{demo:{id:"notification-demo-hooks"},previewerProps:{title:"Hooks usage (recommended)",filename:"components/notification/demo/hooks.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, { useMemo } from 'react';\nimport {\n  RadiusBottomleftOutlined,\n  RadiusBottomrightOutlined,\n  RadiusUpleftOutlined,\n  RadiusUprightOutlined,\n} from '@ant-design/icons';\nimport { Button, Divider, notification, Space } from 'antd';\nconst Context = React.createContext({ name: 'Default' });\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = placement => {\n    api.info({\n      message: `Notification ${placement}`,\n      description: <Context.Consumer>{({ name }) => `Hello, ${name}!`}</Context.Consumer>,\n      placement,\n    });\n  };\n  const contextValue = useMemo(() => ({ name: 'Ant Design' }), []);\n  return (\n    <Context.Provider value={contextValue}>\n      {contextHolder}\n      <Space>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('topLeft')}\n          icon={<RadiusUpleftOutlined />}\n        >\n          topLeft\n        </Button>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('topRight')}\n          icon={<RadiusUprightOutlined />}\n        >\n          topRight\n        </Button>\n      </Space>\n      <Divider />\n      <Space>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('bottomLeft')}\n          icon={<RadiusBottomleftOutlined />}\n        >\n          bottomLeft\n        </Button>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('bottomRight')}\n          icon={<RadiusBottomrightOutlined />}\n        >\n          bottomRight\n        </Button>\n      </Space>\n    </Context.Provider>\n  );\n};\nexport default App;\n",description:"<p>Use <code>notification.useNotification</code> to get <code>contextHolder</code> with context accessible issue. Please note that, we recommend to use top level registration instead of <code>notification</code> static method, because static method cannot consume context, and ConfigProvider data will not work.</p>"}},{demo:{id:"notification-demo-duration"},previewerProps:{title:"Duration after which the notification box is closed",filename:"components/notification/demo/duration.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, notification } from 'antd';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = () => {\n    api.open({\n      message: 'Notification Title',\n      description:\n        'I will never close automatically. This is a purposely very very long description that has many many characters and words.',\n      duration: 0,\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Button type=\"primary\" onClick={openNotification}>\n        Open the notification box\n      </Button>\n    </>\n  );\n};\nexport default App;\n",description:"<p><code>Duration</code> can be used to specify how long the notification stays open. After the duration time elapses, the notification closes automatically. If not specified, default value is 4.5 seconds. If you set the value to 0, the notification box will never close automatically.</p>"}},{demo:{id:"notification-demo-with-icon"},previewerProps:{title:"Notification with icon",filename:"components/notification/demo/with-icon.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, notification, Space } from 'antd';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotificationWithIcon = type => {\n    api[type]({\n      message: 'Notification Title',\n      description:\n        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Space>\n        <Button onClick={() => openNotificationWithIcon('success')}>Success</Button>\n        <Button onClick={() => openNotificationWithIcon('info')}>Info</Button>\n        <Button onClick={() => openNotificationWithIcon('warning')}>Warning</Button>\n        <Button onClick={() => openNotificationWithIcon('error')}>Error</Button>\n      </Space>\n    </>\n  );\n};\nexport default App;\n",description:"<p>A notification box with a icon at the left side.</p>"}},{demo:{id:"notification-demo-with-btn"},previewerProps:{title:"Custom close button",filename:"components/notification/demo/with-btn.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, notification, Space } from \'antd\';\nconst close = () => {\n  console.log(\n    \'Notification was closed. Either the close button was clicked or duration time elapsed.\',\n  );\n};\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = () => {\n    const key = `open${Date.now()}`;\n    const btn = (\n      <Space>\n        <Button type="link" size="small" onClick={() => api.destroy()}>\n          Destroy All\n        </Button>\n        <Button type="primary" size="small" onClick={() => api.destroy(key)}>\n          Confirm\n        </Button>\n      </Space>\n    );\n    api.open({\n      message: \'Notification Title\',\n      description:\n        \'A function will be be called after the notification is closed (automatically after the "duration" time of manually).\',\n      btn,\n      key,\n      onClose: close,\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Button type="primary" onClick={openNotification}>\n        Open the notification box\n      </Button>\n    </>\n  );\n};\nexport default App;\n',description:"<p>To customize the style or font of the close button.</p>"}},{demo:{id:"notification-demo-custom-icon"},previewerProps:{title:"Customized Icon",filename:"components/notification/demo/custom-icon.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 { SmileOutlined } from '@ant-design/icons';\nimport { Button, notification } from 'antd';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = () => {\n    api.open({\n      message: 'Notification Title',\n      description:\n        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n      icon: <SmileOutlined style={{ color: '#108ee9' }} />,\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Button type=\"primary\" onClick={openNotification}>\n        Open the notification box\n      </Button>\n    </>\n  );\n};\nexport default App;\n",description:"<p>The icon can be customized to any react node.</p>"}},{demo:{id:"notification-demo-placement"},previewerProps:{title:"Placement",filename:"components/notification/demo/placement.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 {\n  BorderBottomOutlined,\n  BorderTopOutlined,\n  RadiusBottomleftOutlined,\n  RadiusBottomrightOutlined,\n  RadiusUpleftOutlined,\n  RadiusUprightOutlined,\n} from '@ant-design/icons';\nimport { Button, Divider, notification, Space } from 'antd';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = placement => {\n    api.info({\n      message: `Notification ${placement}`,\n      description:\n        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n      placement,\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Space>\n        <Button type=\"primary\" onClick={() => openNotification('top')} icon={<BorderTopOutlined />}>\n          top\n        </Button>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('bottom')}\n          icon={<BorderBottomOutlined />}\n        >\n          bottom\n        </Button>\n      </Space>\n      <Divider />\n      <Space>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('topLeft')}\n          icon={<RadiusUpleftOutlined />}\n        >\n          topLeft\n        </Button>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('topRight')}\n          icon={<RadiusUprightOutlined />}\n        >\n          topRight\n        </Button>\n      </Space>\n      <Divider />\n      <Space>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('bottomLeft')}\n          icon={<RadiusBottomleftOutlined />}\n        >\n          bottomLeft\n        </Button>\n        <Button\n          type=\"primary\"\n          onClick={() => openNotification('bottomRight')}\n          icon={<RadiusBottomrightOutlined />}\n        >\n          bottomRight\n        </Button>\n      </Space>\n    </>\n  );\n};\nexport default App;\n",description:"<p>A notification box can appear from the <code>top</code> <code>bottom</code> <code>topLeft</code> <code>topRight</code> <code>bottomLeft</code> or <code>bottomRight</code> of the viewport via <code>placement</code>.</p>"}},{demo:{id:"notification-demo-custom-style"},previewerProps:{title:"Customized style",filename:"components/notification/demo/custom-style.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, notification } from 'antd';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = () => {\n    api.open({\n      message: 'Notification Title',\n      description:\n        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n      className: 'custom-class',\n      style: {\n        width: 600,\n      },\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Button type=\"primary\" onClick={openNotification}>\n        Open the notification box\n      </Button>\n    </>\n  );\n};\nexport default App;\n",description:"<p>The style and className are available to customize Notification.</p>"}},{demo:{id:"notification-demo-update"},previewerProps:{title:"Update Message Content",filename:"components/notification/demo/update.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, notification } from 'antd';\nconst key = 'updatable';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = () => {\n    api.open({\n      key,\n      message: 'Notification Title',\n      description: 'description.',\n    });\n    setTimeout(() => {\n      api.open({\n        key,\n        message: 'New Title',\n        description: 'New description.',\n      });\n    }, 1000);\n  };\n  return (\n    <>\n      {contextHolder}\n      <Button type=\"primary\" onClick={openNotification}>\n        Open the notification box\n      </Button>\n    </>\n  );\n};\nexport default App;\n",description:"<p>Update content with unique key.</p>"}},{demo:{id:"notification-demo-stack"},previewerProps:{version:"5.10.0",title:"Stack",filename:"components/notification/demo/stack.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, { useMemo } from 'react';\nimport { Button, Divider, InputNumber, notification, Space, Switch } from 'antd';\nconst Context = React.createContext({ name: 'Default' });\nconst App = () => {\n  const [enabled, setEnabled] = React.useState(true);\n  const [threshold, setThreshold] = React.useState(3);\n  const [api, contextHolder] = notification.useNotification({\n    stack: enabled\n      ? {\n          threshold,\n        }\n      : false,\n  });\n  const openNotification = () => {\n    api.open({\n      message: 'Notification Title',\n      description: `${Array.from({ length: Math.round(Math.random() * 5) + 1 }, () => 'This is the content of the notification.').join('\\n')}`,\n      duration: null,\n    });\n  };\n  const contextValue = useMemo(() => ({ name: 'Ant Design' }), []);\n  return (\n    <Context.Provider value={contextValue}>\n      {contextHolder}\n      <div>\n        <Space size=\"large\">\n          <Space style={{ width: '100%' }}>\n            <span>Enabled: </span>\n            <Switch checked={enabled} onChange={v => setEnabled(v)} />\n          </Space>\n          <Space style={{ width: '100%' }}>\n            <span>Threshold: </span>\n            <InputNumber\n              disabled={!enabled}\n              value={threshold}\n              step={1}\n              min={1}\n              max={10}\n              onChange={v => setThreshold(v || 0)}\n            />\n          </Space>\n        </Space>\n        <Divider />\n        <Button type=\"primary\" onClick={openNotification}>\n          Open the notification box\n        </Button>\n      </div>\n    </Context.Provider>\n  );\n};\nexport default App;\n",description:"<p>Stack configuration, enabled by default. More than 3 notifications will be automatically stacked, and could be changed by <code>threshold</code>.</p>"}},{demo:{id:"notification-demo-show-with-progress"},previewerProps:{version:"5.18.0",title:"Show with progress",filename:"components/notification/demo/show-with-progress.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, notification, Space } from 'antd';\nconst App = () => {\n  const [api, contextHolder] = notification.useNotification();\n  const openNotification = pauseOnHover => () => {\n    api.open({\n      message: 'Notification Title',\n      description:\n        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n      showProgress: true,\n      pauseOnHover,\n    });\n  };\n  return (\n    <>\n      {contextHolder}\n      <Space>\n        <Button type=\"primary\" onClick={openNotification(true)}>\n          Pause on hover\n        </Button>\n        <Button type=\"primary\" onClick={openNotification(false)}>\n          Don&apos;t pause on hover\n        </Button>\n      </Space>\n    </>\n  );\n};\nexport default App;\n",description:"<p>Show progress bar for auto-closing notification.</p>"}},{demo:{id:"notification-demo-basic"},previewerProps:{title:"Static Method (deprecated)",filename:"components/notification/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 { Button, notification } from 'antd';\nconst openNotification = () => {\n  notification.open({\n    message: 'Notification Title',\n    description:\n      'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n    onClick: () => {\n      console.log('Notification Clicked!');\n    },\n  });\n};\nconst App = () => (\n  <Button type=\"primary\" onClick={openNotification}>\n    Open the notification box\n  </Button>\n);\nexport default App;\n",description:"<p>Static methods cannot consume Context. Please use hooks first.</p>"}},{demo:{id:"notification-demo-render-panel"},previewerProps:{debug:!0,title:"_InternalPanelDoNotUseOrYouWillBeFired",filename:"components/notification/demo/render-panel.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, notification } from \'antd\';\n/** Test usage. Do not use in your production. */\nconst { _InternalPanelDoNotUseOrYouWillBeFired: InternalPanel } = notification;\nexport default () => (\n  <InternalPanel\n    message="Hello World!"\n    description="Hello World?"\n    type="success"\n    actions={\n      <Button type="primary" size="small">\n        My Button\n      </Button>\n    }\n  />\n);\n',description:"<p>Debug usage. Do not use in your production.</p>"}}]}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"api",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#api",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"API"]}),(0,s.jsxs)("p",{children:[m.texts[4].value,(0,s.jsx)(l.default,{to:"/docs/react/common-props",sourceType:"Link",children:m.texts[5].value})]}),(0,s.jsxs)("ul",{children:[(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[6].value})}),(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[7].value})}),(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[8].value})}),(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[9].value})}),(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[10].value})}),(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[11].value})})]}),(0,s.jsx)("p",{children:m.texts[12].value}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[13].value}),(0,s.jsx)("th",{children:m.texts[14].value}),(0,s.jsx)("th",{children:m.texts[15].value}),(0,s.jsx)("th",{children:m.texts[16].value}),(0,s.jsx)("th",{children:m.texts[17].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[18].value}),(0,s.jsx)("td",{children:m.texts[19].value}),(0,s.jsx)("td",{children:m.texts[20].value}),(0,s.jsx)("td",{children:m.texts[21].value}),(0,s.jsx)("td",{children:m.texts[22].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:(0,s.jsx)("del",{children:m.texts[23].value})}),(0,s.jsxs)("td",{children:[m.texts[24].value,(0,s.jsx)("code",{children:m.texts[25].value}),m.texts[26].value]}),(0,s.jsx)("td",{children:m.texts[27].value}),(0,s.jsx)("td",{children:m.texts[28].value}),(0,s.jsx)("td",{children:m.texts[29].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[30].value}),(0,s.jsx)("td",{children:m.texts[31].value}),(0,s.jsx)("td",{children:m.texts[32].value}),(0,s.jsx)("td",{children:m.texts[33].value}),(0,s.jsx)("td",{children:m.texts[34].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[35].value}),(0,s.jsx)("td",{children:m.texts[36].value}),(0,s.jsx)("td",{children:m.texts[37].value}),(0,s.jsx)("td",{children:m.texts[38].value}),(0,s.jsx)("td",{children:m.texts[39].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[40].value}),(0,s.jsx)("td",{children:m.texts[41].value}),(0,s.jsx)("td",{children:m.texts[42].value}),(0,s.jsx)("td",{children:m.texts[43].value}),(0,s.jsx)("td",{children:m.texts[44].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[45].value}),(0,s.jsx)("td",{children:m.texts[46].value}),(0,s.jsx)("td",{children:m.texts[47].value}),(0,s.jsx)("td",{children:m.texts[48].value}),(0,s.jsx)("td",{children:m.texts[49].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[50].value}),(0,s.jsx)("td",{children:m.texts[51].value}),(0,s.jsx)("td",{children:m.texts[52].value}),(0,s.jsx)("td",{}),(0,s.jsx)("td",{children:m.texts[53].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[54].value}),(0,s.jsx)("td",{children:m.texts[55].value}),(0,s.jsx)("td",{children:m.texts[56].value}),(0,s.jsx)("td",{children:m.texts[57].value}),(0,s.jsx)("td",{children:m.texts[58].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[59].value}),(0,s.jsx)("td",{children:m.texts[60].value}),(0,s.jsx)("td",{children:m.texts[61].value}),(0,s.jsx)("td",{children:m.texts[62].value}),(0,s.jsx)("td",{children:m.texts[63].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[64].value}),(0,s.jsx)("td",{children:m.texts[65].value}),(0,s.jsx)("td",{children:m.texts[66].value}),(0,s.jsx)("td",{children:m.texts[67].value}),(0,s.jsx)("td",{children:m.texts[68].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[69].value}),(0,s.jsx)("td",{children:m.texts[70].value}),(0,s.jsx)("td",{children:m.texts[71].value}),(0,s.jsx)("td",{children:m.texts[72].value}),(0,s.jsx)("td",{children:m.texts[73].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[74].value}),(0,s.jsxs)("td",{children:[m.texts[75].value,(0,s.jsx)("code",{children:m.texts[76].value}),m.texts[77].value,(0,s.jsx)("code",{children:m.texts[78].value}),m.texts[79].value,(0,s.jsx)("code",{children:m.texts[80].value}),m.texts[81].value,(0,s.jsx)("code",{children:m.texts[82].value}),m.texts[83].value,(0,s.jsx)("code",{children:m.texts[84].value}),m.texts[85].value,(0,s.jsx)("code",{children:m.texts[86].value})]}),(0,s.jsx)("td",{children:m.texts[87].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[88].value})}),(0,s.jsx)("td",{children:m.texts[89].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[90].value}),(0,s.jsx)("td",{children:m.texts[91].value}),(0,s.jsx)("td",{children:(0,s.jsx)(l.default,{href:"https://github.com/DefinitelyTyped/DefinitelyTyped/blob/e434515761b36830c3e58a970abf5186f005adac/types/react/index.d.ts#L794",sourceType:"a",children:m.texts[92].value})}),(0,s.jsx)("td",{children:m.texts[93].value}),(0,s.jsx)("td",{children:m.texts[94].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[95].value}),(0,s.jsxs)("td",{children:[m.texts[96].value,(0,s.jsx)("code",{children:m.texts[97].value}),m.texts[98].value]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[99].value})}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[100].value})}),(0,s.jsx)("td",{children:m.texts[101].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[102].value}),(0,s.jsx)("td",{children:m.texts[103].value}),(0,s.jsx)("td",{children:m.texts[104].value}),(0,s.jsx)("td",{children:m.texts[105].value}),(0,s.jsx)("td",{children:m.texts[106].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[107].value}),(0,s.jsx)("td",{children:m.texts[108].value}),(0,s.jsx)("td",{children:m.texts[109].value}),(0,s.jsx)("td",{children:m.texts[110].value}),(0,s.jsx)("td",{children:m.texts[111].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[112].value}),(0,s.jsxs)("td",{children:[m.texts[113].value,(0,s.jsx)("code",{children:m.texts[114].value}),m.texts[115].value,(0,s.jsx)("code",{children:m.texts[116].value}),m.texts[117].value,(0,s.jsx)("code",{children:m.texts[118].value}),m.texts[119].value,(0,s.jsx)("code",{children:m.texts[120].value}),m.texts[121].value,(0,s.jsx)("code",{children:m.texts[122].value}),m.texts[123].value,(0,s.jsx)("code",{children:m.texts[124].value}),m.texts[125].value,(0,s.jsx)(l.default,{href:"https://github.com/microsoft/TypeScript/issues/28960",sourceType:"a",children:m.texts[126].value}),m.texts[127].value]}),(0,s.jsx)("td",{children:m.texts[128].value}),(0,s.jsx)("td",{children:m.texts[129].value}),(0,s.jsx)("td",{children:m.texts[130].value})]})]})]}),(0,s.jsx)("ul",{children:(0,s.jsx)("li",{children:(0,s.jsx)("code",{children:m.texts[131].value})})}),(0,s.jsx)("p",{children:m.texts[132].value}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[133].value}),(0,s.jsx)("th",{children:m.texts[134].value}),(0,s.jsx)("th",{children:m.texts[135].value}),(0,s.jsx)("th",{children:m.texts[136].value}),(0,s.jsx)("th",{children:m.texts[137].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[138].value}),(0,s.jsxs)("td",{children:[m.texts[139].value,(0,s.jsx)("code",{children:m.texts[140].value}),m.texts[141].value,(0,s.jsx)("code",{children:m.texts[142].value}),m.texts[143].value,(0,s.jsx)("code",{children:m.texts[144].value}),m.texts[145].value,(0,s.jsx)("code",{children:m.texts[146].value}),m.texts[147].value]}),(0,s.jsx)("td",{children:m.texts[148].value}),(0,s.jsx)("td",{children:m.texts[149].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[150].value}),(0,s.jsx)("td",{children:m.texts[151].value}),(0,s.jsx)("td",{children:m.texts[152].value}),(0,s.jsx)("td",{children:m.texts[153].value}),(0,s.jsx)("td",{children:m.texts[154].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[155].value}),(0,s.jsx)("td",{children:m.texts[156].value}),(0,s.jsx)("td",{children:m.texts[157].value}),(0,s.jsx)("td",{children:m.texts[158].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[159].value}),(0,s.jsxs)("td",{children:[m.texts[160].value,(0,s.jsx)("code",{children:m.texts[161].value}),m.texts[162].value,(0,s.jsx)("code",{children:m.texts[163].value}),m.texts[164].value,(0,s.jsx)("code",{children:m.texts[165].value}),m.texts[166].value,(0,s.jsx)("code",{children:m.texts[167].value}),m.texts[168].value,(0,s.jsx)("code",{children:m.texts[169].value}),m.texts[170].value,(0,s.jsx)("code",{children:m.texts[171].value})]}),(0,s.jsx)("td",{children:m.texts[172].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[173].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[174].value}),(0,s.jsx)("td",{children:m.texts[175].value}),(0,s.jsx)("td",{children:m.texts[176].value}),(0,s.jsx)("td",{}),(0,s.jsx)("td",{children:m.texts[177].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[178].value}),(0,s.jsx)("td",{children:m.texts[179].value}),(0,s.jsx)("td",{children:m.texts[180].value}),(0,s.jsx)("td",{children:m.texts[181].value}),(0,s.jsx)("td",{children:m.texts[182].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[183].value}),(0,s.jsx)("td",{children:m.texts[184].value}),(0,s.jsx)("td",{children:m.texts[185].value}),(0,s.jsx)("td",{children:m.texts[186].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[187].value}),(0,s.jsx)("td",{children:m.texts[188].value}),(0,s.jsxs)("td",{children:[m.texts[189].value,(0,s.jsx)("code",{children:m.texts[190].value})]}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[191].value})}),(0,s.jsx)("td",{children:m.texts[192].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[193].value}),(0,s.jsxs)("td",{children:[m.texts[194].value,(0,s.jsx)("code",{children:m.texts[195].value}),m.texts[196].value,(0,s.jsx)("code",{children:m.texts[197].value}),m.texts[198].value,(0,s.jsx)("code",{children:m.texts[199].value}),m.texts[200].value,(0,s.jsx)("code",{children:m.texts[201].value}),m.texts[202].value]}),(0,s.jsx)("td",{children:m.texts[203].value}),(0,s.jsx)("td",{children:m.texts[204].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[205].value}),(0,s.jsx)("td",{children:m.texts[206].value}),(0,s.jsx)("td",{children:m.texts[207].value}),(0,s.jsx)("td",{children:m.texts[208].value}),(0,s.jsx)("td",{children:m.texts[209].value})]})]})]}),(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:m.texts[210].value}),m.texts[211].value,(0,s.jsx)("code",{children:m.texts[212].value}),m.texts[213].value]}),(0,s.jsxs)("h3",{id:"global-configuration",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#global-configuration",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Global configuration"]}),(0,s.jsx)("p",{children:(0,s.jsx)("code",{children:m.texts[214].value})}),(0,s.jsxs)("blockquote",{children:[(0,s.jsxs)("p",{children:[m.texts[215].value,(0,s.jsx)("code",{children:m.texts[216].value}),m.texts[217].value]}),(0,s.jsx)("p",{children:m.texts[218].value})]}),(0,s.jsxs)("h4",{id:"notificationconfig",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#notificationconfig",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"notification.config"]}),(0,s.jsx)(i.default,{lang:"js",children:m.texts[219].value}),(0,s.jsxs)(a.default,{className:"component-api-table",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:m.texts[220].value}),(0,s.jsx)("th",{children:m.texts[221].value}),(0,s.jsx)("th",{children:m.texts[222].value}),(0,s.jsx)("th",{children:m.texts[223].value}),(0,s.jsx)("th",{children:m.texts[224].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[225].value}),(0,s.jsxs)("td",{children:[m.texts[226].value,(0,s.jsx)("code",{children:m.texts[227].value}),m.texts[228].value,(0,s.jsx)("code",{children:m.texts[229].value}),m.texts[230].value,(0,s.jsx)("code",{children:m.texts[231].value}),m.texts[232].value,(0,s.jsx)("code",{children:m.texts[233].value}),m.texts[234].value]}),(0,s.jsx)("td",{children:m.texts[235].value}),(0,s.jsx)("td",{children:m.texts[236].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[237].value}),(0,s.jsx)("td",{children:m.texts[238].value}),(0,s.jsx)("td",{children:m.texts[239].value}),(0,s.jsx)("td",{children:m.texts[240].value}),(0,s.jsx)("td",{children:m.texts[241].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[242].value}),(0,s.jsx)("td",{children:m.texts[243].value}),(0,s.jsx)("td",{children:m.texts[244].value}),(0,s.jsx)("td",{children:m.texts[245].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[246].value}),(0,s.jsx)("td",{children:m.texts[247].value}),(0,s.jsx)("td",{children:m.texts[248].value}),(0,s.jsx)("td",{children:m.texts[249].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[250].value}),(0,s.jsxs)("td",{children:[m.texts[251].value,(0,s.jsx)("code",{children:m.texts[252].value}),m.texts[253].value,(0,s.jsx)("code",{children:m.texts[254].value}),m.texts[255].value,(0,s.jsx)("code",{children:m.texts[256].value}),m.texts[257].value,(0,s.jsx)("code",{children:m.texts[258].value}),m.texts[259].value,(0,s.jsx)("code",{children:m.texts[260].value}),m.texts[261].value,(0,s.jsx)("code",{children:m.texts[262].value})]}),(0,s.jsx)("td",{children:m.texts[263].value}),(0,s.jsx)("td",{children:(0,s.jsx)("code",{children:m.texts[264].value})}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[265].value}),(0,s.jsx)("td",{children:m.texts[266].value}),(0,s.jsx)("td",{children:m.texts[267].value}),(0,s.jsx)("td",{}),(0,s.jsx)("td",{children:m.texts[268].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[269].value}),(0,s.jsx)("td",{children:m.texts[270].value}),(0,s.jsx)("td",{children:m.texts[271].value}),(0,s.jsx)("td",{children:m.texts[272].value}),(0,s.jsx)("td",{children:m.texts[273].value})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[274].value}),(0,s.jsx)("td",{children:m.texts[275].value}),(0,s.jsx)("td",{children:m.texts[276].value}),(0,s.jsx)("td",{children:m.texts[277].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[278].value}),(0,s.jsxs)("td",{children:[m.texts[279].value,(0,s.jsx)("code",{children:m.texts[280].value}),m.texts[281].value,(0,s.jsx)("code",{children:m.texts[282].value}),m.texts[283].value,(0,s.jsx)("code",{children:m.texts[284].value}),m.texts[285].value,(0,s.jsx)("code",{children:m.texts[286].value}),m.texts[287].value]}),(0,s.jsx)("td",{children:m.texts[288].value}),(0,s.jsx)("td",{children:m.texts[289].value}),(0,s.jsx)("td",{})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:m.texts[290].value}),(0,s.jsx)("td",{children:m.texts[291].value}),(0,s.jsx)("td",{children:m.texts[292].value}),(0,s.jsx)("td",{children:m.texts[293].value}),(0,s.jsx)("td",{children:m.texts[294].value})]})]})]}),(0,s.jsxs)("h2",{id:"design-token",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#design-token",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Design Token"]})]}),(0,s.jsx)(o.default,{component:"Notification"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("h2",{id:"faq",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#faq",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"FAQ"]}),(0,s.jsxs)("h3",{id:"why-i-can-not-access-context-redux-configprovider-localeprefixclstheme-in-notification",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#why-i-can-not-access-context-redux-configprovider-localeprefixclstheme-in-notification",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Why I can not access context, redux, ConfigProvider ",(0,s.jsx)("code",{children:m.texts[295].value})," in notification?"]}),(0,s.jsxs)("p",{children:[m.texts[296].value,(0,s.jsx)("code",{children:m.texts[297].value}),m.texts[298].value]}),(0,s.jsxs)("p",{children:[m.texts[299].value,(0,s.jsx)("code",{children:m.texts[300].value}),m.texts[301].value,(0,s.jsx)("code",{children:m.texts[302].value}),m.texts[303].value,(0,s.jsx)("code",{children:m.texts[304].value}),m.texts[305].value]}),(0,s.jsx)(i.default,{lang:"tsx",children:m.texts[306].value}),(0,s.jsxs)("p",{children:[(0,s.jsx)("strong",{children:m.texts[307].value}),m.texts[308].value,(0,s.jsx)("code",{children:m.texts[309].value}),m.texts[310].value]}),(0,s.jsx)("blockquote",{children:(0,s.jsxs)("p",{children:[(0,s.jsx)(l.default,{to:"/components/app",sourceType:"Link",children:m.texts[311].value}),m.texts[312].value,(0,s.jsx)("code",{children:m.texts[313].value}),m.texts[314].value]})}),(0,s.jsxs)("h3",{id:"how-to-set-static-methods-prefixcls-",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#how-to-set-static-methods-prefixcls-",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"How to set static methods prefixCls \uFF1F"]}),(0,s.jsxs)("p",{children:[m.texts[315].value,(0,s.jsx)(l.default,{to:"/components/config-provider#configproviderconfig-4130",sourceType:"Link",children:(0,s.jsx)("code",{children:m.texts[316].value})})]})]})]})})});};}}]);