@kne-components/form-info 0.1.0-alpha.2 → 0.1.0

package/build/static/js/268.8e22da7e.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[]).push([[268],{30268:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a,manifest:()=>r});var l=t(69788),o=t(55199);const a={FormInfo:{name:"form-info",summary:'<h1>form-info</h1>\n<h3>\u63cf\u8ff0</h3>\n<p>\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6</p>\n<h3>\u5b89\u88c5</h3>\n<pre><code class="language-shell">npm i --save @kne/form-info\n</code></pre>',description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info",api:"<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></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"form_info_8aabc",style:"",list:[{title:"Form",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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">\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:l},{name:"antd",packageName:"antd",component:o}]},{title:"FormModal",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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:l},{name:"antd",packageName:"antd",component:o}]},{title:"FormSteps",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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 direction="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:l},{name:"antd",packageName:"antd",component:o}]},{title:"FormStepsModal",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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        <Button onClick={() => {\n            onOpenChange(true);\n        }}>\u6253\u5f00StepsForm\u5f39\u7a97</Button>\n        <FormStepsModal modalProps={{open, title: \'\u591a\u6b65\u9aa4\u8868\u5355\', onCancel: () => onOpenChange(false)}} items={[{\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"/>,\n                <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\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"/>,\n                <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n        }]}/>\n    </>;\n\n    return <Flex vertical>\n        <FormSteps/>\n    </Flex>\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:l},{name:"antd",packageName:"antd",component:o}]}]}}},r={name:"form-info",version:"0.1.0-alpha.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"}]}}}]);
-//# sourceMappingURL=268.8e22da7e.chunk.js.map

package/build/static/js/268.8e22da7e.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/268.8e22da7e.chunk.js","mappings":"6MAMA,MCNuD,GAAgBA,SDMlD,CACjBC,KAAM,YACNC,QAAS,4OAMTC,YAAa,qFACbC,YAAa,iBACbC,IAAK,wOAkBLC,QAAS,CACLC,QAAQ,EACRC,UAAW,kBACXC,MAAO,GACPC,KAAM,CAAC,CACXC,MAAO,OACPR,YAAa,mDACbS,KAAM,uvEAkCNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,YACPR,YAAa,mDACbS,KAAM,kkCA0BNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,YACPR,YAAa,mDACbS,KAAM,4iFAmDNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,KAEb,CACEH,MAAO,iBACPR,YAAa,mDACbS,KAAM,k/CAuCNC,MAAO,CAAC,CACRZ,KAAM,YACNG,YAAa,6BACbU,UAAW,GACb,CACEb,KAAM,OACNG,YAAa,OACbU,UAAW,SCzOFC,EAAW,CAAC,KAAO,YAAY,QAAU,gBAAgB,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: `<h1>form-info</h1>\n<h3>描述</h3>\n<p>构建一个更加美观的form表单组件</p>\n<h3>安装</h3>\n<pre><code class=\"language-shell\">npm i --save @kne/form-info\n</code></pre>`,\n    description: `构建一个更加美观的form表单组件`,\n    packageName: `@kne/form-info`,\n    api: `<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></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>`,\n    example: {\n        isFull: true,\n        className: `form_info_8aabc`,\n        style: ``,\n        list: [{\n    title: `Form`,\n    description: `这里填写示例说明`,\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\">\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: `FormModal`,\n    description: `这里填写示例说明`,\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: `FormSteps`,\n    description: `这里填写示例说明`,\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 direction=\"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: `FormStepsModal`,\n    description: `这里填写示例说明`,\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        <Button onClick={() => {\n            onOpenChange(true);\n        }}>打开StepsForm弹窗</Button>\n        <FormStepsModal modalProps={{open, title: '多步骤表单', onCancel: () => onOpenChange(false)}} items={[{\n            title: '表单1',\n            formProps: {\n                data: {\n                    phone: '10929299202'\n                }\n            },\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        }, {\n            title: '表单2',\n            formProps: {\n                data: {\n                    phone: '11939388383'\n                }\n            },\n            children: <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n                <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>]}/>\n        }]}/>\n    </>;\n\n    return <Flex vertical>\n        <FormSteps/>\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    }\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.0-alpha.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"],"sourceRoot":""}

package/build/static/js/414.afa4ac79.chunk.js

@@ -1,2 +0,0 @@
-(self.webpackChunk_kne_components_form_info=self.webpackChunk_kne_components_form_info||[]).push([[414],{25764:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=25764,e.exports=n},69666:(e,n,t)=>{"use strict";t.d(n,{A:()=>a});var o=t(69788),l=t(55199);t(72241);const a={name:"form-info",summary:'<h1>form-info</h1>\n<h3>\u63cf\u8ff0</h3>\n<p>\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6</p>\n<h3>\u5b89\u88c5</h3>\n<pre><code class="language-shell">npm i --save @kne/form-info\n</code></pre>',description:"\u6784\u5efa\u4e00\u4e2a\u66f4\u52a0\u7f8e\u89c2\u7684form\u8868\u5355\u7ec4\u4ef6",packageName:"@kne/form-info",api:"<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></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>",example:{isFull:!0,className:"form_info_8aabc",style:"",list:[{title:"Form",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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">\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:o},{name:"antd",packageName:"antd",component:l}]},{title:"FormModal",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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:o},{name:"antd",packageName:"antd",component:l}]},{title:"FormSteps",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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 direction="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:o},{name:"antd",packageName:"antd",component:l}]},{title:"FormStepsModal",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",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        <Button onClick={() => {\n            onOpenChange(true);\n        }}>\u6253\u5f00StepsForm\u5f39\u7a97</Button>\n        <FormStepsModal modalProps={{open, title: \'\u591a\u6b65\u9aa4\u8868\u5355\', onCancel: () => onOpenChange(false)}} items={[{\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"/>,\n                <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\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"/>,\n                <Input name="phone" label="\u7535\u8bdd" rule="REQ TEL"/>, <TextArea name="description" label="\u63cf\u8ff0" block/>]}/>\n        }]}/>\n    </>;\n\n    return <Flex vertical>\n        <FormSteps/>\n    </Flex>\n};\n\nrender(<BaseExample/>);\n\n',scope:[{name:"_FormInfo",packageName:"@kne/current-lib_form-info",component:o},{name:"antd",packageName:"antd",component:l}]}]}}},11448:(e,n,t)=>{"use strict";var o=t(94922),l=t.n(o),a=t(87558),r=t(55199),i=t(89946),m=t.n(i),s=t(13050),u=t(1488),p=t.n(u),c=t(89261);window.PUBLIC_URL="/form-info";const d={remote:"components-core",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.10"};(0,s.preset)({remotes:{default:d,"components-core":d,"components-iconfont":{remote:"components-iconfont",url:"https://registry.npmmirror.com",tpl:"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build",defaultVersion:"0.1.3"}}});const f=(()=>{const e=m().create({validateStatus:function(){return!0}});return n=>n.hasOwnProperty("loader")&&"function"===typeof n.loader?Promise.resolve(n.loader(p()(n,["loader"]))).then((e=>({data:{code:0,data:e}}))).catch((e=>(r.message.error(e.message||"\u8bf7\u6c42\u53d1\u751f\u9519\u8bef"),{data:{code:500,msg:e.message}}))):e(n)})();(0,a.preset)({ajax:f,loading:(0,c.jsx)(r.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,c.jsx)(r.Empty,{}),transformResponse:e=>{const{data:n}=e;return e.data={code:0===n.code?200:n.code,msg:n.msg,results:n.data},e}});var b=t(65457),x=t(94679),h=t(14152),F=t.n(h),I=(t(91296),t(46446));const E=F().ExampleRoutes,k=e=>{let{preset:n,themeToken:t,...o}=e;return(0,c.jsx)(x.HashRouter,{children:(0,c.jsx)(E,{...o,paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:n,themeToken:t,readme:I.default,pageProps:{menu:null}})})};b.createRoot(document.getElementById("root")).render((0,c.jsx)(l().StrictMode,{children:(0,c.jsx)(k,{preset:{ajax:f},themeToken:{colorPrimary:"#4F185A"}})}))},72241:()=>{}}]);
-//# sourceMappingURL=414.afa4ac79.chunk.js.map

package/build/static/js/414.afa4ac79.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/414.afa4ac79.chunk.js","mappings":"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","sources":["../node_modules/@babel/standalone|sync","../../README.md","preset.js","App.js","bootstrap.js"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = () => ([]);\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 25764;\nmodule.exports = webpackEmptyContext;","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: `<h1>form-info</h1>\n<h3>描述</h3>\n<p>构建一个更加美观的form表单组件</p>\n<h3>安装</h3>\n<pre><code class=\"language-shell\">npm i --save @kne/form-info\n</code></pre>`,\n    description: `构建一个更加美观的form表单组件`,\n    packageName: `@kne/form-info`,\n    api: `<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></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>`,\n    example: {\n        isFull: true,\n        className: `form_info_8aabc`,\n        style: ``,\n        list: [{\n    title: `Form`,\n    description: `这里填写示例说明`,\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\">\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: `FormModal`,\n    description: `这里填写示例说明`,\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: `FormSteps`,\n    description: `这里填写示例说明`,\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 direction=\"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: `FormStepsModal`,\n    description: `这里填写示例说明`,\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        <Button onClick={() => {\n            onOpenChange(true);\n        }}>打开StepsForm弹窗</Button>\n        <FormStepsModal modalProps={{open, title: '多步骤表单', onCancel: () => onOpenChange(false)}} items={[{\n            title: '表单1',\n            formProps: {\n                data: {\n                    phone: '10929299202'\n                }\n            },\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        }, {\n            title: '表单2',\n            formProps: {\n                data: {\n                    phone: '11939388383'\n                }\n            },\n            children: <List title=\"工作经历\" list={[<Input name=\"name\" label=\"姓名\" rule=\"REQ\"/>,\n                <Input name=\"phone\" label=\"电话\" rule=\"REQ TEL\"/>, <TextArea name=\"description\" label=\"描述\" block/>]}/>\n        }]}/>\n    </>;\n\n    return <Flex vertical>\n        <FormSteps/>\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    }\n};\nexport default readmeConfig;\n","import React from 'react';\nimport {preset as fetchPreset} from '@kne/react-fetch';\nimport {Spin, Empty, message} from 'antd';\nimport axios from 'axios';\nimport {preset as remoteLoaderPreset} from '@kne/remote-loader';\nimport omit from 'lodash/omit';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\nconst componentsCoreRemote = {\n    remote: \"components-core\",\n    url: \"https://registry.npmmirror.com\",\n    tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n    defaultVersion: '0.1.10',\n};\n\nremoteLoaderPreset({\n    remotes: {\n        default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n            remote: \"components-iconfont\",\n            url: \"https://registry.npmmirror.com\",\n            tpl: \"{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build\",\n            defaultVersion: '0.1.3',\n        }\n    }\n});\n\nexport const ajax = (() => {\n    const instance = axios.create({\n        validateStatus: function () {\n            return true;\n        }\n    });\n\n    return (params) => {\n        if (params.hasOwnProperty('loader') && typeof params.loader === 'function') {\n            return Promise.resolve(params.loader(omit(params, ['loader']))).then((data) => ({\n                data: {\n                    code: 0, data\n                }\n            })).catch((err) => {\n                message.error(err.message || '请求发生错误');\n                return {data: {code: 500, msg: err.message}};\n            });\n        }\n        return instance(params);\n    };\n})();\n\n\nfetchPreset({\n    ajax,\n    loading: <Spin delay={500}\n                   style={{position: 'absolute', left: '50%', padding: '10px', transform: 'translateX(-50%)'}}/>,\n    error: null,\n    empty: <Empty/>,\n    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","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ preset, themeToken, ...props }) => {\n  return (\n      <HashRouter>\n        <ExampleRoutes\n            {...props}\n            paths={[\n              {\n                key: \"components\",\n                path: \"/\",\n                title: \"首页\",\n              },\n            ]}\n            preset={preset}\n            themeToken={themeToken}\n            readme={readme}\n            pageProps={{ menu: null }}\n        />\n      </HashRouter>\n  );\n};\n\nexport default App;\n","import { ajax } 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 themeToken = {\n  colorPrimary: \"#4F185A\",\n};\n\nroot.render(\n    <React.StrictMode>\n      <App preset={{ ajax }} themeToken={themeToken} />\n    </React.StrictMode>\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","name","summary","description","packageName","api","example","isFull","className","style","list","title","scope","component","window","PUBLIC_URL","process","componentsCoreRemote","remote","url","tpl","defaultVersion","remoteLoaderPreset","remotes","default","ajax","instance","axios","validateStatus","params","hasOwnProperty","loader","Promise","omit","then","data","catch","err","message","error","msg","fetchPreset","loading","_jsx","Spin","delay","position","left","padding","transform","empty","Empty","transformResponse","response","results","ExampleRoutes","createEntry","_ref","preset","themeToken","props","HashRouter","children","paths","key","path","readme","pageProps","menu","ReactDOM","document","getElementById","render","React","App","colorPrimary"],"sourceRoot":""}