ant-design/dfd59e3f-async.b55fbfe5.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["dfd59e3f"],{"296af1dd":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"texts",{enumerable:!0,get:function(){return n;}}),t("81f32914");let n=[{value:"Refine",paraId:0},{value:" \u662F\u4E00\u4E2A\u4E3A CRUD \u5BC6\u96C6\u578B web \u5E94\u7528\u8BBE\u8BA1\u7684 React \u5143\u6846\u67B6\u3002\u5B83\u7684\u6838\u5FC3\u94A9\u5B50\u548C\u7EC4\u4EF6\u901A\u8FC7\u63D0\u4F9B\u8BA4\u8BC1\u3001\u8BBF\u95EE\u63A7\u5236\u3001\u8DEF\u7531\u3001\u7F51\u7EDC\u3001\u72B6\u6001\u7BA1\u7406\u548C\u56FD\u9645\u5316\u89E3\u51B3\u65B9\u6848\u6765\u7B80\u5316\u5F00\u53D1\u3002",paraId:0},{value:"\u5B83\u901A\u8FC7\u4E00\u4E2A\u96C6\u6210\u5305\u652F\u6301 Ant Design\uFF0C\u5176\u4E2D\u5305\u542B\u5373\u7528\u578B\u7EC4\u4EF6\u548C\u94A9\u5B50\uFF0C\u5C06 Refine \u4E0E Ant Design \u8FDE\u63A5\u8D77\u6765\u3002",paraId:1},{value:"\u672C\u6587\u5C06\u6307\u5BFC\u60A8\u4F7F\u7528 Refine \u548C Ant Design \u5F15\u5BFC\u4E00\u4E2A\u529F\u80FD\u9F50\u5168\u7684 CRUD \u5E94\u7528\u793A\u4F8B\u3002",paraId:2},{value:"Refine \u901A\u8FC7\u4E00\u4E2A\u7B80\u5355\u7684\u8DEF\u7531\u63A5\u53E3\u4E0E Vite\u3001Next.js\u3001Remix\u3001React Native \u548C Electron \u7B49\u5E73\u53F0\u8F7B\u677E\u96C6\u6210\uFF0C\u65E0\u9700\u989D\u5916\u8BBE\u7F6E\u3002",paraId:3,tocIndex:0},{value:"\u5728\u672C\u6307\u5357\u4E2D\uFF0C\u6211\u4EEC\u5C06\u4F7F\u7528 Vite \u548C ",paraId:4,tocIndex:0},{value:"create refine-app",paraId:4,tocIndex:0},{value:" CLI \u7684 ",paraId:4,tocIndex:0},{value:"refine-antd",paraId:4,tocIndex:0},{value:" \u9884\u8BBE\uFF0C\u901A\u8FC7\u9884\u5B9A\u4E49\u9009\u9879\u5FEB\u901F\u521B\u5EFA\u4E00\u4E2A\u5E26\u6709 Ant Design \u7684\u65B0 Refine \u9879\u76EE\u3002",paraId:4,tocIndex:0},{value:"\u5728\u5F00\u59CB\u4E4B\u524D\uFF0C\u60A8\u53EF\u80FD\u9700\u8981\u5B89\u88C5 ",paraId:5,tocIndex:0},{value:"yarn",paraId:5,tocIndex:0},{value:" \u6216 ",paraId:5,tocIndex:0},{value:"pnpm",paraId:5,tocIndex:0},{value:"\u3002",paraId:5,tocIndex:0},{value:"\u4F7F\u7528 ",paraId:6},{value:"refine-antd",paraId:6},{value:" \u9884\u8BBE\u6D88\u9664\u4E86\u5BF9\u989D\u5916\u4F9D\u8D56\u7684\u9700\u6C42\uFF0C\u5E76\u6DFB\u52A0\u4E86\u4F7F\u7528 Ant Design \u6784\u5EFA\u7684\u793A\u4F8B\u9875\u9762\u4EE5\u5FEB\u901F\u5F00\u59CB\u3002",paraId:6},{value:"\u521D\u59CB\u5316\u5B8C\u6210\u540E\uFF0C\u6211\u4EEC\u8FDB\u5165\u9879\u76EE\u5E76\u542F\u52A8\u3002",paraId:7},{value:"$ cd antd-demo\n$ npm run dev\n",paraId:8},{value:"\u521D\u59CB\u5316\u5B8C\u6210\u540E\uFF0C\u6240\u6709 Ant Design \u914D\u7F6E\u90FD\u4F1A\u81EA\u52A8\u5B8C\u6210\uFF0C\u5141\u8BB8\u60A8\u5728 Refine \u5E94\u7528\u4E2D\u5F00\u59CB\u4F7F\u7528 Ant Design \u7EC4\u4EF6\u3002",paraId:9},{value:"\u5728\u6D4F\u89C8\u5668\u4E2D\u6253\u5F00 ",paraId:10},{value:"http://localhost:5173/",paraId:10},{value:" \uFF0C\u60A8\u5C06\u770B\u5230\u5E26\u6709 Ant Design \u7EC4\u4EF6\u7684\u793A\u4F8B CRUD \u5E94\u7528\u3002",paraId:10},{value:"\u8BA9\u6211\u4EEC\u770B\u770B CLI \u547D\u4EE4\u751F\u6210\u7684\u793A\u4F8B\u7EC4\u4EF6\u4E2D Ant Design \u7684\u4F7F\u7528\u3002",paraId:11,tocIndex:1},{value:"import { Create, useForm } from '@refinedev/antd';\nimport { Form, Input } from 'antd';\n\nexport const CategoryCreate = () => {\n  const { formProps, saveButtonProps } = useForm();\n\n  return (\n    <Create saveButtonProps={saveButtonProps}>\n      <Form {...formProps} layout=\"vertical\">\n        <Form.Item label={'Title'} name={['title']} rules={[{ required: true }]}>\n          <Input />\n        </Form.Item>\n      </Form>\n    </Create>\n  );\n};\n",paraId:12,tocIndex:1},{value:"\u867D\u7136 Refine \u7684\u96C6\u6210\u63D0\u4F9B\u4E86\u4E00\u7EC4\u7EC4\u4EF6\u548C\u94A9\u5B50\uFF0C\u4F46\u5B83\u4E0D\u662F Ant Design \u5305\u7684\u66FF\u4EE3\u54C1\uFF0C\u60A8\u53EF\u4EE5\u50CF\u5728\u5E38\u89C4 React \u5E94\u7528\u4E2D\u4E00\u6837\u4F7F\u7528 Ant Design \u7684\u6240\u6709\u529F\u80FD\u3002",paraId:13,tocIndex:1},{value:"Refine \u7684\u96C6\u6210\u4EC5\u63D0\u4F9B\u7EC4\u4EF6\u548C\u94A9\u5B50\uFF0C\u4EE5\u4FBF\u66F4\u8F7B\u677E\u5730\u5728\u7ED3\u5408 Refine \u7684\u529F\u80FD\u548C\u7279\u6027\u65F6\u4F7F\u7528 Ant Design \u7EC4\u4EF6\u3002",paraId:14,tocIndex:1},{value:"\u60A8\u53EF\u4EE5\u6309\u7167 ",paraId:15,tocIndex:2},{value:"Refine Ant Design \u5B98\u65B9\u6307\u5357",paraId:15,tocIndex:2},{value:" \u5C06 Ant Design \u6DFB\u52A0\u5230\u73B0\u6709\u7684 Refine \u9879\u76EE\u4E2D\u3002",paraId:15,tocIndex:2},{value:"\u8981\u4F7F\u7528 Next.js \u548C Remix \u7B49\u5404\u79CD\u96C6\u6210\u9009\u9879\u5F15\u5BFC Refine \u5E94\u7528\uFF0C\u8BF7\u4F7F\u7528 ",paraId:16,tocIndex:2},{value:"npm create refine-app@latest",paraId:16,tocIndex:2},{value:" \u5E76\u4ECE CLI \u4E2D\u9009\u62E9 Ant Design \u4F5C\u4E3A UI \u6846\u67B6\u3002",paraId:16,tocIndex:2},{value:"\u6709\u5173\u4F7F\u7528 Ant Design \u7684\u66F4\u8BE6\u7EC6\u6559\u7A0B\u548C\u6307\u5357\uFF0C\u8BF7\u8BBF\u95EE ",paraId:17,tocIndex:2},{value:"Refine \u6587\u6863",paraId:17,tocIndex:2},{value:"\u3002",paraId:17,tocIndex:2}];},dfd59e3f:function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return p;}});var n=t("777fffbe"),s=t("f19d2b93"),r=n._(t("b622e337")),d=n._(t("5437c7d5")),l=n._(t("97c488ea")),i=n._(t("c96b0d01")),u=t("5b220c3d"),c=t("9c86e52a"),x=t("296af1dd"),p=function(){return(0,s.jsx)(c.DumiPage,{children:(0,s.jsx)(u.Suspense,{fallback:(0,s.jsx)(i.default,{}),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("p",{children:[(0,s.jsx)(l.default,{href:"https://github.com/refinedev/refine",sourceType:"a",children:x.texts[0].value}),x.texts[1].value]}),(0,s.jsx)("p",{children:x.texts[2].value}),(0,s.jsx)("p",{children:x.texts[3].value}),(0,s.jsxs)("h2",{id:"\u5B89\u88C5\u548C\u521D\u59CB\u5316",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5B89\u88C5\u548C\u521D\u59CB\u5316",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u5B89\u88C5\u548C\u521D\u59CB\u5316"]}),(0,s.jsx)("p",{children:x.texts[4].value}),(0,s.jsxs)("p",{children:[x.texts[5].value,(0,s.jsx)("code",{children:x.texts[6].value}),x.texts[7].value,(0,s.jsx)("code",{children:x.texts[8].value}),x.texts[9].value]}),(0,s.jsxs)("p",{children:[x.texts[10].value,(0,s.jsx)(l.default,{href:"https://github.com/yarnpkg/yarn/",sourceType:"a",children:x.texts[11].value}),x.texts[12].value,(0,s.jsx)(l.default,{href:"https://pnpm.io/",sourceType:"a",children:x.texts[13].value}),x.texts[14].value]})]}),(0,s.jsx)(d.default,{npm:"$ npm create refine-app@latest -- --preset refine-antd",yarn:"$ yarn create refine-app@latest -- --preset refine-antd",pnpm:"$ pnpm create refine-app@latest -- --preset refine-antd"}),(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("p",{children:[x.texts[15].value,(0,s.jsx)("code",{children:x.texts[16].value}),x.texts[17].value]}),(0,s.jsx)("p",{children:x.texts[18].value}),(0,s.jsx)(r.default,{lang:"bash",children:x.texts[19].value}),(0,s.jsx)("p",{children:x.texts[20].value}),(0,s.jsxs)("p",{children:[x.texts[21].value,(0,s.jsx)(l.default,{href:"http://localhost:5173/",sourceType:"a",children:x.texts[22].value}),x.texts[23].value]}),(0,s.jsx)("p",{children:(0,s.jsx)("img",{src:"https://refine.ams3.cdn.digitaloceanspaces.com/example-readmes/antd-list-example.png",alt:"Refine Ant Design \u793A\u4F8B"})}),(0,s.jsxs)("h2",{id:"\u67E5\u770B\u4EE3\u7801",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u67E5\u770B\u4EE3\u7801",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u67E5\u770B\u4EE3\u7801"]}),(0,s.jsx)("p",{children:x.texts[24].value}),(0,s.jsx)(r.default,{lang:"tsx",children:x.texts[25].value}),(0,s.jsx)("p",{children:x.texts[26].value}),(0,s.jsx)("p",{children:x.texts[27].value}),(0,s.jsxs)("h2",{id:"\u5982\u4F55\u5411\u73B0\u6709-refine-\u9879\u76EE\u6DFB\u52A0-ant-design",children:[(0,s.jsx)(l.default,{"aria-hidden":"true",tabIndex:"-1",href:"#\u5982\u4F55\u5411\u73B0\u6709-refine-\u9879\u76EE\u6DFB\u52A0-ant-design",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"\u5982\u4F55\u5411\u73B0\u6709 Refine \u9879\u76EE\u6DFB\u52A0 Ant Design"]}),(0,s.jsxs)("p",{children:[x.texts[28].value,(0,s.jsx)(l.default,{href:"https://refine.dev/docs/ui-integrations/ant-design/introduction/",sourceType:"a",children:x.texts[29].value}),x.texts[30].value]}),(0,s.jsxs)("p",{children:[x.texts[31].value,(0,s.jsx)("code",{children:x.texts[32].value}),x.texts[33].value]}),(0,s.jsxs)("p",{children:[x.texts[34].value,(0,s.jsx)(l.default,{href:"https://refine.dev/tutorial/ui-libraries/intro/ant-design/react-router/",sourceType:"a",children:x.texts[35].value}),x.texts[36].value]})]})]})})});};}}]);