ant-design/fd7357e5-async.e8d62d4b.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["fd7357e5"],{fd7357e5:function(a,e,n){"use strict";n.d(e,"__esModule",{value:!0}),n.d(e,"texts",{enumerable:!0,get:function(){return d;}}),n("c67b7417");let d=[{value:"\u5728 2022 \u5E74 11 \u6708 18 \u65E5\uFF0C\u6211\u4EEC\u53D1\u5E03\u4E86 Ant Design 5.0 \u7684\u6B63\u5F0F\u7248\u672C\uFF0C\u540C\u65F6\u5E26\u5165\u5927\u5BB6\u89C6\u91CE\u4E2D\u7684\u8FD8\u6709 Ant Design \u72EC\u7279\u7684 CSS-in-JS \u65B9\u6848\u3002\u901A\u8FC7\u8FD9\u4E2A\u65B9\u6848\uFF0CAnt Design \u83B7\u5F97\u4E86\u76F8\u8F83\u4E8E\u5176\u4ED6 CSS-in-JS \u5E93\u66F4\u9AD8\u7684\u6027\u80FD\uFF0C\u4F46\u4EE3\u4EF7\u5219\u662F\u727A\u7272\u4E86\u5176\u5728\u5E94\u7528\u4E2D\u81EA\u7531\u4F7F\u7528\u7684\u7075\u6D3B\u6027\u3002\u6240\u4EE5\u6211\u4EEC\u628A\u5B83\u79F0\u4E3A\u201C\u7EC4\u4EF6\u7EA7\u201D\u7684 CSS-in-JS \u65B9\u6848\u3002",paraId:0},{value:"\u5728 CSS-in-JS \u4E2D\uFF0Chash \u4F1A\u7528\u4E8E\u786E\u8BA4\u4E00\u6BB5 style \u662F\u5426\u5DF2\u7ECF\u63D2\u5165\u3002\u800C\u8BA1\u7B97 hash \u7684\u65B9\u6CD5\u901A\u5E38\u662F\u5C06\u4E00\u6BB5\u5B8C\u6574\u7684 css \u8F6C\u6362\u4E3A hash \u503C\u3002\u6BD4\u5982\u5728 emotion \u4E2D\uFF0C\u6211\u4EEC\u68C0\u67E5\u9875\u9762\u4E2D\u7684\u5143\u7D20\u5C31\u53EF\u4EE5\u770B\u5230\u8FD9\u6837\u7684 style \u6807\u7B7E\uFF0C\u8FD9\u6837\u7684 style \u6807\u7B7E\u5BF9\u5E94\u7684 hash \u503C\u6BCF\u4E00\u6BB5\u90FD\u662F\u4E0D\u4E00\u6837\u7684\uFF1A",paraId:1,tocIndex:0},{value:"\u5982\u6B64\u4FBF\u53EF\u4EE5\u5F15\u5165\u4E00\u4E2A CSS-in-JS \u88AB\u8BDF\u75C5\u5DF2\u4E45\u7684\u95EE\u9898\uFF1A\u6211\u4EEC\u5728\u7F16\u5199\u4EE3\u7801\u65F6\u5199\u7684\u5E76\u4E0D\u662F\u6700\u7EC8\u7684 css\uFF0C\u6240\u4EE5\u6BCF\u6B21\u90FD\u9700\u8981\u91CD\u65B0\u5E8F\u5217\u5316\u5F97\u5230 css \u540E\u518D\u6B21\u8BA1\u7B97 hash\uFF0C\u8FD9\u5C31\u5728\u6BCF\u6B21\u6E32\u67D3\u7EC4\u4EF6\u65F6\u5E26\u6765\u4E86\u989D\u5916\u7684\u5F00\u9500\u3002\u5982\u679C\u4F60\u7684\u9875\u9762\u6216\u8005\u7EC4\u4EF6\u5E26\u6709\u975E\u5E38\u590D\u6742\u6216\u8005\u5927\u91CF\u7684 CSS-in-JS \u4EE3\u7801\uFF0C\u751A\u81F3\u6837\u5F0F\u4F1A\u8DDF\u968F\u7EC4\u4EF6\u7684 props \u53D8\u5316\uFF0C\u90A3\u4E48\u8FD9\u4E2A\u6027\u80FD\u6D88\u8017\u4FBF\u53D8\u5F97\u4E0D\u53EF\u5FFD\u89C6\u3002",paraId:2,tocIndex:0},{value:"\u9488\u5BF9\u8FD9\u4E2A\u95EE\u9898\uFF0C\u5404\u4E2A CSS-in-JS \u5E93\u4F1A\u6709\u81EA\u5DF1\u7684\u5E94\u5BF9\u65B9\u5F0F\uFF0C\u8FD9\u91CC\u5C31\u5148\u4E0D\u505A\u8D58\u8FF0\uFF0C\u8BA9\u6211\u4EEC\u6765\u770B\u4E00\u770B Ant Design \u7684\u65B9\u6848\u3002",paraId:2,tocIndex:0},{value:"\u5176\u5B9E\u6211\u4EEC\u4E0D\u96BE\u53D1\u73B0\uFF0C\u95EE\u9898\u5176\u5B9E\u5728\u4E8E\u5E8F\u5217\u5316 css \u7684\u8FC7\u7A0B\u3002\u5982\u679C\u901A\u8FC7\u7F13\u5B58\u7684\u65B9\u6CD5\u53BB\u51CF\u5C11\u5E8F\u5217\u5316 css \u7684\u6B21\u6570\u5462\uFF1F\u5BF9\u4E8E\u5E94\u7528\u7EA7\u7684 CSS-in-JS \u6765\u8BF4\uFF0C\u6211\u4EEC\u5F88\u96BE\u53BB\u627E\u5230\u4E00\u4E2A\u5F88\u5408\u9002\u7684 key \u53BB\u786E\u8BA4\u7F13\u5B58\u3002\u4F46\u662F\u5982\u679C\u662F\u7EC4\u4EF6\u5E93\u7684\u8BDD\uFF0C\u6700\u7EC8\u5F97\u5230\u7684\u6837\u5F0F\u5219\u662F\u6BD4\u8F83\u7A33\u5B9A\u7684\u3002\u6839\u636E\u6211\u4EEC\u4ECE v4 \u53CA\u4E4B\u524D\u7248\u672C\u786E\u5B9A\u4E0B\u6765\u7684\u6837\u5F0F\u7ED3\u6784\uFF0C\u6BCF\u4E00\u4E2A\u7EC4\u4EF6\u7684\u6837\u5F0F\u5728\u76F8\u540C\u7684\u4E3B\u9898\u53D8\u91CF\u548C\u76F8\u540C\u7684\u7248\u672C\u4E0B\u662F\u4E0D\u4F1A\u6539\u53D8\u7684\u3002\u53CD\u8FC7\u6765\u8BF4\uFF0C\u53EA\u6709\u4FEE\u6539\u4E86\u4E3B\u9898\u53D8\u91CF\uFF0C\u6216\u8005\u6539\u53D8\u4E86 antd \u7684\u7248\u672C\uFF0C\u6837\u5F0F\u624D\u53EF\u80FD\u4F1A\u53D8\u5316\u3002\u7531\u6B64\u6211\u4EEC\u5F97\u5230\u4E86\u4E00\u4E2A\u975E\u5E38\u7B80\u5355\u7684\u8BA1\u7B97 hash \u7684\u65B9\u6CD5\uFF1A",paraId:3,tocIndex:1},{value:"\u6211\u4EEC\u4F1A\u5BF9\u6240\u6709\u7684 antd \u7EC4\u4EF6\u5E94\u7528",paraId:4,tocIndex:1},{value:"\u76F8\u540C\u7684",paraId:4,tocIndex:1},{value:" ",paraId:4,tocIndex:1},{value:"hash",paraId:4,tocIndex:1},{value:"\u3002\u5982\u6B64\u4E00\u6765\uFF0C\u4F7F\u7528 antd \u7EC4\u4EF6\u65F6\uFF0C\u6211\u4EEC\u53EA\u4F1A\u5BF9\u5F53\u524D\u7684\u7248\u672C\u548C\u4E3B\u9898\u53D8\u91CF\u8FDB\u884C hash \u8BA1\u7B97\uFF0C\u800C\u524D\u8005\u53EF\u4EE5\u76F4\u63A5\u7531 ",paraId:4,tocIndex:1},{value:"package.json",paraId:4,tocIndex:1},{value:"\u4E2D\u5F97\u5230\uFF0C\u540E\u8005\u53EF\u4EE5\u76F4\u63A5\u4ECE context \u4E2D\u5F97\u5230\uFF0C\u6240\u4EE5\u6211\u4EEC\u5E76\u4E0D\u9700\u8981\u8FDB\u884C\u7E41\u91CD\u7684\u5E8F\u5217\u5316 css \u7684\u64CD\u4F5C\uFF0C\u5C31\u53EF\u4EE5\u5F97\u5230\u7A33\u5B9A\u7684 hash\uFF0C\u4ECE\u800C\u5927\u5E45\u5730\u51CF\u5C11\u6027\u80FD\u6D88\u8017\u3002",paraId:4,tocIndex:1},{value:"\u901A\u8FC7\u4E0A\u8FF0\u7684\u65B9\u5F0F\uFF0C\u6211\u4EEC\u8FC8\u51FA\u4E86\u300E\u7EC4\u4EF6\u7EA7\u300FCSS-in-JS \u7684\u7B2C\u4E00\u6B65\uFF0C\u4F46\u662F\u8FD9\u8FD8\u4E0D\u591F\u3002\u65E2\u7136\u662F\u300E\u7EC4\u4EF6\u7EA7\u300F\uFF0C\u90A3\u6211\u4EEC\u4E5F\u53EF\u4EE5\u9488\u5BF9\u7EC4\u4EF6\u518D\u6B21\u8FDB\u884C\u4F18\u5316\u3002",paraId:5,tocIndex:2},{value:"\u5728 Ant Design \u4E2D\uFF0C\u4E00\u4E2A\u7EC4\u4EF6\u7684\u6837\u5F0F\u901A\u5E38\u6765\u8BF4\u662F\u201C\u5B8C\u6574\u201D\u7684\uFF0C\u4E5F\u5C31\u662F\u8BF4\u4E0D\u7BA1\u8FD9\u4E2A\u7EC4\u4EF6\u6709\u4EC0\u4E48\u6837\u7684\u53D8\u4F53\uFF0C\u4ED6\u7684\u6837\u5F0F\u4F1A\u4E00\u5E76\u5B58\u5728\u4E8E\u7EC4\u4EF6\u6837\u5F0F\u4E2D\u3002\u5982\u6B64\u6211\u4EEC\u53EF\u4EE5\u518D\u6B21\u5F97\u5230\u4E00\u4E2A\u7ED3\u8BBA\uFF1Aantd \u7EC4\u4EF6\u7684 props ",paraId:6,tocIndex:2},{value:"\u4E0D\u4F1A",paraId:6,tocIndex:2},{value:"\u5F71\u54CD\u7EC4\u4EF6\u6837\u5F0F\u3002\u8FD9\u662F\u975E\u5E38\u91CD\u8981\u7684\u4E00\u70B9\uFF0C\u5728\u5E94\u7528\u7EA7\u7684 CSS-in-JS \u65B9\u6848\u4E2D\uFF0C\u7531\u4E8E\u5B58\u5728 props \u5F71\u54CD\u7EC4\u4EF6\u6837\u5F0F\u7684\u53EF\u80FD\uFF0C\u6240\u4EE5\u4E0D\u53EF\u907F\u514D\u5730\u4F1A\u5728\u6E32\u67D3\u9636\u6BB5\u91CD\u65B0\u751F\u6210\u7EC4\u4EF6\u6837\u5F0F\uFF0C\u4E0D\u7BA1\u5982\u4F55\u53BB\u4F18\u5316\u8FD9\u4E00\u70B9\u4ECD\u65E0\u6CD5\u5FFD\u89C6\u3002\u65E2\u7136\u6211\u4EEC\u91C7\u7528\u4E86\u201C\u7EC4\u4EF6\u7EA7\u201D\u7684\u65B9\u6848\uFF0C\u90A3\u4E48\u8FD9\u4E2A\u95EE\u9898\u5C31\u53EF\u4EE5\u5F88\u8F7B\u677E\u5730\u89E3\u51B3\uFF1A\u5BF9\u7EC4\u4EF6\u505A\u6837\u5F0F\u7F13\u5B58\u3002",paraId:6,tocIndex:2},{value:"\u5728 hash \u76F8\u540C\u7684\u60C5\u51B5\u4E0B\uFF0C\u540C\u4E00\u4E2A\u7EC4\u4EF6\u65E0\u8BBA\u4F7F\u7528\u4E86\u591A\u5C11\u6B21\u3001\u6E32\u67D3\u4E86\u591A\u5C11\u6B21\uFF0C\u6837\u5F0F\u6C38\u8FDC\u53EA\u4F1A\u5728\u7B2C\u4E00\u6B21 mount \u65F6\u751F\u6210\u4E00\u6B21\uFF0C\u5269\u4E0B\u7684\u65F6\u95F4\u91CC\u90FD\u4F1A\u547D\u4E2D\u7F13\u5B58\uFF0C\u8FD9\u4FBF\u662F\u300E\u7EC4\u4EF6\u7EA7\u300FCSS-in-JS \u65B9\u6848\u7684\u7B2C\u4E8C\u91CD\u4FDD\u9669\u3002",paraId:7,tocIndex:2},{value:"\u5728 Ant Design 5.0 \u7684\u53D1\u5E03\u4F1A\u4E0A\uFF0C\u6211\u4EEC\u7B80\u5355\u5730\u505A\u4E86\u4E00\u6B21 benchmark\uFF0C\u5728\u8FD9\u91CC\u53EF\u4EE5\u505A\u4E00\u4E9B\u8865\u5145\u8BF4\u660E\uFF1A",paraId:8,tocIndex:3},{value:"\u8FD9\u4E2A benchmark \u7684\u6210\u7ACB\u6761\u4EF6\u662F\u4EA7\u751F\u4E00\u6BB5\u975E\u5E38\u957F\u7684\u4E0D\u4F1A\u53D8\u66F4\u7684\u6837\u5F0F\uFF0C\u4EE5\u6B64\u6765\u6D4B\u8BD5\u8FD9\u4E09\u4E2A\u5E93\u7684\u57FA\u672C\u7528\u6CD5\u7684\u6027\u80FD\u3002\u53EF\u4EE5\u770B\u51FA\u5728 Ant Design \u7684\u201C\u7EC4\u4EF6\u7EA7\u201D\u4F7F\u7528\u573A\u666F\u4E0B\uFF0C\u65E0\u8BBA\u662F\u521D\u6B21\u6E32\u67D3\u8FD8\u662F\u4E8C\u6B21\u6E32\u67D3\uFF0Cantd \u90FD\u62E5\u6709\u6027\u80FD\u4E0A\u7684\u4F18\u52BF\u3002\u7531\u4E8E styled \u5728\u5904\u7406\u7A33\u5B9A\u7684\u6837\u5F0F\u65F6\u6709\u4E00\u5B9A\u4F18\u5316\uFF0C\u6240\u4EE5\u8FD9\u4E2A benchmark \u4E2D\u4E8C\u6B21\u6E32\u67D3\u7684\u6027\u80FD\u8F83\u597D\uFF0C\u4F46\u5728\u6709 props \u53C2\u4E0E\u6837\u5F0F\u8BA1\u7B97\u65F6\u4ECD\u4F1A\u548C emotion \u4E00\u6837\u53D7\u5230\u91CD\u65B0\u8BA1\u7B97\u7684\u5F71\u54CD\u3002",paraId:9,tocIndex:3},{value:"\u5728\u4E0A\u8FF0\u7684\u5BF9\u6BD4\u4E2D\uFF0C\u5176\u5B9E\u5E76\u4E0D\u80FD\u8BF4 antd \u4E00\u5B9A\u4F18\u4E8E styled \u548C emotion\uFF0C\u800C\u662F\u5728 antd \u7684\u7EC4\u4EF6\u7EA7\u4F7F\u7528\u573A\u666F\u4E0B\uFF0C\u6211\u4EEC\u505A\u4E86\u76F8\u5E94\u7684\u4F18\u5316\u4EE5\u53D6\u5F97\u4E86\u6027\u80FD\u4E0A\u7684\u4F18\u52BF\u3002\u53CD\u8FC7\u6765\u8BF4\uFF0C\u7531\u4E8E\u300E\u7EC4\u4EF6\u7EA7\u300F\u7684\u5C40\u9650\u6027\uFF0Cantd \u7684 CSS-in-JS \u65B9\u6848\u5E76\u4E0D\u80FD\u9002\u7528\u4E8E\u65E5\u5E38\u6784\u5EFA\u5E94\u7528\u3002",paraId:10,tocIndex:4},{value:"\u7531\u4E8E\u7279\u6B8A\u7684 hash \u8BA1\u7B97\u65B9\u6CD5\u548C\u7EC4\u4EF6\u7F13\u5B58\uFF0C\u5728\u5957\u7528 antd \u7684 CSS-in-JS \u65B9\u6848\u65F6\uFF0C\u5F00\u53D1\u8005\u5FC5\u987B\u81EA\u5DF1\u63D0\u4F9B\u7A33\u5B9A\u7684 hash \u548C\u72EC\u7279\u7684\u7EC4\u4EF6\u540D\u3002\u5BF9\u4E8E\u5E94\u7528\u6765\u8BF4\uFF0C\u50CF css module \u8FD9\u6837\u7684\u81EA\u52A8 hash \u7684\u80FD\u529B\u53CD\u800C\u662F\u66F4\u4E3A\u9700\u8981\u7684\uFF0C\u540C\u65F6\u5BF9\u5E94\u7528\u4E2D\u6D77\u91CF\u7684\u7EC4\u4EF6\u8FDB\u884C\u7F13\u5B58\u4E5F\u9700\u8981\u989D\u5916\u7684\u7BA1\u7406\u6210\u672C\uFF0C\u4E00\u65E6\u51FA\u9519\u95EE\u9898\u662F\u5F88\u96BE\u6392\u67E5\u7684\u3002\u56E0\u6B64\u6211\u4EEC\u66F4\u52A0\u63A8\u8350\u5728\u7EC4\u4EF6\u5E93\u4E2D\u4F7F\u7528\u201C\u7EC4\u4EF6\u7EA7\u201D\u7684 CSS-in-JS \u65B9\u6848\u3002",paraId:11,tocIndex:4}];}}]);