(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["17e84023"],{"17e84023":function(a,e,d){"use strict";d.d(e,"__esModule",{value:!0}),d.d(e,"texts",{enumerable:!0,get:function(){return n;}}),d("47c1f0c0");let n=[{value:"\u4ECE ",paraId:0},{value:"5.12.0",paraId:0},{value:" \u8D77\uFF0CAnt Design 5.x \u91CD\u65B0\u652F\u6301\u4E86 CSS \u53D8\u91CF\u3002\u4E0E 4.x \u7248\u672C\u4E0D\u540C\u7684\u662F\uFF0C\u8FD9\u6B21\u6211\u4EEC\u878D\u5408\u4E86 CSS-in-JS \u7684\u80FD\u529B\uFF0C\u5E76\u4E14\u5C06\u6240\u6709 Design Token \u7EB3\u5165\u4E86 CSS \u53D8\u91CF\u7684\u7BA1\u7406\u8303\u7574\u3002",paraId:0},{value:"\u76EE\u524D CSS \u53D8\u91CF\u6A21\u5F0F\u5DF2\u5728 Ant Design \u5B98\u7F51\u4E0A\u5168\u5C40\u5F00\u542F\u3002",paraId:1},{value:"CSS \u53D8\u91CF\u6A21\u5F0F\u4E3A Ant Design \u7684\u6837\u5F0F\u80FD\u529B\u5E26\u6765\u4E86\u4E24\u4E2A\u91CD\u8981\u7684\u63D0\u5347\uFF1A",paraId:2,tocIndex:0},{value:"\u540C\u4E00\u7EC4\u4EF6\u5728\u4E0D\u540C\u4E3B\u9898\u4E0B\u7684\u6837\u5F0F\u53EF\u4EE5\u5171\u4EAB\uFF0C\u51CF\u5C11\u4E86\u6837\u5F0F\u4F53\u79EF",paraId:3,tocIndex:0},{value:"\u5207\u6362\u4E3B\u9898\u65F6\u4E0D\u518D\u9700\u8981\u91CD\u65B0\u5E8F\u5217\u5316\u6837\u5F0F\uFF0C\u63D0\u5347\u4E86\u4E3B\u9898\u5207\u6362\u7684\u6027\u80FD",paraId:3,tocIndex:0},{value:"\u56E0\u6B64\u5982\u679C\u4F60\u7684\u5E94\u7528\u4F9D\u8D56\u4E86 Ant Design \u7684\u4E3B\u9898\u80FD\u529B\uFF0C\u90A3\u4E48\u6211\u4EEC\u5F3A\u70C8\u5EFA\u8BAE\u4F60\u5F00\u542F CSS \u53D8\u91CF\u6A21\u5F0F\u3002",paraId:4,tocIndex:0},{value:"\u5728 ConfigProvider \u7684 ",paraId:5,tocIndex:1},{value:"theme",paraId:5,tocIndex:1},{value:" \u5C5E\u6027\u4E2D\uFF0C\u901A\u8FC7 ",paraId:5,tocIndex:1},{value:"cssVar",paraId:5,tocIndex:1},{value:" \u914D\u7F6E\u6765\u5F00\u542F CSS \u53D8\u91CF\u6A21\u5F0F\u3002\u8FD9\u4E2A\u914D\u7F6E\u4F1A\u88AB\u7EE7\u627F\uFF0C\u6240\u4EE5\u5E0C\u671B\u5168\u5C40\u5F00\u542F CSS \u53D8\u91CF\u6A21\u5F0F\u7684\u8BDD\uFF0C\u53EA\u9700\u8981\u5728\u6839\u8282\u70B9\u7684 ConfigProvider \u4E2D\u914D\u7F6E\u5373\u53EF\u3002",paraId:5,tocIndex:1},{value:"CSS \u53D8\u91CF\u6A21\u5F0F\u9700\u8981\u4E3A\u6BCF\u4E00\u4E2A\u4E3B\u9898\u8BBE\u7F6E\u72EC\u7279\u7684 key \u6765\u4FDD\u8BC1\u6837\u5F0F\u9694\u79BB\uFF0C\u5728 React 18 \u4E2D\u6211\u4EEC\u4F7F\u7528\u4E86 ",paraId:6},{value:"useId",paraId:6},{value:" \u6765\u751F\u6210\u552F\u4E00\u7684 key\uFF0C\u6240\u4EE5\u5728 React 18 \u4E2D\uFF0C\u4F60\u53EF\u4EE5\u4E0D\u7528\u5173\u5FC3\u8FD9\u4E2A\u95EE\u9898\u3002\u4F46\u662F\u5728 React 17 \u6216\u8005 16 \u4E2D\uFF0C\u4F60\u9700\u8981\u624B\u52A8\u4E3A\u6BCF\u4E00\u4E2A\u4E3B\u9898\u8BBE\u7F6E\u4E00\u4E2A\u552F\u4E00\u7684 key\uFF0C\u5426\u5219\u4F1A\u5BFC\u81F4\u4E3B\u9898\u6DF7\u4E71\u3002",paraId:6},{value:"// React 18\n<ConfigProvider theme={{ cssVar: true }}>\n  <App />\n</ConfigProvider>\n\n// React 17 or 16\n<ConfigProvider theme={{ cssVar: { key: 'app' } }}>\n  <App />\n</ConfigProvider>\n",paraId:7},{value:"\u5F00\u542F\u540E\u5BA1\u67E5\u5143\u7D20\uFF0C\u5C31\u53EF\u4EE5\u770B\u5230 antd \u7EC4\u4EF6\u6837\u5F0F\u4E2D\u4E00\u4E9B\u539F\u672C\u5177\u4F53\u7684\u6570\u503C\u88AB\u66FF\u6362\u4E3A\u4E86 CSS \u53D8\u91CF\uFF1A",paraId:8},{value:"hash \u662F Ant Design 5.0 \u4EE5\u6765\u7684\u7279\u6027\u4E4B\u4E00\uFF0C\u5176\u529F\u80FD\u662F\u4E3A\u6BCF\u4E00\u4EFD\u4E3B\u9898\u8BA1\u7B97\u4E00\u4E2A\u72EC\u7279\u7684 hash \u503C\uFF0C\u5E76\u5C06\u5176\u7528\u5728\u7EC4\u4EF6\u7684 class \u4E0A\uFF0C\u7528\u4E8E\u9694\u79BB\u4E3B\u9898\u6837\u5F0F\u3002",paraId:9,tocIndex:3},{value:"\u4F46\u662F\u542F\u7528\u4E86 CSS \u53D8\u91CF\u4E4B\u540E\uFF0C\u76F8\u540C antd \u7248\u672C\u4E0B\u7684\u7EC4\u4EF6\u6837\u5F0F\u5C06\u4E0D\u4F1A\u968F\u7740 token \u53D8\u5316\u800C\u6539\u53D8 \u2014\u2014 \u56E0\u4E3A\u6211\u4EEC\u7528 CSS \u53D8\u91CF\u586B\u5145\u4E86\u6837\u5F0F\u4E2D\u7684\u52A8\u6001\u90E8\u5206\u3002\u6240\u4EE5\u5982\u679C\u4F60\u7684\u5E94\u7528\u4E2D\u53EA\u5B58\u5728\u4E00\u4E2A\u7248\u672C\u7684 antd\uFF0C\u4F60\u53EF\u4EE5\u9009\u62E9\u5173\u95ED hash \u6765\u8FDB\u4E00\u6B65\u51CF\u5C0F\u6837\u5F0F\u4F53\u79EF\uFF1A",paraId:10,tocIndex:3},{value:"<ConfigProvider theme={{ cssVar: true, hashed: false }}>\n  <App />\n</ConfigProvider>\n",paraId:11,tocIndex:3},{value:"\u540C\u65F6\u6211\u4EEC\u975E\u5E38\u63A8\u8350\u4F7F\u7528 ",paraId:12,tocIndex:3},{value:"extractStyle",paraId:13,tocIndex:3},{value:" \u6765\u62BD\u53D6\u9759\u6001\u6837\u5F0F\uFF0C\u8FD9\u6837\u4F1A\u4E3A\u5E94\u7528\u6027\u80FD\u5E26\u6765\u4E00\u5B9A\u91CF\u7684\u63D0\u5347\u3002",paraId:12,tocIndex:3},{value:"\u5728 CSS \u53D8\u91CF\u6A21\u5F0F\u4E0B\uFF0C\u4FEE\u6539\u4E3B\u9898\u7684\u65B9\u6CD5\u4E0E\u4E4B\u524D\u65E0\u5F02\uFF0C\u53C2\u8003 ",paraId:14,tocIndex:4},{value:"\u5B9A\u5236\u4E3B\u9898",paraId:15,tocIndex:4},{value:"\u3002",paraId:14,tocIndex:4},{value:"cssVar",paraId:16,tocIndex:5},{value:" \u76EE\u524D\u652F\u6301\u7684\u53C2\u6570\uFF1A",paraId:16,tocIndex:5},{value:"\u5C5E\u6027",paraId:17,tocIndex:5},{value:"\u8BF4\u660E",paraId:17,tocIndex:5},{value:"\u7C7B\u578B",paraId:17,tocIndex:5},{value:"\u9ED8\u8BA4\u503C",paraId:17,tocIndex:5},{value:"\u7248\u672C",paraId:17,tocIndex:5},{value:"prefix",paraId:17,tocIndex:5},{value:"CSS \u53D8\u91CF\u7684\u524D\u7F00\uFF0C\u9ED8\u8BA4\u4E0E ConfigProvider \u4E0A\u914D\u7F6E\u7684 ",paraId:17,tocIndex:5},{value:"prefixCls",paraId:17,tocIndex:5},{value:" \u76F8\u540C\u3002",paraId:17,tocIndex:5},{value:"string",paraId:17,tocIndex:5},{value:"ant",paraId:17,tocIndex:5},{value:"5.12.0",paraId:17,tocIndex:5},{value:"key",paraId:17,tocIndex:5},{value:"\u5F53\u524D\u4E3B\u9898\u7684\u552F\u4E00\u8BC6\u522B key. \u5728 React 18 \u4E2D\u4F1A\u9ED8\u8BA4\u7528 ",paraId:17,tocIndex:5},{value:"useId",paraId:17,tocIndex:5},{value:" \u586B\u5145\uFF0C\u5C0F\u4E8E React 18 \u7684\u7248\u672C\u9700\u8981\u624B\u52A8\u586B\u5145\u3002",paraId:17,tocIndex:5},{value:"string",paraId:17,tocIndex:5},{value:"useId",paraId:17,tocIndex:5},{value:" in React 18",paraId:17,tocIndex:5},{value:"5.12.0",paraId:17,tocIndex:5}];}}]);