@kne-components/form-info 0.1.1 → 0.1.2

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 (11) hide show
  1. package/build/asset-manifest.json +8 -8
  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/{198.2e8727c7.chunk.js → 198.81e086c7.chunk.js} +2 -2
  6. package/build/static/js/{198.2e8727c7.chunk.js.map → 198.81e086c7.chunk.js.map} +1 -1
  7. package/build/static/js/{268.7466bb68.chunk.js → 268.d376002f.chunk.js} +2 -2
  8. package/build/static/js/{268.7466bb68.chunk.js.map → 268.d376002f.chunk.js.map} +1 -1
  9. package/build/static/js/{main.6bf6f1af.js → main.4efea1b7.js} +2 -2
  10. package/build/static/js/{main.6bf6f1af.js.map → main.4efea1b7.js.map} +1 -1
  11. package/package.json +1 -1
package/build/static/js/{198.2e8727c7.chunk.js.map → 198.81e086c7.chunk.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"static/js/198.2e8727c7.chunk.js","mappings":"uNAMAA,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,UAgC1D,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,sECNX,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,+vEAkCNmB,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.3'\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\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}\\`}\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.81e086c7.chunk.js","mappings":"uNAMAA,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,UAgC1D,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,sECNX,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,+vEAkCNmB,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.3'\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\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}\\`}\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.7466bb68.chunk.js → 268.d376002f.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\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}`}\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.1","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.7466bb68.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\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}`}\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.2","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.d376002f.chunk.js.map
package/build/static/js/{268.7466bb68.chunk.js.map → 268.d376002f.chunk.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"static/js/268.7466bb68.chunk.js","mappings":"6MAMA,MCNuD,GAAgBA,SDMlD,CACjBC,KAAM,YACNC,QAAS,ugGAWTC,YAAa,qFACbC,YAAa,iBACbC,IAAK,6mWA6kBLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,uCACPR,YAAa,oVACbS,KAAM,+vEAkCNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,6CACPR,YAAa,kQACbS,KAAM,kkCA0BNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,uCACPR,YAAa,gPACbS,KAAM,8iFAmDNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,yDACPR,YAAa,+RACbS,KAAM,4+CA4CNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,SC9yBFC,EAAW,CAAC,KAAO,YAAY,QAAU,QAAQ,gBAAe,EAAK,aAAa,aAAa,QAAU,CAAC,CAAC,KAAO,YAAY,QAAU,wCAAwC,YAAc,qFAAoB,YAAc,mB","sources":["../../README.md","../node_modules/readme/modules.js"],"sourcesContent":["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\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}\\`}\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","import FormInfo from '@components/form-info/README.md';export default {FormInfo};\nexport const manifest = {\"name\":\"form-info\",\"version\":\"0.1.1\",\"open-version\":true,\"public-url\":\"/form-info\",\"modules\":[{\"name\":\"form-info\",\"baseDir\":\"/home/runner/work/form-info/form-info\",\"description\":\"构建一个更加美观的form表单组件\",\"packageName\":\"@kne/form-info\"}]};"],"names":["FormInfo","name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","component","manifest"],"ignoreList":[],"sourceRoot":""}
1
+ {"version":3,"file":"static/js/268.d376002f.chunk.js","mappings":"6MAMA,MCNuD,GAAgBA,SDMlD,CACjBC,KAAM,YACNC,QAAS,ugGAWTC,YAAa,qFACbC,YAAa,iBACbC,IAAK,6mWA6kBLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,uCACPR,YAAa,oVACbS,KAAM,+vEAkCNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,6CACPR,YAAa,kQACbS,KAAM,kkCA0BNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,uCACPR,YAAa,gPACbS,KAAM,8iFAmDNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,yDACPR,YAAa,+RACbS,KAAM,4+CA4CNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,SC9yBFC,EAAW,CAAC,KAAO,YAAY,QAAU,QAAQ,gBAAe,EAAK,aAAa,aAAa,QAAU,CAAC,CAAC,KAAO,YAAY,QAAU,wCAAwC,YAAc,qFAAoB,YAAc,mB","sources":["../../README.md","../node_modules/readme/modules.js"],"sourcesContent":["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\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}\\`}\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","import FormInfo from '@components/form-info/README.md';export default {FormInfo};\nexport const manifest = {\"name\":\"form-info\",\"version\":\"0.1.2\",\"open-version\":true,\"public-url\":\"/form-info\",\"modules\":[{\"name\":\"form-info\",\"baseDir\":\"/home/runner/work/form-info/form-info\",\"description\":\"构建一个更加美观的form表单组件\",\"packageName\":\"@kne/form-info\"}]};"],"names":["FormInfo","name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","component","manifest"],"ignoreList":[],"sourceRoot":""}
package/build/static/js/{main.6bf6f1af.js → main.4efea1b7.js} RENAMED
@@ -1,2 +1,2 @@
1
- (()=>{var e={72812:(e,t,r)=>{Promise.all([r.e(623),r.e(391),r.e(922),r.e(714),r.e(199),r.e(788),r.e(198)]).then(r.bind(r,11448))}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={id:n,loaded:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}r.m=e,r.c=t,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>"static/js/"+e+"."+{35:"38ba1822",84:"443b307c",112:"90ecce14",117:"98ba5ebb",198:"2e8727c7",201:"4e756463",233:"40e6f6f1",245:"c65041da",257:"63df4ab7",288:"35db3b4c",314:"54018e0d",379:"6d065264",391:"6f02ed12",446:"3e90f469",467:"ae2f0e9e",496:"0cf4253c",498:"3f55dcd8",523:"1a7b70e9",548:"0638e820",614:"a2dca2a2",623:"e717cec2",627:"61844e6d",638:"86cc3fe3",705:"cefaceb1",736:"033e2b54",830:"5adfae6e",848:"51b2f0f0"}[e]+".chunk.js",r.miniCssF=e=>"static/css/"+e+"."+{198:"3decc914",627:"0cf79f30"}[e]+".chunk.css",r.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="@kne-components/form-info:";r.l=(n,a,o,l)=>{if(e[n])e[n].push(a);else{var i,d;if(void 0!==o)for(var s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var u=s[c];if(u.getAttribute("src")==n||u.getAttribute("data-webpack")==t+o){i=u;break}}i||(d=!0,(i=document.createElement("script")).charset="utf-8",r.nc&&i.setAttribute("nonce",r.nc),i.setAttribute("data-webpack",t+o),i.src=n),e[n]=[a];var f=(t,r)=>{i.onerror=i.onload=null,clearTimeout(h);var a=e[n];if(delete e[n],i.parentNode&&i.parentNode.removeChild(i),a&&a.forEach(e=>e(r)),t)return t(r)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),d&&document.head.appendChild(i)}}})(),r.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{r.S={};var e={},t={};r.I=(n,a)=>{a||(a=[]);var o=t[n];if(o||(o=t[n]={}),!(a.indexOf(o)>=0)){if(a.push(o),e[n])return e[n];r.o(r.S,n)||(r.S[n]={});var l=r.S[n],i="@kne-components/form-info",d=(e,t,r,n)=>{var a=l[e]=l[e]||{},o=a[t];(!o||!o.loaded&&(!n!=!o.eager?n:i>o.from))&&(a[t]={get:r,from:i,eager:!!n})},s=[];if("default"===n)d("@kne/current-lib_form-info","0.1.1",()=>Promise.all([r.e(314),r.e(112),r.e(627),r.e(922),r.e(714),r.e(199),r.e(872),r.e(830)]).then(()=>()=>r(71830))),d("@kne/global-context","1.2.0",()=>Promise.all([r.e(922),r.e(638)]).then(()=>()=>r(39638))),d("@kne/react-fetch","1.5.5",()=>Promise.all([r.e(496),r.e(623),r.e(201),r.e(922)]).then(()=>()=>r(3201))),d("@kne/react-form-antd","4.0.3",()=>Promise.all([r.e(112),r.e(233),r.e(922),r.e(199),r.e(872),r.e(35)]).then(()=>()=>r(233))),d("@kne/react-form","3.1.2",()=>Promise.all([r.e(314),r.e(112),r.e(523),r.e(922),r.e(775)]).then(()=>()=>r(67523))),d("@kne/react-intl","0.1.9",()=>Promise.all([r.e(548),r.e(922),r.e(946)]).then(()=>()=>r(99548))),d("@kne/remote-loader","1.3.3",()=>Promise.all([r.e(496),r.e(922),r.e(467)]).then(()=>()=>r(31467))),d("@kne/use-event","0.1.5",()=>Promise.all([r.e(922),r.e(498)]).then(()=>()=>r(29498))),d("antd","5.29.1",()=>Promise.all([r.e(736),r.e(922),r.e(714),r.e(469)]).then(()=>()=>r(74736))),d("axios","1.13.2",()=>Promise.all([r.e(84),r.e(379)]).then(()=>()=>r(62084))),d("dayjs","1.11.19",()=>r.e(446).then(()=>()=>r(60446))),d("dayjs","1.11.19",()=>r.e(288).then(()=>()=>r(93288))),d("react-dom","18.3.1",()=>Promise.all([r.e(848),r.e(922)]).then(()=>()=>r(83848))),d("react-router-dom","6.30.2",()=>Promise.all([r.e(245),r.e(922),r.e(714)]).then(()=>()=>r(53245))),d("react","18.3.1",()=>r.e(614).then(()=>()=>r(98233)));return s.length?e[n]=Promise.all(s).then(()=>e[n]=1):e[n]=1}}})(),(()=>{var e;r.g.importScripts&&(e=r.g.location+"");var t=r.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var a=n.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=n[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r.p=e+"../../"})(),(()=>{var e=e=>{var t=e=>e.split(".").map(e=>+e==e?+e:e),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},t=(t,r)=>{t=e(t),r=e(r);for(var n=0;;){if(n>=t.length)return n<r.length&&"u"!=(typeof r[n])[0];var a=t[n],o=(typeof a)[0];if(n>=r.length)return"u"==o;var l=r[n],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&a!=l)return a<l;n++}},n=(e,t)=>e&&r.o(e,t),a=e=>(e.loaded=1,e.get()),o=e=>Object.keys(e).reduce((t,r)=>(e[r].eager&&(t[r]=e[r]),t),{}),l=(e,r,n)=>{var a=n?o(e[r]):e[r];return Object.keys(a).reduce((e,r)=>!e||!a[e].loaded&&t(e,r)?r:e,0)},i=e=>{throw new Error(e)},d=e=>function(t,n,a,o,l){var i=r.I(t);return i&&i.then&&!a?i.then(e.bind(e,t,r.S[t],n,!1,o,l)):e(t,r.S[t],n,a,o,l)},s=(e,t,r)=>r?r():((e,t)=>i("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),c=d((e,t,r,o,i)=>{if(!n(t,r))return s(e,r,i);var d=l(t,r,o);return a(t[r][d])}),u={},f={94922:()=>c("default","react",!1,()=>r.e(614).then(()=>()=>r(98233))),85714:()=>c("default","react-dom",!1,()=>r.e(848).then(()=>()=>r(83848))),55199:()=>c("default","antd",!1,()=>Promise.all([r.e(736),r.e(922),r.e(714),r.e(469)]).then(()=>()=>r(74736))),69788:()=>c("default","@kne/current-lib_form-info",!1,()=>Promise.all([r.e(314),r.e(112),r.e(627),r.e(922),r.e(714),r.e(872),r.e(830)]).then(()=>()=>r(71830))),13050:()=>c("default","@kne/remote-loader",!1,()=>Promise.all([r.e(496),r.e(705)]).then(()=>()=>r(31467))),87558:()=>c("default","@kne/react-fetch",!1,()=>Promise.all([r.e(496),r.e(201)]).then(()=>()=>r(3201))),89946:()=>c("default","axios",!1,()=>r.e(84).then(()=>()=>r(62084))),94679:()=>c("default","react-router-dom",!1,()=>r.e(245).then(()=>()=>r(53245))),78198:()=>c("default","@kne/react-form",!1,()=>Promise.all([r.e(314),r.e(523),r.e(775)]).then(()=>()=>r(67523))),80263:()=>c("default","dayjs",!1,()=>r.e(288).then(()=>()=>r(93288))),20274:()=>c("default","@kne/react-intl",!1,()=>Promise.all([r.e(548),r.e(946)]).then(()=>()=>r(99548))),87832:()=>c("default","@kne/react-form-antd",!1,()=>r.e(233).then(()=>()=>r(233))),20775:()=>c("default","@kne/use-event",!1,()=>r.e(117).then(()=>()=>r(29498))),74946:()=>c("default","@kne/global-context",!1,()=>r.e(257).then(()=>()=>r(39638))),57469:()=>c("default","dayjs",!1,()=>r.e(446).then(()=>()=>r(60446)))},h={198:[13050,87558,89946,94679],199:[55199],469:[57469],714:[85714],775:[20775],788:[69788],830:[20274,87832],872:[78198,80263],922:[94922],946:[74946]},m={};r.f.consumes=(e,t)=>{r.o(h,e)&&h[e].forEach(e=>{if(r.o(u,e))return t.push(u[e]);if(!m[e]){var n=t=>{u[e]=0,r.m[e]=n=>{delete r.c[e],n.exports=t()}};m[e]=!0;var a=t=>{delete u[e],r.m[e]=n=>{throw delete r.c[e],t}};try{var o=f[e]();o.then?t.push(u[e]=o.then(n).catch(a)):n(o)}catch(l){a(l)}}})}})(),(()=>{if("undefined"!==typeof document){var e=e=>new Promise((t,n)=>{var a=r.miniCssF(e),o=r.p+a;if(((e,t)=>{for(var r=document.getElementsByTagName("link"),n=0;n<r.length;n++){var a=(l=r[n]).getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(a===e||a===t))return l}var o=document.getElementsByTagName("style");for(n=0;n<o.length;n++){var l;if((a=(l=o[n]).getAttribute("data-href"))===e||a===t)return l}})(a,o))return t();((e,t,n,a,o)=>{var l=document.createElement("link");l.rel="stylesheet",l.type="text/css",r.nc&&(l.nonce=r.nc),l.onerror=l.onload=r=>{if(l.onerror=l.onload=null,"load"===r.type)a();else{var n=r&&r.type,i=r&&r.target&&r.target.href||t,d=new Error("Loading CSS chunk "+e+" failed.\n("+n+": "+i+")");d.name="ChunkLoadError",d.code="CSS_CHUNK_LOAD_FAILED",d.type=n,d.request=i,l.parentNode&&l.parentNode.removeChild(l),o(d)}},l.href=t,n?n.parentNode.insertBefore(l,n.nextSibling):document.head.appendChild(l)})(e,o,null,t,n)}),t={792:0};r.f.miniCss=(r,n)=>{t[r]?n.push(t[r]):0!==t[r]&&{198:1,627:1}[r]&&n.push(t[r]=e(r).then(()=>{t[r]=0},e=>{throw delete t[r],e}))}}})(),(()=>{var e={792:0};r.f.j=(t,n)=>{var a=r.o(e,t)?e[t]:void 0;if(0!==a)if(a)n.push(a[2]);else if(/^(7(14|75|88)|199|469|872|922|946)$/.test(t))e[t]=0;else{var o=new Promise((r,n)=>a=e[t]=[r,n]);n.push(a[2]=o);var l=r.p+r.u(t),i=new Error;r.l(l,n=>{if(r.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=n&&("load"===n.type?"missing":n.type),l=n&&n.target&&n.target.src;i.message="Loading chunk "+t+" failed.\n("+o+": "+l+")",i.name="ChunkLoadError",i.type=o,i.request=l,a[1](i)}},"chunk-"+t,t)}};var t=(t,n)=>{var a,o,[l,i,d]=n,s=0;if(l.some(t=>0!==e[t])){for(a in i)r.o(i,a)&&(r.m[a]=i[a]);if(d)d(r)}for(t&&t(n);s<l.length;s++)o=l[s],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0},n=self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();r(72812)})();
2
- //# sourceMappingURL=main.6bf6f1af.js.map
1
+ (()=>{var e={72812:(e,t,r)=>{Promise.all([r.e(623),r.e(391),r.e(922),r.e(714),r.e(199),r.e(788),r.e(198)]).then(r.bind(r,11448))}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={id:n,loaded:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}r.m=e,r.c=t,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>"static/js/"+e+"."+{35:"38ba1822",84:"443b307c",112:"90ecce14",117:"98ba5ebb",198:"81e086c7",201:"4e756463",233:"40e6f6f1",245:"c65041da",257:"63df4ab7",288:"35db3b4c",314:"54018e0d",379:"6d065264",391:"6f02ed12",446:"3e90f469",467:"ae2f0e9e",496:"0cf4253c",498:"3f55dcd8",523:"1a7b70e9",548:"0638e820",614:"a2dca2a2",623:"e717cec2",627:"61844e6d",638:"86cc3fe3",705:"cefaceb1",736:"033e2b54",830:"5adfae6e",848:"51b2f0f0"}[e]+".chunk.js",r.miniCssF=e=>"static/css/"+e+"."+{198:"3decc914",627:"0cf79f30"}[e]+".chunk.css",r.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="@kne-components/form-info:";r.l=(n,a,o,l)=>{if(e[n])e[n].push(a);else{var i,d;if(void 0!==o)for(var s=document.getElementsByTagName("script"),c=0;c<s.length;c++){var u=s[c];if(u.getAttribute("src")==n||u.getAttribute("data-webpack")==t+o){i=u;break}}i||(d=!0,(i=document.createElement("script")).charset="utf-8",r.nc&&i.setAttribute("nonce",r.nc),i.setAttribute("data-webpack",t+o),i.src=n),e[n]=[a];var f=(t,r)=>{i.onerror=i.onload=null,clearTimeout(h);var a=e[n];if(delete e[n],i.parentNode&&i.parentNode.removeChild(i),a&&a.forEach(e=>e(r)),t)return t(r)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),d&&document.head.appendChild(i)}}})(),r.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{r.S={};var e={},t={};r.I=(n,a)=>{a||(a=[]);var o=t[n];if(o||(o=t[n]={}),!(a.indexOf(o)>=0)){if(a.push(o),e[n])return e[n];r.o(r.S,n)||(r.S[n]={});var l=r.S[n],i="@kne-components/form-info",d=(e,t,r,n)=>{var a=l[e]=l[e]||{},o=a[t];(!o||!o.loaded&&(!n!=!o.eager?n:i>o.from))&&(a[t]={get:r,from:i,eager:!!n})},s=[];if("default"===n)d("@kne/current-lib_form-info","0.1.2",()=>Promise.all([r.e(314),r.e(112),r.e(627),r.e(922),r.e(714),r.e(199),r.e(872),r.e(830)]).then(()=>()=>r(71830))),d("@kne/global-context","1.2.0",()=>Promise.all([r.e(922),r.e(638)]).then(()=>()=>r(39638))),d("@kne/react-fetch","1.5.5",()=>Promise.all([r.e(496),r.e(623),r.e(201),r.e(922)]).then(()=>()=>r(3201))),d("@kne/react-form-antd","4.0.3",()=>Promise.all([r.e(112),r.e(233),r.e(922),r.e(199),r.e(872),r.e(35)]).then(()=>()=>r(233))),d("@kne/react-form","3.1.2",()=>Promise.all([r.e(314),r.e(112),r.e(523),r.e(922),r.e(775)]).then(()=>()=>r(67523))),d("@kne/react-intl","0.1.9",()=>Promise.all([r.e(548),r.e(922),r.e(946)]).then(()=>()=>r(99548))),d("@kne/remote-loader","1.3.3",()=>Promise.all([r.e(496),r.e(922),r.e(467)]).then(()=>()=>r(31467))),d("@kne/use-event","0.1.5",()=>Promise.all([r.e(922),r.e(498)]).then(()=>()=>r(29498))),d("antd","5.29.1",()=>Promise.all([r.e(736),r.e(922),r.e(714),r.e(469)]).then(()=>()=>r(74736))),d("axios","1.13.2",()=>Promise.all([r.e(84),r.e(379)]).then(()=>()=>r(62084))),d("dayjs","1.11.19",()=>r.e(446).then(()=>()=>r(60446))),d("dayjs","1.11.19",()=>r.e(288).then(()=>()=>r(93288))),d("react-dom","18.3.1",()=>Promise.all([r.e(848),r.e(922)]).then(()=>()=>r(83848))),d("react-router-dom","6.30.2",()=>Promise.all([r.e(245),r.e(922),r.e(714)]).then(()=>()=>r(53245))),d("react","18.3.1",()=>r.e(614).then(()=>()=>r(98233)));return s.length?e[n]=Promise.all(s).then(()=>e[n]=1):e[n]=1}}})(),(()=>{var e;r.g.importScripts&&(e=r.g.location+"");var t=r.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var a=n.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=n[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r.p=e+"../../"})(),(()=>{var e=e=>{var t=e=>e.split(".").map(e=>+e==e?+e:e),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},t=(t,r)=>{t=e(t),r=e(r);for(var n=0;;){if(n>=t.length)return n<r.length&&"u"!=(typeof r[n])[0];var a=t[n],o=(typeof a)[0];if(n>=r.length)return"u"==o;var l=r[n],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&a!=l)return a<l;n++}},n=(e,t)=>e&&r.o(e,t),a=e=>(e.loaded=1,e.get()),o=e=>Object.keys(e).reduce((t,r)=>(e[r].eager&&(t[r]=e[r]),t),{}),l=(e,r,n)=>{var a=n?o(e[r]):e[r];return Object.keys(a).reduce((e,r)=>!e||!a[e].loaded&&t(e,r)?r:e,0)},i=e=>{throw new Error(e)},d=e=>function(t,n,a,o,l){var i=r.I(t);return i&&i.then&&!a?i.then(e.bind(e,t,r.S[t],n,!1,o,l)):e(t,r.S[t],n,a,o,l)},s=(e,t,r)=>r?r():((e,t)=>i("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),c=d((e,t,r,o,i)=>{if(!n(t,r))return s(e,r,i);var d=l(t,r,o);return a(t[r][d])}),u={},f={94922:()=>c("default","react",!1,()=>r.e(614).then(()=>()=>r(98233))),85714:()=>c("default","react-dom",!1,()=>r.e(848).then(()=>()=>r(83848))),55199:()=>c("default","antd",!1,()=>Promise.all([r.e(736),r.e(922),r.e(714),r.e(469)]).then(()=>()=>r(74736))),69788:()=>c("default","@kne/current-lib_form-info",!1,()=>Promise.all([r.e(314),r.e(112),r.e(627),r.e(922),r.e(714),r.e(872),r.e(830)]).then(()=>()=>r(71830))),13050:()=>c("default","@kne/remote-loader",!1,()=>Promise.all([r.e(496),r.e(705)]).then(()=>()=>r(31467))),87558:()=>c("default","@kne/react-fetch",!1,()=>Promise.all([r.e(496),r.e(201)]).then(()=>()=>r(3201))),89946:()=>c("default","axios",!1,()=>r.e(84).then(()=>()=>r(62084))),94679:()=>c("default","react-router-dom",!1,()=>r.e(245).then(()=>()=>r(53245))),78198:()=>c("default","@kne/react-form",!1,()=>Promise.all([r.e(314),r.e(523),r.e(775)]).then(()=>()=>r(67523))),80263:()=>c("default","dayjs",!1,()=>r.e(288).then(()=>()=>r(93288))),20274:()=>c("default","@kne/react-intl",!1,()=>Promise.all([r.e(548),r.e(946)]).then(()=>()=>r(99548))),87832:()=>c("default","@kne/react-form-antd",!1,()=>r.e(233).then(()=>()=>r(233))),20775:()=>c("default","@kne/use-event",!1,()=>r.e(117).then(()=>()=>r(29498))),74946:()=>c("default","@kne/global-context",!1,()=>r.e(257).then(()=>()=>r(39638))),57469:()=>c("default","dayjs",!1,()=>r.e(446).then(()=>()=>r(60446)))},h={198:[13050,87558,89946,94679],199:[55199],469:[57469],714:[85714],775:[20775],788:[69788],830:[20274,87832],872:[78198,80263],922:[94922],946:[74946]},m={};r.f.consumes=(e,t)=>{r.o(h,e)&&h[e].forEach(e=>{if(r.o(u,e))return t.push(u[e]);if(!m[e]){var n=t=>{u[e]=0,r.m[e]=n=>{delete r.c[e],n.exports=t()}};m[e]=!0;var a=t=>{delete u[e],r.m[e]=n=>{throw delete r.c[e],t}};try{var o=f[e]();o.then?t.push(u[e]=o.then(n).catch(a)):n(o)}catch(l){a(l)}}})}})(),(()=>{if("undefined"!==typeof document){var e=e=>new Promise((t,n)=>{var a=r.miniCssF(e),o=r.p+a;if(((e,t)=>{for(var r=document.getElementsByTagName("link"),n=0;n<r.length;n++){var a=(l=r[n]).getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(a===e||a===t))return l}var o=document.getElementsByTagName("style");for(n=0;n<o.length;n++){var l;if((a=(l=o[n]).getAttribute("data-href"))===e||a===t)return l}})(a,o))return t();((e,t,n,a,o)=>{var l=document.createElement("link");l.rel="stylesheet",l.type="text/css",r.nc&&(l.nonce=r.nc),l.onerror=l.onload=r=>{if(l.onerror=l.onload=null,"load"===r.type)a();else{var n=r&&r.type,i=r&&r.target&&r.target.href||t,d=new Error("Loading CSS chunk "+e+" failed.\n("+n+": "+i+")");d.name="ChunkLoadError",d.code="CSS_CHUNK_LOAD_FAILED",d.type=n,d.request=i,l.parentNode&&l.parentNode.removeChild(l),o(d)}},l.href=t,n?n.parentNode.insertBefore(l,n.nextSibling):document.head.appendChild(l)})(e,o,null,t,n)}),t={792:0};r.f.miniCss=(r,n)=>{t[r]?n.push(t[r]):0!==t[r]&&{198:1,627:1}[r]&&n.push(t[r]=e(r).then(()=>{t[r]=0},e=>{throw delete t[r],e}))}}})(),(()=>{var e={792:0};r.f.j=(t,n)=>{var a=r.o(e,t)?e[t]:void 0;if(0!==a)if(a)n.push(a[2]);else if(/^(7(14|75|88)|199|469|872|922|946)$/.test(t))e[t]=0;else{var o=new Promise((r,n)=>a=e[t]=[r,n]);n.push(a[2]=o);var l=r.p+r.u(t),i=new Error;r.l(l,n=>{if(r.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=n&&("load"===n.type?"missing":n.type),l=n&&n.target&&n.target.src;i.message="Loading chunk "+t+" failed.\n("+o+": "+l+")",i.name="ChunkLoadError",i.type=o,i.request=l,a[1](i)}},"chunk-"+t,t)}};var t=(t,n)=>{var a,o,[l,i,d]=n,s=0;if(l.some(t=>0!==e[t])){for(a in i)r.o(i,a)&&(r.m[a]=i[a]);if(d)d(r)}for(t&&t(n);s<l.length;s++)o=l[s],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0},n=self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();r(72812)})();
2
+ //# sourceMappingURL=main.4efea1b7.js.map