npm - @uiw/doc - Versions diffs - 5.0.0-bate-0 → 5.0.0-bate-1 - Mend

@uiw/doc 5.0.0-bate-0 → 5.0.0-bate-1

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 (328) hide show

package/web/static/js/7499.917d3c0e.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/7499.917d3c0e.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?afd9","components/Markdown/index.tsx","components/useMdData/index.ts","routes/components/card/index.tsx"],"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 = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 4934;\nmodule.exports = webpackEmptyContext;","import CodePreviewLayout, { CodeLayoutProps } from 'react-code-preview-layout';\nimport Codepen from '@uiw/react-codepen';\nimport Codesandbox from '@uiw/react-codesandbox';\nimport React, { Fragment, useRef } from 'react';\n\nexport interface CodesProps extends CodeLayoutProps {\n version: string;\n codePen?: boolean | string;\n codeSandbox?: boolean | string;\n noCode?: boolean;\n}\n\nconst getCodePenJs = (js: string, includeModule: string[]) => {\n let include = (includeModule || []).join('|');\n let resultJs = js.replace(/import([\\s\\S]*?)(?=['\"])['\"].*['\"]( *;|;)?/gm, (str) => {\n // eslint-disable-next-line no-useless-escape\n if (include && new RegExp(`from\\\\s+['\"](${include})['\"](\\s.+)?;?`).test(str)) {\n return str;\n }\n return `/** ${str} **/`;\n });\n return resultJs;\n};\n\nexport default function Code({ version, codePen, codeSandbox, ...other }: CodesProps) {\n const props: Omit<CodeLayoutProps, 'ref'> = { ...other };\n const $dom = useRef<HTMLDivElement>(null);\n\n // useLayoutEffect(() => {\n // if ($dom.current) {\n // const parentElement = $dom.current.parentElement;\n // if (parentElement && parentElement.parentElement) {\n // parentElement.parentElement.replaceChild($dom.current, parentElement);\n // }\n // }\n // }, [$dom]);\n let toolbarExtra: React.ReactNode[] = [];\n if (codePen) {\n const codePenOptions = {\n title: `uiw${version} - demo`,\n js: `${getCodePenJs(props.text || '', ['uiw']).replace(\n 'export default',\n 'const APP_Default = ',\n )}\\nReactDOM.createRoot(document.getElementById(\"container\")).render(<APP_Default />)`,\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@18.x/umd/react.development.js;https://unpkg.com/react-dom@18.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n toolbarExtra.push(\n <Codepen key=\"Codepen\" {...codePenOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M123.428571 668l344.571429 229.714286v-205.142857L277.142857 565.142857z m-35.428571-82.285714l110.285714-73.714286-110.285714-73.714286v147.428572z m468 312l344.571429-229.714286-153.714286-102.857143-190.857143 127.428572v205.142857z m-44-281.714286l155.428571-104-155.428571-104-155.428571 104zM277.142857 458.857143l190.857143-127.428572V126.285714L123.428571 356z m548.571429 53.142857l110.285714 73.714286V438.285714z m-78.857143-53.142857l153.714286-102.857143-344.571429-229.714286v205.142857z m277.142857-102.857143v312q0 23.428571-19.428571 36.571429l-468 312q-12 7.428571-24.571429 7.428571t-24.571429-7.428571L19.428571 704.571429q-19.428571-13.142857-19.428571-36.571429V356q0-23.428571 19.428571-36.571429L487.428571 7.428571q12-7.428571 24.571429-7.428571t24.571429 7.428571l468 312q19.428571 13.142857 19.428571 36.571429z\"\n p-id=\"2071\"\n ></path>\n </svg>\n </Codepen>,\n );\n }\n if (codeSandbox) {\n const codeSandboxOptions = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/app.js': {\n content: props.text,\n },\n 'src/index.js': {\n content: `import React from \"react\";\\nimport ReactClient from \"react-dom/client\";\\nimport App from \"./app\";\\nReactClient.createRoot(document.getElementById(\"container\")).render(<App />);`,\n },\n // 'src/index.js': {\n // content: (props.copyNodes || '').replace('_mount_', 'document.getElementById(\"container\")'),\n // },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '18.1.0',\n 'react-dom': '18.1.0',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n toolbarExtra.push(\n <Codesandbox key=\"Codesandbox\" {...codeSandboxOptions}>\n <svg style={{ fill: 'currentcolor' }} viewBox=\"0 0 1024 1024\" width=\"18\" height=\"18\">\n <path\n d=\"M85.333333 256l446.08-256L977.493333 256 981.333333 765.866667 531.413333 1024 85.333333 768V256z m89.088 105.856v202.965333l142.72 79.36v150.016l169.472 97.962667v-352.938667L174.421333 361.856z m714.197334 0l-312.192 177.365333v352.938667l169.472-97.962667V644.266667l142.72-79.402667V361.813333zM219.050667 281.642667l311.594666 176.810666 312.32-178.346666-165.162666-93.738667-145.493334 82.986667-146.346666-83.968L219.008 281.6z\"\n p-id=\"4089\"\n ></path>\n </svg>\n </Codesandbox>,\n );\n }\n return <CodePreviewLayout {...props} ref={$dom} toolbarExtra={<Fragment>{toolbarExtra}</Fragment>} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\nimport { useTranslation } from 'react-i18next';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const { t: trans } = useTranslation();\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n\n return (\n <Fragment>\n {trans('footer.greeting')}\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.greetLinkText')}\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n {trans('footer.issues')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n {trans('footer.bug')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n {trans('footer.github')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n {trans('footer.kkt')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n {trans('footer.kkt_ssr')}\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n {trans('footer.io')}\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\nimport useMdData from './../useMdData';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { Loader } from 'uiw';\nimport { getMetaId, isMeta, getURLParameters } from 'markdown-react-code-preview-loader';\nimport './index.css';\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: (lang?: string) => Promise<CodeBlockData>;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, path } = props;\n const { mdData, loading } = useMdData(renderPage);\n const version = pkg.version || '2.0.0';\n if (!mdData.source) {\n return null;\n }\n\n return (\n <div>\n <Loader style={{ width: '100%' }} loading={loading} tip=\"loading...\">\n <div>\n <MarkdownPreview\n source={mdData.source}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const {\n 'data-meta': meta,\n noPreview,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandboxOption,\n codeSandbox,\n bordered,\n ...rest\n } = props as any;\n if (inline || !isMeta(meta)) {\n return <code {...rest} />;\n }\n const line = node.position?.start.line;\n const metaId = getMetaId(meta) || String(line);\n const Child = mdData.components[`${metaId}`];\n const parameters = getURLParameters(meta);\n if (metaId && typeof Child === 'function') {\n const copyNodes = mdData.data[metaId].value || '';\n return (\n <Code\n toolbar={parameters.title || '示例展示'}\n disableToolbar={noCode}\n codePen={parameters.codePen}\n codeSandbox={parameters.codeSandbox}\n disableCheckered={!!parameters.disableCheckered}\n background={parameters.background}\n version={version}\n code={\n <pre>\n <code {...rest} />\n </pre>\n }\n text={copyNodes}\n >\n <Child />\n </Code>\n );\n }\n return <code {...rest} />;\n },\n }}\n />\n </div>\n </Loader>\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import { useEffect, useState } from 'react';\nimport { CodeBlockData } from 'markdown-react-code-preview-loader';\nimport { useTranslation } from 'react-i18next';\nimport { DefLan } from 'react-i18next-config';\n\nexport const useFileSuffix = () => {\n const { i18n } = useTranslation();\n const fileSuffix = i18n.language === DefLan ? '' : '.' + i18n.language;\n return fileSuffix;\n};\n\nconst useMdData = (renderPage?: (lang?: string) => Promise<CodeBlockData>) => {\n const [mdData, setMdData] = useState<CodeBlockData>({\n source: '',\n components: {},\n data: {},\n });\n const fileSuffix = useFileSuffix();\n const [loading, setLoading] = useState(false);\n useEffect(() => {\n const getMd = async () => {\n if (renderPage) {\n setLoading(() => true);\n try {\n const result = await renderPage(fileSuffix);\n if (result) {\n setMdData(result);\n }\n } catch (err) {\n console.warn(err);\n }\n setLoading(() => false);\n }\n };\n getMd();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [fileSuffix]);\n return { mdData, loading };\n};\n\nexport default useMdData;\n","import React from 'react';\nimport { Card, Icon } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-card/README.md\"\n dependencies={{ Card, Icon }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-card/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","getCodePenJs","js","includeModule","include","join","replace","str","RegExp","test","Code","version","codePen","codeSandbox","other","props","$dom","useRef","toolbarExtra","codePenOptions","title","text","html","css_external","js_external","push","style","fill","viewBox","width","height","d","codeSandboxOptions","files","content","name","description","dependencies","react","uiw","devDependencies","kkt","license","scripts","start","build","browserslist","ref","Fragment","path","useTranslation","trans","t","url","href","target","rel","Divider","type","CreatePage","renderPage","useMdData","mdData","loading","pkg","source","Loader","tip","className","styles","components","inline","node","meta","noCode","noPreview","noScroll","bgWhite","rest","codeSandboxOption","bordered","isMeta","line","position","metaId","getMetaId","String","Child","parameters","getURLParameters","copyNodes","data","value","toolbar","disableToolbar","disableCheckered","background","Footer","useFileSuffix","i18n","language","DefLan","useState","setMdData","fileSuffix","setLoading","useEffect","getMd","result","console","warn","Page","Card","Icon","md","default"],"sourceRoot":""}

package/web/static/js/7541.bcbec42c.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[7541],{7541:function(n,t,o){o.r(t),t.default={components:{},data:{},source:"Portal \u5165\u53e3\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-portal/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-portal.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-portal)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-portal.svg?label=@uiw/react-portal)](https://npmjs.com/@uiw/react-portal)\n\n[`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals) \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728 DOM \u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\u3002 \n\n```jsx\nimport { Portal } from 'uiw';\n// or\nimport Portal from '@uiw/react-portal';\n```\n\n### \u57fa\u672c\u4f7f\u7528\n\n```jsx\nimport { Portal } from 'uiw';\n\n<Portal>\n \u6b64\u6587\u672c\u5728 document.body \u7684\u672b\u5c3e\u4f20\u9001\uff01\n</Portal>\n<Portal node={document && document.getElementById('dom-id')}>\n \u6b64\u6587\u672c\u5728\u663e\u793a\u5728 dom-id \u7684 dom \u5bf9\u8c61\u4e2d \n</Portal>\n\n```\n\n\u5207\u6362\u4e0d\u540c\u7684 `<Portal />`\n\n```jsx\n{isVisiable && <Portal>\u5207\u6362\u4e0d\u540c\u7684 Portal</Portal>}\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| container \| \u6307\u5b9a\u5bb9\u5668\u8282\u70b9\u751f\u6210\uff0c\u670d\u52a1\u7aef\u6e32\u67d3\u9ed8\u8ba4\u4e3a `null` \| any \| `document.body` \|\n\| ~~visible~~ \| ~~\u5f53\u503c\u4e3a `true` \u7684\u65f6\u5019\u624d\u4f1a\u521b\u5efa `createPortal`\uff0c\u53ef\u907f\u514d\u521d\u59cb\u5316\u521b\u5efa\u591a\u4f59\u7684 `dom` \u8282\u70b9\u6302\u8f7d~~ `@v4.9.0+`\x3c!--rehype:style=color:red--\x3e \u4e4b\u540e\u79fb\u9664\u4e86 \| boolean \| - \|\n\| ~~onChildrenMount~~ \| ~~\u6e32\u67d3\u540e\u7684\u56de\u8c03\u51fd\u6570~~ `@v4.9.0+`\x3c!--rehype:style=color:red--\x3e \u4e4b\u540e\u79fb\u9664\u4e86 \| () => void \| - \|"}}}]);
2	+ //# sourceMappingURL=7541.bcbec42c.chunk.js.map

package/web/static/js/7541.bcbec42c.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/7541.bcbec42c.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAG,EACfC,KAAM,CAAC,EACPC,OAAQ,+qE","sources":["../../packages/react-portal/README.md"],"sourcesContent":["\nexport default {\n components: { },\n data: {},\n source: \"Portal 入口\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-portal/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-portal.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-portal)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-portal.svg?label=@uiw/react-portal)](https://npmjs.com/@uiw/react-portal)\\n\\n[`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals) 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在 DOM 树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面。 \\n\\n```jsx\\nimport { Portal } from 'uiw';\\n// or\\nimport Portal from '@uiw/react-portal';\\n```\\n\\n### 基本使用\\n\\n```jsx\\nimport { Portal } from 'uiw';\\n\\n<Portal>\\n 此文本在 document.body 的末尾传送！\\n</Portal>\\n<Portal node={document && document.getElementById('dom-id')}>\\n 此文本在显示在 dom-id 的 dom 对象中 \\n</Portal>\\n\\n```\\n\\n切换不同的 `<Portal />`\\n\\n```jsx\\n{isVisiable && <Portal>切换不同的 Portal</Portal>}\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| container | 指定容器节点生成，服务端渲染默认为 `null` | any | `document.body` |\\n| ~~visible~~ | ~~当值为 `true` 的时候才会创建 `createPortal`，可避免初始化创建多余的 `dom` 节点挂载~~ `@v4.9.0+` 之后移除了 | boolean | - |\\n| ~~onChildrenMount~~ | ~~渲染后的回调函数~~ `@v4.9.0+` 之后移除了 | () => void | - |\"\n }"],"names":["components","data","source"],"sourceRoot":""}

package/web/static/js/7615.21fb16c2.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[7615],{7615:function(e,t,n){n.r(t),t.default={components:{34:function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}var t=o(n(8133)),r=(o(n(9756)),function(t,n){if(!n&&t&&t.__esModule)return t;if(null===t\|\|"object"!==e(t)&&"function"!==typeof t)return{default:t};var r=a(n);if(r&&r.has(t))return r.get(t);var o={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in t)if("default"!==u&&Object.prototype.hasOwnProperty.call(t,u)){var i=l?Object.getOwnPropertyDescriptor(t,u):null;i&&(i.get\|\|i.set)?Object.defineProperty(o,u,i):o[u]=t[u]}o.default=t,r&&r.set(t,o);return o}(n(8648)));function a(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function o(e){return e&&e.__esModule?e:{default:e}}function l(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,a,o=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t\|\|o.length!==t);l=!0);}catch(i){u=!0,a=i}finally{try{l\|\|null==n.return\|\|n.return()}finally{if(u)throw a}}return o}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return u(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var i=r.default.Header,c=r.default.Footer,s=r.default.Sider,y=r.default.Content,d={color:"#fff"},f={background:"#484a4e",color:"#fff",display:"flex",justifyContent:"center",alignItems:"center"},_={background:"#108ee9",minHeight:120,display:"flex",justifyContent:"center",alignItems:"center",color:"#fff"};return function(){var e=l(t.default.useState(!1),2);return e[0],e[1],t.default.createElement("div",null,t.default.createElement(r.default,{style:{marginBottom:20}},t.default.createElement(i,{style:d},"Header"),t.default.createElement(r.default,null,t.default.createElement(s,{style:f},"Sider"),t.default.createElement(y,{style:_},"Content")),t.default.createElement(c,null,"Footer")),t.default.createElement(r.default,null,t.default.createElement(i,{style:d},"Header"),t.default.createElement(r.default,null,t.default.createElement(y,{style:_},"Content"),t.default.createElement(s,{style:f},"Sider")),t.default.createElement(c,null,"Footer")),t.default.createElement(r.default,null,t.default.createElement(r.LayoutHeader,{style:d},"Header"),t.default.createElement(r.default,null,t.default.createElement(r.LayoutContent,{style:_},"Content"),t.default.createElement(r.LayoutSider,{style:f},"Sider")),t.default.createElement(r.LayoutFooter,null,"Footer")))}}(),83:function(){var e=r(n(8133)),t=(r(n(9756)),r(n(8648)));function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,a,o=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t\|\|o.length!==t);l=!0);}catch(i){u=!0,a=i}finally{try{l\|\|null==n.return\|\|n.return()}finally{if(u)throw a}}return o}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var l=t.default.Header,u=t.default.Footer,i=(t.default.Sider,t.default.Content),c={color:"#fff"},s={background:"#108ee9",minHeight:120,display:"flex",justifyContent:"center",alignItems:"center",color:"#fff"};return function(){var n=a(e.default.useState(!1),2);return n[0],n[1],e.default.createElement(t.default,{style:{marginBottom:20}},e.default.createElement(l,{style:c},"Header"),e.default.createElement(i,{style:s},"Content"),e.default.createElement(u,null,"Footer"))}}(),108:function(){var e=r(n(8133)),t=(r(n(9756)),r(n(8648)));function r(e){return e&&e.__esModule?e:{default:e}}function a(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,a,o=[],l=!0,u=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(o.push(r.value),!t\|\|o.length!==t);l=!0);}catch(i){u=!0,a=i}finally{try{l\|\|null==n.return\|\|n.return()}finally{if(u)throw a}}return o}(e,t)\|\|function(e,t){if(!e)return;if("string"===typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var l=t.default.Header,u=t.default.Footer,i=t.default.Sider,c=t.default.Content,s={color:"#fff"},y={background:"#484a4e",color:"#fff",display:"flex",justifyContent:"center",alignItems:"center"},d={background:"#108ee9",minHeight:120,display:"flex",justifyContent:"center",alignItems:"center",color:"#fff"};return function(){var n=a(e.default.useState(!1),2),r=n[0],o=n[1];return e.default.createElement(t.default,{style:{marginBottom:20}},e.default.createElement(i,{collapsed:r,style:y},"Sider"),e.default.createElement(t.default,null,e.default.createElement(l,{style:s},e.default.createElement("button",{onClick:function(){return o(!r)}},r?">>":"<<")),e.default.createElement(c,{style:d},"Content"),e.default.createElement(u,null,"Footer")))}}()},data:{34:{name:34,meta:{},code:'"use strict";\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _reactDom = _interopRequireDefault(require("react-dom"));\n\nvar _reactLayout = _interopRequireWildcard(require("@uiw/react-layout"));\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Header = _reactLayout["default"].Header,\n Footer = _reactLayout["default"].Footer,\n Sider = _reactLayout["default"].Sider,\n Content = _reactLayout["default"].Content;\nvar stylHeader = {\n color: \'#fff\'\n};\nvar stylSider = {\n background: \'#484a4e\',\n color: \'#fff\',\n display: \'flex\',\n justifyContent: \'center\',\n alignItems: \'center\'\n};\nvar stylConten = {\n background: \'#108ee9\',\n minHeight: 120,\n display: \'flex\',\n justifyContent: \'center\',\n alignItems: \'center\',\n color: \'#fff\'\n};\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n collapsed = _React$useState2[0],\n setCollapsed = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_reactLayout["default"], {\n style: {\n marginBottom: 20\n }\n }, /#__PURE__/_react["default"].createElement(Header, {\n style: stylHeader\n }, "Header"), /#__PURE__/_react["default"].createElement(_reactLayout["default"], null, /#__PURE__/_react["default"].createElement(Sider, {\n style: stylSider\n }, "Sider"), /#__PURE__/_react["default"].createElement(Content, {\n style: stylConten\n }, "Content")), /#__PURE__/_react["default"].createElement(Footer, null, "Footer")), /#__PURE__/_react["default"].createElement(_reactLayout["default"], null, /#__PURE__/_react["default"].createElement(Header, {\n style: stylHeader\n }, "Header"), /#__PURE__/_react["default"].createElement(_reactLayout["default"], null, /#__PURE__/_react["default"].createElement(Content, {\n style: stylConten\n }, "Content"), /#__PURE__/_react["default"].createElement(Sider, {\n style: stylSider\n }, "Sider")), /#__PURE__/_react["default"].createElement(Footer, null, "Footer")), /#__PURE__/_react["default"].createElement(_reactLayout["default"], null, /#__PURE__/_react["default"].createElement(_reactLayout.LayoutHeader, {\n style: stylHeader\n }, "Header"), /#__PURE__/_react["default"].createElement(_reactLayout["default"], null, /#__PURE__/_react["default"].createElement(_reactLayout.LayoutContent, {\n style: stylConten\n }, "Content"), /#__PURE__/_react["default"].createElement(_reactLayout.LayoutSider, {\n style: stylSider\n }, "Sider")), /#__PURE__/_react["default"].createElement(_reactLayout.LayoutFooter, null, "Footer")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n\nconst stylHeader = { color: '#fff' }\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\n\nfunction Demo() {\n const [collapsed, setCollapsed] = React.useState(false)\n return (\n <div>\n <Layout style={{ marginBottom: 20 }}>\n <Header style={stylHeader}>Header</Header>\n <Layout>\n <Sider style={stylSider}>Sider</Sider>\n <Content style={stylConten}>Content</Content>\n </Layout>\n <Footer>Footer</Footer>\n </Layout>\n\n <Layout>\n <Header style={stylHeader}>Header</Header>\n <Layout>\n <Content style={stylConten}>Content</Content>\n <Sider style={stylSider}>Sider</Sider>\n </Layout>\n <Footer>Footer</Footer>\n </Layout>\n\n <Layout>\n <LayoutHeader style={stylHeader}>Header</LayoutHeader>\n <Layout>\n <LayoutContent style={stylConten}>Content</LayoutContent>\n <LayoutSider style={stylSider}>Sider</LayoutSider>\n </Layout>\n <LayoutFooter>Footer</LayoutFooter>\n </Layout>\n </div>\n );\n}\n\nexport default Demo;"},83:{name:83,meta:{},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _reactDom = _interopRequireDefault(require("react-dom"));\n\nvar _reactLayout = _interopRequireDefault(require("@uiw/react-layout"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Header = _reactLayout["default"].Header,\n Footer = _reactLayout["default"].Footer,\n Sider = _reactLayout["default"].Sider,\n Content = _reactLayout["default"].Content;\nvar stylHeader = {\n color: \'#fff\'\n};\nvar stylConten = {\n background: \'#108ee9\',\n minHeight: 120,\n display: \'flex\',\n justifyContent: \'center\',\n alignItems: \'center\',\n color: \'#fff\'\n};\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n collapsed = _React$useState2[0],\n setCollapsed = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_reactLayout["default"], {\n style: {\n marginBottom: 20\n }\n }, /#__PURE__/_react["default"].createElement(Header, {\n style: stylHeader\n }, "Header"), /#__PURE__/_react["default"].createElement(Content, {\n style: stylConten\n }, "Content"), /#__PURE__/_react["default"].createElement(Footer, null, "Footer"));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Layout from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n\nconst stylHeader = { color: '#fff' }\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\n\nfunction Demo() {\n const [collapsed, setCollapsed] = React.useState(false)\n return (\n <Layout style={{ marginBottom: 20 }}>\n <Header style={stylHeader}>Header</Header>\n <Content style={stylConten}>Content</Content>\n <Footer>Footer</Footer>\n </Layout>\n );\n}\n\nexport default Demo;"},108:{name:108,meta:{},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _reactDom = _interopRequireDefault(require("react-dom"));\n\nvar _reactLayout = _interopRequireDefault(require("@uiw/react-layout"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Header = _reactLayout["default"].Header,\n Footer = _reactLayout["default"].Footer,\n Sider = _reactLayout["default"].Sider,\n Content = _reactLayout["default"].Content;\nvar stylHeader = {\n color: \'#fff\'\n};\nvar stylSider = {\n background: \'#484a4e\',\n color: \'#fff\',\n display: \'flex\',\n justifyContent: \'center\',\n alignItems: \'center\'\n};\nvar stylConten = {\n background: \'#108ee9\',\n minHeight: 120,\n display: \'flex\',\n justifyContent: \'center\',\n alignItems: \'center\',\n color: \'#fff\'\n};\n\nfunction Demo() {\n var _React$useState = _react["default"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n collapsed = _React$useState2[0],\n setCollapsed = _React$useState2[1];\n\n return /#__PURE__/_react["default"].createElement(_reactLayout["default"], {\n style: {\n marginBottom: 20\n }\n }, /#__PURE__/_react["default"].createElement(Sider, {\n collapsed: collapsed,\n style: stylSider\n }, "Sider"), /#__PURE__/_react["default"].createElement(_reactLayout["default"], null, /#__PURE__/_react["default"].createElement(Header, {\n style: stylHeader\n }, /#__PURE__/_react["default"].createElement("button", {\n onClick: function onClick() {\n return setCollapsed(!collapsed);\n }\n }, collapsed ? \'>>\' : \'<<\')), /#__PURE__/_react["default"].createElement(Content, {\n style: stylConten\n }, "Content"), /#__PURE__/_react["default"].createElement(Footer, null, "Footer")));\n}\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport Layout from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n\nconst stylHeader = { color: '#fff' }\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\n\nfunction Demo() {\n const [collapsed, setCollapsed] = React.useState(false)\n return (\n <Layout style={{ marginBottom: 20 }}>\n <Sider collapsed={collapsed} style={stylSider}>Sider</Sider>\n <Layout>\n <Header style={stylHeader}>\n <button onClick={() => setCollapsed(!collapsed)}>{collapsed ? '>>' : '<<'}</button>\n </Header>\n <Content style={stylConten}>Content</Content>\n <Footer>Footer</Footer>\n </Layout>\n </Layout>\n );\n}\n\nexport default Demo;"}},source:"\x3c!--rehype:ignore:start--\x3e\nLayout\n===\n\x3c!--rehype:ignore:end--\x3e\n\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-layout.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-layout)\n[![Build & Deploy](https://github.com/uiwjs/react-layout/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-layout/actions/workflows/ci.yml)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-layout/file/README.md)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-layout.svg)](https://www.npmjs.com/package/@uiw/react-layout)\n[![Coverage Status](https://uiwjs.github.io/react-layout/badges.svg)](https://uiwjs.github.io/react-layout/coverage/lcov-report/)\n[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/uiwjs/react-layout)\n\nHandling the overall layout of a page.\n\n> \u26a0\ufe0f Note: Implemented with flex layout, please pay attention to [browser compatibility](http://caniuse.com/#search=flex) issues.\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n\x3c!--rehype--\x3e\n```jsx\nimport { Layout } from 'uiw';\n// or\nimport Layout from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n// or\nimport Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';\nLayout.Header = LayoutHeader\nLayout.Content = LayoutContent\nLayout.Sider = LayoutSider\nLayout.Footer = LayoutFooter\n```\n\n## Basic Usage\n\n```jsx mdx:preview\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n\nconst stylHeader = { color: '#fff' }\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\n\nfunction Demo() {\n const [collapsed, setCollapsed] = React.useState(false)\n return (\n <div>\n <Layout style={{ marginBottom: 20 }}>\n <Header style={stylHeader}>Header</Header>\n <Layout>\n <Sider style={stylSider}>Sider</Sider>\n <Content style={stylConten}>Content</Content>\n </Layout>\n <Footer>Footer</Footer>\n </Layout>\n\n <Layout>\n <Header style={stylHeader}>Header</Header>\n <Layout>\n <Content style={stylConten}>Content</Content>\n <Sider style={stylSider}>Sider</Sider>\n </Layout>\n <Footer>Footer</Footer>\n </Layout>\n\n <Layout>\n <LayoutHeader style={stylHeader}>Header</LayoutHeader>\n <Layout>\n <LayoutContent style={stylConten}>Content</LayoutContent>\n <LayoutSider style={stylSider}>Sider</LayoutSider>\n </Layout>\n <LayoutFooter>Footer</LayoutFooter>\n </Layout>\n </div>\n );\n}\n\nexport default Demo;\n```\n\n## Layout top-middle-bottom\n\n```jsx mdx:preview\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Layout from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n\nconst stylHeader = { color: '#fff' }\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\n\nfunction Demo() {\n const [collapsed, setCollapsed] = React.useState(false)\n return (\n <Layout style={{ marginBottom: 20 }}>\n <Header style={stylHeader}>Header</Header>\n <Content style={stylConten}>Content</Content>\n <Footer>Footer</Footer>\n </Layout>\n );\n}\n\nexport default Demo;\n```\n\n## Layout left-right\n\n```jsx mdx:preview\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport Layout from '@uiw/react-layout';\nconst { Header, Footer, Sider, Content } = Layout;\n\nconst stylHeader = { color: '#fff' }\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\n\nfunction Demo() {\n const [collapsed, setCollapsed] = React.useState(false)\n return (\n <Layout style={{ marginBottom: 20 }}>\n <Sider collapsed={collapsed} style={stylSider}>Sider</Sider>\n <Layout>\n <Header style={stylHeader}>\n <button onClick={() => setCollapsed(!collapsed)}>{collapsed ? '>>' : '<<'}</button>\n </Header>\n <Content style={stylConten}>Content</Content>\n <Footer>Footer</Footer>\n </Layout>\n </Layout>\n );\n}\n\nexport default Demo;\n```\n\n## Layout\n\nThe layout wrapper, in which `Header` `Sider` `Content` `Footer` or `Layout` itself can be nested, and can be placed in any parent container.\n\n- `Header`: The top layout with the default style, in which any element can be nested, and must be placed in `Layout`.\n- `Sider`: The sidebar with default style and basic functions, in which any element can be nested, and must be placed in `Layout`.\n- `Content`: The content layout with the default style, in which any element can be nested, and must be placed in `Layout`.\n- `Footer`: The bottom layout with the default style, in which any element can be nested, and must be placed in `Layout`.\n\n\| Property \| Description \| Type \| Default \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| Container className \| string \| - \|\n\| style \| To customize the styles \| CSSProperties \| - \|\n\| hasSider \| hasSider\tWhether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering \| boolean \| - \|\n\x3c!-- \| theme \| Color theme of the sidebar \| `light`\u3001`dark` \| `dark` \| --\x3e\n\n## Layout.Sider\n\n\| Property \| Description \| Type \| Default \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| Container className \| string \| - \|\n\| style \| To customize the styles \| CSSProperties \| - \|\n\| collapsed \| To set the current status \| boolean \| - \|\n\| collapsedWidth \| Width of the collapsed sidebar, by setting to 0 a special trigger will appear \| boolean \| `80` \|\n\| width \| Width of the sidebar \| number/string \| 200 \|\n\n## Contributors\n\nAs always, thanks to our amazing contributors!\n\n<a href=\"https://github.com/uiwjs/react-layout/graphs/contributors\">\n <img src=\"https://uiwjs.github.io/react-layout/CONTRIBUTORS.svg\" />\n</a>\n\nMade with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).\n\n### License\n\nLicensed under the MIT License.\n"}}}]);
2	+ //# sourceMappingURL=7615.21fb16c2.chunk.js.map

package/web/static/js/7615.21fb16c2.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/7615.21fb16c2.chunk.js","mappings":"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","sources":["../../node_modules/@uiw/react-layout/README.md"],"sourcesContent":["\nexport default {\n components: { 34: (function() { \"use strict\";\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _reactLayout = _interopRequireWildcard(require(\"@uiw/react-layout\"));\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \"object\" && typeof obj !== \"function\") { return { \"default\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \"default\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Header = _reactLayout[\"default\"].Header,\n Footer = _reactLayout[\"default\"].Footer,\n Sider = _reactLayout[\"default\"].Sider,\n Content = _reactLayout[\"default\"].Content;\nvar stylHeader = {\n color: '#fff'\n};\nvar stylSider = {\n background: '#484a4e',\n color: '#fff',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n};\nvar stylConten = {\n background: '#108ee9',\n minHeight: 120,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n color: '#fff'\n};\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n collapsed = _React$useState2[0],\n setCollapsed = _React$useState2[1];\n\n return /*#__PURE__*/_react[\"default\"].createElement(\"div\", null, /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], {\n style: {\n marginBottom: 20\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(Header, {\n style: stylHeader\n }, \"Header\"), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], null, /*#__PURE__*/_react[\"default\"].createElement(Sider, {\n style: stylSider\n }, \"Sider\"), /*#__PURE__*/_react[\"default\"].createElement(Content, {\n style: stylConten\n }, \"Content\")), /*#__PURE__*/_react[\"default\"].createElement(Footer, null, \"Footer\")), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], null, /*#__PURE__*/_react[\"default\"].createElement(Header, {\n style: stylHeader\n }, \"Header\"), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], null, /*#__PURE__*/_react[\"default\"].createElement(Content, {\n style: stylConten\n }, \"Content\"), /*#__PURE__*/_react[\"default\"].createElement(Sider, {\n style: stylSider\n }, \"Sider\")), /*#__PURE__*/_react[\"default\"].createElement(Footer, null, \"Footer\")), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], null, /*#__PURE__*/_react[\"default\"].createElement(_reactLayout.LayoutHeader, {\n style: stylHeader\n }, \"Header\"), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], null, /*#__PURE__*/_react[\"default\"].createElement(_reactLayout.LayoutContent, {\n style: stylConten\n }, \"Content\"), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout.LayoutSider, {\n style: stylSider\n }, \"Sider\")), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout.LayoutFooter, null, \"Footer\")));\n}\n\nreturn Demo; })(),83: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _reactLayout = _interopRequireDefault(require(\"@uiw/react-layout\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Header = _reactLayout[\"default\"].Header,\n Footer = _reactLayout[\"default\"].Footer,\n Sider = _reactLayout[\"default\"].Sider,\n Content = _reactLayout[\"default\"].Content;\nvar stylHeader = {\n color: '#fff'\n};\nvar stylConten = {\n background: '#108ee9',\n minHeight: 120,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n color: '#fff'\n};\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n collapsed = _React$useState2[0],\n setCollapsed = _React$useState2[1];\n\n return /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], {\n style: {\n marginBottom: 20\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(Header, {\n style: stylHeader\n }, \"Header\"), /*#__PURE__*/_react[\"default\"].createElement(Content, {\n style: stylConten\n }, \"Content\"), /*#__PURE__*/_react[\"default\"].createElement(Footer, null, \"Footer\"));\n}\n\nreturn Demo; })(),108: (function() { \"use strict\";\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _reactDom = _interopRequireDefault(require(\"react-dom\"));\n\nvar _reactLayout = _interopRequireDefault(require(\"@uiw/react-layout\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Header = _reactLayout[\"default\"].Header,\n Footer = _reactLayout[\"default\"].Footer,\n Sider = _reactLayout[\"default\"].Sider,\n Content = _reactLayout[\"default\"].Content;\nvar stylHeader = {\n color: '#fff'\n};\nvar stylSider = {\n background: '#484a4e',\n color: '#fff',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center'\n};\nvar stylConten = {\n background: '#108ee9',\n minHeight: 120,\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n color: '#fff'\n};\n\nfunction Demo() {\n var _React$useState = _react[\"default\"].useState(false),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n collapsed = _React$useState2[0],\n setCollapsed = _React$useState2[1];\n\n return /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], {\n style: {\n marginBottom: 20\n }\n }, /*#__PURE__*/_react[\"default\"].createElement(Sider, {\n collapsed: collapsed,\n style: stylSider\n }, \"Sider\"), /*#__PURE__*/_react[\"default\"].createElement(_reactLayout[\"default\"], null, /*#__PURE__*/_react[\"default\"].createElement(Header, {\n style: stylHeader\n }, /*#__PURE__*/_react[\"default\"].createElement(\"button\", {\n onClick: function onClick() {\n return setCollapsed(!collapsed);\n }\n }, collapsed ? '>>' : '<<')), /*#__PURE__*/_react[\"default\"].createElement(Content, {\n style: stylConten\n }, \"Content\"), /*#__PURE__*/_react[\"default\"].createElement(Footer, null, \"Footer\")));\n}\n\nreturn Demo; })(), },\n data: {\n \"34\": {\n \"name\": 34,\n \"meta\": {},\n \"code\": \"\\\"use strict\\\";\\n\\nfunction _typeof(obj) { \\\"@babel/helpers - typeof\\\"; return _typeof = \\\"function\\\" == typeof Symbol && \\\"symbol\\\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \\\"function\\\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \\\"symbol\\\" : typeof obj; }, _typeof(obj); }\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _reactDom = _interopRequireDefault(require(\\\"react-dom\\\"));\\n\\nvar _reactLayout = _interopRequireWildcard(require(\\\"@uiw/react-layout\\\"));\\n\\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \\\"function\\\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\\n\\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== \\\"object\\\" && typeof obj !== \\\"function\\\") { return { \\\"default\\\": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== \\\"default\\\" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj[\\\"default\\\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar Header = _reactLayout[\\\"default\\\"].Header,\\n Footer = _reactLayout[\\\"default\\\"].Footer,\\n Sider = _reactLayout[\\\"default\\\"].Sider,\\n Content = _reactLayout[\\\"default\\\"].Content;\\nvar stylHeader = {\\n color: '#fff'\\n};\\nvar stylSider = {\\n background: '#484a4e',\\n color: '#fff',\\n display: 'flex',\\n justifyContent: 'center',\\n alignItems: 'center'\\n};\\nvar stylConten = {\\n background: '#108ee9',\\n minHeight: 120,\\n display: 'flex',\\n justifyContent: 'center',\\n alignItems: 'center',\\n color: '#fff'\\n};\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n collapsed = _React$useState2[0],\\n setCollapsed = _React$useState2[1];\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"div\\\", null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], {\\n style: {\\n marginBottom: 20\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(Header, {\\n style: stylHeader\\n }, \\\"Header\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], null, /*#__PURE__*/_react[\\\"default\\\"].createElement(Sider, {\\n style: stylSider\\n }, \\\"Sider\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(Content, {\\n style: stylConten\\n }, \\\"Content\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(Footer, null, \\\"Footer\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], null, /*#__PURE__*/_react[\\\"default\\\"].createElement(Header, {\\n style: stylHeader\\n }, \\\"Header\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], null, /*#__PURE__*/_react[\\\"default\\\"].createElement(Content, {\\n style: stylConten\\n }, \\\"Content\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(Sider, {\\n style: stylSider\\n }, \\\"Sider\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(Footer, null, \\\"Footer\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout.LayoutHeader, {\\n style: stylHeader\\n }, \\\"Header\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], null, /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout.LayoutContent, {\\n style: stylConten\\n }, \\\"Content\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout.LayoutSider, {\\n style: stylSider\\n }, \\\"Sider\\\")), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout.LayoutFooter, null, \\\"Footer\\\")));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n\\nconst stylHeader = { color: '#fff' }\\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\\n\\nfunction Demo() {\\n const [collapsed, setCollapsed] = React.useState(false)\\n return (\\n <div>\\n <Layout style={{ marginBottom: 20 }}>\\n <Header style={stylHeader}>Header</Header>\\n <Layout>\\n <Sider style={stylSider}>Sider</Sider>\\n <Content style={stylConten}>Content</Content>\\n </Layout>\\n <Footer>Footer</Footer>\\n </Layout>\\n\\n <Layout>\\n <Header style={stylHeader}>Header</Header>\\n <Layout>\\n <Content style={stylConten}>Content</Content>\\n <Sider style={stylSider}>Sider</Sider>\\n </Layout>\\n <Footer>Footer</Footer>\\n </Layout>\\n\\n <Layout>\\n <LayoutHeader style={stylHeader}>Header</LayoutHeader>\\n <Layout>\\n <LayoutContent style={stylConten}>Content</LayoutContent>\\n <LayoutSider style={stylSider}>Sider</LayoutSider>\\n </Layout>\\n <LayoutFooter>Footer</LayoutFooter>\\n </Layout>\\n </div>\\n );\\n}\\n\\nexport default Demo;\"\n },\n \"83\": {\n \"name\": 83,\n \"meta\": {},\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _reactDom = _interopRequireDefault(require(\\\"react-dom\\\"));\\n\\nvar _reactLayout = _interopRequireDefault(require(\\\"@uiw/react-layout\\\"));\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar Header = _reactLayout[\\\"default\\\"].Header,\\n Footer = _reactLayout[\\\"default\\\"].Footer,\\n Sider = _reactLayout[\\\"default\\\"].Sider,\\n Content = _reactLayout[\\\"default\\\"].Content;\\nvar stylHeader = {\\n color: '#fff'\\n};\\nvar stylConten = {\\n background: '#108ee9',\\n minHeight: 120,\\n display: 'flex',\\n justifyContent: 'center',\\n alignItems: 'center',\\n color: '#fff'\\n};\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n collapsed = _React$useState2[0],\\n setCollapsed = _React$useState2[1];\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], {\\n style: {\\n marginBottom: 20\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(Header, {\\n style: stylHeader\\n }, \\\"Header\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(Content, {\\n style: stylConten\\n }, \\\"Content\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(Footer, null, \\\"Footer\\\"));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Layout from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n\\nconst stylHeader = { color: '#fff' }\\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\\n\\nfunction Demo() {\\n const [collapsed, setCollapsed] = React.useState(false)\\n return (\\n <Layout style={{ marginBottom: 20 }}>\\n <Header style={stylHeader}>Header</Header>\\n <Content style={stylConten}>Content</Content>\\n <Footer>Footer</Footer>\\n </Layout>\\n );\\n}\\n\\nexport default Demo;\"\n },\n \"108\": {\n \"name\": 108,\n \"meta\": {},\n \"code\": \"\\\"use strict\\\";\\n\\nvar _react = _interopRequireDefault(require(\\\"react\\\"));\\n\\nvar _reactDom = _interopRequireDefault(require(\\\"react-dom\\\"));\\n\\nvar _reactLayout = _interopRequireDefault(require(\\\"@uiw/react-layout\\\"));\\n\\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \\\"default\\\": obj }; }\\n\\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\\n\\nfunction _nonIterableRest() { throw new TypeError(\\\"Invalid attempt to destructure non-iterable instance.\\\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\\\"); }\\n\\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \\\"string\\\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \\\"Object\\\" && o.constructor) n = o.constructor.name; if (n === \\\"Map\\\" || n === \\\"Set\\\") return Array.from(o); if (n === \\\"Arguments\\\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\\n\\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\\n\\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \\\"undefined\\\" && arr[Symbol.iterator] || arr[\\\"@@iterator\\\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\\\"return\\\"] != null) _i[\\\"return\\\"](); } finally { if (_d) throw _e; } } return _arr; }\\n\\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\\n\\nvar Header = _reactLayout[\\\"default\\\"].Header,\\n Footer = _reactLayout[\\\"default\\\"].Footer,\\n Sider = _reactLayout[\\\"default\\\"].Sider,\\n Content = _reactLayout[\\\"default\\\"].Content;\\nvar stylHeader = {\\n color: '#fff'\\n};\\nvar stylSider = {\\n background: '#484a4e',\\n color: '#fff',\\n display: 'flex',\\n justifyContent: 'center',\\n alignItems: 'center'\\n};\\nvar stylConten = {\\n background: '#108ee9',\\n minHeight: 120,\\n display: 'flex',\\n justifyContent: 'center',\\n alignItems: 'center',\\n color: '#fff'\\n};\\n\\nfunction Demo() {\\n var _React$useState = _react[\\\"default\\\"].useState(false),\\n _React$useState2 = _slicedToArray(_React$useState, 2),\\n collapsed = _React$useState2[0],\\n setCollapsed = _React$useState2[1];\\n\\n return /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], {\\n style: {\\n marginBottom: 20\\n }\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(Sider, {\\n collapsed: collapsed,\\n style: stylSider\\n }, \\\"Sider\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(_reactLayout[\\\"default\\\"], null, /*#__PURE__*/_react[\\\"default\\\"].createElement(Header, {\\n style: stylHeader\\n }, /*#__PURE__*/_react[\\\"default\\\"].createElement(\\\"button\\\", {\\n onClick: function onClick() {\\n return setCollapsed(!collapsed);\\n }\\n }, collapsed ? '>>' : '<<')), /*#__PURE__*/_react[\\\"default\\\"].createElement(Content, {\\n style: stylConten\\n }, \\\"Content\\\"), /*#__PURE__*/_react[\\\"default\\\"].createElement(Footer, null, \\\"Footer\\\")));\\n}\\n\\nreturn Demo;\",\n \"language\": \"jsx\",\n \"value\": \"import React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Layout from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n\\nconst stylHeader = { color: '#fff' }\\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\\n\\nfunction Demo() {\\n const [collapsed, setCollapsed] = React.useState(false)\\n return (\\n <Layout style={{ marginBottom: 20 }}>\\n <Sider collapsed={collapsed} style={stylSider}>Sider</Sider>\\n <Layout>\\n <Header style={stylHeader}>\\n <button onClick={() => setCollapsed(!collapsed)}>{collapsed ? '>>' : '<<'}</button>\\n </Header>\\n <Content style={stylConten}>Content</Content>\\n <Footer>Footer</Footer>\\n </Layout>\\n </Layout>\\n );\\n}\\n\\nexport default Demo;\"\n }\n},\n source: \"\\nLayout\\n===\\n\\n\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-layout.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-layout)\\n[![Build & Deploy](https://github.com/uiwjs/react-layout/actions/workflows/ci.yml/badge.svg)](https://github.com/uiwjs/react-layout/actions/workflows/ci.yml)\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-layout/file/README.md)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-layout.svg)](https://www.npmjs.com/package/@uiw/react-layout)\\n[![Coverage Status](https://uiwjs.github.io/react-layout/badges.svg)](https://uiwjs.github.io/react-layout/coverage/lcov-report/)\\n[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/uiwjs/react-layout)\\n\\nHandling the overall layout of a page.\\n\\n> ⚠️ Note: Implemented with flex layout, please pay attention to [browser compatibility](http://caniuse.com/#search=flex) issues.\\n\\n\\n\\n```jsx\\nimport { Layout } from 'uiw';\\n// or\\nimport Layout from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n// or\\nimport Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';\\nLayout.Header = LayoutHeader\\nLayout.Content = LayoutContent\\nLayout.Sider = LayoutSider\\nLayout.Footer = LayoutFooter\\n```\\n\\n## Basic Usage\\n\\n```jsx mdx:preview\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n\\nconst stylHeader = { color: '#fff' }\\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\\n\\nfunction Demo() {\\n const [collapsed, setCollapsed] = React.useState(false)\\n return (\\n <div>\\n <Layout style={{ marginBottom: 20 }}>\\n <Header style={stylHeader}>Header</Header>\\n <Layout>\\n <Sider style={stylSider}>Sider</Sider>\\n <Content style={stylConten}>Content</Content>\\n </Layout>\\n <Footer>Footer</Footer>\\n </Layout>\\n\\n <Layout>\\n <Header style={stylHeader}>Header</Header>\\n <Layout>\\n <Content style={stylConten}>Content</Content>\\n <Sider style={stylSider}>Sider</Sider>\\n </Layout>\\n <Footer>Footer</Footer>\\n </Layout>\\n\\n <Layout>\\n <LayoutHeader style={stylHeader}>Header</LayoutHeader>\\n <Layout>\\n <LayoutContent style={stylConten}>Content</LayoutContent>\\n <LayoutSider style={stylSider}>Sider</LayoutSider>\\n </Layout>\\n <LayoutFooter>Footer</LayoutFooter>\\n </Layout>\\n </div>\\n );\\n}\\n\\nexport default Demo;\\n```\\n\\n## Layout top-middle-bottom\\n\\n```jsx mdx:preview\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Layout from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n\\nconst stylHeader = { color: '#fff' }\\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\\n\\nfunction Demo() {\\n const [collapsed, setCollapsed] = React.useState(false)\\n return (\\n <Layout style={{ marginBottom: 20 }}>\\n <Header style={stylHeader}>Header</Header>\\n <Content style={stylConten}>Content</Content>\\n <Footer>Footer</Footer>\\n </Layout>\\n );\\n}\\n\\nexport default Demo;\\n```\\n\\n## Layout left-right\\n\\n```jsx mdx:preview\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport Layout from '@uiw/react-layout';\\nconst { Header, Footer, Sider, Content } = Layout;\\n\\nconst stylHeader = { color: '#fff' }\\nconst stylSider = { background: '#484a4e', color: '#fff', display: 'flex', justifyContent: 'center', alignItems: 'center' }\\nconst stylConten = { background: '#108ee9', minHeight: 120, display: 'flex', justifyContent: 'center', alignItems: 'center', color: '#fff' }\\n\\nfunction Demo() {\\n const [collapsed, setCollapsed] = React.useState(false)\\n return (\\n <Layout style={{ marginBottom: 20 }}>\\n <Sider collapsed={collapsed} style={stylSider}>Sider</Sider>\\n <Layout>\\n <Header style={stylHeader}>\\n <button onClick={() => setCollapsed(!collapsed)}>{collapsed ? '>>' : '<<'}</button>\\n </Header>\\n <Content style={stylConten}>Content</Content>\\n <Footer>Footer</Footer>\\n </Layout>\\n </Layout>\\n );\\n}\\n\\nexport default Demo;\\n```\\n\\n## Layout\\n\\nThe layout wrapper, in which `Header` `Sider` `Content` `Footer` or `Layout` itself can be nested, and can be placed in any parent container.\\n\\n- `Header`: The top layout with the default style, in which any element can be nested, and must be placed in `Layout`.\\n- `Sider`: The sidebar with default style and basic functions, in which any element can be nested, and must be placed in `Layout`.\\n- `Content`: The content layout with the default style, in which any element can be nested, and must be placed in `Layout`.\\n- `Footer`: The bottom layout with the default style, in which any element can be nested, and must be placed in `Layout`.\\n\\n| Property | Description | Type | Default |\\n|--------- |-------- |--------- |-------- |\\n| className | Container className | string | - |\\n| style | To customize the styles | CSSProperties | - |\\n| hasSider | hasSider\\tWhether contain Sider in children, don't have to assign it normally. Useful in ssr avoid style flickering | boolean | - |\\n\\n\\n## Layout.Sider\\n\\n| Property | Description | Type | Default |\\n|--------- |-------- |--------- |-------- |\\n| className | Container className | string | - |\\n| style | To customize the styles | CSSProperties | - |\\n| collapsed | To set the current status | boolean | - |\\n| collapsedWidth | Width of the collapsed sidebar, by setting to 0 a special trigger will appear | boolean | `80` |\\n| width | Width of the sidebar | number/string | 200 |\\n\\n## Contributors\\n\\nAs always, thanks to our amazing contributors!\\n\\n<a href=\\\"https://github.com/uiwjs/react-layout/graphs/contributors\\\">\\n <img src=\\\"https://uiwjs.github.io/react-layout/CONTRIBUTORS.svg\\\" />\\n</a>\\n\\nMade with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).\\n\\n### License\\n\\nLicensed under the MIT License.\\n\"\n }"],"names":["components","_typeof","obj","Symbol","iterator","constructor","prototype","_react","_interopRequireDefault","_reactLayout","nodeInterop","__esModule","cache","_getRequireWildcardCache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","hasOwnProperty","call","desc","set","_interopRequireWildcard","WeakMap","cacheBabelInterop","cacheNodeInterop","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","_s","_e","_arr","_n","_d","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","toString","slice","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","Header","Footer","Sider","Content","stylHeader","color","stylSider","background","display","justifyContent","alignItems","stylConten","minHeight","_React$useState2","useState","createElement","style","marginBottom","LayoutHeader","LayoutContent","LayoutSider","LayoutFooter","collapsed","setCollapsed","onClick","data","source"],"sourceRoot":""}

package/web/static/js/7655.67268587.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[7655],{7655:function(e,n,t){t.r(n),n.default={components:{18:function(){function e(n){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(n)}var n=function(n,t){if(!t&&n&&n.__esModule)return n;if(null===n\|\|"object"!==e(n)&&"function"!==typeof n)return{default:n};var r=l(t);if(r&&r.has(n))return r.get(n);var a={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in n)if("default"!==o&&Object.prototype.hasOwnProperty.call(n,o)){var i=u?Object.getOwnPropertyDescriptor(n,o):null;i&&(i.get\|\|i.set)?Object.defineProperty(a,o,i):a[o]=n[o]}a.default=n,r&&r.set(n,a);return a}(t(8133)),r=t(2814);function l(e){if("function"!==typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(l=function(e){return e?t:n})(e)}return function(){var e=(0,n.useRef)();return n.default.createElement("div",null,n.default.createElement(r.Form,{ref:e,onChange:function(e){var n=e.initial,t=e.current;console.log("onChange",n,t)},onSubmit:function(e){var n=e.initial,t=e.current;t.name===n.name?r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01"}):r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u59d3\u540d\u4e3a\uff1a".concat(t.name,"\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{name:{label:"\u59d3\u540d",children:n.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u59d3\u540d"})}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit;return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{style:{maxWidth:300}},t.name)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,JSON.stringify(l.current))))})),n.default.createElement(r.Button,{type:"primary",onClick:function(){e.current.onSubmit()}},"submit"),n.default.createElement(r.Button,{type:"primary",onClick:function(){e.current.resetForm()}},"resetForm"),n.default.createElement(r.Button,{type:"primary",onClick:function(){console.log("getFieldValues",e.current.getFieldValues())}},"getValues"),n.default.createElement(r.Button,{type:"primary",onClick:function(){e.current.setFieldValue("name","UIW")}},"setFieldValue"))}}(),101:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement(r.Form,{onSubmit:function(e){e.initial;var n=e.current,t={};if(n.userName.startsWith("u")&&(t.userName="\u59d3\u540d ".concat(n.userName," \u4e0d\u80fd\u4ee5 \u2018u\u2019 \u5f00\u5934")),n.checkboxOne\|\|(t.checkboxOne="\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b"),n.terms\|\|(t.terms="\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"),Object.keys(t).length>0){var l=new Error;throw l.filed=t,l}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u59d3\u540d\u4e3a\uff1a".concat(n.userName,"\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},fields:{userName:{initialValue:"uiw",label:"\u59d3\u540d",children:n.default.createElement(r.Input,{type:"text"}),help:"\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f"},age:{initialValue:"9",label:"\u5e74\u9f84",children:n.default.createElement(r.Input,{type:"number"})},checkbox:{initialValue:["\u56db\u5ddd\u83dc"],label:"\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc",children:n.default.createElement(r.Checkbox.Group,null,n.default.createElement("div",null,"\u83dc\u7cfb"),n.default.createElement(r.Checkbox,{value:"\u56db\u5ddd\u83dc"},"\u56db\u5ddd\u83dc"),n.default.createElement(r.Checkbox,{value:"\u6e56\u5317\u83dc"},"\u6e56\u5317\u83dc"),n.default.createElement(r.Checkbox,{value:"\u897f\u5317\u83dc"},"\u897f\u5317\u83dc"),n.default.createElement(r.Checkbox,{value:"\u65b0\u7586\u83dc"},"\u65b0\u7586\u83dc"),n.default.createElement(r.Checkbox,{value:"\u4e1c\u5317\u83dc"},"\u4e1c\u5317\u83dc"),n.default.createElement("div",{style:{marginTop:10}},"\u5bb6\u5e38\u83dc"),n.default.createElement(r.Checkbox,{value:"\u7ea2\u70e7\u6b66\u660c\u9c7c"},"\u7ea2\u70e7\u6b66\u660c\u9c7c"),n.default.createElement(r.Checkbox,{value:"\u9ebb\u5a46\u8c46\u8150"},"\u9ebb\u5a46\u8c46\u8150"),n.default.createElement(r.Checkbox,{value:"\u5317\u4eac\u70e4\u9e2d"},"\u5317\u4eac\u70e4\u9e2d"))},checkboxOne:{inline:!0,label:"\u4e00\u4e2a\u591a\u9009\u6761\u4ef6",children:n.default.createElement(r.Checkbox,{value:"1"},"\u56db\u5ddd\u83dc")},switch:{inline:!0,initialValue:!0,label:"\u5f00\u542f",children:n.default.createElement(r.Switch,{size:"small"})},radioGroup:{inline:!0,initialValue:"\u7537",label:"\u5355\u9009",children:n.default.createElement(r.RadioGroup,{name:"other"},n.default.createElement(r.Radio,{value:"\u7537"},"\u7537"),n.default.createElement(r.Radio,{value:"\u5973"},"\u5973"),n.default.createElement(r.Radio,{value:"\u4eba\u5996",disabled:!0},"\u4eba\u5996"),n.default.createElement(r.Radio,{value:"\u672a\u77e5"},"\u672a\u77e5"))},textarea:{initialValue:"",label:"\u591a\u884c\u6587\u672c\u8f93\u5165\u6846",children:n.default.createElement(r.Textarea,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9"})},terms:{validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"},style:{marginBottom:0},children:n.default.createElement(r.Checkbox,{value:"1"},"\u5df2\u9605\u8bfb\u5e76\u540c\u610f",n.default.createElement("a",{href:"#"},"\u670d\u52a1\u6761\u6b3e"))}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit,u=e.resetForm;return console.log("fields:--\x3e",l),n.default.createElement("div",{style:{maxWidth:500}},n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.userName),n.default.createElement(r.Col,null,t.age)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.checkbox),n.default.createElement(r.Col,null,t.checkboxOne)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.radioGroup)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.switch)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.textarea)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{padding:"5px 0 10px 0"}},t.terms)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement(r.Button,{type:"light",onClick:u},"\u91cd\u7f6e\u8868\u5355"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,null,n.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(l.current,null,2)))))}))}}(),251:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current,l={};if(t.username\|\|(l.username="\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01"),t.password\|\|(l.password="\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01"),Object.keys(l).length>0){var a=new Error;throw a.filed=l,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),a}console.log("--\x3e>",n,t),r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01"})},onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},fields:{username:{labelClassName:"fieldLabel",labelFor:"username-inline",children:n.default.createElement(r.Input,{preIcon:"user",id:"username-inline"})},password:{labelClassName:"fieldLabel",labelFor:"password-inline",children:n.default.createElement(r.Input,{preIcon:"lock",id:"password-inline",type:"password"})}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit,u=e.resetForm;return console.log("fields:",l),n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{fixed:!0},t.username),n.default.createElement(r.Col,{fixed:!0},t.password)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"),n.default.createElement(r.Button,{type:"danger",onClick:u},"\u91cd\u7f6e\u8868\u5355"))))})))}}(),319:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current;console.log("--\x3e>",n,t)},fields:{username:{labelClassName:"fieldLabel",labelStyle:{width:60},labelFor:"username",children:n.default.createElement(r.Input,{preIcon:"user",id:"username"})},password:{labelClassName:"fieldLabel",labelStyle:{width:60},labelFor:"password",children:n.default.createElement(r.Input,{preIcon:"lock",id:"password",type:"password"})},terms:{validator:function(e){return e?null:"\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e"},children:n.default.createElement(r.Checkbox,{value:"1"},"\u5df2\u9605\u8bfb\u5e76\u540c\u610f")}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit;return console.log("fields:",l),n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},t.username)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},t.password)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0,align:"middle"},t.terms),n.default.createElement(r.Col,{fixed:!0,style:{marginTop:-4}},n.default.createElement("a",{href:"#"},"\u670d\u52a1\u6761\u6b3e"))),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),378:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmit:function(e){var n=e.initial,t=e.current;console.log("--\x3e>",n,t)},fields:{firstName:{labelClassName:"fieldLabel",labelStyle:{width:60},inline:!0,label:"\u59d3\u6c0f",children:n.default.createElement(r.Input,null)},lastName:{labelClassName:"fieldLabel",labelStyle:{width:60},initialValue:"\u5148\u751f",inline:!0,label:"\u540d\u5b57",children:n.default.createElement(r.Input,null)},email:{labelClassName:"fieldLabel",labelStyle:{width:60},validator:function(e){return e&&e.length<2?"Password must be 8+ characters":null},inline:!0,label:"Email",children:n.default.createElement(r.Input,null)},select:{labelClassName:"fieldLabel",labelStyle:{width:60},inline:!0,label:"\u9009\u62e9\u5668",children:n.default.createElement(r.Select,null,n.default.createElement(r.Select.Option,null,"Choose an item..."),n.default.createElement(r.Select.Option,{value:"1"},"One"),n.default.createElement(r.Select.Option,{value:"2"},"Two"),n.default.createElement(r.Select.Option,{value:"3"},"Three"),n.default.createElement(r.Select.Option,{value:"4"},"Four"))}}},(function(e){var t=e.fields,l=e.state,a=e.canSubmit;return console.log("fields:",l),n.default.createElement("div",null,n.default.createElement(r.Row,{gutter:10,style:{marginBottom:10}},n.default.createElement(r.Col,null,t.firstName),n.default.createElement(r.Col,null,t.lastName)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null,t.email),n.default.createElement(r.Col,null,t.select)),n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,null),n.default.createElement(r.Col,{fixed:!0,align:"bottom"},n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),467:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,l,a=[],u=!0,o=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(a.push(r.value),!n\|\|a.length!==n);u=!0);}catch(i){o=!0,l=i}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(o)throw l}}return a}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return o(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function i(e){var t=e.option,l=void 0===t?[]:t,a=e.onChange,o=u(n.default.useState(e.value),2),i=o[0],c=o[1],s=u(n.default.useState(!1),2),m=s[0],d=s[1];n.default.useEffect((function(){i!==e.value&&c(e.value)}),[e.value]);var f=l.find((function(e){return i===e.value}));return n.default.createElement(r.Dropdown,{trigger:"click",onVisibleChange:function(e){return d(e)},isOpen:m,menu:n.default.createElement(r.Menu,{bordered:!0,style:{minWidth:120}},l.map((function(e,t){return n.default.createElement(r.Menu.Item,{active:i===e.value,key:t,text:e.label,onClick:function(){c(e.value),d(!1),a&&a(e.value)}})})))},n.default.createElement(r.Button,{style:{boxShadow:"inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)"},type:"link"},f.label,n.default.createElement(r.Icon,{type:m?"up":"down"})))}return function(){return n.default.createElement("div",null,n.default.createElement(r.Form,{onSubmitError:function(e){return e.filed?function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({},e.filed):null},onSubmit:function(e){e.initial;var n=e.current;console.log("~~~",n);var t={};if(n.select\|\|(t.select="\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9"),Object.keys(t).length>0){var l=new Error;throw l.filed=t,r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01"}),l}r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a".concat(n.select,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")})},fields:{select:{initialValue:0,children:n.default.createElement(i,{option:[{label:"\u8bf7\u9009\u62e9",value:0},{label:"\u7ecf\u6d4e\u8231",value:1},{label:"\u8c6a\u534e\u7ecf\u6d4e\u8231",value:2},{label:"\u5546\u52a1\u8231",value:3},{label:"\u5934\u7b49\u8231",value:4}]})}}},(function(e){var t=e.fields,l=(e.state,e.canSubmit);return n.default.createElement("div",null,n.default.createElement(r.Row,null,n.default.createElement(r.Col,{style:{maxWidth:300}},t.select)),n.default.createElement(r.Row,null,n.default.createElement(r.Col,{fixed:!0},n.default.createElement(r.Button,{disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))))})))}}(),583:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function l(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==t)return;var r,l,a=[],u=!0,o=!1;try{for(t=t.call(e);!(u=(r=t.next()).done)&&(a.push(r.value),!n\|\|a.length!==n);u=!0);}catch(i){o=!0,l=i}finally{try{u\|\|null==t.return\|\|t.return()}finally{if(o)throw l}}return a}(e,n)\|\|function(e,n){if(!e)return;if("string"===typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t\|\|"Set"===t)return Array.from(e);if("Arguments"===t\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(t))return a(e,n)}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,n){(null==n\|\|n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=l(n.default.useState({}),2),t=e[0],a=e[1];return n.default.createElement(r.Form,{onSubmit:function(e,n){n&&n.preventDefault();var t=new FormData(n.target),r={};t.forEach((function(e,n){r[n]=e})),a(r)},onReset:function(){return a({})}},n.default.createElement(r.FormItem,{label:"\u53ef\u9009\u5b57\u6bb5",labelFor:"item-basic-input",help:n.default.createElement("span",null,"\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c")},n.default.createElement(r.Input,{id:"item-basic-input",name:"basic",type:"text"})),n.default.createElement(r.FormItem,{label:"\u7528\u6237\u540d",labelFor:"item-username-input",help:!t.username\|\|t.username.length<8?"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002":"\u7528\u6237\u540d\u6b63\u786e \u221a ",hasError:!t.username\|\|t.username.length<8},n.default.createElement(r.Input,{id:"item-username-input",name:"username",type:"text"})),n.default.createElement(r.FormItem,null,n.default.createElement(r.Button,{type:"success",htmlType:"submit"}," Submit "),n.default.createElement(r.Button,{type:"light",htmlType:"reset"}," Reset ")),n.default.createElement("pre",null,JSON.stringify(t,null,2)))}}(),633:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);return function(){return n.default.createElement(r.Form,null,n.default.createElement(r.FormItem,{inline:!0,label:"\u53ef\u9009\u5b57\u6bb5",labelFor:"basic-input-inline",help:n.default.createElement("span",null,"\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c"),onChange:function(){console.log("TEST::")}},n.default.createElement(r.Input,{id:"basic-input-inline",name:"basic",type:"text"})),n.default.createElement(r.FormItem,{inline:!0,label:"\u7528\u6237\u540d",labelFor:"username-input-inline",labelClassName:"username",help:"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002",hasError:!0},n.default.createElement(r.Input,{id:"username-input-inline",name:"username",type:"text"})))}}()},data:{18:{name:18,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }\n\nvar _react = _interopRequireWildcard(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\nfunction _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null \|\| _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get \|\| desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction Demo() {\n var form = (0, _react.useRef)();\n\n var onSubmit = function onSubmit() {\n form.current.onSubmit();\n };\n\n var resetForm = function resetForm() {\n form.current.resetForm();\n };\n\n var getFieldValues = function getFieldValues() {\n console.log(\'getFieldValues\', form.current.getFieldValues());\n };\n\n var setFieldValue = function setFieldValue() {\n form.current.setFieldValue(\'name\', \'UIW\');\n };\n\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n ref: form,\n onChange: function onChange(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'onChange\', initial, current);\n },\n onSubmit: function onSubmit(_ref2) {\n var initial = _ref2.initial,\n current = _ref2.current;\n\n if (current.name === initial.name) {\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u5185\\u5BB9\\u4E3A\\u7A7A\\uFF01"\n });\n } else {\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u59D3\\u540D\\u4E3A\\uFF1A".concat(current.name, "\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n }\n },\n fields: {\n name: {\n label: \'\u59d3\u540d\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n placeholder: "\\u8BF7\\u8F93\\u5165\\u59D3\\u540D"\n })\n }\n }\n }, function (_ref3) {\n var fields = _ref3.fields,\n state = _ref3.state,\n canSubmit = _ref3.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 300\n }\n }, fields.name)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, JSON.stringify(state.current))));\n }), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: onSubmit\n }, "submit"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: resetForm\n }, "resetForm"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: getFieldValues\n }, "getValues"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n onClick: setFieldValue\n }, "setFieldValue"));\n}\n\nreturn Demo;',language:"jsx",value:"\nimport React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, Slider, Button, Notify } from 'uiw';\n\nfunction Demo() {\n const form = useRef()\n\n const onSubmit = () => {\n form.current.onSubmit()\n }\n const resetForm = () => {\n form.current.resetForm()\n }\n const getFieldValues = () => {\n console.log('getFieldValues', form.current.getFieldValues())\n }\n\n const setFieldValue=()=>{\n form.current.setFieldValue('name','UIW')\n }\n\n return (\n <div>\n <Form\n ref={form}\n onChange={({ initial, current }) => {\n console.log('onChange', initial, current);\n }}\n onSubmit={({ initial, current }) => {\n if (current.name === initial.name) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u59d3\u540d\u4e3a\uff1a${current.name}\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n }}\n fields={{\n name: {\n label: '\u59d3\u540d',\n children: <Input placeholder=\"\u8bf7\u8f93\u5165\u59d3\u540d\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.name}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n {JSON.stringify(state.current)}\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n <Button type=\"primary\" onClick={onSubmit} >submit</Button>\n <Button type=\"primary\" onClick={resetForm}>resetForm</Button>\n <Button type=\"primary\" onClick={getFieldValues}>getValues</Button>\n <Button type=\"primary\" onClick={setFieldValue}>setFieldValue</Button>\n </div>\n )\n}\nexport default Demo"},101:{name:101,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (current.userName.startsWith(\'u\')) {\n errorObj.userName = "\\u59D3\\u540D ".concat(current.userName, " \\u4E0D\\u80FD\\u4EE5 \\u2018u\\u2019 \\u5F00\\u5934");\n }\n\n if (!current.checkboxOne) {\n errorObj.checkboxOne = \'\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b\';\n }\n\n if (!current.terms) {\n errorObj.terms = \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n throw err;\n }\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u59D3\\u540D\\u4E3A\\uFF1A".concat(current.userName, "\\uFF0C\\u63D0\\u4EA4\\u5B8C\\u6210\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n fields: {\n userName: {\n initialValue: \'uiw\',\n label: \'\u59d3\u540d\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n type: "text"\n }),\n help: \'\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f\'\n },\n age: {\n initialValue: \'9\',\n label: \'\u5e74\u9f84\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n type: "number"\n })\n },\n checkbox: {\n initialValue: [\'\u56db\u5ddd\u83dc\'],\n label: \'\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Checkbox.Group, null, /#__PURE__/_react["default"].createElement("div", null, "\\u83DC\\u7CFB"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u56DB\\u5DDD\\u83DC"\n }, "\\u56DB\\u5DDD\\u83DC"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u6E56\\u5317\\u83DC"\n }, "\\u6E56\\u5317\\u83DC"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u897F\\u5317\\u83DC"\n }, "\\u897F\\u5317\\u83DC"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u65B0\\u7586\\u83DC"\n }, "\\u65B0\\u7586\\u83DC"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u4E1C\\u5317\\u83DC"\n }, "\\u4E1C\\u5317\\u83DC"), /#__PURE__/_react["default"].createElement("div", {\n style: {\n marginTop: 10\n }\n }, "\\u5BB6\\u5E38\\u83DC"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"\n }, "\\u7EA2\\u70E7\\u6B66\\u660C\\u9C7C"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u9EBB\\u5A46\\u8C46\\u8150"\n }, "\\u9EBB\\u5A46\\u8C46\\u8150"), /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "\\u5317\\u4EAC\\u70E4\\u9E2D"\n }, "\\u5317\\u4EAC\\u70E4\\u9E2D"))\n },\n checkboxOne: {\n inline: true,\n label: \'\u4e00\u4e2a\u591a\u9009\u6761\u4ef6\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "1"\n }, "\\u56DB\\u5DDD\\u83DC")\n },\n "switch": {\n inline: true,\n initialValue: true,\n label: \'\u5f00\u542f\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Switch, {\n size: "small"\n })\n },\n radioGroup: {\n inline: true,\n initialValue: \'\u7537\',\n label: \'\u5355\u9009\',\n children: /#__PURE__/_react["default"].createElement(_uiw.RadioGroup, {\n name: "other"\n }, /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "\\u7537"\n }, "\\u7537"), /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "\\u5973"\n }, "\\u5973"), /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "\\u4EBA\\u5996",\n disabled: true\n }, "\\u4EBA\\u5996"), /#__PURE__/_react["default"].createElement(_uiw.Radio, {\n value: "\\u672A\\u77E5"\n }, "\\u672A\\u77E5"))\n },\n textarea: {\n initialValue: \'\',\n label: \'\u591a\u884c\u6587\u672c\u8f93\u5165\u6846\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Textarea, {\n placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9"\n })\n },\n terms: {\n validator: function validator(currentValue) {\n return !currentValue ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n },\n style: {\n marginBottom: 0\n },\n children: /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "1"\n }, "\\u5DF2\\u9605\\u8BFB\\u5E76\\u540C\\u610F", /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "\\u670D\\u52A1\\u6761\\u6B3E"))\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit,\n resetForm = _ref2.resetForm;\n console.log(\'fields:--\x3e\', state);\n return /#__PURE__/_react["default"].createElement("div", {\n style: {\n maxWidth: 500\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.userName), /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.age)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.checkbox), /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.checkboxOne)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.radioGroup)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields["switch"])), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.textarea)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n padding: \'5px 0 10px 0\'\n }\n }, fields.terms)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light",\n onClick: resetForm\n }, "\\u91CD\\u7F6E\\u8868\\u5355"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement("pre", {\n style: {\n padding: \'10px 0 0 10px\'\n }\n }, JSON.stringify(state.current, null, 2)))));\n });\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Notify, Checkbox, Switch, RadioGroup, Radio, Textarea, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (current.userName.startsWith('u')) {\n errorObj.userName = `\u59d3\u540d ${current.userName} \u4e0d\u80fd\u4ee5 \u2018u\u2019 \u5f00\u5934`;\n }\n if (!current.checkboxOne) {\n errorObj.checkboxOne = '\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b';\n }\n if (!current.terms) {\n errorObj.terms = '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u59d3\u540d\u4e3a\uff1a${current.userName}\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n userName: {\n initialValue: 'uiw',\n label: '\u59d3\u540d',\n children: <Input type=\"text\" />,\n help: '\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f'\n },\n age: {\n initialValue: '9',\n label: '\u5e74\u9f84',\n children: <Input type=\"number\" />\n },\n checkbox: {\n initialValue: ['\u56db\u5ddd\u83dc'],\n label: '\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc',\n children: (\n <Checkbox.Group>\n <div>\u83dc\u7cfb</div>\n <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n <Checkbox value=\"\u7ea2\u70e7\u6b66\u660c\u9c7c\">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n <Checkbox value=\"\u9ebb\u5a46\u8c46\u8150\">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n </Checkbox.Group>\n )\n },\n checkboxOne: {\n inline: true,\n label: '\u4e00\u4e2a\u591a\u9009\u6761\u4ef6',\n children: <Checkbox value=\"1\">\u56db\u5ddd\u83dc</Checkbox>\n },\n switch: {\n inline: true,\n initialValue: true,\n label: '\u5f00\u542f',\n children: <Switch size=\"small\" />\n },\n radioGroup: {\n inline: true,\n initialValue: '\u7537',\n label: '\u5355\u9009',\n children: (\n <RadioGroup name=\"other\">\n <Radio value=\"\u7537\">\u7537</Radio>\n <Radio value=\"\u5973\">\u5973</Radio>\n <Radio value=\"\u4eba\u5996\" disabled>\u4eba\u5996</Radio>\n <Radio value=\"\u672a\u77e5\">\u672a\u77e5</Radio>\n </RadioGroup>\n )\n },\n textarea: {\n initialValue: '',\n label: '\u591a\u884c\u6587\u672c\u8f93\u5165\u6846',\n children: <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n },\n terms: {\n validator: (currentValue) => {\n return !currentValue ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null;\n },\n style: { marginBottom: 0 },\n children: <Checkbox value=\"1\">\u5df2\u9605\u8bfb\u5e76\u540c\u610f<a href=\"#\">\u670d\u52a1\u6761\u6b3e</a></Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:--\x3e', state);\n return (\n <div style={{ maxWidth: 500 }}>\n <Row gutter={10}>\n <Col>{fields.userName}</Col>\n <Col>{fields.age}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.checkbox}</Col>\n <Col>{fields.checkboxOne}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.switch}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.textarea}</Col>\n </Row>\n <Row gutter={10}>\n <Col style={{ padding: '5px 0 10px 0' }}>\n {fields.terms}\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"light\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: '10px 0 0 10px' }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n)\nexport default Demo"},251:{name:251,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n var errorObj = {};\n\n if (!current.username) {\n errorObj.username = \'\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01\';\n }\n\n if (!current.password) {\n errorObj.password = \'\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n console.log(\'--\x3e>\', initial, current);\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: \'\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01\'\n });\n },\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n fields: {\n username: {\n labelClassName: \'fieldLabel\',\n labelFor: \'username-inline\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "user",\n id: "username-inline"\n })\n },\n password: {\n labelClassName: \'fieldLabel\',\n labelFor: \'password-inline\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "lock",\n id: "password-inline",\n type: "password"\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit,\n resetForm = _ref2.resetForm;\n console.log(\'fields:\', state);\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.username), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.password)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "danger",\n onClick: resetForm\n }, "\\u91CD\\u7F6E\\u8868\\u5355"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Row, Col, Notify, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.username) {\n errorObj.username = '\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if (!current.password) {\n errorObj.password = '\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n console.log('--\x3e>', initial, current);\n Notify.success({ title: '\u63d0\u4ea4\u6210\u529f\uff01', description: '\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01' });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n username: {\n labelClassName: 'fieldLabel',\n labelFor: 'username-inline',\n children: <Input preIcon=\"user\" id=\"username-inline\" />\n },\n password: {\n labelClassName: 'fieldLabel',\n labelFor: 'password-inline',\n children: <Input preIcon=\"lock\" id=\"password-inline\" type=\"password\" />\n },\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10}>\n <Col fixed>{fields.username}</Col>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row gutter={10}>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"danger\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n);\nexport default Demo"},319:{name:319,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'--\x3e>\', initial, current);\n },\n fields: {\n username: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n labelFor: \'username\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "user",\n id: "username"\n })\n },\n password: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n labelFor: \'password\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, {\n preIcon: "lock",\n id: "password",\n type: "password"\n })\n },\n terms: {\n validator: function validator(currentValue) {\n return !currentValue ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null;\n },\n children: /#__PURE__/_react["default"].createElement(_uiw.Checkbox, {\n value: "1"\n }, "\\u5DF2\\u9605\\u8BFB\\u5E76\\u540C\\u610F")\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log(\'fields:\', state);\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.username)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, fields.password)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n align: "middle"\n }, fields.terms), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n style: {\n marginTop: -4\n }\n }, /#__PURE__/_react["default"].createElement("a", {\n href: "#"\n }, "\\u670D\\u52A1\\u6761\\u6B3E"))), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, Input, Row, Col, Checkbox, Notify, Button } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log(\'--\x3e>\', initial, current);\n }}\n fields={{\n username: {\n labelClassName: \'fieldLabel\',\n labelStyle: { width: 60 },\n labelFor: \'username\',\n children: <Input preIcon="user" id="username" />\n },\n password: {\n labelClassName: \'fieldLabel\',\n labelStyle: { width: 60 },\n labelFor: \'password\',\n children: <Input preIcon="lock" id="password" type="password" />\n },\n terms: {\n validator: (currentValue) => !currentValue ? \'\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e\' : null,\n children: <Checkbox value="1">\u5df2\u9605\u8bfb\u5e76\u540c\u610f</Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log(\'fields:\', state);\n return (\n <div>\n <Row>\n <Col fixed>{fields.username}</Col>\n </Row>\n <Row>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row>\n <Col fixed align="middle">{fields.terms}</Col>\n <Col fixed style={{ marginTop: -4 }}><a href="#">\u670d\u52a1\u6761\u6b3e</a></Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type="primary" htmlType="submit">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo'},378:{name:378,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'--\x3e>\', initial, current);\n },\n fields: {\n firstName: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n inline: true,\n label: \'\u59d3\u6c0f\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, null)\n },\n lastName: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n initialValue: \'\u5148\u751f\',\n inline: true,\n label: \'\u540d\u5b57\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, null)\n },\n email: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n validator: function validator(currentValue) {\n return currentValue && currentValue.length < 2 ? \'Password must be 8+ characters\' : null;\n },\n inline: true,\n label: \'Email\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Input, null)\n },\n select: {\n labelClassName: \'fieldLabel\',\n labelStyle: {\n width: 60\n },\n inline: true,\n label: \'\u9009\u62e9\u5668\',\n children: /#__PURE__/_react["default"].createElement(_uiw.Select, null, /#__PURE__/_react["default"].createElement(_uiw.Select.Option, null, "Choose an item..."), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "1"\n }, "One"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "2"\n }, "Two"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "3"\n }, "Three"), /#__PURE__/_react["default"].createElement(_uiw.Select.Option, {\n value: "4"\n }, "Four"))\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n console.log(\'fields:\', state);\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10,\n style: {\n marginBottom: 10\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.firstName), /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.lastName)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.email), /#__PURE__/_react["default"].createElement(_uiw.Col, null, fields.select)), /#__PURE__/_react["default"].createElement(_uiw.Row, {\n gutter: 10\n }, /#__PURE__/_react["default"].createElement(_uiw.Col, null), /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true,\n align: "bottom"\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Input, Select, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n firstName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u59d3\u6c0f',\n children: <Input />\n },\n lastName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n initialValue: '\u5148\u751f',\n inline: true,\n label: '\u540d\u5b57',\n children: <Input />\n },\n email: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n validator: (currentValue) => {\n return currentValue && currentValue.length < 2 ? 'Password must be 8+ characters' : null;\n },\n inline: true,\n label: 'Email',\n children: <Input />\n },\n select: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u9009\u62e9\u5668',\n children: (\n <Select>\n <Select.Option>Choose an item...</Select.Option>\n <Select.Option value=\"1\">One</Select.Option>\n <Select.Option value=\"2\">Two</Select.Option>\n <Select.Option value=\"3\">Three</Select.Option>\n <Select.Option value=\"4\">Four</Select.Option>\n </Select>\n ),\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col>{fields.firstName}</Col>\n <Col>{fields.lastName}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.email}</Col>\n <Col>{fields.select}</Col>\n </Row>\n <Row gutter={10}>\n <Col />\n <Col fixed align=\"bottom\"><Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button></Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo"},467:{name:467,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\nfunction CustomSelect(props) {\n var _props$option = props.option,\n option = _props$option === void 0 ? [] : _props$option,\n onChange = props.onChange;\n\n var _React$useState = _react["default"].useState(props.value),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n setValue = _React$useState2[1];\n\n var _React$useState3 = _react["default"].useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n isOpen = _React$useState4[0],\n setIsOpen = _React$useState4[1];\n\n _react["default"].useEffect(function () {\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n var label = option.find(function (item) {\n return value === item.value;\n });\n return /#__PURE__/_react["default"].createElement(_uiw.Dropdown, {\n trigger: "click",\n onVisibleChange: function onVisibleChange(open) {\n return setIsOpen(open);\n },\n isOpen: isOpen,\n menu: /#__PURE__/_react["default"].createElement(_uiw.Menu, {\n bordered: true,\n style: {\n minWidth: 120\n }\n }, option.map(function (item, idx) {\n return /#__PURE__/_react["default"].createElement(_uiw.Menu.Item, {\n active: value === item.value,\n key: idx,\n text: item.label,\n onClick: function onClick() {\n setValue(item.value);\n setIsOpen(false);\n onChange && onChange(item.value);\n }\n });\n }))\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n style: {\n boxShadow: \'inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)\'\n },\n type: "link"\n }, label.label, /#__PURE__/_react["default"].createElement(_uiw.Icon, {\n type: isOpen ? \'up\' : \'down\'\n })));\n} // \u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e94\u7528\u5b9e\u4f8b\n\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmitError: function onSubmitError(error) {\n if (error.filed) {\n return _objectSpread({}, error.filed);\n }\n\n return null;\n },\n onSubmit: function onSubmit(_ref) {\n var initial = _ref.initial,\n current = _ref.current;\n console.log(\'~~~\', current);\n var errorObj = {};\n\n if (!current.select) {\n errorObj.select = \'\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9\';\n }\n\n if (Object.keys(errorObj).length > 0) {\n var err = new Error();\n err.filed = errorObj;\n\n _uiw.Notify.error({\n title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n description: \'\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01\'\n });\n\n throw err;\n }\n\n _uiw.Notify.success({\n title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n description: "\\u8868\\u5355\\u63D0\\u4EA4\\u6210\\u529F\\uFF0C\\u5185\\u5BB9\\u4E3A\\uFF1A".concat(current.select, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n });\n },\n fields: {\n select: {\n initialValue: 0,\n children: /#__PURE__/_react["default"].createElement(CustomSelect, {\n option: [{\n label: \'\u8bf7\u9009\u62e9\',\n value: 0\n }, {\n label: \'\u7ecf\u6d4e\u8231\',\n value: 1\n }, {\n label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\',\n value: 2\n }, {\n label: \'\u5546\u52a1\u8231\',\n value: 3\n }, {\n label: \'\u5934\u7b49\u8231\',\n value: 4\n }]\n })\n }\n }\n }, function (_ref2) {\n var fields = _ref2.fields,\n state = _ref2.state,\n canSubmit = _ref2.canSubmit;\n return /#__PURE__/_react["default"].createElement("div", null, /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n style: {\n maxWidth: 300\n }\n }, fields.select)), /#__PURE__/_react["default"].createElement(_uiw.Row, null, /#__PURE__/_react["default"].createElement(_uiw.Col, {\n fixed: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n disabled: !canSubmit(),\n type: "primary",\n htmlType: "submit"\n }, "\\u63D0\\u4EA4"))));\n }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, Row, Col, Dropdown, Menu, Icon, Button, Notify } from 'uiw';\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\nfunction CustomSelect(props) {\n const { option = [], onChange } = props;\n const [value, setValue] = React.useState(props.value);\n const [isOpen, setIsOpen] = React.useState(false);\n\n React.useEffect(() => {\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n const label = option.find(item => value === item.value);\n return (\n <Dropdown\n trigger=\"click\"\n onVisibleChange={(open) => setIsOpen(open)}\n isOpen={isOpen}\n menu={\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => (\n <Menu.Item active={value === item.value} key={idx} text={item.label}\n onClick={() => {\n setValue(item.value);\n setIsOpen(false)\n onChange && onChange(item.value);\n }}\n />\n ))}\n </Menu>\n }\n >\n <Button\n style={{\n boxShadow: 'inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)'\n }}\n type=\"link\"\n >\n {label.label}<Icon type={isOpen ? 'up' : 'down'} />\n </Button>\n </Dropdown>\n );\n}\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e94\u7528\u5b9e\u4f8b\nconst Demo = () => (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n console.log('~~~', current);\n const errorObj = {};\n if (!current.select) {\n errorObj.select = '\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a${current.select}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n select: {\n initialValue: 0,\n children: (\n <CustomSelect option={[\n { label: '\u8bf7\u9009\u62e9', value: 0 },\n { label: '\u7ecf\u6d4e\u8231', value: 1 },\n { label: '\u8c6a\u534e\u7ecf\u6d4e\u8231', value: 2 },\n { label: '\u5546\u52a1\u8231', value: 3 },\n { label: '\u5934\u7b49\u8231', value: 4 },\n ]} />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.select}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo"},583:{name:583,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _unsupportedIterableToArray(arr, i) \|\| _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" \|\| n === "Set") return Array.from(o); if (n === "Arguments" \|\| /^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null \|\| len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] \|\| arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nvar Demo = function Demo() {\n var _React$useState = _react["default"].useState({}),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n formData = _React$useState2[0],\n setFormData = _React$useState2[1];\n\n var handleSubmit = function handleSubmit(_, e) {\n e && e.preventDefault();\n var fData = new FormData(e.target);\n var data = {};\n fData.forEach(function (value, key) {\n data[key] = value;\n });\n setFormData(data);\n };\n\n return /#__PURE__/_react["default"].createElement(_uiw.Form, {\n onSubmit: handleSubmit,\n onReset: function onReset() {\n return setFormData({});\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n label: "\\u53EF\\u9009\\u5B57\\u6BB5",\n labelFor: "item-basic-input",\n help: /#__PURE__/_react["default"].createElement("span", null, "\\u5728\\u4E0A\\u9762\\u7684\\u5B57\\u6BB5\\u4E2D\\u8F93\\u5165\\u4E00\\u4E2A\\u503C")\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "item-basic-input",\n name: "basic",\n type: "text"\n })), /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n label: "\\u7528\\u6237\\u540D",\n labelFor: "item-username-input",\n help: !formData.username \|\| formData.username.length < 8 ? "\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002" : "\u7528\u6237\u540d\u6b63\u786e \u221a ",\n hasError: !formData.username \|\| formData.username.length < 8\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "item-username-input",\n name: "username",\n type: "text"\n })), /#__PURE__/_react["default"].createElement(_uiw.FormItem, null, /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "success",\n htmlType: "submit"\n }, " Submit "), /#__PURE__/_react["default"].createElement(_uiw.Button, {\n type: "light",\n htmlType: "reset"\n }, " Reset ")), /#__PURE__/_react["default"].createElement("pre", null, JSON.stringify(formData, null, 2)));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, FormItem, Button ,Input} from \'uiw\';\n\nconst Demo = () => {\n const [formData, setFormData] = React.useState({});\n const handleSubmit = (_, e) => {\n e && e.preventDefault();\n const fData = new FormData(e.target);\n const data = {};\n fData.forEach((value, key) => { data[key] = value; });\n setFormData(data);\n }\n return (\n <Form onSubmit={handleSubmit} onReset={() => setFormData({})}>\n <FormItem\n label="\u53ef\u9009\u5b57\u6bb5"\n labelFor="item-basic-input"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n >\n <Input id="item-basic-input" name="basic" type="text"/>\n </FormItem>\n <FormItem\n label="\u7528\u6237\u540d"\n labelFor="item-username-input"\n help={(!formData.username \|\| formData.username.length < 8) ? "\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002" : "\u7528\u6237\u540d\u6b63\u786e \u221a "}\n hasError={(!formData.username \|\| formData.username.length < 8)}\n >\n <Input id="item-username-input" name="username" type="text"/>\n </FormItem>\n <FormItem>\n <Button type="success" htmlType="submit"> Submit </Button>\n <Button type="light" htmlType="reset"> Reset </Button>\n </FormItem>\n <pre>\n {JSON.stringify(formData, null, 2)}\n </pre>\n </Form>\n );\n}\nexport default Demo'},633:{name:633,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\n\nvar _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nvar Demo = function Demo() {\n return /#__PURE__/_react["default"].createElement(_uiw.Form, null, /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n inline: true,\n label: "\\u53EF\\u9009\\u5B57\\u6BB5",\n labelFor: "basic-input-inline",\n help: /#__PURE__/_react["default"].createElement("span", null, "\\u5728\\u4E0A\\u9762\\u7684\\u5B57\\u6BB5\\u4E2D\\u8F93\\u5165\\u4E00\\u4E2A\\u503C"),\n onChange: function onChange() {\n console.log(\'TEST::\');\n }\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "basic-input-inline",\n name: "basic",\n type: "text"\n })), /#__PURE__/_react["default"].createElement(_uiw.FormItem, {\n inline: true,\n label: "\\u7528\\u6237\\u540D",\n labelFor: "username-input-inline",\n labelClassName: "username",\n help: "\\u7528\\u6237\\u540D\\u957F\\u5EA6\\u81F3\\u5C11\\u4E3A8\\u4E2A\\u5B57\\u7B26\\u4E32\\u3002",\n hasError: true\n }, /#__PURE__/_react["default"].createElement(_uiw.Input, {\n id: "username-input-inline",\n name: "username",\n type: "text"\n })));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Form, FormItem,Input} from \'uiw\';\n\nconst Demo = () => (\n <Form>\n <FormItem\n inline={true}\n label="\u53ef\u9009\u5b57\u6bb5"\n labelFor="basic-input-inline"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n onChange={() => {\n console.log(\'TEST::\');\n }}\n >\n <Input id="basic-input-inline" name="basic" type="text"/>\n </FormItem>\n <FormItem\n inline={true}\n label="\u7528\u6237\u540d"\n labelFor="username-input-inline"\n labelClassName="username"\n help="\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002"\n hasError={true}\n >\n <Input id="username-input-inline" name="username" type="text"/>\n </FormItem>\n </Form>\n)\nexport default Demo'}},source:"Form \u8868\u5355\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-form/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-form.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-form)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-form.svg?label=@uiw/react-form)](https://npmjs.com/@uiw/react-form)\n\n\u7531\u8f93\u5165\u6846\u3001\u9009\u62e9\u5668\u3001\u5355\u9009\u6846\u3001\u591a\u9009\u6846\u7b49\u63a7\u4ef6\u7ec4\u6210\uff0c\u7528\u4ee5\u6536\u96c6\u3001\u6821\u9a8c\u3001\u63d0\u4ea4\u6570\u636e\u3002\n\n```jsx\nimport { Form, FormItem } from 'uiw';\n// or\nimport { Form, FormItem } from '@uiw/react-form';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\n\nimport React, { useState, useRef } from \"react\";\nimport { Form, Input, Row, Col, Slider, Button, Notify } from 'uiw';\n\nfunction Demo() {\n const form = useRef()\n\n const onSubmit = () => {\n form.current.onSubmit()\n }\n const resetForm = () => {\n form.current.resetForm()\n }\n const getFieldValues = () => {\n console.log('getFieldValues', form.current.getFieldValues())\n }\n\n const setFieldValue=()=>{\n form.current.setFieldValue('name','UIW')\n }\n\n return (\n <div>\n <Form\n ref={form}\n onChange={({ initial, current }) => {\n console.log('onChange', initial, current);\n }}\n onSubmit={({ initial, current }) => {\n if (current.name === initial.name) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5185\u5bb9\u4e3a\u7a7a\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u59d3\u540d\u4e3a\uff1a${current.name}\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n }}\n fields={{\n name: {\n label: '\u59d3\u540d',\n children: <Input placeholder=\"\u8bf7\u8f93\u5165\u59d3\u540d\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.name}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n {JSON.stringify(state.current)}\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n <Button type=\"primary\" onClick={onSubmit} >submit</Button>\n <Button type=\"primary\" onClick={resetForm}>resetForm</Button>\n <Button type=\"primary\" onClick={getFieldValues}>getValues</Button>\n <Button type=\"primary\" onClick={setFieldValue}>setFieldValue</Button>\n </div>\n )\n}\nexport default Demo\n```\n\n### \u81ea\u5b9a\u4e49\u6821\u9a8c\n\n\u4e00\u822c\u6821\u9a8c\u53ef\u4e0d\u9700\u5f15\u5165\u5916\u90e8\u5305\u89e3\u51b3\uff0c\u5982\u679c\u9047\u5230\u5927\u578b\u5de5\u7a0b\u8868\u5355\u6bd4\u8f83\u591a\u7684\u5730\u65b9\u63a8\u8350\u4f7f\u7528 [jquense/yup](https://github.com/jquense/yup)\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Notify, Checkbox, Switch, RadioGroup, Radio, Textarea, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (current.userName.startsWith('u')) {\n errorObj.userName = `\u59d3\u540d ${current.userName} \u4e0d\u80fd\u4ee5 \u2018u\u2019 \u5f00\u5934`;\n }\n if (!current.checkboxOne) {\n errorObj.checkboxOne = '\u4e00\u4e2a\u591a\u9009\u6761\u4ef6 \u4e3a\u5fc5\u586b';\n }\n if (!current.terms) {\n errorObj.terms = '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u59d3\u540d\u4e3a\uff1a${current.userName}\uff0c\u63d0\u4ea4\u5b8c\u6210\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n userName: {\n initialValue: 'uiw',\n label: '\u59d3\u540d',\n children: <Input type=\"text\" />,\n help: '\u4ee5\u201cu\u201d\u5f00\u5934\u7684\u540d\u5b57\u5c06\u5728\u6b64\u5904\u663e\u793a\u9519\u8bef\u4fe1\u606f'\n },\n age: {\n initialValue: '9',\n label: '\u5e74\u9f84',\n children: <Input type=\"number\" />\n },\n checkbox: {\n initialValue: ['\u56db\u5ddd\u83dc'],\n label: '\u9009\u62e9\u4f60\u60f3\u5403\u7684\u83dc',\n children: (\n <Checkbox.Group>\n <div>\u83dc\u7cfb</div>\n <Checkbox value=\"\u56db\u5ddd\u83dc\">\u56db\u5ddd\u83dc</Checkbox>\n <Checkbox value=\"\u6e56\u5317\u83dc\">\u6e56\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u897f\u5317\u83dc\">\u897f\u5317\u83dc</Checkbox>\n <Checkbox value=\"\u65b0\u7586\u83dc\">\u65b0\u7586\u83dc</Checkbox>\n <Checkbox value=\"\u4e1c\u5317\u83dc\">\u4e1c\u5317\u83dc</Checkbox>\n <div style={{ marginTop: 10 }}>\u5bb6\u5e38\u83dc</div>\n <Checkbox value=\"\u7ea2\u70e7\u6b66\u660c\u9c7c\">\u7ea2\u70e7\u6b66\u660c\u9c7c</Checkbox>\n <Checkbox value=\"\u9ebb\u5a46\u8c46\u8150\">\u9ebb\u5a46\u8c46\u8150</Checkbox>\n <Checkbox value=\"\u5317\u4eac\u70e4\u9e2d\">\u5317\u4eac\u70e4\u9e2d</Checkbox>\n </Checkbox.Group>\n )\n },\n checkboxOne: {\n inline: true,\n label: '\u4e00\u4e2a\u591a\u9009\u6761\u4ef6',\n children: <Checkbox value=\"1\">\u56db\u5ddd\u83dc</Checkbox>\n },\n switch: {\n inline: true,\n initialValue: true,\n label: '\u5f00\u542f',\n children: <Switch size=\"small\" />\n },\n radioGroup: {\n inline: true,\n initialValue: '\u7537',\n label: '\u5355\u9009',\n children: (\n <RadioGroup name=\"other\">\n <Radio value=\"\u7537\">\u7537</Radio>\n <Radio value=\"\u5973\">\u5973</Radio>\n <Radio value=\"\u4eba\u5996\" disabled>\u4eba\u5996</Radio>\n <Radio value=\"\u672a\u77e5\">\u672a\u77e5</Radio>\n </RadioGroup>\n )\n },\n textarea: {\n initialValue: '',\n label: '\u591a\u884c\u6587\u672c\u8f93\u5165\u6846',\n children: <Textarea placeholder=\"\u8bf7\u8f93\u5165\u5185\u5bb9\" />\n },\n terms: {\n validator: (currentValue) => {\n return !currentValue ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null;\n },\n style: { marginBottom: 0 },\n children: <Checkbox value=\"1\">\u5df2\u9605\u8bfb\u5e76\u540c\u610f<a href=\"#\">\u670d\u52a1\u6761\u6b3e</a></Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:--\x3e', state);\n return (\n <div style={{ maxWidth: 500 }}>\n <Row gutter={10}>\n <Col>{fields.userName}</Col>\n <Col>{fields.age}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.checkbox}</Col>\n <Col>{fields.checkboxOne}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.radioGroup}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.switch}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.textarea}</Col>\n </Row>\n <Row gutter={10}>\n <Col style={{ padding: '5px 0 10px 0' }}>\n {fields.terms}\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"light\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: '10px 0 0 10px' }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n)\nexport default Demo\n```\n\n### \u6c34\u5e73\u767b\u5f55\u680f\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Row, Col, Notify, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (!current.username) {\n errorObj.username = '\u7528\u6237\u540d\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if (!current.password) {\n errorObj.password = '\u5bc6\u7801\u4e0d\u80fd\u4e3a\u7a7a\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n console.log('--\x3e>', initial, current);\n Notify.success({ title: '\u63d0\u4ea4\u6210\u529f\uff01', description: '\u606d\u559c\u4f60\u767b\u5f55\u6210\u529f\uff01' });\n }}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n fields={{\n username: {\n labelClassName: 'fieldLabel',\n labelFor: 'username-inline',\n children: <Input preIcon=\"user\" id=\"username-inline\" />\n },\n password: {\n labelClassName: 'fieldLabel',\n labelFor: 'password-inline',\n children: <Input preIcon=\"lock\" id=\"password-inline\" type=\"password\" />\n },\n }}\n >\n {({ fields, state, canSubmit, resetForm }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10}>\n <Col fixed>{fields.username}</Col>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row gutter={10}>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <Button type=\"danger\" onClick={resetForm}>\u91cd\u7f6e\u8868\u5355</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n);\nexport default Demo\n```\n\n## \u767b\u5f55\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Row, Col, Checkbox, Notify, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n username: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n labelFor: 'username',\n children: <Input preIcon=\"user\" id=\"username\" />\n },\n password: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n labelFor: 'password',\n children: <Input preIcon=\"lock\" id=\"password\" type=\"password\" />\n },\n terms: {\n validator: (currentValue) => !currentValue ? '\u5fc5\u987b\u7edf\u4e00\u670d\u52a1\u6761\u6b3e' : null,\n children: <Checkbox value=\"1\">\u5df2\u9605\u8bfb\u5e76\u540c\u610f</Checkbox>\n }\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row>\n <Col fixed>{fields.username}</Col>\n </Row>\n <Row>\n <Col fixed>{fields.password}</Col>\n </Row>\n <Row>\n <Col fixed align=\"middle\">{fields.terms}</Col>\n <Col fixed style={{ marginTop: -4 }}><a href=\"#\">\u670d\u52a1\u6761\u6b3e</a></Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n### \u8868\u5355\u63d0\u4ea4\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Input, Select, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n firstName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u59d3\u6c0f',\n children: <Input />\n },\n lastName: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n initialValue: '\u5148\u751f',\n inline: true,\n label: '\u540d\u5b57',\n children: <Input />\n },\n email: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n validator: (currentValue) => {\n return currentValue && currentValue.length < 2 ? 'Password must be 8+ characters' : null;\n },\n inline: true,\n label: 'Email',\n children: <Input />\n },\n select: {\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n inline: true,\n label: '\u9009\u62e9\u5668',\n children: (\n <Select>\n <Select.Option>Choose an item...</Select.Option>\n <Select.Option value=\"1\">One</Select.Option>\n <Select.Option value=\"2\">Two</Select.Option>\n <Select.Option value=\"3\">Three</Select.Option>\n <Select.Option value=\"4\">Four</Select.Option>\n </Select>\n ),\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('fields:', state);\n return (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col>{fields.firstName}</Col>\n <Col>{fields.lastName}</Col>\n </Row>\n <Row gutter={10}>\n <Col>{fields.email}</Col>\n <Col>{fields.select}</Col>\n </Row>\n <Row gutter={10}>\n <Col />\n <Col fixed align=\"bottom\"><Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button></Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n\n### \u81ea\u5b9a\u4e49\u63a7\u4ef6\u5e94\u7528\n\n\u4e0b\u9762\u5b9e\u4f8b\u662f\u5728 [`<Form />`](#/components/form) \u8868\u5355\u7ec4\u4ef6\u4e2d\uff0c\u5e94\u7528\u81ea\u5b9a\u4e49 `<CustomSelect />` \u63a7\u4ef6\u7ec4\u4ef6\u3002\n\n> \u26a0\ufe0f \u6ce8\u610f\uff0c\u81ea\u5b9a\u4e49\u63a7\u4ef6\u9700\u8981\u4e24\u4e2a\u5fc5\u8981\u7684 `props` \u53c2\u6570\uff0c`value` \u548c `onChange`\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n- `value` \u7528\u4e8e\u503c\u4f20\u9012\uff0c\n- `onChange(value)` \u7528\u4e8e\u503c\u53d8\u66f4\u9700\u8981\u6267\u884c\u7684\u56de\u8c03\u51fd\u6570\uff0c\u56de\u8c03\u51fd\u6570\u7b2c\u4e00\u4e2a\u53c2\u6570\u5fc5\u987b\u662f `value`\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, Row, Col, Dropdown, Menu, Icon, Button, Notify } from 'uiw';\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\nfunction CustomSelect(props) {\n const { option = [], onChange } = props;\n const [value, setValue] = React.useState(props.value);\n const [isOpen, setIsOpen] = React.useState(false);\n\n React.useEffect(() => {\n if (value !== props.value) {\n setValue(props.value);\n }\n }, [props.value]);\n const label = option.find(item => value === item.value);\n return (\n <Dropdown\n trigger=\"click\"\n onVisibleChange={(open) => setIsOpen(open)}\n isOpen={isOpen}\n menu={\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => (\n <Menu.Item active={value === item.value} key={idx} text={item.label}\n onClick={() => {\n setValue(item.value);\n setIsOpen(false)\n onChange && onChange(item.value);\n }}\n />\n ))}\n </Menu>\n }\n >\n <Button\n style={{\n boxShadow: 'inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1)'\n }}\n type=\"link\"\n >\n {label.label}<Icon type={isOpen ? 'up' : 'down'} />\n </Button>\n </Dropdown>\n );\n}\n\n// \u81ea\u5b9a\u4e49\u7ec4\u4ef6\u5e94\u7528\u5b9e\u4f8b\nconst Demo = () => (\n <div>\n <Form\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n console.log('~~~', current);\n const errorObj = {};\n if (!current.select) {\n errorObj.select = '\u5185\u5bb9\u4e3a\u7a7a\uff0c\u8bf7\u8f93\u5165\u5185\u5bb9';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5185\u5bb9\u4e3a\uff1a${current.select}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }}\n fields={{\n select: {\n initialValue: 0,\n children: (\n <CustomSelect option={[\n { label: '\u8bf7\u9009\u62e9', value: 0 },\n { label: '\u7ecf\u6d4e\u8231', value: 1 },\n { label: '\u8c6a\u534e\u7ecf\u6d4e\u8231', value: 2 },\n { label: '\u5546\u52a1\u8231', value: 3 },\n { label: '\u5934\u7b49\u8231', value: 4 },\n ]} />\n )\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col style={{ maxWidth: 300 }}>{fields.select}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nexport default Demo\n```\n\n### FormItem \u7ad6\u6392\n\n\u5bf9\u7ec4\u4ef6 `FormItem` \u7ad6\u6392\u5c55\u793a\u793a\u4f8b\u3002\n\n> \u26a0\ufe0f \u6ce8\u610f\uff1a`FormItem` \u7ec4\u4ef6\u53ea\u5728 `Form` \u7ec4\u4ef6\u4e2d\u4f7f\u7528\uff0c\u5728 `@v4.10.4+` \u4ee5\u4e0a\u7248\u672c\u53ef\u4ee5\u5f53\u666e\u901a `form` \u4f7f\u7528\u3002\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, FormItem, Button ,Input} from 'uiw';\n\nconst Demo = () => {\n const [formData, setFormData] = React.useState({});\n const handleSubmit = (_, e) => {\n e && e.preventDefault();\n const fData = new FormData(e.target);\n const data = {};\n fData.forEach((value, key) => { data[key] = value; });\n setFormData(data);\n }\n return (\n <Form onSubmit={handleSubmit} onReset={() => setFormData({})}>\n <FormItem\n label=\"\u53ef\u9009\u5b57\u6bb5\"\n labelFor=\"item-basic-input\"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n >\n <Input id=\"item-basic-input\" name=\"basic\" type=\"text\"/>\n </FormItem>\n <FormItem\n label=\"\u7528\u6237\u540d\"\n labelFor=\"item-username-input\"\n help={(!formData.username \|\| formData.username.length < 8) ? \"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002\" : \"\u7528\u6237\u540d\u6b63\u786e \u221a \"}\n hasError={(!formData.username \|\| formData.username.length < 8)}\n >\n <Input id=\"item-username-input\" name=\"username\" type=\"text\"/>\n </FormItem>\n <FormItem>\n <Button type=\"success\" htmlType=\"submit\"> Submit </Button>\n <Button type=\"light\" htmlType=\"reset\"> Reset </Button>\n </FormItem>\n <pre>\n {JSON.stringify(formData, null, 2)}\n </pre>\n </Form>\n );\n}\nexport default Demo\n```\n\n### FormItem \u6a2a\u6392\n\n\u5bf9\u7ec4\u4ef6 `FormItem` \u6a2a\u6392\u5c55\u793a\u793a\u4f8b\u3002\n\n> \u26a0\ufe0f \u6ce8\u610f\uff1a`FormItem` \u7ec4\u4ef6\u53ea\u5728 `Form` \u7ec4\u4ef6\u4e2d\u4f7f\u7528\uff0c\u5728 `@v4.10.4+` \u4ee5\u4e0a\u7248\u672c\u53ef\u4ee5\u5f53\u666e\u901a `form` \u4f7f\u7528\u3002\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, FormItem,Input} from 'uiw';\n\nconst Demo = () => (\n <Form>\n <FormItem\n inline={true}\n label=\"\u53ef\u9009\u5b57\u6bb5\"\n labelFor=\"basic-input-inline\"\n help={<span>\u5728\u4e0a\u9762\u7684\u5b57\u6bb5\u4e2d\u8f93\u5165\u4e00\u4e2a\u503c</span>}\n onChange={() => {\n console.log('TEST::');\n }}\n >\n <Input id=\"basic-input-inline\" name=\"basic\" type=\"text\"/>\n </FormItem>\n <FormItem\n inline={true}\n label=\"\u7528\u6237\u540d\"\n labelFor=\"username-input-inline\"\n labelClassName=\"username\"\n help=\"\u7528\u6237\u540d\u957f\u5ea6\u81f3\u5c11\u4e3a8\u4e2a\u5b57\u7b26\u4e32\u3002\"\n hasError={true}\n >\n <Input id=\"username-input-inline\" name=\"username\" type=\"text\"/>\n </FormItem>\n </Form>\n)\nexport default Demo\n```\n\n## Form\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| fields \| \u8bbe\u7f6e\u5b57\u6bb5 \| object \| - \|\n\| children \| \u56de\u8c03 {`fields`, `state`, `canSubmit`, `resetForm`} \| function \| - \|\n\| onSubmit \| \u63d0\u4ea4\u8868\u5355\u65f6\u8c03\u7528 \| `(state: FormSubmitProps, event: React.FormEvent) => any` \| - \|\n\| afterSubmit `@3.0.0+` \| \u63d0\u4ea4\u56de\u8c03 {`initial`, `current`} \| function({ initial, current }) \| - \|\n\| onChange \| \u8868\u5355\u53d1\u751f\u6539\u53d8\u56de\u8c03\u51fd\u6570 {`initial`, `current`} \| function({ initial, current }) \| - \|\n\| onSubmitError \| \u8c03\u7528 `onSubmit` \u629b\u51fa\u7684\u4efb\u4f55\u9519\u8bef\u3002\u4ece\u5b57\u6bb5\u540d\u79f0\u8fd4\u56de\u5bf9\u8c61\u6620\u5c04\u3002 \| function \| - \|\n\| resetOnSubmit \| \u5728 `onSubmit` \u6210\u529f\u540e\u5c06\u8868\u5355\u91cd\u7f6e\u4e3a\u5176\u521d\u59cb\u72b6\u6001\u3002\| bool \| `true` \|\n\| ref \| \u8fd4\u56deform\u5404\u79cd\u5185\u90e8\u51fd\u6570,\u53ef\u7528\u4e8e\u4e3b\u52a8\u89e6\u53d1\u4e8b\u4ef6 \| Ref \| - \|\n\n\n#### fields\n\n```js\n{\n firstName: {\n initialValue: '\u738b',\n inline: true,\n label: '\u59d3',\n labelClassName: 'fieldLabel',\n labelStyle: { width: 60 },\n // \u9a8c\u8bc1\uff0c\u901a\u8fc7 `canSubmit()` \u65b9\u6cd5\u83b7\u5f97\uff0c\u63d0\u4ea4\u6309\u94ae\u662f\u5426\u88ab\u7981\u7528\n validator: (currentValue) => {},\n help: '\u5e2e\u52a9\u63d0\u793a\u4fe1\u606f\uff01',\n children: <Input type=\"number\" />\n },\n}\n```\n\n#### ref\n\n```jsx\n const form = useRef()\n render(<Form ref={form}/>)\n```\n\n```js\n form.current.onSubmit() // \u63d0\u4ea4\u8868\u5355\n form.current.resetForm() // \u91cd\u7f6eform\n const fieldValues = form.current.getFieldValues() // \u83b7\u53d6\u6240\u6709 field\u7684 value\u5bf9\u8c61\n const error = form.current.getError() // \u83b7\u53d6\u6240\u6709\u63d0\u4ea4\u65f6\u9a8c\u8bc1\u9519\u8bef\n form.current.setFields({ / [fieldName]: value / }) // \u8bbe\u7f6e\u8868\u5355\u7684\u503c,\u8986\u76d6 form\u6240\u6709 field\u7684\u503c\n form.current.setFieldValue(fieldName, value) // \u5bf9\u5355\u4e2a field\u8bbe\u7f6e value,\u5982\u679c value\u4e3a\u6570\u7ec4\u8bf7\u81ea\u884c\u6df1\u5ea6\u62f7\u8d1d\u540e\u4f20\u503c,\u4ee5\u514d\u7834\u574f\u539f\u6570\u7ec4\n```\n\n## FormItem\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| label \| \u8868\u5355\u6807\u9898\u5c55\u793a \| string \| - \|\n\| required \| \u8868\u5355\u662f\u5426\u5fc5\u586b\u6807\u8bc6 \| boolean \| - \|\n\| labelClassName \| \u8868\u5355\u6807\u9898\u6837\u5f0f\u540d\u79f0 \| string \| - \|\n\| labelStyle \| \u8868\u5355\u6807\u9898\u6837\u5f0f \| object \| - \|\n\| labelFor \| \u5217\u7684\u5bbd\u5ea6\u76f8\u5bf9\u4e8e\u540c\u4e00\u7f51\u683c\u4e2d\u5176\u4ed6\u5217\u7684\u6bd4\u7387 \| number \| - \|\n\| help \| \u63d0\u793a\u4fe1\u606f \| ReactNode \| - \|\n\| hasError \| \u5982\u679c\u4e3atrue\uff0c\u5219\u5e94\u7528\u9519\u8befCSS\u3002\u8f6c\u52a8\u8fb9\u6846\u5e76\u5e2e\u52a9\u6587\u5b57\u53d8\u7ea2\u3002 \| number \| - \|\n"}}}]);
2	+ //# sourceMappingURL=7655.67268587.chunk.js.map