ant-design/37c1c629-async.789b4f8d.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["37c1c629"],{"37c1c629":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return u;}});var n=t("777fffbe"),d=t("f19d2b93"),s=n._(t("b622e337")),c=n._(t("97c488ea")),l=n._(t("c96b0d01")),r=t("5b220c3d"),i=t("9c86e52a"),o=t("e8402ad5"),u=function(){return(0,d.jsx)(i.DumiPage,{children:(0,d.jsx)(r.Suspense,{fallback:(0,d.jsx)(l.default,{}),children:(0,d.jsx)(d.Fragment,{children:(0,d.jsxs)("div",{className:"markdown",children:[(0,d.jsx)("p",{children:o.texts[0].value}),(0,d.jsxs)("h2",{id:"\u592A\u957F\u4E0D\u770B",children:[(0,d.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u592A\u957F\u4E0D\u770B",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u592A\u957F\u4E0D\u770B"]}),(0,d.jsxs)("p",{children:[o.texts[1].value,(0,d.jsx)("code",{children:o.texts[2].value}),o.texts[3].value]}),(0,d.jsx)(s.default,{lang:"tsx",children:o.texts[4].value}),(0,d.jsx)("p",{children:(0,d.jsx)("img",{src:"https://github.com/react-component/picker/assets/5378891/3c54ef05-5448-4619-b492-b5328c032c52",alt:"Happy Work Theme"})}),(0,d.jsxs)("h2",{id:"\u5B9A\u5236\u6C34\u6CE2\u7EB9",children:[(0,d.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5B9A\u5236\u6C34\u6CE2\u7EB9",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u5B9A\u5236\u6C34\u6CE2\u7EB9"]}),(0,d.jsx)("p",{children:o.texts[5].value}),(0,d.jsxs)("ul",{children:[(0,d.jsx)("li",{children:(0,d.jsx)("img",{alt:"Button",height:"110",src:"https://github.com/react-component/picker/assets/5378891/60aaad50-cfd5-4c1f-b91f-0be217877f3f"})}),(0,d.jsx)("li",{children:(0,d.jsx)("img",{alt:"Checkbox",height:"70",src:"https://github.com/react-component/picker/assets/5378891/f7d64d64-29db-4c9c-a0d6-de8b36a31d48"})}),(0,d.jsx)("li",{children:(0,d.jsx)("img",{alt:"Radio",height:"70",src:"https://github.com/react-component/picker/assets/5378891/9f4edaa8-26f7-468c-bcf3-1ce80163bf0e"})}),(0,d.jsx)("li",{children:(0,d.jsx)("img",{alt:"Switch",height:"84",src:"https://github.com/react-component/picker/assets/5378891/16abcee6-32d0-4075-bc4c-440d8aade067"})})]}),(0,d.jsx)("p",{children:o.texts[6].value}),(0,d.jsxs)("h3",{id:"wave-\u7EC4\u4EF6",children:[(0,d.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#wave-\u7EC4\u4EF6",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"Wave \u7EC4\u4EF6"]}),(0,d.jsxs)("p",{children:[o.texts[7].value,(0,d.jsx)("code",{children:o.texts[8].value}),o.texts[9].value]}),(0,d.jsx)(s.default,{lang:"tsx",children:o.texts[10].value}),(0,d.jsxs)("p",{children:[o.texts[11].value,(0,d.jsx)(c.default,{href:"https://github.com/ant-design/ant-design/pull/40111",sourceType:"a",children:o.texts[12].value}),o.texts[13].value,(0,d.jsx)("code",{children:o.texts[14].value}),o.texts[15].value,(0,d.jsx)("code",{children:o.texts[16].value}),o.texts[17].value,(0,d.jsx)("code",{children:o.texts[18].value}),o.texts[19].value,(0,d.jsx)(c.default,{href:"https://github.com/ant-design/ant-design/pull/40111",sourceType:"a",children:o.texts[20].value}),o.texts[21].value]}),(0,d.jsxs)("h3",{id:"configprovider",children:[(0,d.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#configprovider",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"ConfigProvider"]}),(0,d.jsxs)("p",{children:[o.texts[22].value,(0,d.jsx)("code",{children:o.texts[23].value}),o.texts[24].value]}),(0,d.jsx)(s.default,{lang:"tsx",children:o.texts[25].value}),(0,d.jsx)("p",{children:(0,d.jsx)("img",{src:"https://github.com/react-component/picker/assets/5378891/425094d8-8767-4a53-85fb-5b13b888f2c4",alt:"Customize Wave Effect"})}),(0,d.jsxs)("p",{children:[o.texts[26].value,(0,d.jsx)(c.default,{to:"/components/config-provider#config-provider-demo-wave",sourceType:"Link",children:o.texts[27].value}),o.texts[28].value]}),(0,d.jsxs)("p",{children:[(0,d.jsx)("code",{children:o.texts[29].value}),o.texts[30].value,(0,d.jsx)("code",{children:o.texts[31].value}),o.texts[32].value]}),(0,d.jsx)(s.default,{lang:"tsx",children:o.texts[33].value}),(0,d.jsx)("p",{children:o.texts[34].value}),(0,d.jsxs)("h2",{id:"\u6700\u540E",children:[(0,d.jsx)(c.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u6700\u540E",sourceType:"a",children:(0,d.jsx)("span",{className:"icon icon-link"})}),"\u6700\u540E"]}),(0,d.jsxs)("p",{children:[o.texts[35].value,(0,d.jsx)("code",{children:o.texts[36].value}),o.texts[37].value]})]})})})});};},e8402ad5:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"texts",{enumerable:!0,get:function(){return n;}}),t("e846e89e");let n=[{value:"\u5728 v5 \u53D1\u5E03\u4F1A\u4E0A\uFF0C\u6211\u4EEC\u7684\u8BBE\u8BA1\u5E08\u56E2\u961F\u63D0\u8FC7\u5C06\u4F1A\u63D0\u4F9B\u5FEB\u4E50\u5DE5\u4F5C\u7684\u4E3B\u9898\u3002\u8FD9\u90E8\u5206\u5DE5\u4F5C\u4ECD\u7136\u5728\u5FAA\u5E8F\u6E10\u8FDB\u7684\u8FDB\u884C\u4E2D\uFF0C\u4F46\u662F\u6211\u4EEC\u5DF2\u7ECF\u6709\u4E86\u4E00\u4E9B\u8FDB\u5C55\uFF0C\u60F3\u5728\u8FD9\u91CC\u548C\u5927\u5BB6\u5206\u4EAB\u3002",paraId:0},{value:"\u4F60\u53EF\u4EE5\u76F4\u63A5\u4F7F\u7528 ",paraId:1,tocIndex:0},{value:"@ant-design/happy-work-theme",paraId:1,tocIndex:0},{value:" \u6765\u5207\u6362\u4E3B\u9898\u7279\u6548\uFF08\u6216\u8005\u7EE7\u7EED\u9605\u8BFB\u770B\u770B\u6211\u4EEC\u505A\u4E86\u4EC0\u4E48\uFF09\uFF1A",paraId:1,tocIndex:0},{value:"import { HappyProvider } from '@ant-design/happy-work-theme';\n\nexport default () => (\n  <HappyProvider>\n    <Button />\n  </HappyProvider>\n);\n",paraId:2,tocIndex:0},{value:"Ant Design \u4E2D\uFF0C\u4E00\u4E2A\u6BD4\u8F83\u6709\u7279\u8272\u7684\u8BBE\u8BA1\u4EA4\u4E92\u5C31\u662F\u5728\u4E00\u4E9B\u7EC4\u4EF6\u4E0A\u7684\u70B9\u51FB\u6CE2\u7EB9\u6548\u679C\u3002\u4F60\u53EF\u4EE5\u5728\u5404\u4E2A\u5730\u65B9\u770B\u5230\u5B83\u4EEC\uFF1A",paraId:3,tocIndex:1},{value:"\u5728\u8FC7\u53BB\u6570\u4E2A\u5927\u7248\u672C\u4E2D\uFF0C\u8FD9\u4E2A\u6C34\u6CE2\u7EB9\u7279\u6548\u90FD\u65E0\u6CD5\u4FEE\u6539\u3002\u5982\u679C\u8981\u5173\u95ED\u5B83\uFF0C\u5F00\u53D1\u8005\u751A\u81F3\u9700\u8981\u505A\u4E00\u4E9B\u201C\u9ED1\u9B54\u6CD5\u201D\u624D\u80FD\u5B9E\u73B0\u3002\u6240\u4EE5\u5F53\u8BBE\u8BA1\u5E08\u63D0\u51FA\u4E00\u4E2A\u5FEB\u4E50\u7684\u4E3B\u9898\u80FD\u529B\u65F6\uFF0C\u4F5C\u4E3A\u5F00\u53D1\u8005\u6211\u4EEC\u89C9\u5F97\u8FD9\u662F\u4E2A\u597D\u65F6\u673A\u6765\u505A\u4E00\u4E9B\u6539\u9020\u4E86\u3002",paraId:4,tocIndex:1},{value:"\u6C34\u6CE2\u7EB9\u5B9E\u9645\u4E0A\u662F\u4E00\u4E2A Wave \u7EC4\u4EF6\uFF0C\u5B83\u4F1A\u76D1\u542C\u5B50\u7EC4\u4EF6\u7684\u70B9\u51FB\u4E8B\u4EF6\u3002\u7136\u540E\u6DFB\u52A0\u4E00\u4E2A ",paraId:5,tocIndex:2},{value:"box-shadow",paraId:5,tocIndex:2},{value:" \u52A8\u6548\u4EA7\u751F\u6C34\u6CE2\u7EB9\uFF1A",paraId:5,tocIndex:2},{value:"// Sample code.\nconst Button = (\n  <Wave>\n    <button />\n  </Wave>\n);\n",paraId:6,tocIndex:2},{value:"\u5728\u6700\u521D\u7684\u8BBE\u8BA1\u4E2D\uFF08",paraId:7,tocIndex:2},{value:"#40111",paraId:7,tocIndex:2},{value:"\uFF09\uFF0C\u6211\u4EEC\u5E0C\u671B\u6C34\u6CE2\u7EB9\u5B9A\u5236\u80FD\u529B\u5C5E\u4E8E Design Token \u7684\u4E00\u90E8\u5206\u3002\u4F46\u662F\u8FD9\u6837\u7684\u8BDD\uFF0CDesign Token \u5C31\u4F1A\u53D8\u5F97\u6709\u4E9B\u8FC7\u4E8E\u590D\u6742\uFF0C\u4ECE\u539F\u672C\u7684\u7EAF ",paraId:7,tocIndex:2},{value:"string | number",paraId:7,tocIndex:2},{value:" \u7C7B\u578B\u53D8\u6210\u4E86 ",paraId:7,tocIndex:2},{value:"string | number | Function<T>",paraId:7,tocIndex:2},{value:"\u3002\u4ECE API \u8BBE\u8BA1\u89D2\u5EA6\u770B\uFF0C",paraId:7,tocIndex:2},{value:"Function<T>",paraId:7,tocIndex:2},{value:" \u4E5F\u6709\u574F\u5473\u9053\uFF0C\u672A\u6765\u5982\u679C\u6709\u65B0\u7684\u5B9A\u5236\u9700\u6C42\uFF0CFunction \u7684\u7C7B\u578B\u4F1A\u53D8\u5F97\u6108\u53D1\u53D1\u6563\u3002\u6240\u4EE5 ",paraId:7,tocIndex:2},{value:"#40111",paraId:7,tocIndex:2},{value:" \u6C38\u8FDC\u505C\u7559\u5728 Draft \u7248\u672C\u3002",paraId:7,tocIndex:2},{value:"\u63A5\u7740\uFF0C\u6211\u4EEC\u9009\u62E9\u5C06\u5176\u653E\u5728 ConfigProvider \u4E2D\u3002ConfigProvider \u662F\u4E00\u4E2A\u5168\u5C40\u7684\u914D\u7F6E\u7EC4\u4EF6\uFF0C\u5B83\u53EF\u4EE5\u5F71\u54CD\u5230\u6240\u6709\u7684\u5B50\u7EC4\u4EF6\u3002\u5176 API \u4E5F\u5DF2\u7ECF\u56CA\u62EC\u4E86\u5927\u91CF\u7EC4\u4EF6\u7684\u914D\u7F6E\u80FD\u529B\uFF0C\u6240\u4EE5\u6211\u4EEC\u53EA\u9700\u8981\u6DFB\u52A0\u4E00\u4E2A ",paraId:8,tocIndex:3},{value:"wave",paraId:8,tocIndex:3},{value:" \u5C5E\u6027\u5373\u53EF\uFF1A",paraId:8,tocIndex:3},{value:"<ConfigProvider wave={{ showEffect }}>\n  <Button />\n</ConfigProvider>\n",paraId:9,tocIndex:3},{value:"\u70B9\u51FB ",paraId:10,tocIndex:3},{value:"\u67E5\u770B ConfigProvider \u793A\u4F8B",paraId:11,tocIndex:3},{value:"\u3002",paraId:10,tocIndex:3},{value:"showEffect",paraId:12,tocIndex:3},{value:" \u65B9\u6CD5\u4F1A\u544A\u77E5\u5F53\u524D\u9700\u8981\u4EA7\u751F\u7279\u6548\u7684 DOM \u8282\u70B9\uFF0C\u8FD9\u4E2A\u8282\u70B9\u5DF2\u7ECF\u7ECF\u8FC7\u5C01\u88C5\u603B\u4F1A\u5BF9\u5E94\u5230\u6B63\u786E\u7684\u5143\u7D20\u4E0A\uFF08\u4F8B\u5982 Button \u662F\u5176\u672C\u8EAB\uFF0C\u800C Radio \u4F1A\u4ECE ",paraId:12,tocIndex:3},{value:"label",paraId:12,tocIndex:3},{value:" \u4E2D\u627E\u5230 Radio \u5706\u6846\u7684\u8282\u70B9\uFF09\u3002\u5E76\u4E14\u544A\u77E5\u4F60\u5B83\u662F\u54EA\u4E2A\u7EC4\u4EF6\u4EE5\u53CA\u5F53\u524D\u8282\u70B9\u6240\u5C5E\u7684 Design Token\uFF1A",paraId:12,tocIndex:3},{value:"type ShowEffect = (target: HTMLElement, info: { component: string; token: GlobalToken }) => void;\n",paraId:13,tocIndex:3},{value:"\u901A\u8FC7 Design Token\uFF0C\u4F60\u53EF\u4EE5\u5B9E\u73B0\u7B26\u5408\u5F53\u524D\u4E3B\u9898\u7684\u7279\u6548\u3002\u4F8B\u5982\u5728\u6587\u7AE0\u5F00\u5934\u7684 GIF \u4E2D\uFF0C\u5F53\u4E3B\u9898\u8272\u53D8\u6362\u65F6\u6211\u4EEC\u53EF\u4EE5\u83B7\u53D6\u5F53\u524D\u7684\u4E3B\u9898\u8272\u5E76\u6DFB\u52A0\u5BF9\u5E94\u7684\u7279\u6548\u3002",paraId:14,tocIndex:3},{value:"\u5FEB\u4E50\u5DE5\u4F5C\u4E3B\u9898\u7684\u5DE5\u4F5C\u4ECD\u7136\u5728\u8FDB\u884C\u4E2D\uFF0C\u6211\u4EEC\u4F1A\u5728\u540E\u7EED\u7684\u7248\u672C\u4E2D\u9010\u6B65\u6DFB\u52A0\u66F4\u591A\u7684\u80FD\u529B\u3002\u5F53\u524D ",paraId:15,tocIndex:4},{value:"@ant-design/happy-work-theme",paraId:15,tocIndex:4},{value:" \u63D0\u4F9B\u7684 HappyProvider \u901A\u8FC7 ConfigProvider \u5B9E\u73B0\u4E86\u6C34\u6CE2\u7EB9\u7279\u6548\u7684\u66FF\u6362\uFF0C\u6211\u4EEC\u8BA1\u5212\u5F00\u53D1\u8005\u672A\u6765\u65E0\u9700\u505A\u989D\u5916\u7684\u6539\u9020\uFF0C\u5C31\u80FD\u901A\u8FC7 HappyProvider \u968F\u7740\u7248\u672C\u8FED\u4EE3\u800C\u9010\u6B65\u6DFB\u52A0\u66F4\u591A\u7684\u201C\u5FEB\u4E50\u201D\u3002\u656C\u8BF7\u671F\u5F85\u3002",paraId:15,tocIndex:4}];}}]);