@kne-components/form-info 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/build/asset-manifest.json +12 -12
  2. package/build/index.html +1 -1
  3. package/build/remoteEntry.js +1 -1
  4. package/build/remoteEntry.js.map +1 -1
  5. package/build/static/js/{548.98096a44.chunk.js → 167.8667b720.chunk.js} +3 -3
  6. package/build/static/js/167.8667b720.chunk.js.map +1 -0
  7. package/build/static/js/{198.9f022582.chunk.js → 198.be7eaef8.chunk.js} +2 -2
  8. package/build/static/js/{198.9f022582.chunk.js.map → 198.be7eaef8.chunk.js.map} +1 -1
  9. package/build/static/js/{268.863e936c.chunk.js → 268.bcd2b3cf.chunk.js} +2 -2
  10. package/build/static/js/{268.863e936c.chunk.js.map → 268.bcd2b3cf.chunk.js.map} +1 -1
  11. package/build/static/js/{830.e8edb8af.chunk.js → 830.4edf99fa.chunk.js} +2 -2
  12. package/build/static/js/830.4edf99fa.chunk.js.map +1 -0
  13. package/build/static/js/main.4778e0a0.js +2 -0
  14. package/build/static/js/main.4778e0a0.js.map +1 -0
  15. package/package.json +1 -1
  16. package/build/static/js/548.98096a44.chunk.js.map +0 -1
  17. package/build/static/js/830.e8edb8af.chunk.js.map +0 -1
  18. package/build/static/js/main.b21c1c9f.js +0 -2
  19. package/build/static/js/main.b21c1c9f.js.map +0 -1
  20. /package/build/static/js/{548.98096a44.chunk.js.LICENSE.txt → 167.8667b720.chunk.js.LICENSE.txt} +0 -0
package/build/static/js/{198.9f022582.chunk.js → 198.be7eaef8.chunk.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[]).push([[198],{11448(t,n,d){var e=d(89379),r=(d(94922),d(87558)),o=d(55199),a=d(94312),l=d(13050),i=d(89261);window.PUBLIC_URL="/form-info";const s={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"};var m=d(65457),p=d(53986),c=d(94679),u=d(66964),h=(d(91296),d(46446));const b=["globalPreset"],f=u.Ay.ExampleRoutes,g=t=>{let{globalPreset:n}=t,d=(0,p.A)(t,b);return(0,i.jsx)(c.HashRouter,{children:(0,i.jsx)(f,(0,e.A)((0,e.A)({},d),{},{paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:n,themeToken:n.themeToken,readme:h.default,pageProps:{menu:null}}))})},x=m.createRoot(document.getElementById("root"));(async t=>{const n=await(async()=>{const t=(0,a.A)({errorHandler:t=>o.message.error(t)}),n=(0,e.A)((0,e.A)({},s),{},{remote:"components-core",defaultVersion:"0.4.43"});return(0,l.preset)({remotes:{default:n,"components-core":n,"components-iconfont":(0,e.A)((0,e.A)({},s),{},{remote:"components-iconfont",defaultVersion:"0.2.1"}),"form-info":(0,e.A)((0,e.A)({},s),{},{remote:"form-info",defaultVersion:"0.1.3"})}}),(0,r.preset)({ajax:t,loading:(0,i.jsx)(o.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,i.jsx)(o.Empty,{}),transformResponse:t=>{const{data:n}=t;return t.data={code:0===n.code?200:n.code,msg:n.msg,results:n.data},t}}),{ajax:t,enums:{},apis:{},themeToken:{colorPrimary:"#4183F0"}}})();x.render((0,i.jsx)(t,{themeToken:n.themeToken,globalPreset:n}))})(g)},69666(t,n,d){d.d(n,{A:()=>o});var e=d(69788),r=d(55199);d(72241);const o={name:"form-info",summary:"<p>\u8fd9\u662f\u4e00\u4e2a\u57fa\u4e8e React \u548c Ant Design \u7684\u9ad8\u989c\u503c\u8868\u5355\u7ec4\u4ef6\u5e93\uff0c\u4e13\u4e3a\u73b0\u4ee3\u5316 Web \u5e94\u7528\u8bbe\u8ba1\u3002\u8be5\u7ec4\u4ef6\u5e93\u901a\u8fc7\u4f18\u96c5\u7684\u89c6\u89c9\u8bbe\u8ba1\u548c\u4e30\u5bcc\u7684\u4ea4\u4e92\u529f\u80fd\uff0c\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u4e86\u4e00\u5957\u5b8c\u6574\u7684\u8868\u5355\u89e3\u51b3\u65b9\u6848\u3002</p>\n<h2>\u6838\u5fc3\u7279\u70b9</h2>\n<p><strong>\u7f8e\u89c2\u4f18\u96c5\u7684\u754c\u9762\u8bbe\u8ba1</strong> - \u91c7\u7528\u73b0\u4ee3\u5316\u7684\u89c6\u89c9\u98ce\u683c\uff0c\u914d\u5408\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u95f4\u8ddd\u3001\u8272\u5f69\u548c\u6392\u7248\uff0c\u8ba9\u8868\u5355\u754c\u9762\u66f4\u52a0\u4e13\u4e1a\u7f8e\u89c2\u3002</p>\n<p><strong>\u591a\u6837\u5316\u7684\u8868\u5355\u7ec4\u4ef6</strong> - \u63d0\u4f9b FormInfo\u3001FormModal\u3001FormSteps\u3001FormStepsModal\u3001List\u3001TableList\u3001MultiField \u7b49\u4e30\u5bcc\u7684\u8868\u5355\u7ec4\u4ef6\uff0c\u6ee1\u8db3\u5404\u79cd\u590d\u6742\u7684\u4e1a\u52a1\u573a\u666f\u9700\u6c42\u3002</p>\n<p><strong>\u7075\u6d3b\u7684\u5e03\u5c40\u7cfb\u7edf</strong> - \u652f\u6301\u54cd\u5e94\u5f0f\u7f51\u683c\u5e03\u5c40\u548c Flexbox \u5e03\u5c40\uff0c\u53ef\u4ee5\u8f7b\u677e\u5b9e\u73b0\u5355\u5217\u3001\u591a\u5217\u4ee5\u53ca\u81ea\u5b9a\u4e49\u590d\u6742\u5e03\u5c40\u3002</p>\n<p><strong>\u5f3a\u5927\u7684\u5217\u8868\u529f\u80fd</strong> - \u5185\u7f6e List\u3001TableList \u7b49\u5217\u8868\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u3001\u5d4c\u5957\u5217\u8868\u7b49\u9ad8\u7ea7\u529f\u80fd\u3002</p>\n<p><strong>\u591a\u6b65\u9aa4\u8868\u5355\u652f\u6301</strong> - \u63d0\u4f9b FormSteps \u548c FormStepsModal \u7ec4\u4ef6\uff0c\u8f7b\u677e\u5b9e\u73b0\u5411\u5bfc\u5f0f\u8868\u5355\u6d41\u7a0b\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002</p>\n<p><strong>\u56fd\u9645\u5316\u652f\u6301</strong> - \u5185\u7f6e\u4e2d\u82f1\u6587\u8bed\u8a00\u5305\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\uff0c\u4fbf\u4e8e\u591a\u8bed\u8a00\u5e94\u7528\u5f00\u53d1\u3002</p>\n<p><strong>\u5b8c\u6574\u7684\u4e8b\u4ef6\u7cfb\u7edf</strong> - \u63d0\u4f9b\u4e30\u5bcc\u7684\u56de\u8c03\u51fd\u6570\u548c\u4e8b\u4ef6\u94a9\u5b50\uff0c\u652f\u6301\u8868\u5355\u9a8c\u8bc1\u3001\u6570\u636e\u5904\u7406\u3001\u72b6\u6001\u7ba1\u7406\u7b49\u5b8c\u6574\u751f\u547d\u5468\u671f\u63a7\u5236\u3002</p>\n<p><strong>\u9ad8\u5ea6\u53ef\u5b9a\u5236</strong> - \u7ec4\u4ef6\u8bbe\u8ba1\u5145\u5206\u8003\u8651\u6269\u5c55\u6027\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u6837\u5f0f\u3001\u56fe\u6807\u3001\u6309\u94ae\u6587\u672c\u7b49\uff0c\u6ee1\u8db3\u4e2a\u6027\u5316\u9700\u6c42\u3002</p>\n<p>\u8be5\u7ec4\u4ef6\u5e93\u7279\u522b\u9002\u5408\u4f01\u4e1a\u7ea7\u5e94\u7528\u3001\u7ba1\u7406\u7cfb\u7edf\u3001\u6570\u636e\u5f55\u5165\u5e73\u53f0\u7b49\u9700\u8981\u5927\u91cf\u8868\u5355\u4ea4\u4e92\u7684\u573a\u666f\uff0c\u80fd\u591f\u663e\u8457\u63d0\u5347\u5f00\u53d1\u6548\u7387\u548c\u7528\u6237\u4f53\u9a8c\u3002</p>",description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info",api:"<h3>FormInfo</h3>\n<p>\u57fa\u7840\u7684\u8868\u5355\u4fe1\u606f\u5c55\u793a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u521b\u5efa\u7ed3\u6784\u5316\u7684\u8868\u5355\u5e03\u5c40\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>column</td>\n<td>\u5217\u6570\uff0c\u652f\u6301\u6570\u5b57\u6216Flexbox\u914d\u7f6e</td>\n<td>number | object</td>\n<td>2</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>gap</td>\n<td>\u5b57\u6bb5\u95f4\u8ddd</td>\n<td>number</td>\n<td>24</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModal</h3>\n<p>\u6a21\u6001\u6846\u8868\u5355\u7ec4\u4ef6\uff0c\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\u5185\u5bb9\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>open</td>\n<td>\u662f\u5426\u663e\u793a\u6a21\u6001\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u5173\u95ed\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>autoClose</td>\n<td>\u63d0\u4ea4\u540e\u81ea\u52a8\u5173\u95ed</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>okType</td>\n<td>\u786e\u8ba4\u6309\u94ae\u7c7b\u578b</td>\n<td>string</td>\n<td>primary</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u63d0\u4ea4</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okButtonProps</td>\n<td>\u786e\u8ba4\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelButtonProps</td>\n<td>\u53d6\u6d88\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footer</td>\n<td>\u5e95\u90e8\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderModal</td>\n<td>\u81ea\u5b9a\u4e49\u6a21\u6001\u6846\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalRender</td>\n<td>\u81ea\u5b9a\u4e49\u5185\u5bb9\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormSteps</h3>\n<p>\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultCurrent</td>\n<td>\u9ed8\u8ba4\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>orientation</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u6b65\u9aa4\u5207\u6362\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepsClassName</td>\n<td>\u6b65\u9aa4\u6761\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u6bcf\u4e2a\u6b65\u9aa4\u9879\u914d\u7f6e\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u6b65\u9aa4\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u6b65\u9aa4\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormStepsModal</h3>\n<p>\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u7ed3\u5408\u4e86\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u6a21\u6001\u6846\u5c5e\u6027</td>\n<td>object</td>\n<td>{autoClose: true}</td>\n</tr>\n<tr>\n<td>completeText</td>\n<td>\u5b8c\u6210\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5b8c\u6210</td>\n</tr>\n<tr>\n<td>nextText</td>\n<td>\u4e0b\u4e00\u6b65\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u4e0b\u4e00\u6b65</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>List</h3>\n<p>\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u5217\u8868\u9879\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5217\u8868\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>important</td>\n<td>\u662f\u5426\u91cd\u8981\u6837\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td>\u5217\u8868\u9879\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableList</h3>\n<p>\u8868\u683c\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u4ee5\u8868\u683c\u5f62\u5f0f\u5c55\u793a\u5217\u8868\u6570\u636e\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u8868\u683c\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>MultiField</h3>\n<p>\u591a\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u540c\u7c7b\u578b\u5b57\u6bb5\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u5b57\u6bb5\u6807\u7b7e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>field</td>\n<td>\u5b57\u6bb5\u7ec4\u4ef6</td>\n<td>React.ComponentType</td>\n<td>-</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5757\u7ea7\u663e\u793a</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Form</h3>\n<p>\u57fa\u7840\u8868\u5355\u5bb9\u5668\u7ec4\u4ef6\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u8868\u5355\u7c7b\u578b</td>\n<td>string</td>\n<td>inner</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5b50\u7ec4\u4ef6</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>\u56fd\u9645\u5316\u914d\u7f6e</h3>\n<p>\u7ec4\u4ef6\u5185\u7f6e\u4ee5\u4e0b\u56fd\u9645\u5316\u6587\u672c\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u952e\u540d</th>\n<th>\u4e2d\u6587</th>\n<th>\u82f1\u6587</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>submit</td>\n<td>\u63d0\u4ea4</td>\n<td>Submit</td>\n</tr>\n<tr>\n<td>cancel</td>\n<td>\u53d6\u6d88</td>\n<td>Cancel</td>\n</tr>\n<tr>\n<td>complete</td>\n<td>\u5b8c\u6210</td>\n<td>Complete</td>\n</tr>\n<tr>\n<td>next</td>\n<td>\u4e0b\u4e00\u6b65</td>\n<td>Next</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0</td>\n<td>Add</td>\n</tr>\n<tr>\n<td>deleteText</td>\n<td>\u5220\u9664</td>\n<td>Delete</td>\n</tr>\n</tbody>\n</table>\n<p>\u53ef\u901a\u8fc7 withLocale HOC \u6216 useIntl hook \u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\u3002</p>",example:{isFull:!0,className:"form_info_8aabc",style:"",list:[{title:"\u57fa\u7840\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormInfo\u3001List\u3001TableList\u3001MultiField\u7b49\u57fa\u7840\u7ec4\u4ef6\u7684\u7ec4\u5408\u4f7f\u7528\uff0c\u5305\u542b\u666e\u901a\u5b57\u6bb5\u3001\u9690\u85cf\u5b57\u6bb5\u3001\u591a\u5b57\u6bb5\u3001\u5217\u8868\u3001\u8868\u683c\u5217\u8868\u7b49\u591a\u79cd\u8868\u5355\u5143\u7d20\u7684\u5b8c\u6574\u793a\u4f8b",code:'const {default: FormInfo, List, TableList, MultiField, Form, Input, TextArea, SubmitButton, ResetButton} = _FormInfo;\nconst {Flex} = antd;\n\nconst BaseExample = () => {\n return <Form>\n <FormInfo title="\u6807\u9898" subtitle="\u9644\u6807\u9898" list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="field_3" hidden label="\u9690\u85cf\u5b57\u6bb5" rule="REQ"/>,\n <MultiField name="field_4" label="\u5b57\u6bb54" rule="REQ" field={Input} block/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5217\u8868" name="list-1" itemTitle={({index}) => `\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u590d\u6742\u5217\u8868" name="list-2" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} important maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <List title="\u5b50\u7ea7\u5217\u8868" itemTitle={({index}) => `\u5b50\u7ea7\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]} block/>]}/>\n <TableList title="\u8868\u683c\u5217\u8868" name="list-3" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <ResetButton>\u91cd\u7f6e</ResetButton>\n </Flex>\n </Form>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u5c55\u793a\u5982\u4f55\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\uff0c\u652f\u6301\u8868\u5355\u6570\u636e\u521d\u59cb\u5316\u548c\u63d0\u4ea4\u540e\u7684\u81ea\u52a8\u5173\u95ed\u529f\u80fd",code:'const {default: FormInfo, FormModal, List, Input, TextArea} = _FormInfo;\nconst {useState} = React;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return <>\n <Button onClick={() => {\n onOpenChange(true);\n }}>\u6253\u5f00Form\u5f39\u7a97</Button>\n <FormModal formProps={{\n data: {name: \'\u5f20\u4e09\'}\n }} open={open} onCancel={() => {\n onOpenChange(false);\n }}>\n <FormInfo title="\u57fa\u672c\u4fe1\u606f" column={1} list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n </FormModal>\n </>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormSteps\u7ec4\u4ef6\u7684\u6c34\u5e73\u5e03\u5c40\u548c\u5782\u76f4\u5e03\u5c40\u4e24\u79cd\u4f7f\u7528\u65b9\u5f0f\uff0c\u6f14\u793a\u591a\u6b65\u9aa4\u8868\u5355\u7684\u6d41\u7a0b\u63a7\u5236\u548c\u6b65\u9aa4\u7ba1\u7406",code:'const {default: FormInfo, FormSteps, List, Input, TextArea, SubmitButton, CancelButton} = _FormInfo;\nconst {Flex, Divider} = antd;\nconst BaseExample = () => {\n return <Flex vertical>\n <FormSteps items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n <Divider/>\n <FormSteps orientation="vertical" items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n </Flex>\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormStepsModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u7ed3\u5408\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\uff0c\u5c55\u793a\u5728\u5f39\u7a97\u4e2d\u5b9e\u73b0\u590d\u6742\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u7684\u5b8c\u6574\u89e3\u51b3\u65b9\u6848",code:'const { default: FormInfo, FormStepsModal, List, Input, TextArea, SubmitButton, CancelButton } = _FormInfo;\nconst { Flex, Button } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return (\n <>\n <Button\n onClick={() => {\n onOpenChange(true);\n }}>\n \u6253\u5f00StepsForm\u5f39\u7a97\n </Button>\n <FormStepsModal\n modalProps={{ open, title: \'\u591a\u6b65\u9aa4\u8868\u5355\', onCancel: () => onOpenChange(false) }}\n items={[\n {\n title: \'\u8868\u53551\',\n formProps: {\n data: {\n phone: \'10929299202\'\n }\n },\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n },\n {\n title: \'\u8868\u53552\',\n formProps: {\n data: {\n phone: \'11939388383\'\n }\n },\n children: <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n }\n ]}\n />\n </>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]}]}}},72241(){}}]);
2
- //# sourceMappingURL=198.9f022582.chunk.js.map
1
+ "use strict";(self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[]).push([[198],{11448(t,n,d){var e=d(89379),r=(d(94922),d(87558)),o=d(55199),a=d(94312),l=d(13050),i=d(89261);window.PUBLIC_URL="/form-info";const s={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"};var m=d(65457),p=d(53986),c=d(94679),u=d(66964),h=(d(91296),d(46446));const b=["globalPreset"],f=u.Ay.ExampleRoutes,g=t=>{let{globalPreset:n}=t,d=(0,p.A)(t,b);return(0,i.jsx)(c.HashRouter,{children:(0,i.jsx)(f,(0,e.A)((0,e.A)({},d),{},{paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:n,themeToken:n.themeToken,readme:h.default,pageProps:{menu:null}}))})},x=m.createRoot(document.getElementById("root"));(async t=>{const n=await(async()=>{const t=(0,a.A)({errorHandler:t=>o.message.error(t)}),n=(0,e.A)((0,e.A)({},s),{},{remote:"components-core",defaultVersion:"0.4.43"});return(0,l.preset)({remotes:{default:n,"components-core":n,"components-iconfont":(0,e.A)((0,e.A)({},s),{},{remote:"components-iconfont",defaultVersion:"0.2.1"}),"form-info":(0,e.A)((0,e.A)({},s),{},{remote:"form-info",defaultVersion:"0.1.4"})}}),(0,r.preset)({ajax:t,loading:(0,i.jsx)(o.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,i.jsx)(o.Empty,{}),transformResponse:t=>{const{data:n}=t;return t.data={code:0===n.code?200:n.code,msg:n.msg,results:n.data},t}}),{ajax:t,enums:{},apis:{},themeToken:{colorPrimary:"#4183F0"}}})();x.render((0,i.jsx)(t,{themeToken:n.themeToken,globalPreset:n}))})(g)},69666(t,n,d){d.d(n,{A:()=>o});var e=d(69788),r=d(55199);d(72241);const o={name:"form-info",summary:"<p>\u8fd9\u662f\u4e00\u4e2a\u57fa\u4e8e React \u548c Ant Design \u7684\u9ad8\u989c\u503c\u8868\u5355\u7ec4\u4ef6\u5e93\uff0c\u4e13\u4e3a\u73b0\u4ee3\u5316 Web \u5e94\u7528\u8bbe\u8ba1\u3002\u8be5\u7ec4\u4ef6\u5e93\u901a\u8fc7\u4f18\u96c5\u7684\u89c6\u89c9\u8bbe\u8ba1\u548c\u4e30\u5bcc\u7684\u4ea4\u4e92\u529f\u80fd\uff0c\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u4e86\u4e00\u5957\u5b8c\u6574\u7684\u8868\u5355\u89e3\u51b3\u65b9\u6848\u3002</p>\n<h2>\u6838\u5fc3\u7279\u70b9</h2>\n<p><strong>\u7f8e\u89c2\u4f18\u96c5\u7684\u754c\u9762\u8bbe\u8ba1</strong> - \u91c7\u7528\u73b0\u4ee3\u5316\u7684\u89c6\u89c9\u98ce\u683c\uff0c\u914d\u5408\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u95f4\u8ddd\u3001\u8272\u5f69\u548c\u6392\u7248\uff0c\u8ba9\u8868\u5355\u754c\u9762\u66f4\u52a0\u4e13\u4e1a\u7f8e\u89c2\u3002</p>\n<p><strong>\u591a\u6837\u5316\u7684\u8868\u5355\u7ec4\u4ef6</strong> - \u63d0\u4f9b FormInfo\u3001FormModal\u3001FormSteps\u3001FormStepsModal\u3001List\u3001TableList\u3001MultiField \u7b49\u4e30\u5bcc\u7684\u8868\u5355\u7ec4\u4ef6\uff0c\u6ee1\u8db3\u5404\u79cd\u590d\u6742\u7684\u4e1a\u52a1\u573a\u666f\u9700\u6c42\u3002</p>\n<p><strong>\u7075\u6d3b\u7684\u5e03\u5c40\u7cfb\u7edf</strong> - \u652f\u6301\u54cd\u5e94\u5f0f\u7f51\u683c\u5e03\u5c40\u548c Flexbox \u5e03\u5c40\uff0c\u53ef\u4ee5\u8f7b\u677e\u5b9e\u73b0\u5355\u5217\u3001\u591a\u5217\u4ee5\u53ca\u81ea\u5b9a\u4e49\u590d\u6742\u5e03\u5c40\u3002</p>\n<p><strong>\u5f3a\u5927\u7684\u5217\u8868\u529f\u80fd</strong> - \u5185\u7f6e List\u3001TableList \u7b49\u5217\u8868\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u3001\u5d4c\u5957\u5217\u8868\u7b49\u9ad8\u7ea7\u529f\u80fd\u3002</p>\n<p><strong>\u591a\u6b65\u9aa4\u8868\u5355\u652f\u6301</strong> - \u63d0\u4f9b FormSteps \u548c FormStepsModal \u7ec4\u4ef6\uff0c\u8f7b\u677e\u5b9e\u73b0\u5411\u5bfc\u5f0f\u8868\u5355\u6d41\u7a0b\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002</p>\n<p><strong>\u56fd\u9645\u5316\u652f\u6301</strong> - \u5185\u7f6e\u4e2d\u82f1\u6587\u8bed\u8a00\u5305\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\uff0c\u4fbf\u4e8e\u591a\u8bed\u8a00\u5e94\u7528\u5f00\u53d1\u3002</p>\n<p><strong>\u5b8c\u6574\u7684\u4e8b\u4ef6\u7cfb\u7edf</strong> - \u63d0\u4f9b\u4e30\u5bcc\u7684\u56de\u8c03\u51fd\u6570\u548c\u4e8b\u4ef6\u94a9\u5b50\uff0c\u652f\u6301\u8868\u5355\u9a8c\u8bc1\u3001\u6570\u636e\u5904\u7406\u3001\u72b6\u6001\u7ba1\u7406\u7b49\u5b8c\u6574\u751f\u547d\u5468\u671f\u63a7\u5236\u3002</p>\n<p><strong>\u9ad8\u5ea6\u53ef\u5b9a\u5236</strong> - \u7ec4\u4ef6\u8bbe\u8ba1\u5145\u5206\u8003\u8651\u6269\u5c55\u6027\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u6837\u5f0f\u3001\u56fe\u6807\u3001\u6309\u94ae\u6587\u672c\u7b49\uff0c\u6ee1\u8db3\u4e2a\u6027\u5316\u9700\u6c42\u3002</p>\n<p>\u8be5\u7ec4\u4ef6\u5e93\u7279\u522b\u9002\u5408\u4f01\u4e1a\u7ea7\u5e94\u7528\u3001\u7ba1\u7406\u7cfb\u7edf\u3001\u6570\u636e\u5f55\u5165\u5e73\u53f0\u7b49\u9700\u8981\u5927\u91cf\u8868\u5355\u4ea4\u4e92\u7684\u573a\u666f\uff0c\u80fd\u591f\u663e\u8457\u63d0\u5347\u5f00\u53d1\u6548\u7387\u548c\u7528\u6237\u4f53\u9a8c\u3002</p>",description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info",api:"<h3>FormInfo</h3>\n<p>\u57fa\u7840\u7684\u8868\u5355\u4fe1\u606f\u5c55\u793a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u521b\u5efa\u7ed3\u6784\u5316\u7684\u8868\u5355\u5e03\u5c40\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>column</td>\n<td>\u5217\u6570\uff0c\u652f\u6301\u6570\u5b57\u6216Flexbox\u914d\u7f6e</td>\n<td>number | object</td>\n<td>2</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>gap</td>\n<td>\u5b57\u6bb5\u95f4\u8ddd</td>\n<td>number</td>\n<td>24</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModal</h3>\n<p>\u6a21\u6001\u6846\u8868\u5355\u7ec4\u4ef6\uff0c\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\u5185\u5bb9\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>open</td>\n<td>\u662f\u5426\u663e\u793a\u6a21\u6001\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u5173\u95ed\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>autoClose</td>\n<td>\u63d0\u4ea4\u540e\u81ea\u52a8\u5173\u95ed</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>okType</td>\n<td>\u786e\u8ba4\u6309\u94ae\u7c7b\u578b</td>\n<td>string</td>\n<td>primary</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u63d0\u4ea4</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okButtonProps</td>\n<td>\u786e\u8ba4\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelButtonProps</td>\n<td>\u53d6\u6d88\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footer</td>\n<td>\u5e95\u90e8\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderModal</td>\n<td>\u81ea\u5b9a\u4e49\u6a21\u6001\u6846\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalRender</td>\n<td>\u81ea\u5b9a\u4e49\u5185\u5bb9\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormSteps</h3>\n<p>\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultCurrent</td>\n<td>\u9ed8\u8ba4\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>orientation</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u6b65\u9aa4\u5207\u6362\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepsClassName</td>\n<td>\u6b65\u9aa4\u6761\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u6bcf\u4e2a\u6b65\u9aa4\u9879\u914d\u7f6e\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u6b65\u9aa4\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u6b65\u9aa4\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormStepsModal</h3>\n<p>\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u7ed3\u5408\u4e86\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u6a21\u6001\u6846\u5c5e\u6027</td>\n<td>object</td>\n<td>{autoClose: true}</td>\n</tr>\n<tr>\n<td>completeText</td>\n<td>\u5b8c\u6210\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5b8c\u6210</td>\n</tr>\n<tr>\n<td>nextText</td>\n<td>\u4e0b\u4e00\u6b65\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u4e0b\u4e00\u6b65</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>List</h3>\n<p>\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u5217\u8868\u9879\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5217\u8868\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>important</td>\n<td>\u662f\u5426\u91cd\u8981\u6837\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td>\u5217\u8868\u9879\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableList</h3>\n<p>\u8868\u683c\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u4ee5\u8868\u683c\u5f62\u5f0f\u5c55\u793a\u5217\u8868\u6570\u636e\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u8868\u683c\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>MultiField</h3>\n<p>\u591a\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u540c\u7c7b\u578b\u5b57\u6bb5\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u5b57\u6bb5\u6807\u7b7e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>field</td>\n<td>\u5b57\u6bb5\u7ec4\u4ef6</td>\n<td>React.ComponentType</td>\n<td>-</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5757\u7ea7\u663e\u793a</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Form</h3>\n<p>\u57fa\u7840\u8868\u5355\u5bb9\u5668\u7ec4\u4ef6\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u8868\u5355\u7c7b\u578b</td>\n<td>string</td>\n<td>inner</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5b50\u7ec4\u4ef6</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>\u56fd\u9645\u5316\u914d\u7f6e</h3>\n<p>\u7ec4\u4ef6\u5185\u7f6e\u4ee5\u4e0b\u56fd\u9645\u5316\u6587\u672c\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u952e\u540d</th>\n<th>\u4e2d\u6587</th>\n<th>\u82f1\u6587</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>submit</td>\n<td>\u63d0\u4ea4</td>\n<td>Submit</td>\n</tr>\n<tr>\n<td>cancel</td>\n<td>\u53d6\u6d88</td>\n<td>Cancel</td>\n</tr>\n<tr>\n<td>complete</td>\n<td>\u5b8c\u6210</td>\n<td>Complete</td>\n</tr>\n<tr>\n<td>next</td>\n<td>\u4e0b\u4e00\u6b65</td>\n<td>Next</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0</td>\n<td>Add</td>\n</tr>\n<tr>\n<td>deleteText</td>\n<td>\u5220\u9664</td>\n<td>Delete</td>\n</tr>\n</tbody>\n</table>\n<p>\u53ef\u901a\u8fc7 withLocale HOC \u6216 useIntl hook \u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\u3002</p>",example:{isFull:!0,className:"form_info_8aabc",style:"",list:[{title:"\u57fa\u7840\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormInfo\u3001List\u3001TableList\u3001MultiField\u7b49\u57fa\u7840\u7ec4\u4ef6\u7684\u7ec4\u5408\u4f7f\u7528\uff0c\u5305\u542b\u666e\u901a\u5b57\u6bb5\u3001\u9690\u85cf\u5b57\u6bb5\u3001\u591a\u5b57\u6bb5\u3001\u5217\u8868\u3001\u8868\u683c\u5217\u8868\u7b49\u591a\u79cd\u8868\u5355\u5143\u7d20\u7684\u5b8c\u6574\u793a\u4f8b",code:'const {default: FormInfo, List, TableList, MultiField, Form, Input, TextArea, SubmitButton, ResetButton} = _FormInfo;\nconst {Flex} = antd;\n\nconst BaseExample = () => {\n return <Form>\n <FormInfo title="\u6807\u9898" subtitle="\u9644\u6807\u9898" list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="field_3" hidden label="\u9690\u85cf\u5b57\u6bb5" rule="REQ"/>,\n <MultiField name="field_4" label="\u5b57\u6bb54" rule="REQ" field={Input} block/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5217\u8868" name="list-1" itemTitle={({index}) => `\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u590d\u6742\u5217\u8868" name="list-2" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} important maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <List title="\u5b50\u7ea7\u5217\u8868" itemTitle={({index}) => `\u5b50\u7ea7\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]} block/>]}/>\n <TableList title="\u8868\u683c\u5217\u8868" name="list-3" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <ResetButton>\u91cd\u7f6e</ResetButton>\n </Flex>\n </Form>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u5c55\u793a\u5982\u4f55\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\uff0c\u652f\u6301\u8868\u5355\u6570\u636e\u521d\u59cb\u5316\u548c\u63d0\u4ea4\u540e\u7684\u81ea\u52a8\u5173\u95ed\u529f\u80fd",code:'const {default: FormInfo, FormModal, List, Input, TextArea} = _FormInfo;\nconst {useState} = React;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return <>\n <Button onClick={() => {\n onOpenChange(true);\n }}>\u6253\u5f00Form\u5f39\u7a97</Button>\n <FormModal formProps={{\n data: {name: \'\u5f20\u4e09\'}\n }} open={open} onCancel={() => {\n onOpenChange(false);\n }}>\n <FormInfo title="\u57fa\u672c\u4fe1\u606f" column={1} list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n </FormModal>\n </>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormSteps\u7ec4\u4ef6\u7684\u6c34\u5e73\u5e03\u5c40\u548c\u5782\u76f4\u5e03\u5c40\u4e24\u79cd\u4f7f\u7528\u65b9\u5f0f\uff0c\u6f14\u793a\u591a\u6b65\u9aa4\u8868\u5355\u7684\u6d41\u7a0b\u63a7\u5236\u548c\u6b65\u9aa4\u7ba1\u7406",code:'const {default: FormInfo, FormSteps, List, Input, TextArea, SubmitButton, CancelButton} = _FormInfo;\nconst {Flex, Divider} = antd;\nconst BaseExample = () => {\n return <Flex vertical>\n <FormSteps items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n <Divider/>\n <FormSteps orientation="vertical" items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n </Flex>\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormStepsModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u7ed3\u5408\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\uff0c\u5c55\u793a\u5728\u5f39\u7a97\u4e2d\u5b9e\u73b0\u590d\u6742\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u7684\u5b8c\u6574\u89e3\u51b3\u65b9\u6848",code:'const { default: FormInfo, FormStepsModal, List, Input, TextArea, SubmitButton, CancelButton } = _FormInfo;\nconst { Flex, Button } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return (\n <>\n <Button\n onClick={() => {\n onOpenChange(true);\n }}>\n \u6253\u5f00StepsForm\u5f39\u7a97\n </Button>\n <FormStepsModal\n modalProps={{ open, title: \'\u591a\u6b65\u9aa4\u8868\u5355\', onCancel: () => onOpenChange(false) }}\n items={[\n {\n title: \'\u8868\u53551\',\n formProps: {\n data: {\n phone: \'10929299202\'\n }\n },\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n },\n {\n title: \'\u8868\u53552\',\n formProps: {\n data: {\n phone: \'11939388383\'\n }\n },\n children: <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n }\n ]}\n />\n </>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]}]}}},72241(){}}]);
2
+ //# sourceMappingURL=198.be7eaef8.chunk.js.map
package/build/static/js/{198.9f022582.chunk.js.map → 198.be7eaef8.chunk.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"static/js/198.9f022582.chunk.js","mappings":"oNAMAA,OAAOC,WAAaC,aAOpB,MAAMC,EAAW,CACfC,IAAK,yBAA0BC,IAAK,iE,+FCThCC,EAAgBC,EAAAA,GAAYD,cAuBlC,EArBYE,IAAiC,IAAhC,aAAEC,GAAwBD,EAAPE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GACnC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,WAAU,CAAAC,UACTF,EAAAA,EAAAA,KAACP,GAAaU,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACNN,GAAK,IACTO,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNC,MAAO,iBAGXC,OAAQZ,EACRa,WAAYb,EAAaa,WACzBC,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,YCjBzBC,EAAOC,EAAAA,WAAoBC,SAASC,eAAe,SAEtCC,WACjB,MAAMrB,OFSkBqB,WACxB,MAAMC,GAAOC,EAAAA,EAAAA,GAAW,CACtBC,aAAcC,GAASC,EAAAA,QAAQD,MAAMA,KAGjCE,GAAoBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACrBb,GAAQ,IAAEkC,OAAQ,kBAAmBC,eAAgB,WAgC1D,OA7BAC,EAAAA,EAAAA,QAAmB,CACjBC,QAAS,CACPC,QAASL,EAAsB,kBAAmBA,EAAsB,uBAAqBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACxFb,GAAQ,IAAEkC,OAAQ,sBAAuBC,eAAgB,UAC3D,aAEFtB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACIb,GAAQ,IAAEkC,OAAQ,YAAaC,eAAgBpC,cAMxDwC,EAAAA,EAAAA,QAAY,CACVX,OAAMY,SAAS9B,EAAAA,EAAAA,KAAC+B,EAAAA,KAAI,CAACC,MAAO,IACPC,MAAO,CACLC,SAAU,WACVC,KAAM,MACNC,QAAS,OACTC,UAAW,sBACNhB,MAAO,KAAMiB,OAAOtC,EAAAA,EAAAA,KAACuC,EAAAA,MAAK,IAAKC,kBAAoBC,IAC7E,MAAM,KAAEC,GAASD,EAIjB,OAHAA,EAASC,KAAO,CACdC,KAAoB,IAAdD,EAAKC,KAAa,IAAMD,EAAKC,KAAMC,IAAKF,EAAKE,IAAKC,QAASH,EAAKA,MAEjED,KAIJ,CACLvB,OAAM4B,MAAO,CAAC,EAAGC,KAAM,CAAC,EAAGtC,WAAY,CACrCuC,aAAc,aEjDSC,GACpBpC,EAAKqC,QAAOlD,EAAAA,EAAAA,KAACmD,EAAG,CAAC1C,WAAYb,EAAaa,WAAYb,aAAcA,MAG7EwD,CAAWD,E,mECNX,MA8yBA,EA9yBqB,CACjBE,KAAM,YACNC,QAAS,ugGAWTC,YAAa,qFACbC,YAAa,iBACbC,IAAK,6mWA6kBLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACX3B,MAAO,GACP4B,KAAM,CAAC,CACXtD,MAAO,uCACPgD,YAAa,oVACbZ,KAAM,2xEAkCNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,KAEb,CACExD,MAAO,6CACPgD,YAAa,kQACbZ,KAAM,kkCA0BNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,KAEb,CACExD,MAAO,uCACPgD,YAAa,gPACbZ,KAAM,8iFAmDNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,KAEb,CACExD,MAAO,yDACPgD,YAAa,+RACbZ,KAAM,4+CA4CNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,O","sources":["preset.js","App.js","bootstrap.js","../../README.md"],"sourcesContent":["import React from 'react';\nimport { preset as fetchPreset } from '@kne/react-fetch';\nimport { Spin, Empty, message } from 'antd';\nimport createAjax from '@kne/axios-fetch';\nimport { preset as remoteLoaderPreset } from '@kne/remote-loader';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: 'https://uc.fatalent.cn', tpl: '{{url}}/packages/@kne-components/{{remote}}/{{version}}/build'\n};\n\nexport const globalInit = async () => {\n const ajax = createAjax({\n errorHandler: error => message.error(error)\n });\n\n const componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.4.43'\n };\n\n remoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.2.1'\n }, 'form-info': process.env.NODE_ENV === 'development' ? {\n remote: 'form-info', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'form-info', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n });\n\n\n fetchPreset({\n ajax, loading: <Spin delay={500}\n style={{\n position: 'absolute',\n left: '50%',\n padding: '10px',\n transform: 'translateX(-50%)'\n }} />, error: null, empty: <Empty />, transformResponse: (response) => {\n const { data } = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n });\n\n return {\n ajax, enums: {}, apis: {}, themeToken: {\n colorPrimary: '#4183F0'\n }\n };\n};\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry.modern\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ globalPreset, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={globalPreset}\n themeToken={globalPreset.themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { globalInit } from './preset';\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport App from './App';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\n\nconst renderRoot = async (App) => {\n const globalPreset = await globalInit();\n return root.render(<App themeToken={globalPreset.themeToken} globalPreset={globalPreset} />);\n};\n\nrenderRoot(App);\n","import * as component_1 from '@kne/current-lib_form-info';\nimport * as component_2 from 'antd';\nimport '@kne/current-lib_form-info/dist/index.css';\nimport '@kne/current-lib_form-info/dist/index.css';\nimport '@kne/current-lib_form-info/dist/index.css';\nimport '@kne/current-lib_form-info/dist/index.css';\nconst readmeConfig = {\n name: `form-info`,\n summary: `<p>这是一个基于 React 和 Ant Design 的高颜值表单组件库，专为现代化 Web 应用设计。该组件库通过优雅的视觉设计和丰富的交互功能，为开发者提供了一套完整的表单解决方案。</p>\n<h2>核心特点</h2>\n<p><strong>美观优雅的界面设计</strong> - 采用现代化的视觉风格，配合精心设计的间距、色彩和排版，让表单界面更加专业美观。</p>\n<p><strong>多样化的表单组件</strong> - 提供 FormInfo、FormModal、FormSteps、FormStepsModal、List、TableList、MultiField 等丰富的表单组件，满足各种复杂的业务场景需求。</p>\n<p><strong>灵活的布局系统</strong> - 支持响应式网格布局和 Flexbox 布局，可以轻松实现单列、多列以及自定义复杂布局。</p>\n<p><strong>强大的列表功能</strong> - 内置 List、TableList 等列表组件，支持动态添加/删除、嵌套列表等高级功能。</p>\n<p><strong>多步骤表单支持</strong> - 提供 FormSteps 和 FormStepsModal 组件，轻松实现向导式表单流程，提升用户体验。</p>\n<p><strong>国际化支持</strong> - 内置中英文语言包，支持自定义国际化文本，便于多语言应用开发。</p>\n<p><strong>完整的事件系统</strong> - 提供丰富的回调函数和事件钩子，支持表单验证、数据处理、状态管理等完整生命周期控制。</p>\n<p><strong>高度可定制</strong> - 组件设计充分考虑扩展性，支持自定义样式、图标、按钮文本等，满足个性化需求。</p>\n<p>该组件库特别适合企业级应用、管理系统、数据录入平台等需要大量表单交互的场景，能够显著提升开发效率和用户体验。</p>`,\n description: `构建一个更加美观的form表单组件`,\n packageName: `@kne/form-info`,\n api: `<h3>FormInfo</h3>\n<p>基础的表单信息展示组件，用于创建结构化的表单布局。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>column</td>\n<td>列数，支持数字或Flexbox配置</td>\n<td>number | object</td>\n<td>2</td>\n</tr>\n<tr>\n<td>list</td>\n<td>表单项列表</td>\n<td>ReactNode[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>gap</td>\n<td>字段间距</td>\n<td>number</td>\n<td>24</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModal</h3>\n<p>模态框表单组件，在弹窗中展示表单内容。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>open</td>\n<td>是否显示模态框</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>关闭回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>表单属性</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>autoClose</td>\n<td>提交后自动关闭</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>okType</td>\n<td>确认按钮类型</td>\n<td>string</td>\n<td>primary</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>确认按钮文本</td>\n<td>string | ReactNode</td>\n<td>提交</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>取消按钮文本</td>\n<td>string | ReactNode</td>\n<td>取消</td>\n</tr>\n<tr>\n<td>okButtonProps</td>\n<td>确认按钮属性</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelButtonProps</td>\n<td>取消按钮属性</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footer</td>\n<td>底部内容</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderModal</td>\n<td>自定义模态框渲染</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalRender</td>\n<td>自定义内容渲染</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormSteps</h3>\n<p>步骤表单组件，支持多步骤表单流程。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>步骤配置项</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>当前步骤</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultCurrent</td>\n<td>默认当前步骤</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>自动切换下一步</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>步骤条方向</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>orientation</td>\n<td>步骤条方向</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>步骤切换回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>完成回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepsClassName</td>\n<td>步骤条样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>每个步骤项配置：</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>步骤标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>表单属性</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>步骤内容</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormStepsModal</h3>\n<p>模态框步骤表单组件，结合了模态框和步骤表单功能。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>步骤配置项</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>模态框属性</td>\n<td>object</td>\n<td>{autoClose: true}</td>\n</tr>\n<tr>\n<td>completeText</td>\n<td>完成按钮文本</td>\n<td>string | ReactNode</td>\n<td>完成</td>\n</tr>\n<tr>\n<td>nextText</td>\n<td>下一步按钮文本</td>\n<td>string | ReactNode</td>\n<td>下一步</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>自动切换下一步</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>完成回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>List</h3>\n<p>列表表单组件，支持动态添加/删除列表项。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>字段名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>列表标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>表单项列表</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>important</td>\n<td>是否重要样式</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加按钮文本</td>\n<td>string | ReactNode</td>\n<td>添加</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>删除按钮文本</td>\n<td>string | ReactNode</td>\n<td>删除</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>添加按钮图标</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>删除按钮图标</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>空状态内容</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td>列表项样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableList</h3>\n<p>表格列表表单组件，以表格形式展示列表数据。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>字段名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>表格标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>表单项列表</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加按钮文本</td>\n<td>string | ReactNode</td>\n<td>添加</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>删除按钮文本</td>\n<td>string | ReactNode</td>\n<td>删除</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>添加按钮图标</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>删除按钮图标</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>空状态内容</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>MultiField</h3>\n<p>多字段组件，支持动态添加/删除同类型字段。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>字段名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>字段标签</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>field</td>\n<td>字段组件</td>\n<td>React.ComponentType</td>\n<td>-</td>\n</tr>\n<tr>\n<td>block</td>\n<td>是否块级显示</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加按钮文本</td>\n<td>string | function</td>\n<td>添加</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>删除按钮文本</td>\n<td>string | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>添加按钮图标</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>删除按钮图标</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>空状态内容</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Form</h3>\n<p>基础表单容器组件。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>表单类型</td>\n<td>string</td>\n<td>inner</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>子组件</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>国际化配置</h3>\n<p>组件内置以下国际化文本：</p>\n<table>\n<thead>\n<tr>\n<th>键名</th>\n<th>中文</th>\n<th>英文</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>submit</td>\n<td>提交</td>\n<td>Submit</td>\n</tr>\n<tr>\n<td>cancel</td>\n<td>取消</td>\n<td>Cancel</td>\n</tr>\n<tr>\n<td>complete</td>\n<td>完成</td>\n<td>Complete</td>\n</tr>\n<tr>\n<td>next</td>\n<td>下一步</td>\n<td>Next</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加</td>\n<td>Add</td>\n</tr>\n<tr>\n<td>deleteText</td>\n<td>删除</td>\n<td>Delete</td>\n</tr>\n</tbody>\n</table>\n<p>可通过 withLocale HOC 或 useIntl hook 自定义国际化文本。</p>`,\n example: {\n isFull: true,\n className: `form_info_8aabc`,\n style: ``,\n list: [{\n title: `基础表单示例`,\n description: `展示FormInfo、List、TableList、MultiField等基础组件的组合使用，包含普通字段、隐藏字段、多字段、列表、表格列表等多种表单元素的完整示例`,\n code: `const {default: FormInfo, List, TableList, MultiField, Form, Input, TextArea, SubmitButton, ResetButton} = _FormInfo;\nconst {Flex} = antd;\n\nconst BaseExample = () => {\n return <Form>\n <FormInfo title=\"标题\" subtitle=\"附标题\" list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>,\n <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <Input name=\"field_3\" hidden label=\"隐藏字段\" rule=\"REQ\"/>,\n <MultiField name=\"field_4\" label=\"字段4\" rule=\"REQ\" field={Input} block/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <List title=\"列表\" name=\"list-1\" itemTitle={({index}) => \\`项目\\${index + 1}\\`}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>, <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <List title=\"复杂列表\" name=\"list-2\" itemTitle={({index}) => \\`项目\\${index + 1}\\`} important maxLength={2}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>, <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>,\n <List title=\"子级列表\" itemTitle={({index}) => \\`子级项目\\${index + 1}\\`}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>,\n <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]} block/>]}/>\n <TableList title=\"表格列表\" name=\"list-3\" itemTitle={({index}) => \\`项目\\${index + 1}\\`} maxLength={2}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>,\n <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <Input name=\"description\" label=\"描述\" block/>]}/>\n <Flex justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <ResetButton>重置</ResetButton>\n </Flex>\n </Form>;\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `模态框表单示例`,\n description: `演示FormModal组件的使用，展示如何在弹窗中展示表单，支持表单数据初始化和提交后的自动关闭功能`,\n code: `const {default: FormInfo, FormModal, List, Input, TextArea} = _FormInfo;\nconst {useState} = React;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return <>\n <Button onClick={() => {\n onOpenChange(true);\n }}>打开Form弹窗</Button>\n <FormModal formProps={{\n data: {name: '张三'}\n }} open={open} onCancel={() => {\n onOpenChange(false);\n }}>\n <FormInfo title=\"基本信息\" column={1} list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>]}/>\n </FormModal>\n </>;\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `步骤表单示例`,\n description: `展示FormSteps组件的水平布局和垂直布局两种使用方式，演示多步骤表单的流程控制和步骤管理`,\n code: `const {default: FormInfo, FormSteps, List, Input, TextArea, SubmitButton, CancelButton} = _FormInfo;\nconst {Flex, Divider} = antd;\nconst BaseExample = () => {\n return <Flex vertical>\n <FormSteps items={[{\n title: '表单1',\n formProps: {},\n children: <FormInfo title=\"基本信息\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>,\n <Flex block justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>]}/>\n }, {\n title: '表单2', formProps: {}, children: <>\n <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <Flex justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>\n </>\n }]}/>\n <Divider/>\n <FormSteps orientation=\"vertical\" items={[{\n title: '表单1',\n formProps: {},\n children: <FormInfo title=\"基本信息\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>,\n <Flex block justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>]}/>\n }, {\n title: '表单2', formProps: {}, children: <>\n <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <Flex justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>\n </>\n }]}/>\n </Flex>\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `模态框步骤表单示例`,\n description: `演示FormStepsModal组件的使用，结合模态框和步骤表单功能，展示在弹窗中实现复杂多步骤表单流程的完整解决方案`,\n code: `const { default: FormInfo, FormStepsModal, List, Input, TextArea, SubmitButton, CancelButton } = _FormInfo;\nconst { Flex, Button } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return (\n <>\n <Button\n onClick={() => {\n onOpenChange(true);\n }}>\n 打开StepsForm弹窗\n </Button>\n <FormStepsModal\n modalProps={{ open, title: '多步骤表单', onCancel: () => onOpenChange(false) }}\n items={[\n {\n title: '表单1',\n formProps: {\n data: {\n phone: '10929299202'\n }\n },\n children: <FormInfo title=\"基本信息\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\" />, <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\" />, <TextArea name=\"description\" label=\"描述\" block />]} />\n },\n {\n title: '表单2',\n formProps: {\n data: {\n phone: '11939388383'\n }\n },\n children: <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\" />, <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\" />, <TextArea name=\"description\" label=\"描述\" block />]} />\n }\n ]}\n />\n </>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n}]\n }\n};\nexport default readmeConfig;\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","ExampleRoutes","createEntry","_ref","globalPreset","props","_objectWithoutProperties","_excluded","_jsx","HashRouter","children","_objectSpread","paths","key","path","title","preset","themeToken","readme","pageProps","menu","root","ReactDOM","document","getElementById","async","ajax","createAjax","errorHandler","error","message","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","fetchPreset","loading","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","data","code","msg","results","enums","apis","colorPrimary","globalInit","render","App","renderRoot","name","summary","description","packageName","api","example","isFull","className","list","scope","component"],"ignoreList":[],"sourceRoot":""}
1
+ {"version":3,"file":"static/js/198.be7eaef8.chunk.js","mappings":"oNAMAA,OAAOC,WAAaC,aAOpB,MAAMC,EAAW,CACfC,IAAK,yBAA0BC,IAAK,iE,+FCThCC,EAAgBC,EAAAA,GAAYD,cAuBlC,EArBYE,IAAiC,IAAhC,aAAEC,GAAwBD,EAAPE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GACnC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,WAAU,CAAAC,UACTF,EAAAA,EAAAA,KAACP,GAAaU,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACNN,GAAK,IACTO,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNC,MAAO,iBAGXC,OAAQZ,EACRa,WAAYb,EAAaa,WACzBC,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,YCjBzBC,EAAOC,EAAAA,WAAoBC,SAASC,eAAe,SAEtCC,WACjB,MAAMrB,OFSkBqB,WACxB,MAAMC,GAAOC,EAAAA,EAAAA,GAAW,CACtBC,aAAcC,GAASC,EAAAA,QAAQD,MAAMA,KAGjCE,GAAoBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACrBb,GAAQ,IAAEkC,OAAQ,kBAAmBC,eAAgB,WAgC1D,OA7BAC,EAAAA,EAAAA,QAAmB,CACjBC,QAAS,CACPC,QAASL,EAAsB,kBAAmBA,EAAsB,uBAAqBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACxFb,GAAQ,IAAEkC,OAAQ,sBAAuBC,eAAgB,UAC3D,aAEFtB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACIb,GAAQ,IAAEkC,OAAQ,YAAaC,eAAgBpC,cAMxDwC,EAAAA,EAAAA,QAAY,CACVX,OAAMY,SAAS9B,EAAAA,EAAAA,KAAC+B,EAAAA,KAAI,CAACC,MAAO,IACPC,MAAO,CACLC,SAAU,WACVC,KAAM,MACNC,QAAS,OACTC,UAAW,sBACNhB,MAAO,KAAMiB,OAAOtC,EAAAA,EAAAA,KAACuC,EAAAA,MAAK,IAAKC,kBAAoBC,IAC7E,MAAM,KAAEC,GAASD,EAIjB,OAHAA,EAASC,KAAO,CACdC,KAAoB,IAAdD,EAAKC,KAAa,IAAMD,EAAKC,KAAMC,IAAKF,EAAKE,IAAKC,QAASH,EAAKA,MAEjED,KAIJ,CACLvB,OAAM4B,MAAO,CAAC,EAAGC,KAAM,CAAC,EAAGtC,WAAY,CACrCuC,aAAc,aEjDSC,GACpBpC,EAAKqC,QAAOlD,EAAAA,EAAAA,KAACmD,EAAG,CAAC1C,WAAYb,EAAaa,WAAYb,aAAcA,MAG7EwD,CAAWD,E,mECNX,MA8yBA,EA9yBqB,CACjBE,KAAM,YACNC,QAAS,ugGAWTC,YAAa,qFACbC,YAAa,iBACbC,IAAK,6mWA6kBLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACX3B,MAAO,GACP4B,KAAM,CAAC,CACXtD,MAAO,uCACPgD,YAAa,oVACbZ,KAAM,2xEAkCNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,KAEb,CACExD,MAAO,6CACPgD,YAAa,kQACbZ,KAAM,kkCA0BNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,KAEb,CACExD,MAAO,uCACPgD,YAAa,gPACbZ,KAAM,8iFAmDNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,KAEb,CACExD,MAAO,yDACPgD,YAAa,+RACbZ,KAAM,4+CA4CNmB,MAAO,CAAC,CACRT,KAAM,YACNG,YAAa,6BACbO,UAAW,GACb,CACEV,KAAM,OACNG,YAAa,OACbO,UAAW,O","sources":["preset.js","App.js","bootstrap.js","../../README.md"],"sourcesContent":["import React from 'react';\nimport { preset as fetchPreset } from '@kne/react-fetch';\nimport { Spin, Empty, message } from 'antd';\nimport createAjax from '@kne/axios-fetch';\nimport { preset as remoteLoaderPreset } from '@kne/remote-loader';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: 'https://uc.fatalent.cn', tpl: '{{url}}/packages/@kne-components/{{remote}}/{{version}}/build'\n};\n\nexport const globalInit = async () => {\n const ajax = createAjax({\n errorHandler: error => message.error(error)\n });\n\n const componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.4.43'\n };\n\n remoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.2.1'\n }, 'form-info': process.env.NODE_ENV === 'development' ? {\n remote: 'form-info', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'form-info', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n });\n\n\n fetchPreset({\n ajax, loading: <Spin delay={500}\n style={{\n position: 'absolute',\n left: '50%',\n padding: '10px',\n transform: 'translateX(-50%)'\n }} />, error: null, empty: <Empty />, transformResponse: (response) => {\n const { data } = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n });\n\n return {\n ajax, enums: {}, apis: {}, themeToken: {\n colorPrimary: '#4183F0'\n }\n };\n};\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry.modern\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ globalPreset, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={globalPreset}\n themeToken={globalPreset.themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { globalInit } from './preset';\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport App from './App';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\n\nconst renderRoot = async (App) => {\n const globalPreset = await globalInit();\n return root.render(<App themeToken={globalPreset.themeToken} globalPreset={globalPreset} />);\n};\n\nrenderRoot(App);\n","import * as component_1 from '@kne/current-lib_form-info';\nimport * as component_2 from 'antd';\nimport '@kne/current-lib_form-info/dist/index.css';\nimport '@kne/current-lib_form-info/dist/index.css';\nimport '@kne/current-lib_form-info/dist/index.css';\nimport '@kne/current-lib_form-info/dist/index.css';\nconst readmeConfig = {\n name: `form-info`,\n summary: `<p>这是一个基于 React 和 Ant Design 的高颜值表单组件库，专为现代化 Web 应用设计。该组件库通过优雅的视觉设计和丰富的交互功能，为开发者提供了一套完整的表单解决方案。</p>\n<h2>核心特点</h2>\n<p><strong>美观优雅的界面设计</strong> - 采用现代化的视觉风格，配合精心设计的间距、色彩和排版，让表单界面更加专业美观。</p>\n<p><strong>多样化的表单组件</strong> - 提供 FormInfo、FormModal、FormSteps、FormStepsModal、List、TableList、MultiField 等丰富的表单组件，满足各种复杂的业务场景需求。</p>\n<p><strong>灵活的布局系统</strong> - 支持响应式网格布局和 Flexbox 布局，可以轻松实现单列、多列以及自定义复杂布局。</p>\n<p><strong>强大的列表功能</strong> - 内置 List、TableList 等列表组件，支持动态添加/删除、嵌套列表等高级功能。</p>\n<p><strong>多步骤表单支持</strong> - 提供 FormSteps 和 FormStepsModal 组件，轻松实现向导式表单流程，提升用户体验。</p>\n<p><strong>国际化支持</strong> - 内置中英文语言包，支持自定义国际化文本，便于多语言应用开发。</p>\n<p><strong>完整的事件系统</strong> - 提供丰富的回调函数和事件钩子，支持表单验证、数据处理、状态管理等完整生命周期控制。</p>\n<p><strong>高度可定制</strong> - 组件设计充分考虑扩展性，支持自定义样式、图标、按钮文本等，满足个性化需求。</p>\n<p>该组件库特别适合企业级应用、管理系统、数据录入平台等需要大量表单交互的场景，能够显著提升开发效率和用户体验。</p>`,\n description: `构建一个更加美观的form表单组件`,\n packageName: `@kne/form-info`,\n api: `<h3>FormInfo</h3>\n<p>基础的表单信息展示组件，用于创建结构化的表单布局。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>column</td>\n<td>列数，支持数字或Flexbox配置</td>\n<td>number | object</td>\n<td>2</td>\n</tr>\n<tr>\n<td>list</td>\n<td>表单项列表</td>\n<td>ReactNode[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>gap</td>\n<td>字段间距</td>\n<td>number</td>\n<td>24</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>副标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModal</h3>\n<p>模态框表单组件，在弹窗中展示表单内容。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>open</td>\n<td>是否显示模态框</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>关闭回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>表单属性</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>autoClose</td>\n<td>提交后自动关闭</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>okType</td>\n<td>确认按钮类型</td>\n<td>string</td>\n<td>primary</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>确认按钮文本</td>\n<td>string | ReactNode</td>\n<td>提交</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>取消按钮文本</td>\n<td>string | ReactNode</td>\n<td>取消</td>\n</tr>\n<tr>\n<td>okButtonProps</td>\n<td>确认按钮属性</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelButtonProps</td>\n<td>取消按钮属性</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footer</td>\n<td>底部内容</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderModal</td>\n<td>自定义模态框渲染</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalRender</td>\n<td>自定义内容渲染</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormSteps</h3>\n<p>步骤表单组件，支持多步骤表单流程。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>步骤配置项</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>当前步骤</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultCurrent</td>\n<td>默认当前步骤</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>自动切换下一步</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>步骤条方向</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>orientation</td>\n<td>步骤条方向</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>步骤切换回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>完成回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepsClassName</td>\n<td>步骤条样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>每个步骤项配置：</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>步骤标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>表单属性</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>步骤内容</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormStepsModal</h3>\n<p>模态框步骤表单组件，结合了模态框和步骤表单功能。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>步骤配置项</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>模态框属性</td>\n<td>object</td>\n<td>{autoClose: true}</td>\n</tr>\n<tr>\n<td>completeText</td>\n<td>完成按钮文本</td>\n<td>string | ReactNode</td>\n<td>完成</td>\n</tr>\n<tr>\n<td>nextText</td>\n<td>下一步按钮文本</td>\n<td>string | ReactNode</td>\n<td>下一步</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>自动切换下一步</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>完成回调</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>List</h3>\n<p>列表表单组件，支持动态添加/删除列表项。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>字段名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>列表标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>表单项列表</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>important</td>\n<td>是否重要样式</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加按钮文本</td>\n<td>string | ReactNode</td>\n<td>添加</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>删除按钮文本</td>\n<td>string | ReactNode</td>\n<td>删除</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>添加按钮图标</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>删除按钮图标</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>空状态内容</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td>列表项样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableList</h3>\n<p>表格列表表单组件，以表格形式展示列表数据。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>字段名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>表格标题</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>表单项列表</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加按钮文本</td>\n<td>string | ReactNode</td>\n<td>添加</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>删除按钮文本</td>\n<td>string | ReactNode</td>\n<td>删除</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>添加按钮图标</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>删除按钮图标</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>空状态内容</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>MultiField</h3>\n<p>多字段组件，支持动态添加/删除同类型字段。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>字段名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>字段标签</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>field</td>\n<td>字段组件</td>\n<td>React.ComponentType</td>\n<td>-</td>\n</tr>\n<tr>\n<td>block</td>\n<td>是否块级显示</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加按钮文本</td>\n<td>string | function</td>\n<td>添加</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>删除按钮文本</td>\n<td>string | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>添加按钮图标</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>删除按钮图标</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>空状态内容</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Form</h3>\n<p>基础表单容器组件。</p>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>说明</th>\n<th>类型</th>\n<th>默认值</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>表单类型</td>\n<td>string</td>\n<td>inner</td>\n</tr>\n<tr>\n<td>className</td>\n<td>自定义样式类名</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>子组件</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>国际化配置</h3>\n<p>组件内置以下国际化文本：</p>\n<table>\n<thead>\n<tr>\n<th>键名</th>\n<th>中文</th>\n<th>英文</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>submit</td>\n<td>提交</td>\n<td>Submit</td>\n</tr>\n<tr>\n<td>cancel</td>\n<td>取消</td>\n<td>Cancel</td>\n</tr>\n<tr>\n<td>complete</td>\n<td>完成</td>\n<td>Complete</td>\n</tr>\n<tr>\n<td>next</td>\n<td>下一步</td>\n<td>Next</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>添加</td>\n<td>Add</td>\n</tr>\n<tr>\n<td>deleteText</td>\n<td>删除</td>\n<td>Delete</td>\n</tr>\n</tbody>\n</table>\n<p>可通过 withLocale HOC 或 useIntl hook 自定义国际化文本。</p>`,\n example: {\n isFull: true,\n className: `form_info_8aabc`,\n style: ``,\n list: [{\n title: `基础表单示例`,\n description: `展示FormInfo、List、TableList、MultiField等基础组件的组合使用，包含普通字段、隐藏字段、多字段、列表、表格列表等多种表单元素的完整示例`,\n code: `const {default: FormInfo, List, TableList, MultiField, Form, Input, TextArea, SubmitButton, ResetButton} = _FormInfo;\nconst {Flex} = antd;\n\nconst BaseExample = () => {\n return <Form>\n <FormInfo title=\"标题\" subtitle=\"附标题\" list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>,\n <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <Input name=\"field_3\" hidden label=\"隐藏字段\" rule=\"REQ\"/>,\n <MultiField name=\"field_4\" label=\"字段4\" rule=\"REQ\" field={Input} block/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <List title=\"列表\" name=\"list-1\" itemTitle={({index}) => \\`项目\\${index + 1}\\`}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>, <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <List title=\"复杂列表\" name=\"list-2\" itemTitle={({index}) => \\`项目\\${index + 1}\\`} important maxLength={2}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>, <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>,\n <List title=\"子级列表\" itemTitle={({index}) => \\`子级项目\\${index + 1}\\`}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>,\n <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]} block/>]}/>\n <TableList title=\"表格列表\" name=\"list-3\" itemTitle={({index}) => \\`项目\\${index + 1}\\`} maxLength={2}\n list={[<Input name=\"field_1\" label=\"字段1\" rule=\"REQ\"/>,\n <Input name=\"field_2\" label=\"字段2\" rule=\"REQ\"/>,\n <Input name=\"description\" label=\"描述\" block/>]}/>\n <Flex justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <ResetButton>重置</ResetButton>\n </Flex>\n </Form>;\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `模态框表单示例`,\n description: `演示FormModal组件的使用，展示如何在弹窗中展示表单，支持表单数据初始化和提交后的自动关闭功能`,\n code: `const {default: FormInfo, FormModal, List, Input, TextArea} = _FormInfo;\nconst {useState} = React;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return <>\n <Button onClick={() => {\n onOpenChange(true);\n }}>打开Form弹窗</Button>\n <FormModal formProps={{\n data: {name: '张三'}\n }} open={open} onCancel={() => {\n onOpenChange(false);\n }}>\n <FormInfo title=\"基本信息\" column={1} list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>]}/>\n </FormModal>\n </>;\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `步骤表单示例`,\n description: `展示FormSteps组件的水平布局和垂直布局两种使用方式，演示多步骤表单的流程控制和步骤管理`,\n code: `const {default: FormInfo, FormSteps, List, Input, TextArea, SubmitButton, CancelButton} = _FormInfo;\nconst {Flex, Divider} = antd;\nconst BaseExample = () => {\n return <Flex vertical>\n <FormSteps items={[{\n title: '表单1',\n formProps: {},\n children: <FormInfo title=\"基本信息\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>,\n <Flex block justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>]}/>\n }, {\n title: '表单2', formProps: {}, children: <>\n <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <Flex justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>\n </>\n }]}/>\n <Divider/>\n <FormSteps orientation=\"vertical\" items={[{\n title: '表单1',\n formProps: {},\n children: <FormInfo title=\"基本信息\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>,\n <Flex block justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>]}/>\n }, {\n title: '表单2', formProps: {}, children: <>\n <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>,\n <TextArea name=\"description\" label=\"描述\" block/>]}/>\n <Flex justify=\"center\" gap={8}>\n <SubmitButton>提交</SubmitButton>\n <CancelButton>取消</CancelButton>\n </Flex>\n </>\n }]}/>\n </Flex>\n};\n\nrender(<BaseExample/>);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `模态框步骤表单示例`,\n description: `演示FormStepsModal组件的使用，结合模态框和步骤表单功能，展示在弹窗中实现复杂多步骤表单流程的完整解决方案`,\n code: `const { default: FormInfo, FormStepsModal, List, Input, TextArea, SubmitButton, CancelButton } = _FormInfo;\nconst { Flex, Button } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return (\n <>\n <Button\n onClick={() => {\n onOpenChange(true);\n }}>\n 打开StepsForm弹窗\n </Button>\n <FormStepsModal\n modalProps={{ open, title: '多步骤表单', onCancel: () => onOpenChange(false) }}\n items={[\n {\n title: '表单1',\n formProps: {\n data: {\n phone: '10929299202'\n }\n },\n children: <FormInfo title=\"基本信息\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\" />, <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\" />, <TextArea name=\"description\" label=\"描述\" block />]} />\n },\n {\n title: '表单2',\n formProps: {\n data: {\n phone: '11939388383'\n }\n },\n children: <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\" />, <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\" />, <TextArea name=\"description\" label=\"描述\" block />]} />\n }\n ]}\n />\n </>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_FormInfo\",\n packageName: \"@kne/current-lib_form-info\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n}]\n }\n};\nexport default readmeConfig;\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","ExampleRoutes","createEntry","_ref","globalPreset","props","_objectWithoutProperties","_excluded","_jsx","HashRouter","children","_objectSpread","paths","key","path","title","preset","themeToken","readme","pageProps","menu","root","ReactDOM","document","getElementById","async","ajax","createAjax","errorHandler","error","message","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","fetchPreset","loading","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","data","code","msg","results","enums","apis","colorPrimary","globalInit","render","App","renderRoot","name","summary","description","packageName","api","example","isFull","className","list","scope","component"],"ignoreList":[],"sourceRoot":""}
package/build/static/js/{268.863e936c.chunk.js → 268.bcd2b3cf.chunk.js} RENAMED
@@ -1,2 +1,2 @@
1
- "use strict";(self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[]).push([[268],{30268(t,n,d){d.r(n),d.d(n,{default:()=>o,manifest:()=>a});var e=d(69788),r=d(55199);const o={FormInfo:{name:"form-info",summary:"<p>\u8fd9\u662f\u4e00\u4e2a\u57fa\u4e8e React \u548c Ant Design \u7684\u9ad8\u989c\u503c\u8868\u5355\u7ec4\u4ef6\u5e93\uff0c\u4e13\u4e3a\u73b0\u4ee3\u5316 Web \u5e94\u7528\u8bbe\u8ba1\u3002\u8be5\u7ec4\u4ef6\u5e93\u901a\u8fc7\u4f18\u96c5\u7684\u89c6\u89c9\u8bbe\u8ba1\u548c\u4e30\u5bcc\u7684\u4ea4\u4e92\u529f\u80fd\uff0c\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u4e86\u4e00\u5957\u5b8c\u6574\u7684\u8868\u5355\u89e3\u51b3\u65b9\u6848\u3002</p>\n<h2>\u6838\u5fc3\u7279\u70b9</h2>\n<p><strong>\u7f8e\u89c2\u4f18\u96c5\u7684\u754c\u9762\u8bbe\u8ba1</strong> - \u91c7\u7528\u73b0\u4ee3\u5316\u7684\u89c6\u89c9\u98ce\u683c\uff0c\u914d\u5408\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u95f4\u8ddd\u3001\u8272\u5f69\u548c\u6392\u7248\uff0c\u8ba9\u8868\u5355\u754c\u9762\u66f4\u52a0\u4e13\u4e1a\u7f8e\u89c2\u3002</p>\n<p><strong>\u591a\u6837\u5316\u7684\u8868\u5355\u7ec4\u4ef6</strong> - \u63d0\u4f9b FormInfo\u3001FormModal\u3001FormSteps\u3001FormStepsModal\u3001List\u3001TableList\u3001MultiField \u7b49\u4e30\u5bcc\u7684\u8868\u5355\u7ec4\u4ef6\uff0c\u6ee1\u8db3\u5404\u79cd\u590d\u6742\u7684\u4e1a\u52a1\u573a\u666f\u9700\u6c42\u3002</p>\n<p><strong>\u7075\u6d3b\u7684\u5e03\u5c40\u7cfb\u7edf</strong> - \u652f\u6301\u54cd\u5e94\u5f0f\u7f51\u683c\u5e03\u5c40\u548c Flexbox \u5e03\u5c40\uff0c\u53ef\u4ee5\u8f7b\u677e\u5b9e\u73b0\u5355\u5217\u3001\u591a\u5217\u4ee5\u53ca\u81ea\u5b9a\u4e49\u590d\u6742\u5e03\u5c40\u3002</p>\n<p><strong>\u5f3a\u5927\u7684\u5217\u8868\u529f\u80fd</strong> - \u5185\u7f6e List\u3001TableList \u7b49\u5217\u8868\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u3001\u5d4c\u5957\u5217\u8868\u7b49\u9ad8\u7ea7\u529f\u80fd\u3002</p>\n<p><strong>\u591a\u6b65\u9aa4\u8868\u5355\u652f\u6301</strong> - \u63d0\u4f9b FormSteps \u548c FormStepsModal \u7ec4\u4ef6\uff0c\u8f7b\u677e\u5b9e\u73b0\u5411\u5bfc\u5f0f\u8868\u5355\u6d41\u7a0b\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002</p>\n<p><strong>\u56fd\u9645\u5316\u652f\u6301</strong> - \u5185\u7f6e\u4e2d\u82f1\u6587\u8bed\u8a00\u5305\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\uff0c\u4fbf\u4e8e\u591a\u8bed\u8a00\u5e94\u7528\u5f00\u53d1\u3002</p>\n<p><strong>\u5b8c\u6574\u7684\u4e8b\u4ef6\u7cfb\u7edf</strong> - \u63d0\u4f9b\u4e30\u5bcc\u7684\u56de\u8c03\u51fd\u6570\u548c\u4e8b\u4ef6\u94a9\u5b50\uff0c\u652f\u6301\u8868\u5355\u9a8c\u8bc1\u3001\u6570\u636e\u5904\u7406\u3001\u72b6\u6001\u7ba1\u7406\u7b49\u5b8c\u6574\u751f\u547d\u5468\u671f\u63a7\u5236\u3002</p>\n<p><strong>\u9ad8\u5ea6\u53ef\u5b9a\u5236</strong> - \u7ec4\u4ef6\u8bbe\u8ba1\u5145\u5206\u8003\u8651\u6269\u5c55\u6027\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u6837\u5f0f\u3001\u56fe\u6807\u3001\u6309\u94ae\u6587\u672c\u7b49\uff0c\u6ee1\u8db3\u4e2a\u6027\u5316\u9700\u6c42\u3002</p>\n<p>\u8be5\u7ec4\u4ef6\u5e93\u7279\u522b\u9002\u5408\u4f01\u4e1a\u7ea7\u5e94\u7528\u3001\u7ba1\u7406\u7cfb\u7edf\u3001\u6570\u636e\u5f55\u5165\u5e73\u53f0\u7b49\u9700\u8981\u5927\u91cf\u8868\u5355\u4ea4\u4e92\u7684\u573a\u666f\uff0c\u80fd\u591f\u663e\u8457\u63d0\u5347\u5f00\u53d1\u6548\u7387\u548c\u7528\u6237\u4f53\u9a8c\u3002</p>",description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info",api:"<h3>FormInfo</h3>\n<p>\u57fa\u7840\u7684\u8868\u5355\u4fe1\u606f\u5c55\u793a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u521b\u5efa\u7ed3\u6784\u5316\u7684\u8868\u5355\u5e03\u5c40\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>column</td>\n<td>\u5217\u6570\uff0c\u652f\u6301\u6570\u5b57\u6216Flexbox\u914d\u7f6e</td>\n<td>number | object</td>\n<td>2</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>gap</td>\n<td>\u5b57\u6bb5\u95f4\u8ddd</td>\n<td>number</td>\n<td>24</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModal</h3>\n<p>\u6a21\u6001\u6846\u8868\u5355\u7ec4\u4ef6\uff0c\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\u5185\u5bb9\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>open</td>\n<td>\u662f\u5426\u663e\u793a\u6a21\u6001\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u5173\u95ed\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>autoClose</td>\n<td>\u63d0\u4ea4\u540e\u81ea\u52a8\u5173\u95ed</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>okType</td>\n<td>\u786e\u8ba4\u6309\u94ae\u7c7b\u578b</td>\n<td>string</td>\n<td>primary</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u63d0\u4ea4</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okButtonProps</td>\n<td>\u786e\u8ba4\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelButtonProps</td>\n<td>\u53d6\u6d88\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footer</td>\n<td>\u5e95\u90e8\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderModal</td>\n<td>\u81ea\u5b9a\u4e49\u6a21\u6001\u6846\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalRender</td>\n<td>\u81ea\u5b9a\u4e49\u5185\u5bb9\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormSteps</h3>\n<p>\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultCurrent</td>\n<td>\u9ed8\u8ba4\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>orientation</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u6b65\u9aa4\u5207\u6362\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepsClassName</td>\n<td>\u6b65\u9aa4\u6761\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u6bcf\u4e2a\u6b65\u9aa4\u9879\u914d\u7f6e\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u6b65\u9aa4\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u6b65\u9aa4\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormStepsModal</h3>\n<p>\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u7ed3\u5408\u4e86\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u6a21\u6001\u6846\u5c5e\u6027</td>\n<td>object</td>\n<td>{autoClose: true}</td>\n</tr>\n<tr>\n<td>completeText</td>\n<td>\u5b8c\u6210\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5b8c\u6210</td>\n</tr>\n<tr>\n<td>nextText</td>\n<td>\u4e0b\u4e00\u6b65\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u4e0b\u4e00\u6b65</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>List</h3>\n<p>\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u5217\u8868\u9879\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5217\u8868\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>important</td>\n<td>\u662f\u5426\u91cd\u8981\u6837\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td>\u5217\u8868\u9879\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableList</h3>\n<p>\u8868\u683c\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u4ee5\u8868\u683c\u5f62\u5f0f\u5c55\u793a\u5217\u8868\u6570\u636e\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u8868\u683c\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>MultiField</h3>\n<p>\u591a\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u540c\u7c7b\u578b\u5b57\u6bb5\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u5b57\u6bb5\u6807\u7b7e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>field</td>\n<td>\u5b57\u6bb5\u7ec4\u4ef6</td>\n<td>React.ComponentType</td>\n<td>-</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5757\u7ea7\u663e\u793a</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Form</h3>\n<p>\u57fa\u7840\u8868\u5355\u5bb9\u5668\u7ec4\u4ef6\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u8868\u5355\u7c7b\u578b</td>\n<td>string</td>\n<td>inner</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5b50\u7ec4\u4ef6</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>\u56fd\u9645\u5316\u914d\u7f6e</h3>\n<p>\u7ec4\u4ef6\u5185\u7f6e\u4ee5\u4e0b\u56fd\u9645\u5316\u6587\u672c\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u952e\u540d</th>\n<th>\u4e2d\u6587</th>\n<th>\u82f1\u6587</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>submit</td>\n<td>\u63d0\u4ea4</td>\n<td>Submit</td>\n</tr>\n<tr>\n<td>cancel</td>\n<td>\u53d6\u6d88</td>\n<td>Cancel</td>\n</tr>\n<tr>\n<td>complete</td>\n<td>\u5b8c\u6210</td>\n<td>Complete</td>\n</tr>\n<tr>\n<td>next</td>\n<td>\u4e0b\u4e00\u6b65</td>\n<td>Next</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0</td>\n<td>Add</td>\n</tr>\n<tr>\n<td>deleteText</td>\n<td>\u5220\u9664</td>\n<td>Delete</td>\n</tr>\n</tbody>\n</table>\n<p>\u53ef\u901a\u8fc7 withLocale HOC \u6216 useIntl hook \u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\u3002</p>",example:{isFull:!0,className:"form_info_8aabc",style:"",list:[{title:"\u57fa\u7840\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormInfo\u3001List\u3001TableList\u3001MultiField\u7b49\u57fa\u7840\u7ec4\u4ef6\u7684\u7ec4\u5408\u4f7f\u7528\uff0c\u5305\u542b\u666e\u901a\u5b57\u6bb5\u3001\u9690\u85cf\u5b57\u6bb5\u3001\u591a\u5b57\u6bb5\u3001\u5217\u8868\u3001\u8868\u683c\u5217\u8868\u7b49\u591a\u79cd\u8868\u5355\u5143\u7d20\u7684\u5b8c\u6574\u793a\u4f8b",code:'const {default: FormInfo, List, TableList, MultiField, Form, Input, TextArea, SubmitButton, ResetButton} = _FormInfo;\nconst {Flex} = antd;\n\nconst BaseExample = () => {\n return <Form>\n <FormInfo title="\u6807\u9898" subtitle="\u9644\u6807\u9898" list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="field_3" hidden label="\u9690\u85cf\u5b57\u6bb5" rule="REQ"/>,\n <MultiField name="field_4" label="\u5b57\u6bb54" rule="REQ" field={Input} block/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5217\u8868" name="list-1" itemTitle={({index}) => `\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u590d\u6742\u5217\u8868" name="list-2" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} important maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <List title="\u5b50\u7ea7\u5217\u8868" itemTitle={({index}) => `\u5b50\u7ea7\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]} block/>]}/>\n <TableList title="\u8868\u683c\u5217\u8868" name="list-3" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <ResetButton>\u91cd\u7f6e</ResetButton>\n </Flex>\n </Form>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u5c55\u793a\u5982\u4f55\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\uff0c\u652f\u6301\u8868\u5355\u6570\u636e\u521d\u59cb\u5316\u548c\u63d0\u4ea4\u540e\u7684\u81ea\u52a8\u5173\u95ed\u529f\u80fd",code:'const {default: FormInfo, FormModal, List, Input, TextArea} = _FormInfo;\nconst {useState} = React;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return <>\n <Button onClick={() => {\n onOpenChange(true);\n }}>\u6253\u5f00Form\u5f39\u7a97</Button>\n <FormModal formProps={{\n data: {name: \'\u5f20\u4e09\'}\n }} open={open} onCancel={() => {\n onOpenChange(false);\n }}>\n <FormInfo title="\u57fa\u672c\u4fe1\u606f" column={1} list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n </FormModal>\n </>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormSteps\u7ec4\u4ef6\u7684\u6c34\u5e73\u5e03\u5c40\u548c\u5782\u76f4\u5e03\u5c40\u4e24\u79cd\u4f7f\u7528\u65b9\u5f0f\uff0c\u6f14\u793a\u591a\u6b65\u9aa4\u8868\u5355\u7684\u6d41\u7a0b\u63a7\u5236\u548c\u6b65\u9aa4\u7ba1\u7406",code:'const {default: FormInfo, FormSteps, List, Input, TextArea, SubmitButton, CancelButton} = _FormInfo;\nconst {Flex, Divider} = antd;\nconst BaseExample = () => {\n return <Flex vertical>\n <FormSteps items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n <Divider/>\n <FormSteps orientation="vertical" items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n </Flex>\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormStepsModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u7ed3\u5408\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\uff0c\u5c55\u793a\u5728\u5f39\u7a97\u4e2d\u5b9e\u73b0\u590d\u6742\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u7684\u5b8c\u6574\u89e3\u51b3\u65b9\u6848",code:'const { default: FormInfo, FormStepsModal, List, Input, TextArea, SubmitButton, CancelButton } = _FormInfo;\nconst { Flex, Button } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return (\n <>\n <Button\n onClick={() => {\n onOpenChange(true);\n }}>\n \u6253\u5f00StepsForm\u5f39\u7a97\n </Button>\n <FormStepsModal\n modalProps={{ open, title: \'\u591a\u6b65\u9aa4\u8868\u5355\', onCancel: () => onOpenChange(false) }}\n items={[\n {\n title: \'\u8868\u53551\',\n formProps: {\n data: {\n phone: \'10929299202\'\n }\n },\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n },\n {\n title: \'\u8868\u53552\',\n formProps: {\n data: {\n phone: \'11939388383\'\n }\n },\n children: <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n }\n ]}\n />\n </>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]}]}}},a={name:"form-info",version:"0.1.3","open-version":!0,"public-url":"/form-info",modules:[{name:"form-info",baseDir:"/home/runner/work/form-info/form-info",description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info"}]}}}]);
2
- //# sourceMappingURL=268.863e936c.chunk.js.map
1
+ "use strict";(self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[]).push([[268],{30268(t,n,d){d.r(n),d.d(n,{default:()=>o,manifest:()=>a});var e=d(69788),r=d(55199);const o={FormInfo:{name:"form-info",summary:"<p>\u8fd9\u662f\u4e00\u4e2a\u57fa\u4e8e React \u548c Ant Design \u7684\u9ad8\u989c\u503c\u8868\u5355\u7ec4\u4ef6\u5e93\uff0c\u4e13\u4e3a\u73b0\u4ee3\u5316 Web \u5e94\u7528\u8bbe\u8ba1\u3002\u8be5\u7ec4\u4ef6\u5e93\u901a\u8fc7\u4f18\u96c5\u7684\u89c6\u89c9\u8bbe\u8ba1\u548c\u4e30\u5bcc\u7684\u4ea4\u4e92\u529f\u80fd\uff0c\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u4e86\u4e00\u5957\u5b8c\u6574\u7684\u8868\u5355\u89e3\u51b3\u65b9\u6848\u3002</p>\n<h2>\u6838\u5fc3\u7279\u70b9</h2>\n<p><strong>\u7f8e\u89c2\u4f18\u96c5\u7684\u754c\u9762\u8bbe\u8ba1</strong> - \u91c7\u7528\u73b0\u4ee3\u5316\u7684\u89c6\u89c9\u98ce\u683c\uff0c\u914d\u5408\u7cbe\u5fc3\u8bbe\u8ba1\u7684\u95f4\u8ddd\u3001\u8272\u5f69\u548c\u6392\u7248\uff0c\u8ba9\u8868\u5355\u754c\u9762\u66f4\u52a0\u4e13\u4e1a\u7f8e\u89c2\u3002</p>\n<p><strong>\u591a\u6837\u5316\u7684\u8868\u5355\u7ec4\u4ef6</strong> - \u63d0\u4f9b FormInfo\u3001FormModal\u3001FormSteps\u3001FormStepsModal\u3001List\u3001TableList\u3001MultiField \u7b49\u4e30\u5bcc\u7684\u8868\u5355\u7ec4\u4ef6\uff0c\u6ee1\u8db3\u5404\u79cd\u590d\u6742\u7684\u4e1a\u52a1\u573a\u666f\u9700\u6c42\u3002</p>\n<p><strong>\u7075\u6d3b\u7684\u5e03\u5c40\u7cfb\u7edf</strong> - \u652f\u6301\u54cd\u5e94\u5f0f\u7f51\u683c\u5e03\u5c40\u548c Flexbox \u5e03\u5c40\uff0c\u53ef\u4ee5\u8f7b\u677e\u5b9e\u73b0\u5355\u5217\u3001\u591a\u5217\u4ee5\u53ca\u81ea\u5b9a\u4e49\u590d\u6742\u5e03\u5c40\u3002</p>\n<p><strong>\u5f3a\u5927\u7684\u5217\u8868\u529f\u80fd</strong> - \u5185\u7f6e List\u3001TableList \u7b49\u5217\u8868\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u3001\u5d4c\u5957\u5217\u8868\u7b49\u9ad8\u7ea7\u529f\u80fd\u3002</p>\n<p><strong>\u591a\u6b65\u9aa4\u8868\u5355\u652f\u6301</strong> - \u63d0\u4f9b FormSteps \u548c FormStepsModal \u7ec4\u4ef6\uff0c\u8f7b\u677e\u5b9e\u73b0\u5411\u5bfc\u5f0f\u8868\u5355\u6d41\u7a0b\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002</p>\n<p><strong>\u56fd\u9645\u5316\u652f\u6301</strong> - \u5185\u7f6e\u4e2d\u82f1\u6587\u8bed\u8a00\u5305\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\uff0c\u4fbf\u4e8e\u591a\u8bed\u8a00\u5e94\u7528\u5f00\u53d1\u3002</p>\n<p><strong>\u5b8c\u6574\u7684\u4e8b\u4ef6\u7cfb\u7edf</strong> - \u63d0\u4f9b\u4e30\u5bcc\u7684\u56de\u8c03\u51fd\u6570\u548c\u4e8b\u4ef6\u94a9\u5b50\uff0c\u652f\u6301\u8868\u5355\u9a8c\u8bc1\u3001\u6570\u636e\u5904\u7406\u3001\u72b6\u6001\u7ba1\u7406\u7b49\u5b8c\u6574\u751f\u547d\u5468\u671f\u63a7\u5236\u3002</p>\n<p><strong>\u9ad8\u5ea6\u53ef\u5b9a\u5236</strong> - \u7ec4\u4ef6\u8bbe\u8ba1\u5145\u5206\u8003\u8651\u6269\u5c55\u6027\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u6837\u5f0f\u3001\u56fe\u6807\u3001\u6309\u94ae\u6587\u672c\u7b49\uff0c\u6ee1\u8db3\u4e2a\u6027\u5316\u9700\u6c42\u3002</p>\n<p>\u8be5\u7ec4\u4ef6\u5e93\u7279\u522b\u9002\u5408\u4f01\u4e1a\u7ea7\u5e94\u7528\u3001\u7ba1\u7406\u7cfb\u7edf\u3001\u6570\u636e\u5f55\u5165\u5e73\u53f0\u7b49\u9700\u8981\u5927\u91cf\u8868\u5355\u4ea4\u4e92\u7684\u573a\u666f\uff0c\u80fd\u591f\u663e\u8457\u63d0\u5347\u5f00\u53d1\u6548\u7387\u548c\u7528\u6237\u4f53\u9a8c\u3002</p>",description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info",api:"<h3>FormInfo</h3>\n<p>\u57fa\u7840\u7684\u8868\u5355\u4fe1\u606f\u5c55\u793a\u7ec4\u4ef6\uff0c\u7528\u4e8e\u521b\u5efa\u7ed3\u6784\u5316\u7684\u8868\u5355\u5e03\u5c40\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>column</td>\n<td>\u5217\u6570\uff0c\u652f\u6301\u6570\u5b57\u6216Flexbox\u914d\u7f6e</td>\n<td>number | object</td>\n<td>2</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>gap</td>\n<td>\u5b57\u6bb5\u95f4\u8ddd</td>\n<td>number</td>\n<td>24</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>subtitle</td>\n<td>\u526f\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormModal</h3>\n<p>\u6a21\u6001\u6846\u8868\u5355\u7ec4\u4ef6\uff0c\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\u5185\u5bb9\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>open</td>\n<td>\u662f\u5426\u663e\u793a\u6a21\u6001\u6846</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>onCancel</td>\n<td>\u5173\u95ed\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>{}</td>\n</tr>\n<tr>\n<td>autoClose</td>\n<td>\u63d0\u4ea4\u540e\u81ea\u52a8\u5173\u95ed</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>okType</td>\n<td>\u786e\u8ba4\u6309\u94ae\u7c7b\u578b</td>\n<td>string</td>\n<td>primary</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u63d0\u4ea4</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u53d6\u6d88</td>\n</tr>\n<tr>\n<td>okButtonProps</td>\n<td>\u786e\u8ba4\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>cancelButtonProps</td>\n<td>\u53d6\u6d88\u6309\u94ae\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>footer</td>\n<td>\u5e95\u90e8\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>renderModal</td>\n<td>\u81ea\u5b9a\u4e49\u6a21\u6001\u6846\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>modalRender</td>\n<td>\u81ea\u5b9a\u4e49\u5185\u5bb9\u6e32\u67d3</td>\n<td>function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormSteps</h3>\n<p>\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>current</td>\n<td>\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>-</td>\n</tr>\n<tr>\n<td>defaultCurrent</td>\n<td>\u9ed8\u8ba4\u5f53\u524d\u6b65\u9aa4</td>\n<td>number</td>\n<td>0</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>direction</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>orientation</td>\n<td>\u6b65\u9aa4\u6761\u65b9\u5411</td>\n<td>string</td>\n<td>horizontal</td>\n</tr>\n<tr>\n<td>onChange</td>\n<td>\u6b65\u9aa4\u5207\u6362\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>stepsClassName</td>\n<td>\u6b65\u9aa4\u6761\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<p>\u6bcf\u4e2a\u6b65\u9aa4\u9879\u914d\u7f6e\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>title</td>\n<td>\u6b65\u9aa4\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>formProps</td>\n<td>\u8868\u5355\u5c5e\u6027</td>\n<td>object</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u6b65\u9aa4\u5185\u5bb9</td>\n<td>ReactNode | function</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>FormStepsModal</h3>\n<p>\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u7ec4\u4ef6\uff0c\u7ed3\u5408\u4e86\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>items</td>\n<td>\u6b65\u9aa4\u914d\u7f6e\u9879</td>\n<td>array</td>\n<td>[]</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>\u6a21\u6001\u6846\u5c5e\u6027</td>\n<td>object</td>\n<td>{autoClose: true}</td>\n</tr>\n<tr>\n<td>completeText</td>\n<td>\u5b8c\u6210\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5b8c\u6210</td>\n</tr>\n<tr>\n<td>nextText</td>\n<td>\u4e0b\u4e00\u6b65\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u4e0b\u4e00\u6b65</td>\n</tr>\n<tr>\n<td>autoStep</td>\n<td>\u81ea\u52a8\u5207\u6362\u4e0b\u4e00\u6b65</td>\n<td>boolean</td>\n<td>true</td>\n</tr>\n<tr>\n<td>onComplete</td>\n<td>\u5b8c\u6210\u56de\u8c03</td>\n<td>function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>List</h3>\n<p>\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u5217\u8868\u9879\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u5217\u8868\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>important</td>\n<td>\u662f\u5426\u91cd\u8981\u6837\u5f0f</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>itemClassName</td>\n<td>\u5217\u8868\u9879\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>TableList</h3>\n<p>\u8868\u683c\u5217\u8868\u8868\u5355\u7ec4\u4ef6\uff0c\u4ee5\u8868\u683c\u5f62\u5f0f\u5c55\u793a\u5217\u8868\u6570\u636e\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>title</td>\n<td>\u8868\u683c\u6807\u9898</td>\n<td>string | ReactNode</td>\n<td>-</td>\n</tr>\n<tr>\n<td>list</td>\n<td>\u8868\u5355\u9879\u5217\u8868</td>\n<td>ReactNode[]</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | ReactNode</td>\n<td>\u5220\u9664</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>MultiField</h3>\n<p>\u591a\u5b57\u6bb5\u7ec4\u4ef6\uff0c\u652f\u6301\u52a8\u6001\u6dfb\u52a0/\u5220\u9664\u540c\u7c7b\u578b\u5b57\u6bb5\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>name</td>\n<td>\u5b57\u6bb5\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>label</td>\n<td>\u5b57\u6bb5\u6807\u7b7e</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>field</td>\n<td>\u5b57\u6bb5\u7ec4\u4ef6</td>\n<td>React.ComponentType</td>\n<td>-</td>\n</tr>\n<tr>\n<td>block</td>\n<td>\u662f\u5426\u5757\u7ea7\u663e\u793a</td>\n<td>boolean</td>\n<td>false</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>\u6dfb\u52a0</td>\n</tr>\n<tr>\n<td>removeText</td>\n<td>\u5220\u9664\u6309\u94ae\u6587\u672c</td>\n<td>string | function</td>\n<td>-</td>\n</tr>\n<tr>\n<td>addIcon</td>\n<td>\u6dfb\u52a0\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>PlusOutlined</td>\n</tr>\n<tr>\n<td>removeIcon</td>\n<td>\u5220\u9664\u6309\u94ae\u56fe\u6807</td>\n<td>ReactNode</td>\n<td>DeleteOutlined</td>\n</tr>\n<tr>\n<td>empty</td>\n<td>\u7a7a\u72b6\u6001\u5185\u5bb9</td>\n<td>ReactNode</td>\n<td>Empty</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>Form</h3>\n<p>\u57fa\u7840\u8868\u5355\u5bb9\u5668\u7ec4\u4ef6\u3002</p>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u8bf4\u660e</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>\u8868\u5355\u7c7b\u578b</td>\n<td>string</td>\n<td>inner</td>\n</tr>\n<tr>\n<td>className</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f\u7c7b\u540d</td>\n<td>string</td>\n<td>-</td>\n</tr>\n<tr>\n<td>children</td>\n<td>\u5b50\u7ec4\u4ef6</td>\n<td>ReactNode</td>\n<td>-</td>\n</tr>\n</tbody>\n</table>\n<h3>\u56fd\u9645\u5316\u914d\u7f6e</h3>\n<p>\u7ec4\u4ef6\u5185\u7f6e\u4ee5\u4e0b\u56fd\u9645\u5316\u6587\u672c\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u952e\u540d</th>\n<th>\u4e2d\u6587</th>\n<th>\u82f1\u6587</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>submit</td>\n<td>\u63d0\u4ea4</td>\n<td>Submit</td>\n</tr>\n<tr>\n<td>cancel</td>\n<td>\u53d6\u6d88</td>\n<td>Cancel</td>\n</tr>\n<tr>\n<td>complete</td>\n<td>\u5b8c\u6210</td>\n<td>Complete</td>\n</tr>\n<tr>\n<td>next</td>\n<td>\u4e0b\u4e00\u6b65</td>\n<td>Next</td>\n</tr>\n<tr>\n<td>addText</td>\n<td>\u6dfb\u52a0</td>\n<td>Add</td>\n</tr>\n<tr>\n<td>deleteText</td>\n<td>\u5220\u9664</td>\n<td>Delete</td>\n</tr>\n</tbody>\n</table>\n<p>\u53ef\u901a\u8fc7 withLocale HOC \u6216 useIntl hook \u81ea\u5b9a\u4e49\u56fd\u9645\u5316\u6587\u672c\u3002</p>",example:{isFull:!0,className:"form_info_8aabc",style:"",list:[{title:"\u57fa\u7840\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormInfo\u3001List\u3001TableList\u3001MultiField\u7b49\u57fa\u7840\u7ec4\u4ef6\u7684\u7ec4\u5408\u4f7f\u7528\uff0c\u5305\u542b\u666e\u901a\u5b57\u6bb5\u3001\u9690\u85cf\u5b57\u6bb5\u3001\u591a\u5b57\u6bb5\u3001\u5217\u8868\u3001\u8868\u683c\u5217\u8868\u7b49\u591a\u79cd\u8868\u5355\u5143\u7d20\u7684\u5b8c\u6574\u793a\u4f8b",code:'const {default: FormInfo, List, TableList, MultiField, Form, Input, TextArea, SubmitButton, ResetButton} = _FormInfo;\nconst {Flex} = antd;\n\nconst BaseExample = () => {\n return <Form>\n <FormInfo title="\u6807\u9898" subtitle="\u9644\u6807\u9898" list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="field_3" hidden label="\u9690\u85cf\u5b57\u6bb5" rule="REQ"/>,\n <MultiField name="field_4" label="\u5b57\u6bb54" rule="REQ" field={Input} block/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5217\u8868" name="list-1" itemTitle={({index}) => `\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u590d\u6742\u5217\u8868" name="list-2" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} important maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>, <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <List title="\u5b50\u7ea7\u5217\u8868" itemTitle={({index}) => `\u5b50\u7ea7\u9879\u76ee${index + 1}`}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]} block/>]}/>\n <TableList title="\u8868\u683c\u5217\u8868" name="list-3" itemTitle={({index}) => `\u9879\u76ee${index + 1}`} maxLength={2}\n list={[<Input name="field_1" label="\u5b57\u6bb51" rule="REQ"/>,\n <Input name="field_2" label="\u5b57\u6bb52" rule="REQ"/>,\n <Input name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <ResetButton>\u91cd\u7f6e</ResetButton>\n </Flex>\n </Form>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u5c55\u793a\u5982\u4f55\u5728\u5f39\u7a97\u4e2d\u5c55\u793a\u8868\u5355\uff0c\u652f\u6301\u8868\u5355\u6570\u636e\u521d\u59cb\u5316\u548c\u63d0\u4ea4\u540e\u7684\u81ea\u52a8\u5173\u95ed\u529f\u80fd",code:'const {default: FormInfo, FormModal, List, Input, TextArea} = _FormInfo;\nconst {useState} = React;\nconst {Button} = antd;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return <>\n <Button onClick={() => {\n onOpenChange(true);\n }}>\u6253\u5f00Form\u5f39\u7a97</Button>\n <FormModal formProps={{\n data: {name: \'\u5f20\u4e09\'}\n }} open={open} onCancel={() => {\n onOpenChange(false);\n }}>\n <FormInfo title="\u57fa\u672c\u4fe1\u606f" column={1} list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n </FormModal>\n </>;\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u5c55\u793aFormSteps\u7ec4\u4ef6\u7684\u6c34\u5e73\u5e03\u5c40\u548c\u5782\u76f4\u5e03\u5c40\u4e24\u79cd\u4f7f\u7528\u65b9\u5f0f\uff0c\u6f14\u793a\u591a\u6b65\u9aa4\u8868\u5355\u7684\u6d41\u7a0b\u63a7\u5236\u548c\u6b65\u9aa4\u7ba1\u7406",code:'const {default: FormInfo, FormSteps, List, Input, TextArea, SubmitButton, CancelButton} = _FormInfo;\nconst {Flex, Divider} = antd;\nconst BaseExample = () => {\n return <Flex vertical>\n <FormSteps items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n <Divider/>\n <FormSteps orientation="vertical" items={[{\n title: \'\u8868\u53551\',\n formProps: {},\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>,\n <Flex block justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>]}/>\n }, {\n title: \'\u8868\u53552\', formProps: {}, children: <>\n <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ"/>,\n <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>,\n <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n <Flex justify="center" gap={8}>\n <SubmitButton>\u63d0\u4ea4</SubmitButton>\n <CancelButton>\u53d6\u6d88</CancelButton>\n </Flex>\n </>\n }]}/>\n </Flex>\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]},{title:"\u6a21\u6001\u6846\u6b65\u9aa4\u8868\u5355\u793a\u4f8b",description:"\u6f14\u793aFormStepsModal\u7ec4\u4ef6\u7684\u4f7f\u7528\uff0c\u7ed3\u5408\u6a21\u6001\u6846\u548c\u6b65\u9aa4\u8868\u5355\u529f\u80fd\uff0c\u5c55\u793a\u5728\u5f39\u7a97\u4e2d\u5b9e\u73b0\u590d\u6742\u591a\u6b65\u9aa4\u8868\u5355\u6d41\u7a0b\u7684\u5b8c\u6574\u89e3\u51b3\u65b9\u6848",code:'const { default: FormInfo, FormStepsModal, List, Input, TextArea, SubmitButton, CancelButton } = _FormInfo;\nconst { Flex, Button } = antd;\nconst { useState } = React;\n\nconst BaseExample = () => {\n const [open, onOpenChange] = useState(false);\n return (\n <>\n <Button\n onClick={() => {\n onOpenChange(true);\n }}>\n \u6253\u5f00StepsForm\u5f39\u7a97\n </Button>\n <FormStepsModal\n modalProps={{ open, title: \'\u591a\u6b65\u9aa4\u8868\u5355\', onCancel: () => onOpenChange(false) }}\n items={[\n {\n title: \'\u8868\u53551\',\n formProps: {\n data: {\n phone: \'10929299202\'\n }\n },\n children: <FormInfo title="\u57fa\u672c\u4fe1\u606f" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n },\n {\n title: \'\u8868\u53552\',\n formProps: {\n data: {\n phone: \'11939388383\'\n }\n },\n children: <List title="\u5de5\u4f5c\u7ecf\u5386" list={[<Input name="name" label="\u59d3\u540d" rule="REQ" />, <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL" />, <TextArea name="description" label="\u63cf\u8ff0" block />]} />\n }\n ]}\n />\n </>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:e},{name:"antd",packageName:"antd",component:r}]}]}}},a={name:"form-info",version:"0.1.4","open-version":!0,"public-url":"/form-info",modules:[{name:"form-info",baseDir:"/home/runner/work/form-info/form-info",description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info"}]}}}]);
2
+ //# sourceMappingURL=268.bcd2b3cf.chunk.js.map