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

package/web/static/js/6835.48c52b5a.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6835],{4934:function(e){function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=function(){return[]},t.resolve=t,t.id=4934,e.exports=t},270:function(e,t,n){"use strict";n.d(t,{Z:function(){return C}});var r=n(189),o=n(3782),i=n(5726),c=n(5752),s=n(6796),a=n(6135),d=n.n(a),l=n(2029),u=n(8133),p=n(9265),f=["version","codePen","codeSandbox"],h=function(e,t){var n=(t||[]).join("|");return e.replace(/import([\s\S]*?)(?=['"])['"].*['"]( *;|;)?/gm,(function(e){return n&&new RegExp("from\\s+['\"](".concat(n,")['\"](s.+)?;?")).test(e)?e:"/** ".concat(e," **/")}))};function m(e){var t=e.version,n=e.codePen,i=e.codeSandbox,c=(0,o.Z)(e,f),a=(0,r.Z)({},c),m=(0,u.useRef)(null),x=[];if(n){var v={title:"uiw".concat(t," - demo"),js:"".concat(h(a.text||"",["uiw"]).replace("export default","const APP_Default = "),'\nReactDOM.createRoot(document.getElementById("container")).render(<APP_Default />)'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(t,"/dist/uiw.min.css"),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@".concat(t,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")};x.push((0,p.jsx)(d(),(0,r.Z)((0,r.Z)({},v),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{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","p-id":"2071"})})}),"Codepen"))}if(i){var g={files:{"sandbox.config.json":{content:'{\n            "template": "node",\n            "container": {\n              "startScript": "start",\n              "node": "14"\n            }\n          }'},"public/index.html":{content:'<div id="container"></div>'},"src/app.js":{content:a.text},"src/index.js":{content:'import React from "react";\nimport ReactClient from "react-dom/client";\nimport App from "./app";\nReactClient.createRoot(document.getElementById("container")).render(<App />);'},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(t," - demo"),dependencies:{react:"18.1.0","react-dom":"18.1.0",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}};x.push((0,p.jsx)(l.Z,(0,r.Z)((0,r.Z)({},g),{},{children:(0,p.jsx)("svg",{style:{fill:"currentcolor"},viewBox:"0 0 1024 1024",width:"18",height:"18",children:(0,p.jsx)("path",{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","p-id":"4089"})})}),"Codesandbox"))}return(0,p.jsx)(s.Z,(0,r.Z)((0,r.Z)({},a),{},{ref:m,toolbarExtra:(0,p.jsx)(u.Fragment,{children:x})}))}var x=n(2814),v=n(2251);function g(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.path,n=(0,v.$)(),r=n.t,o=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,p.jsxs)(u.Fragment,{children:[r("footer.greeting"),o&&(0,p.jsx)("a",{href:o,target:"_blank",rel:"noopener noreferrer",children:r("footer.greetLinkText")}),(0,p.jsx)("br",{}),(0,p.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:r("footer.issues")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:r("footer.bug")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:r("footer.github")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:r("footer.kkt")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:r("footer.kkt_ssr")}),(0,p.jsx)(x.Divider,{type:"vertical"}),(0,p.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:r("footer.io")})]})}var j="index_docinfo__3Vx8S",k="index_markdown__hcQCp",b=n(7946),w=n(3369),Z=["inline","node"],_=["data-meta","noPreview","noScroll","bgWhite","noCode","codePen","codeSandboxOption","codeSandbox","bordered"];function C(e){var t=e.renderPage,n=e.path,s=(0,b.Z)(t),a=s.mdData,d=s.loading,l=c.i8||"2.0.0";return a.source?(0,p.jsxs)("div",{children:[(0,p.jsx)(x.Loader,{style:{width:"100%"},loading:d,tip:"loading...",children:(0,p.jsx)("div",{children:(0,p.jsx)(i.Z,{source:a.source,className:k,components:{code:function(e){var t,n=e.inline,i=e.node,c=(0,o.Z)(e,Z),s=c["data-meta"],d=(c.noPreview,c.noScroll,c.bgWhite,c.noCode),u=(c.codePen,c.codeSandboxOption,c.codeSandbox,c.bordered,(0,o.Z)(c,_));if(n||!(0,w.pN)(s))return(0,p.jsx)("code",(0,r.Z)({},u));var f=null===(t=i.position)||void 0===t?void 0:t.start.line,h=(0,w.Mx)(s)||String(f),x=a.components["".concat(h)],v=(0,w.aE)(s);if(h&&"function"===typeof x){var g=a.data[h].value||"";return(0,p.jsx)(m,{toolbar:v.title||"\u793a\u4f8b\u5c55\u793a",disableToolbar:d,codePen:v.codePen,codeSandbox:v.codeSandbox,disableCheckered:!!v.disableCheckered,background:v.background,version:l,code:(0,p.jsx)("pre",{children:(0,p.jsx)("code",(0,r.Z)({},u))}),text:g,children:(0,p.jsx)(x,{})})}return(0,p.jsx)("code",(0,r.Z)({},u))}}})})}),(0,p.jsx)("div",{className:j,children:(0,p.jsx)(g,{path:n})})]}):null}},7946:function(e,t,n){"use strict";n.d(t,{A:function(){return d}});var r=n(1092),o=n(7791),i=n(1026),c=n(8133),s=n(2251),a=n(3208),d=function(){var e=(0,s.$)().i18n;return e.language===a.X?"":"."+e.language};t.Z=function(e){var t=(0,c.useState)({source:"",components:{},data:{}}),n=(0,i.Z)(t,2),s=n[0],a=n[1],l=d(),u=(0,c.useState)(!1),p=(0,i.Z)(u,2),f=p[0],h=p[1];return(0,c.useEffect)((function(){var t=function(){var t=(0,o.Z)((0,r.Z)().mark((function t(){var n;return(0,r.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!e){t.next=13;break}return h((function(){return!0})),t.prev=2,t.next=5,e(l);case 5:(n=t.sent)&&a(n),t.next=12;break;case 9:t.prev=9,t.t0=t.catch(2),console.warn(t.t0);case 12:h((function(){return!1}));case 13:case"end":return t.stop()}}),t,null,[[2,9]])})));return function(){return t.apply(this,arguments)}}();t()}),[l]),{mdData:s,loading:f}}},3641:function(e,t,n){"use strict";n.r(t);var r=n(1092),o=n(7791),i=n(8133),c=n(2814),s=n(270),a=n(9265);t.default=function(){return(0,a.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-cascader/README.md",dependencies:{Form:c.Form,Row:c.Row,Col:c.Col,React:i,Cascader:c.Cascader,Button:c.Button},renderPage:(0,o.Z)((0,r.Z)().mark((function e(){var t;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(498).then(n.bind(n,498));case 2:return t=e.sent,e.abrupt("return",t.default||t);case 4:case"end":return e.stop()}}),e)})))})}}}]);
+//# sourceMappingURL=6835.48c52b5a.chunk.js.map

package/web/static/js/6835.48c52b5a.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6835.48c52b5a.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/cascader/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 { Form, Row, Col, Cascader, Button } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n  <Markdown\n    path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-cascader/README.md\"\n    dependencies={{ Form, Row, Col, React, Cascader, Button }}\n    renderPage={async () => {\n      const md = await import('uiw/node_modules/@uiw/react-cascader/README.md');\n      return md.default || md;\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","Form","Row","Col","React","Cascader","Button","md","default"],"sourceRoot":""}

package/web/static/js/6889.9760ee32.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6889],{6889:function(e,n,t){t.r(n),n.default={components:{18:function(){var e,n=(e=t(8133))&&e.__esModule?e:{default:e},r=t(2814);function a(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,a,o=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(o.push(r.value),!n||o.length!==n);i=!0);}catch(u){l=!0,a=u}finally{try{i||null==t.return||t.return()}finally{if(l)throw a}}return o}(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}return function(){var e=a(n.default.useState("2019/04"),2),t=e[0],o=e[1];return n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{width:200},fixed:!0},n.default.createElement(r.MonthPicker,{size:"large",onChange:function(e,n){o(n)},placeholder:"Select month"})),n.default.createElement(r.Col,{style:{width:200},fixed:!0},n.default.createElement(r.MonthPicker,{disabled:!0,value:t,placeholder:"Select month"})))}}(),43: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;t.date?r.Notify.success({title:"\u63d0\u4ea4\u6210\u529f\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date)}):r.Notify.error({title:"\u63d0\u4ea4\u5931\u8d25\uff01",description:"\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a".concat(t.date,"\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01")}),console.log("--\x3e>",n,t)},fields:{date:{labelClassName:"fieldLabel",labelFor:"date-inline",children:n.default.createElement(r.MonthPicker,{id:"date-inline"})}}},(function(e){var t=e.fields,a=(e.state,e.canSubmit);return n.default.createElement(r.Row,{gutter:10},n.default.createElement(r.Col,{style:{width:200},fixed:!0},t.date),n.default.createElement(r.Col,null,n.default.createElement(r.Button,{disabled:!a(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4")))})))}}()},data:{18:{name:18,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(\'2019/04\'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      formatDate = _React$useState2[0],\n      setFormatDate = _React$useState2[1];\n\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate);\n  }\n\n  return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n    size: "large",\n    onChange: onChange,\n    placeholder: "Select month"\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n    disabled: true,\n    value: formatDate,\n    placeholder: "Select month"\n  })));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n  const [formatDate, setFormatDate] = React.useState('2019/04')\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate)\n  }\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo"},43:{name:43,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\n      if (current.date) {\n        _uiw.Notify.success({\n          title: \'\u63d0\u4ea4\u6210\u529f\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date)\n        });\n      } else {\n        _uiw.Notify.error({\n          title: \'\u63d0\u4ea4\u5931\u8d25\uff01\',\n          description: "\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A".concat(current.date, "\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01")\n        });\n      }\n\n      console.log(\'--\x3e>\', initial, current);\n    },\n    fields: {\n      date: {\n        labelClassName: \'fieldLabel\',\n        labelFor: \'date-inline\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.MonthPicker, {\n          id: "date-inline"\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(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, {\n      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date), /*#__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")));\n  }));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmit={({initial, current}) => {\n        if(current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }\n        console.log('--\x3e>', initial, current);\n      }}\n      fields={{\n        date: {\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <MonthPicker id=\"date-inline\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <Row gutter={10}>\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo"}},source:"MonthPicker \u6708\u4efd\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\n\n\u6a21\u6001\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { MonthPicker } from 'uiw';\n// or\nimport MonthPicker from '@uiw/react-month-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n  const [formatDate, setFormatDate] = React.useState('2019/04')\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate)\n  }\n  return (\n    <Row gutter={10}>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n      </Col>\n      <Col style={{ width: 200 }} fixed>\n        <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n      </Col>\n    </Row>\n  )\n}\nexport default Demo\n```\n\n## \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from 'react';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n  <div>\n    <Form\n      onSubmit={({initial, current}) => {\n        if(current.date) {\n          Notify.success({\n            title: '\u63d0\u4ea4\u6210\u529f\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n          });\n        } else {\n          Notify.error({\n            title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n            description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n          });\n        }\n        console.log('--\x3e>', initial, current);\n      }}\n      fields={{\n        date: {\n          labelClassName: 'fieldLabel',\n          labelFor: 'date-inline',\n          children: <MonthPicker id=\"date-inline\" />\n        },\n      }}\n    >\n      {({ fields, state, canSubmit }) => {\n        return (\n          <Row gutter={10}>\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\n            <Col>\n              <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n            </Col>\n          </Row>\n        )\n      }}\n    </Form>\n  </div>\n)\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u521d\u59cb\u65f6\u95f4\u503c | Date | - |\n| placeholder | \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 | String | - |\n| allowClear | \u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae | Boolean | true |\n| format | \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`formatter`](#/components/formatter) \u6587\u6863 | String | `YYYY/MM/DD` |\n| onChange | \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 | Function(Date, formatDate) | - |\n| popoverProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 | Object | - |\n| pickerCaptionProps | \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<DatePicker>`](#/components/date-picker) `PickerCaption` \u7ec4\u4ef6 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\n| disabled | \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 | Boolean | - |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002\n"}}}]);
+//# sourceMappingURL=6889.9760ee32.chunk.js.map

package/web/static/js/6889.9760ee32.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6889.9760ee32.chunk.js","mappings":"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","sources":["../../packages/react-month-picker/README.md"],"sourcesContent":["\nexport default {\n    components: { 18: (function() { \"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('2019/04'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      formatDate = _React$useState2[0],\n      setFormatDate = _React$useState2[1];\n\n  function onChange(date, formatDate) {\n    setFormatDate(formatDate);\n  }\n\n  return /*#__PURE__*/_react[\"default\"].createElement(_uiw.Row, {\n    gutter: 10\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n    size: \"large\",\n    onChange: onChange,\n    placeholder: \"Select month\"\n  })), /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n    style: {\n      width: 200\n    },\n    fixed: true\n  }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n    disabled: true,\n    value: formatDate,\n    placeholder: \"Select month\"\n  })));\n};\n\nreturn Demo; })(),43: (function() { \"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\n      if (current.date) {\n        _uiw.Notify.success({\n          title: '提交成功！',\n          description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(current.date)\n        });\n      } else {\n        _uiw.Notify.error({\n          title: '提交失败！',\n          description: \"\\u8868\\u5355\\u63D0\\u4EA4\\u65F6\\u95F4\\u6210\\u529F\\uFF0C\\u65F6\\u95F4\\u4E3A\\uFF1A\".concat(current.date, \"\\uFF0C\\u5C06\\u81EA\\u52A8\\u586B\\u5145\\u521D\\u59CB\\u5316\\u503C\\uFF01\")\n        });\n      }\n\n      console.log('-->>', initial, current);\n    },\n    fields: {\n      date: {\n        labelClassName: 'fieldLabel',\n        labelFor: 'date-inline',\n        children: /*#__PURE__*/_react[\"default\"].createElement(_uiw.MonthPicker, {\n          id: \"date-inline\"\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(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react[\"default\"].createElement(_uiw.Col, {\n      style: {\n        width: 200\n      },\n      fixed: true\n    }, fields.date), /*#__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\")));\n  }));\n};\n\nreturn Demo; })(), },\n    data: {\n  \"18\": {\n    \"name\": 18,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"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('2019/04'),\\n      _React$useState2 = _slicedToArray(_React$useState, 2),\\n      formatDate = _React$useState2[0],\\n      setFormatDate = _React$useState2[1];\\n\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate);\\n  }\\n\\n  return /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Row, {\\n    gutter: 10\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      width: 200\\n    },\\n    fixed: true\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n    size: \\\"large\\\",\\n    onChange: onChange,\\n    placeholder: \\\"Select month\\\"\\n  })), /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n    style: {\\n      width: 200\\n    },\\n    fixed: true\\n  }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n    disabled: true,\\n    value: formatDate,\\n    placeholder: \\\"Select month\\\"\\n  })));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const [formatDate, setFormatDate] = React.useState('2019/04')\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate)\\n  }\\n  return (\\n    <Row gutter={10}>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n      </Col>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n      </Col>\\n    </Row>\\n  )\\n}\\nexport default Demo\"\n  },\n  \"43\": {\n    \"name\": 43,\n    \"meta\": {\n      \"background\": \"#fff\",\n      \"codeSandbox\": \"true\",\n      \"codePen\": \"true\"\n    },\n    \"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\\n      if (current.date) {\\n        _uiw.Notify.success({\\n          title: '提交成功！',\\n          description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(current.date)\\n        });\\n      } else {\\n        _uiw.Notify.error({\\n          title: '提交失败！',\\n          description: \\\"\\\\u8868\\\\u5355\\\\u63D0\\\\u4EA4\\\\u65F6\\\\u95F4\\\\u6210\\\\u529F\\\\uFF0C\\\\u65F6\\\\u95F4\\\\u4E3A\\\\uFF1A\\\".concat(current.date, \\\"\\\\uFF0C\\\\u5C06\\\\u81EA\\\\u52A8\\\\u586B\\\\u5145\\\\u521D\\\\u59CB\\\\u5316\\\\u503C\\\\uFF01\\\")\\n        });\\n      }\\n\\n      console.log('-->>', initial, current);\\n    },\\n    fields: {\\n      date: {\\n        labelClassName: 'fieldLabel',\\n        labelFor: 'date-inline',\\n        children: /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.MonthPicker, {\\n          id: \\\"date-inline\\\"\\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(_uiw.Row, {\\n      gutter: 10\\n    }, /*#__PURE__*/_react[\\\"default\\\"].createElement(_uiw.Col, {\\n      style: {\\n        width: 200\\n      },\\n      fixed: true\\n    }, fields.date), /*#__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\\\")));\\n  }));\\n};\\n\\nreturn Demo;\",\n    \"language\": \"jsx\",\n    \"value\": \"import React from 'react';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n        if(current.date) {\\n          Notify.success({\\n            title: '提交成功！',\\n            description: `表单提交时间成功，时间为：${current.date}`,\\n          });\\n        } else {\\n          Notify.error({\\n            title: '提交失败！',\\n            description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n          });\\n        }\\n        console.log('-->>', initial, current);\\n      }}\\n      fields={{\\n        date: {\\n          labelClassName: 'fieldLabel',\\n          labelFor: 'date-inline',\\n          children: <MonthPicker id=\\\"date-inline\\\" />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <Row gutter={10}>\\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n            <Col>\\n              <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n            </Col>\\n          </Row>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nexport default Demo\"\n  }\n},\n    source: \"MonthPicker 月份选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\\n\\n模态对话框。\\n\\n```jsx\\nimport { MonthPicker } from 'uiw';\\n// or\\nimport MonthPicker from '@uiw/react-month-picker';\\n```\\n\\n### 基础用法\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n  const [formatDate, setFormatDate] = React.useState('2019/04')\\n  function onChange(date, formatDate) {\\n    setFormatDate(formatDate)\\n  }\\n  return (\\n    <Row gutter={10}>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n      </Col>\\n      <Col style={{ width: 200 }} fixed>\\n        <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n      </Col>\\n    </Row>\\n  )\\n}\\nexport default Demo\\n```\\n\\n## 在表单中使用\\n\\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\\nimport React from 'react';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n  <div>\\n    <Form\\n      onSubmit={({initial, current}) => {\\n        if(current.date) {\\n          Notify.success({\\n            title: '提交成功！',\\n            description: `表单提交时间成功，时间为：${current.date}`,\\n          });\\n        } else {\\n          Notify.error({\\n            title: '提交失败！',\\n            description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n          });\\n        }\\n        console.log('-->>', initial, current);\\n      }}\\n      fields={{\\n        date: {\\n          labelClassName: 'fieldLabel',\\n          labelFor: 'date-inline',\\n          children: <MonthPicker id=\\\"date-inline\\\" />\\n        },\\n      }}\\n    >\\n      {({ fields, state, canSubmit }) => {\\n        return (\\n          <Row gutter={10}>\\n            <Col style={{ width: 200 }} fixed>{fields.date}</Col>\\n            <Col>\\n              <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n            </Col>\\n          </Row>\\n        )\\n      }}\\n    </Form>\\n  </div>\\n)\\nexport default Demo\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 初始时间值 | Date | - |\\n| placeholder | 输入框提示文字 | String | - |\\n| allowClear | 是否显示清除按钮 | Boolean | true |\\n| format | 格式化时间，规则查看 [`formatter`](#/components/formatter) 文档 | String | `YYYY/MM/DD` |\\n| onChange | 选择一天时调用。 | Function(Date, formatDate) | - |\\n| popoverProps | 将参数传递给内部 [`<Popover>`](#/components/popover) 组件 | Object | - |\\n| pickerCaptionProps | 将参数传递给内部 [`<DatePicker>`](#/components/date-picker) `PickerCaption` 组件 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\\n| disabled | 组件 [`<Input>`](#/components/input) 的属性，禁用日历 | Boolean | - |\\n\\n更多属性文档请参考 [`<Input>`](#/components/input)。\\n\"\n  }"],"names":["components","obj","_react","__esModule","_uiw","_slicedToArray","arr","i","Array","isArray","_arrayWithHoles","_i","Symbol","iterator","_s","_e","_arr","_n","_d","call","next","done","push","value","length","err","_iterableToArrayLimit","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","slice","constructor","name","from","test","_unsupportedIterableToArray","TypeError","_nonIterableRest","len","arr2","_React$useState2","useState","formatDate","setFormatDate","createElement","Row","gutter","Col","style","width","fixed","MonthPicker","size","onChange","date","placeholder","disabled","Form","onSubmit","_ref","initial","current","Notify","success","title","description","concat","error","console","log","fields","labelClassName","labelFor","children","id","_ref2","canSubmit","state","Button","type","htmlType","data","source"],"sourceRoot":""}

package/web/static/js/6929.9dccfc47.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6929],{6929:function(n,t,i){i.r(t),t.default={components:{},data:{},source:'# \u5feb\u901f\u4e0a\u624b\n\n![Build uiw](https://github.com/uiwjs/uiw/workflows/Build%20uiw/badge.svg) [![](https://img.shields.io/github/issues/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/issues) [![](https://img.shields.io/github/forks/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/network) [![](https://img.shields.io/github/stars/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/stargazers) [![](https://img.shields.io/github/release/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/releases) [![Packagist](https://img.shields.io/dub/l/vibe-d.svg)](https://github.com/uiwjs/uiw) [![Packagist](https://img.shields.io/npm/v/uiw.svg)](https://www.npmjs.com/package/uiw) [![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest)\n\n## \u5b89\u88c5\n\n\u4f7f\u7528 npm \u6216 yarn \u5b89\u88c5\n\n```bash\n$ npm i uiw\n# or Use yarn\n$ yarn add uiw\n```\n\n\u60a8\u53ef\u4ee5\u4f7f\u7528 [`kkt`](https://github.com/kktjs/kkt) \u672c\u5730\u5feb\u901f\u521b\u5efa\u4e00\u4e2a react + uiw \u9879\u76ee\u3002\n\n```bash\n$ npx create-kkt my-app -e uiw\n```\n\n### \u901a\u8fc7 CodeSandbox \u5feb\u901f\u4f53\u9a8c\n\n\u8fd9\u662f\u4e00\u4e2a\u6700\u7b80\u5355\u7684 uiw \u7ec4\u4ef6\u7684\u5728\u7ebf [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe?file=/src/index.tsx) [\u6f14\u793a](https://codesandbox.io/embed/uiw-reproduction-template-luqhe)\u3002\n\n<iframe\n  src="https://codesandbox.io/embed/uiw-reproduction-template-luqhe?autoresize=1&fontsize=14&hidenavigation=1&theme=dark"\n  style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;"\n  title="antd reproduction template"\n  allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb"\n  sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"\n/>\n\n\u8bbf\u95ee https://codesandbox.io/embed/uiw-reproduction-template-luqhe \u521b\u5efa\u4e00\u4e2a [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe) \u7684\u5728\u7ebf\u793a\u4f8b\uff0c\u522b\u5fd8\u4e86\u4fdd\u5b58\u4ee5\u521b\u5efa\u4e00\u4e2a\u65b0\u7684\u5b9e\u4f8b\u3002\n\n### \u6d4f\u89c8\u5668\u5f15\u5165\n\n\u5728\u6d4f\u89c8\u5668\u4e2d\u4f7f\u7528 `script` \u548c `link` \u6807\u7b7e\u76f4\u63a5\u5f15\u5165\u6587\u4ef6\uff0c\u5e76\u4f7f\u7528\u5168\u5c40\u53d8\u91cf uiw\u3002\n\n\u6211\u4eec\u5728 [`npm`](https://www.npmjs.com/package/uiw) \u53d1\u5e03\u5305\u5185\u7684 `uiw/dist` \u76ee\u5f55\u4e0b\u63d0\u4f9b\u4e86 `uiw.js` `uiw.css` \u4ee5\u53ca `uiw.min.js` `uiw.min.css`\u3002\u4f60\u4e5f\u53ef\u4ee5\u901a\u8fc7 [UNPKG](https://unpkg.com/uiw/dist/) \u8fdb\u884c\u4e0b\u8f7d\u3002\n\n> \u26a0\ufe0f \u5f3a\u70c8\u4e0d\u63a8\u8350\u4f7f\u7528\u5df2\u6784\u5efa\u6587\u4ef6\uff0c\u8fd9\u6837\u65e0\u6cd5\u6309\u9700\u52a0\u8f7d\u3002  \n> \u26a0\ufe0f \u6d4f\u89c8\u5668\u5f15\u5165\u53ea\u5728 uiw v2.x \u4ee5\u4e0a\u7684\u7248\u672c\u652f\u6301\u3002\n\n### \u5b89\u88c5 [**v1.x**](https://unpkg.com/uiw@1.16.19/dist/index.html#/cn/quick-start) \u65e7\u7248\u672c\n\n> \u26a0\ufe0f `v1.x` \u4e0d\u53ef\u4ee5\u5347\u7ea7\u5230 `v2.x`\uff0c`v2`\u662f\u5bf9 v1 \u7684\u91cd\u6784\u548c\u7b80\u5316\n\n\u5b89\u88c5 [**`v1.x`**](https://unpkg.com/uiw/dist/index.html#/cn/quick-start) \u7248\u672c\n\n```bash\nnpm install uiw --save\n\n## \u901a\u8fc7 GitHub \u4ed3\u5e93\u5b89\u88c5\nnpm i -S uiwjs/uiw\n# \u6307\u5b9a\u7248\u672c\nnpm i -S uiwjs/uiw#v1.16.19\n# \u6216\u8005\nyarn add uiwjs/uiw\n```\n\n> **\u901a\u8fc7 GitHub \u4ed3\u5e93\u5b89\u88c5**\u7684 `win` \u7528\u6237\u8bf7\u5728 `Git Bash` \u4e0b\u6267\u884c\uff0c\u56e0\u4e3a\u9700\u8981\u7528\u5230 `git`\u3002\n\n### \u5347\u7ea7 v4\n\n1. \u4ece @4.x \u5f00\u59cb\u6bcf\u4e2a\u7ec4\u4ef6\u90fd\u53ef\u4ee5\u72ec\u7acb\u4f7f\u7528\u3002\n2. \u4ee3\u7801\u4f18\u5316\u90e8\u5206\u7ec4\u4ef6 Class \u7ec4\u4ef6\u8f6c\u6362\u6210 \u51fd\u6570\u7ec4\u4ef6\uff0c\u7f16\u8bd1\u4e4b\u540e\u4f53\u79ef\u5927\u5e45\u7f29\u5c0f\u3002\n3. \u8ddf\u8fdb React 16 \u5e9f\u5f03\u751f\u547d\u5468\u671f API\u3002\n4. \u91cd\u6784\u901a\u8fc7 useMemo \u8fdb\u884c\u6027\u80fd\u4f18\u5316\u3002\n\n### \u5347\u7ea7 v3\n\n1. \u57fa\u4e8e TypeScript \u91cd\u6784\u3002\n2. v2 \u57fa\u672c\u65e0\u538b\u529b\u5347\u7ea7\u5230 v3\u3002\n3. \u4e00\u4e9b\u7ec4\u4ef6\u4f18\u5316\u3002\n\n### \u5347\u7ea7 v2.x\n\n1. \u4f18\u5316\u5927\u90e8\u5206\u7ec4\u4ef6\uff0c\u8ba9\u7ec4\u4ef6\u53d8\u5f97\u66f4\u5c0f\u66f4\u7b80\u5355\u3002\n2. \u5220\u9664\u5927\u90e8\u5206\u7ec4\u4ef6\u5197\u4f59\u529f\u80fd\uff0c\u76f4\u63a5\u4f7f\u7528\u6837\u5f0f\u5c31\u53ef\u4ee5\u5c55\u73b0\u7ec4\u4ef6\u6548\u679c\u3002\n3. \u5220\u9664\u5197\u4f59\u7ec4\u4ef6\uff0c\u4f8b\u5982\u7ec4\u4ef6 `Capsule \u80f6\u56ca` \u4e0e `Tag \u6807\u7b7e` \u7ec4\u4ef6\u5408\u5e76\u3002\n4. \u62bd\u79bb\u7ec4\u4ef6\uff0c\u9700\u8981\u5355\u72ec\u5b89\u88c5\uff0c\u5982 `HeatMap \u65e5\u5386\u70ed\u56fe`\n5. \u652f\u6301\u670d\u52a1\u7aef\u6e32\u67d3\uff0c\u53ef\u4ee5\u901a\u8fc7 [kkt-ssr](https://github.com/kktjs/kkt-ssr) \u5de5\u5177\u5efa\u7acb\u5b9e\u4f8b\u3002\n\n### \u4f7f\u7528\n\n\u4f7f\u7528\u8fc7\u7a0b\u4e2d\u4e0d\u9700\u8981\u5f15\u5165 `CSS`\uff0c\u6253\u5305\u5de5\u5177\u9700\u8981\u652f\u6301\u52a0\u8f7d [ES Module](https://github.com/rollup/rollup/wiki/pkg.module)\uff0c\u5982\u679c\u4e0d\u652f\u6301\u9700\u8981\u624b\u5de5\u5f15\u5165 `css` \u6216\u8005 `less` \u6837\u5f0f\uff0c\u5982\u679c\u5bf9\u73af\u5883\u4f7f\u7528\u6709\u969c\u788d\uff0c\u53ef\u4ee5\u901a\u8fc7 [`kkt`](#/guide/kkt) \u5de5\u5177\u521d\u59cb\u5316\u4e00\u4e2a\u5de5\u7a0b\u3002\n\n```js\nimport React from "react";\nimport ReactDOM from "react-dom";\nimport { Button } from "uiw";\n\nReactDOM.render(\n  <Button type="primary">Hello</Button>,\n  document.getElementById("app")\n);\n```\n\n### \u7ec4\u4ef6\u51b2\u7a81\n\n\u91cd\u65b0\u53d6\u4e00\u4e2a\u540d\u5b57\n\n```js\nimport { Button as ButtonView } from "uiw";\n```\n\n### VSCode \u4e2d\u6587\u6863\u9884\u89c8\n\n\u7ec4\u4ef6\u6587\u6863\u53ef\u4ee5\u5728 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) \u4e2d\u9884\u89c8\uff0c\u6253\u5f00\u4e0b\u9762\u94fe\u63a5\u8fdb\u884c\u5b89\u88c5 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) \u63d2\u4ef6\u3002\n\n[![Open in VSCode](https://jaywcjlove.github.io/sb/open/open-in-vscode.svg)](https://marketplace.visualstudio.com/items?itemName=uiw.uiw)\n\n### \u56fd\u5185\u955c\u50cf\u7ad9\u70b9\n\n\u56fd\u5185\u7528\u6237\uff0c\u901a\u8fc7[\u56fd\u5185\u955c\u50cf\u7ad9\u70b9](http://uiw.gitee.io/)\u8bbf\u95ee\u6587\u6863\u7f51\u7ad9\u6765\u63d0\u9ad8\u8bbf\u95ee\u901f\u5ea6\u3002\n\n### \u5f00\u53d1\n\n\u4f7f\u7528 [`Gitpod`](https://gitpod.io)\uff0c`GitHub` \u7684\u514d\u8d39\u5728\u7ebf\u5f00\u53d1\u73af\u5883\uff0c\u70b9\u51fb\u6253\u5f00\u4e0b\u9762\u94fe\u63a5\uff0c\u81ea\u52a8\u521d\u59cb\u5316\u9879\u76ee\uff0c\u5c06\u5f00\u53d1\u73af\u5883\u8dd1\u8d77\u6765\u3002\n\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/uiwjs/uiwjs.github.io)\n\n\u8981\u5f00\u53d1\uff0c\u8fd0\u884c\u81ea\u91cd\u65b0\u6784\u5efa\uff0c\u83b7\u53d6\u4ee3\u7801\uff1a\n\n```bash\n$ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules\n```\n\n\u8981\u5f00\u53d1\uff0c\u8fd0\u884c\u81ea\u91cd\u65b0\u6784\u5efa\uff0c\u8fd9\u91cc\u5c06\u8981\u8dd1\u4e24\u4e2a\u4efb\u52a1\uff1a\n\n```bash\n$ npm install # Install dependencies\n$ lerna bootstrap # Install all package dependencies\n$ lerna bootstrap --scope @uiw/* # Set scope installation dependencies\n$ npm run bootstrap\n$ npm run bootstrap:webiste\n$ npm run hoist\n$ npm run build\n```\n\n```bash\n# Run the app\n# Restart the app automatically every time code changes.\n# Useful during development.\n$ npm start\n```\n\n\u6253\u5f00\u6d4f\u89c8\u5668\u5e76\u8bbf\u95ee\uff1ahttp://localhost:19870\n\n## \u6587\u4ef6\u76ee\u5f55\u8bf4\u660e\n\n```bash\n\u251c\u2500\u2500 LICENSE\n\u251c\u2500\u2500 README.md\n\u251c\u2500\u2500 package.json\n\u251c\u2500\u2500 website\n\u2502\xa0\xa0 \u251c\u2500\u2500 uiw        # Documentation website source code\n\u2514\u2500\u2500 packages\n\xa0\xa0\xa0 \u251c\u2500\u2500 uiw        # Component library source code\n\xa0\xa0\xa0 \u251c\u2500\u2500 react-alert\n\xa0\xa0\xa0 \u251c\u2500\u2500 ...\n\xa0\xa0\xa0 \u2514\u2500\u2500 react-affix\n```\n\n## License\n\nLicensed under the MIT License.\n'}}}]);
+//# sourceMappingURL=6929.9dccfc47.chunk.js.map

package/web/static/js/6929.9dccfc47.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/6929.9dccfc47.chunk.js","mappings":"+GACA,WACIA,WAAY,CAAG,EACfC,KAAM,CAAC,EACPC,OAAQ,iwQ","sources":["routes/guide/quick-start/README.md"],"sourcesContent":["\nexport default {\n    components: {  },\n    data: {},\n    source: \"# 快速上手\\n\\n![Build uiw](https://github.com/uiwjs/uiw/workflows/Build%20uiw/badge.svg) [![](https://img.shields.io/github/issues/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/issues) [![](https://img.shields.io/github/forks/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/network) [![](https://img.shields.io/github/stars/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/stargazers) [![](https://img.shields.io/github/release/uiwjs/uiw.svg)](https://github.com/uiwjs/uiw/releases) [![Packagist](https://img.shields.io/dub/l/vibe-d.svg)](https://github.com/uiwjs/uiw) [![Packagist](https://img.shields.io/npm/v/uiw.svg)](https://www.npmjs.com/package/uiw) [![jest](https://facebook.github.io/jest/img/jest-badge.svg)](https://github.com/facebook/jest)\\n\\n## 安装\\n\\n使用 npm 或 yarn 安装\\n\\n```bash\\n$ npm i uiw\\n# or Use yarn\\n$ yarn add uiw\\n```\\n\\n您可以使用 [`kkt`](https://github.com/kktjs/kkt) 本地快速创建一个 react + uiw 项目。\\n\\n```bash\\n$ npx create-kkt my-app -e uiw\\n```\\n\\n### 通过 CodeSandbox 快速体验\\n\\n这是一个最简单的 uiw 组件的在线 [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe?file=/src/index.tsx) [演示](https://codesandbox.io/embed/uiw-reproduction-template-luqhe)。\\n\\n<iframe\\n  src=\\\"https://codesandbox.io/embed/uiw-reproduction-template-luqhe?autoresize=1&fontsize=14&hidenavigation=1&theme=dark\\\"\\n  style=\\\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\\\"\\n  title=\\\"antd reproduction template\\\"\\n  allow=\\\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb\\\"\\n  sandbox=\\\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\\\"\\n/>\\n\\n访问 https://codesandbox.io/embed/uiw-reproduction-template-luqhe 创建一个 [CodeSandbox](https://codesandbox.io/s/uiw-reproduction-template-luqhe) 的在线示例，别忘了保存以创建一个新的实例。\\n\\n### 浏览器引入\\n\\n在浏览器中使用 `script` 和 `link` 标签直接引入文件，并使用全局变量 uiw。\\n\\n我们在 [`npm`](https://www.npmjs.com/package/uiw) 发布包内的 `uiw/dist` 目录下提供了 `uiw.js` `uiw.css` 以及 `uiw.min.js` `uiw.min.css`。你也可以通过 [UNPKG](https://unpkg.com/uiw/dist/) 进行下载。\\n\\n> ⚠️ 强烈不推荐使用已构建文件，这样无法按需加载。  \\n> ⚠️ 浏览器引入只在 uiw v2.x 以上的版本支持。\\n\\n### 安装 [**v1.x**](https://unpkg.com/uiw@1.16.19/dist/index.html#/cn/quick-start) 旧版本\\n\\n> ⚠️ `v1.x` 不可以升级到 `v2.x`，`v2`是对 v1 的重构和简化\\n\\n安装 [**`v1.x`**](https://unpkg.com/uiw/dist/index.html#/cn/quick-start) 版本\\n\\n```bash\\nnpm install uiw --save\\n\\n## 通过 GitHub 仓库安装\\nnpm i -S uiwjs/uiw\\n# 指定版本\\nnpm i -S uiwjs/uiw#v1.16.19\\n# 或者\\nyarn add uiwjs/uiw\\n```\\n\\n> **通过 GitHub 仓库安装**的 `win` 用户请在 `Git Bash` 下执行，因为需要用到 `git`。\\n\\n### 升级 v4\\n\\n1. 从 @4.x 开始每个组件都可以独立使用。\\n2. 代码优化部分组件 Class 组件转换成 函数组件，编译之后体积大幅缩小。\\n3. 跟进 React 16 废弃生命周期 API。\\n4. 重构通过 useMemo 进行性能优化。\\n\\n### 升级 v3\\n\\n1. 基于 TypeScript 重构。\\n2. v2 基本无压力升级到 v3。\\n3. 一些组件优化。\\n\\n### 升级 v2.x\\n\\n1. 优化大部分组件，让组件变得更小更简单。\\n2. 删除大部分组件冗余功能，直接使用样式就可以展现组件效果。\\n3. 删除冗余组件，例如组件 `Capsule 胶囊` 与 `Tag 标签` 组件合并。\\n4. 抽离组件，需要单独安装，如 `HeatMap 日历热图`\\n5. 支持服务端渲染，可以通过 [kkt-ssr](https://github.com/kktjs/kkt-ssr) 工具建立实例。\\n\\n### 使用\\n\\n使用过程中不需要引入 `CSS`，打包工具需要支持加载 [ES Module](https://github.com/rollup/rollup/wiki/pkg.module)，如果不支持需要手工引入 `css` 或者 `less` 样式，如果对环境使用有障碍，可以通过 [`kkt`](#/guide/kkt) 工具初始化一个工程。\\n\\n```js\\nimport React from \\\"react\\\";\\nimport ReactDOM from \\\"react-dom\\\";\\nimport { Button } from \\\"uiw\\\";\\n\\nReactDOM.render(\\n  <Button type=\\\"primary\\\">Hello</Button>,\\n  document.getElementById(\\\"app\\\")\\n);\\n```\\n\\n### 组件冲突\\n\\n重新取一个名字\\n\\n```js\\nimport { Button as ButtonView } from \\\"uiw\\\";\\n```\\n\\n### VSCode 中文档预览\\n\\n组件文档可以在 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) 中预览，打开下面链接进行安装 [`VSCode`](https://marketplace.visualstudio.com/items?itemName=uiw.uiw) 插件。\\n\\n[![Open in VSCode](https://jaywcjlove.github.io/sb/open/open-in-vscode.svg)](https://marketplace.visualstudio.com/items?itemName=uiw.uiw)\\n\\n### 国内镜像站点\\n\\n国内用户，通过[国内镜像站点](http://uiw.gitee.io/)访问文档网站来提高访问速度。\\n\\n### 开发\\n\\n使用 [`Gitpod`](https://gitpod.io)，`GitHub` 的免费在线开发环境，点击打开下面链接，自动初始化项目，将开发环境跑起来。\\n\\n[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/uiwjs/uiwjs.github.io)\\n\\n要开发，运行自重新构建，获取代码：\\n\\n```bash\\n$ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules\\n```\\n\\n要开发，运行自重新构建，这里将要跑两个任务：\\n\\n```bash\\n$ npm install # Install dependencies\\n$ lerna bootstrap # Install all package dependencies\\n$ lerna bootstrap --scope @uiw/* # Set scope installation dependencies\\n$ npm run bootstrap\\n$ npm run bootstrap:webiste\\n$ npm run hoist\\n$ npm run build\\n```\\n\\n```bash\\n# Run the app\\n# Restart the app automatically every time code changes.\\n# Useful during development.\\n$ npm start\\n```\\n\\n打开浏览器并访问：http://localhost:19870\\n\\n## 文件目录说明\\n\\n```bash\\n├── LICENSE\\n├── README.md\\n├── package.json\\n├── website\\n│   ├── uiw        # Documentation website source code\\n└── packages\\n    ├── uiw        # Component library source code\\n    ├── react-alert\\n    ├── ...\\n    └── react-affix\\n```\\n\\n## License\\n\\nLicensed under the MIT License.\\n\"\n  }"],"names":["components","data","source"],"sourceRoot":""}

package/web/static/js/7019.d2a9e0a0.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[7019],{7019:function(e,t,n){n.r(t),t.default={components:{20: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=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function a(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function s(e,t){return s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},s(e,t)}function c(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p(e);if(t){var r=p(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return u(this,n)}}function u(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(f,e);var t,n,u,p=c(f);function f(){var e;return l(this,f),(e=p.call(this)).state={isOpen:!1,isOpen1:!1},e}return t=f,(n=[{key:"onClick",value:function(e){this.setState(i({},e,!1))}},{key:"handleVisibleChange",value:function(e,t){this.setState(i({},e,t))}},{key:"render",value:function(){return o.default.createElement(r.Row,{style:{alignItems:"center"}},o.default.createElement(r.Popover,{trigger:"click",placement:"top",isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this,"isOpen"),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,"isOpen")},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this,"isOpen")},"Delete")))},o.default.createElement(r.Button,{active:this.state.isOpen},"\u5f39\u51fa\u76ee\u6807")),o.default.createElement("div",{style:{marginLeft:20}},o.default.createElement(r.Popover,{trigger:"click",placement:"top",isOpen:this.state.isOpen1,onVisibleChange:this.handleVisibleChange.bind(this,"isOpen1"),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,"isOpen1")},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this,"isOpen1")},"Delete")))},o.default.createElement(r.Icon,{type:"setting",color:"#343a40",style:{fontSize:20}}))))}}])&&a(t.prototype,n),u&&a(t,u),Object.defineProperty(t,"prototype",{writable:!1}),f}(o.default.Component)}(),97:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a={position:"relative",width:70},s=t.default.createElement(o.Card,{bordered:!1,style:{width:120}},t.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."));return function(){return t.default.createElement("div",null,t.default.createElement("div",{style:{position:"relative"}},t.default.createElement(o.Popover,{trigger:"click",placement:"topLeft",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"TL")),t.default.createElement(o.Popover,{trigger:"click",placement:"top",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"Top")),t.default.createElement(o.Popover,{trigger:"click",placement:"topRight",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"TR"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"leftTop",content:s},t.default.createElement(o.Button,{style:i({},a)},"LT")),t.default.createElement(o.Popover,{trigger:"click",placement:"rightTop",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"RT"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"left",content:s},t.default.createElement(o.Button,{style:i({},a)},"Left")),t.default.createElement(o.Popover,{trigger:"click",placement:"right",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"Right"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"leftBottom",content:s},t.default.createElement(o.Button,{style:i({},a)},"LB")),t.default.createElement(o.Popover,{trigger:"click",placement:"rightBottom",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:216})},"RB"))),t.default.createElement("div",{style:{position:"relative",paddingTop:10}},t.default.createElement(o.Popover,{trigger:"click",placement:"bottomLeft",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"BL")),t.default.createElement(o.Popover,{trigger:"click",placement:"bottom",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"Bottom")),t.default.createElement(o.Popover,{trigger:"click",placement:"bottomRight",content:s},t.default.createElement(o.Button,{style:i(i({},a),{},{left:70})},"BR"))))}}(),172:function(){var e,t=(e=n(8133))&&e.__esModule?e:{default:e},o=n(2814);var r=t.default.createElement(o.Card,{style:{width:220},bordered:!1,title:"Card\u6807\u9898",footer:t.default.createElement("span",null,"\u8fd9\u91cc\u662f\u9875\u811a")},t.default.createElement("div",null,"\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002"));return function(){return t.default.createElement("div",null,t.default.createElement(o.Popover,{trigger:"hover",placement:"top",content:r},t.default.createElement(o.Button,null,"\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807")))}}(),203: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=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function u(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=f(e);if(t){var r=f(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return p(this,n)}}function p(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var d=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(d,e);var t,n,p,f=u(d);function d(){var e;return a(this,d),(e=f.call(this)).state={isOpen:!1,value:""},e}return t=d,n=[{key:"onClick",value:function(e){var t={isOpen:!1};e&&(t.value=e),null===e&&(t.value=""),this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t))}},{key:"handleVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"onChange",value:function(e){this.setState({value:e.target.value})}},{key:"renderPopup",value:function(){return o.default.createElement(r.Card,{style:{width:220},bordered:!1,footer:o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end"}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,void 0)},"\u53d6\u6d88"),o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this,null)},"\u6e05\u7a7a"),o.default.createElement(r.Button,{type:"success",size:"small",onClick:this.onClick.bind(this,"\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9")},"\u63d2\u5165\u5185\u5bb9"))},o.default.createElement("div",null,'\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`'))}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement("div",{style:{width:200}},o.default.createElement(r.Popover,{trigger:"focus",placement:"top",isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this),content:this.renderPopup()},o.default.createElement(r.Input,{placeholder:"\u8bf7\u8f93\u5165\u5185\u5bb9",value:this.state.value,onChange:this.onChange.bind(this)}))))}}],n&&s(t.prototype,n),p&&s(t,p),Object.defineProperty(t,"prototype",{writable:!1}),d}(o.default.Component);return d}(),278: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=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var r=u(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}return function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,c,u=s(p);function p(){var e;return i(this,p),(e=u.call(this)).state={isOpen:!1},e}return t=p,(n=[{key:"onClick",value:function(){this.setState({isOpen:!1})}},{key:"handleVisibleChange",value:function(e){this.setState({isOpen:e})}},{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement("div",{style:{position:"relative"}},o.default.createElement(r.Popover,{trigger:"click",placement:"right",usePortal:!1,isOpen:this.state.isOpen,onVisibleChange:this.handleVisibleChange.bind(this),content:o.default.createElement(r.Card,{bordered:!1,title:"Card\u6807\u9898",extra:o.default.createElement("a",{href:"#"},"\u66f4\u591a"),style:{width:200}},o.default.createElement("div",null,"Are you sure you want to delete these items? You won't be able to recover them."),o.default.createElement("div",{style:{display:"flex",justifyContent:"flex-end",marginTop:15}},o.default.createElement(r.Button,{size:"small",onClick:this.onClick.bind(this)},"Cancel"),o.default.createElement(r.Button,{type:"danger",size:"small",onClick:this.onClick.bind(this)},"Delete")))},o.default.createElement(r.Button,null,"\u5f39\u51fa\u76ee\u6807"))))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component)}(),331: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=(t=n(8133))&&t.__esModule?t:{default:t},r=n(2814);function i(e,t){if(n=e,!(null!=(o=t)&&"undefined"!==typeof Symbol&&o[Symbol.hasInstance]?o[Symbol.hasInstance](n):n instanceof o))throw new TypeError("Cannot call a class as a function");var n,o}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e,t){return a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},a(e,t)}function s(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u(e);if(t){var r=u(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c(this,n)}}function c(t,n){if(n&&("object"===e(n)||"function"===typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(t)}function u(e){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},u(e)}var p=function(e){!function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(p,e);var t,n,c,u=s(p);function p(){return i(this,p),u.apply(this,arguments)}return t=p,(n=[{key:"render",value:function(){return o.default.createElement(r.Row,{style:{alignItems:"center"}},o.default.createElement(r.Popover.Confirm,{title:"Are you sure delete this?"},"delete"))}}])&&l(t.prototype,n),c&&l(t,c),Object.defineProperty(t,"prototype",{writable:!1}),p}(o.default.Component);return p}()},data:{20:{name:20,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\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 _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\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 _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false,\n      isOpen1: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick(field) {\n      this.setState(_defineProperty({}, field, false));\n    }\n  }, {\n    key: "handleVisibleChange",\n    value: function handleVisibleChange(field, isOpen) {\n      this.setState(_defineProperty({}, field, isOpen));\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        style: {\n          alignItems: \'center\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "click",\n        placement: "top",\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this, \'isOpen\'),\n        content: /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n          bordered: false,\n          title: "Card\\u6807\\u9898",\n          extra: /*#__PURE__*/_react["default"].createElement("a", {\n            href: "#"\n          }, "\\u66F4\\u591A"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen\')\n        }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "danger",\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen\')\n        }, "Delete")))\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n        active: this.state.isOpen\n      }, "\\u5F39\\u51FA\\u76EE\\u6807")), /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          marginLeft: 20\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "click",\n        placement: "top",\n        isOpen: this.state.isOpen1,\n        onVisibleChange: this.handleVisibleChange.bind(this, \'isOpen1\'),\n        content: /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n          bordered: false,\n          title: "Card\\u6807\\u9898",\n          extra: /*#__PURE__*/_react["default"].createElement("a", {\n            href: "#"\n          }, "\\u66F4\\u591A"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen1\')\n        }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "danger",\n          size: "small",\n          onClick: this.onClick.bind(this, \'isOpen1\')\n        }, "Delete")))\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n        type: "setting",\n        color: "#343a40",\n        style: {\n          fontSize: 20\n        }\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Icon,Row,Col, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      isOpen1: false,\n    }\n  }\n  onClick(field) {\n    this.setState({ [field]: false });\n  }\n\n  handleVisibleChange(field, isOpen) {\n    this.setState({ [field]:isOpen });\n  }\n  render() {\n    return (\n      <Row style={{ alignItems: \'center\' }}>\n        <Popover\n          trigger="click"\n          placement="top"\n          isOpen={this.state.isOpen}\n          onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen\')}\n          content={\n            <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n              <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n              <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                <Button size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Cancel\n                </Button>\n                <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Delete\n                </Button>\n              </div>\n            </Card>\n          }\n        >\n          <Button active={this.state.isOpen}>\u5f39\u51fa\u76ee\u6807</Button>\n        </Popover>\n        <div style={{ marginLeft: 20 }}>\n          <Popover\n            trigger="click"\n            placement="top"\n            isOpen={this.state.isOpen1}\n            onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen1\')}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Icon type="setting" color="#343a40" style={{ fontSize: 20 }} />\n          </Popover>\n        </div>\n      </Row>\n    )\n  }\n}\nexport default Demo'},97:{name:97,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 btnStl = {\n  position: \'relative\',\n  width: 70\n};\n\nvar content = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n  bordered: false,\n  style: {\n    width: 120\n  }\n}, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."));\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\'\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "topLeft",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "TL")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "top",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "Top")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "topRight",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "TR"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "leftTop",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, "LT")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "rightTop",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, "RT"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "left",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, "Left")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "right",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, "Right"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "leftBottom",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread({}, btnStl)\n  }, "LB")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "rightBottom",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 216\n    })\n  }, "RB"))), /*#__PURE__*/_react["default"].createElement("div", {\n    style: {\n      position: \'relative\',\n      paddingTop: 10\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "bottomLeft",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "BL")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "bottom",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "Bottom")), /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "click",\n    placement: "bottomRight",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    style: _objectSpread(_objectSpread({}, btnStl), {}, {\n      left: 70\n    })\n  }, "BR"))));\n};\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n  <Card bordered={false} style={{ width: 120 }}>\n    <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <div style={{ position: \'relative\' }}>\n\n      <Popover trigger="click" placement="topLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n      </Popover>\n      <Popover trigger="click" placement="top" content={content}>\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\n      </Popover>\n      <Popover trigger="click" placement="topRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftTop" content={content}>\n        <Button style={{ ...btnStl }}>LT</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightTop" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="left" content={content}>\n        <Button style={{ ...btnStl }}>Left</Button>\n      </Popover>\n      <Popover trigger="click" placement="right" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftBottom" content={content}>\n        <Button style={{ ...btnStl }}>LB</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightBottom" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="bottomLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottom" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottomRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n      </Popover>\n\n    </div>\n  </div>\n)\nexport default Demo'},172:{name:172,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 btnStl = {\n  position: \'relative\',\n  width: 70\n};\n\nvar content = /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n  style: {\n    width: 220\n  },\n  bordered: false,\n  title: "Card\\u6807\\u9898",\n  footer: /*#__PURE__*/_react["default"].createElement("span", null, "\\u8FD9\\u91CC\\u662F\\u9875\\u811A")\n}, /*#__PURE__*/_react["default"].createElement("div", null, "\\u8FD9\\u662F\\u4F60\\u9F20\\u6807\\u7ECF\\u8FC7\\u5F39\\u51FA\\u7684\\u76EE\\u6807\\u3002"));\n\nvar Demo = function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n    trigger: "hover",\n    placement: "top",\n    content: content\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u9F20\\u6807\\u7ECF\\u8FC7\\u5F39\\u51FA\\u76EE\\u6807")));\n};\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Popover, Card, Button } from 'uiw';\n\nconst btnStl = {position: 'relative', width: 70 }\nconst content = (\n  <Card\n    style={{ width: 220 }}\n    bordered={false}\n    title=\"Card\u6807\u9898\"\n    footer={\n      <span>\u8fd9\u91cc\u662f\u9875\u811a</span>\n    }\n  >\n    <div>\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <Popover trigger=\"hover\" placement=\"top\" content={content}>\n      <Button>\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807</Button>\n    </Popover>\n  </div>\n)\nexport default Demo"},203:{name:203,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\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 _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 _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar btnStl = {\n  position: \'relative\',\n  width: 70\n};\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false,\n      value: \'\'\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick(val) {\n      var state = {\n        isOpen: false\n      };\n\n      if (val) {\n        state.value = val;\n      }\n\n      if (val === null) state.value = \'\';\n      this.setState(_objectSpread({}, state));\n    }\n  }, {\n    key: "handleVisibleChange",\n    value: function handleVisibleChange(isOpen) {\n      this.setState({\n        isOpen: isOpen\n      });\n    }\n  }, {\n    key: "onChange",\n    value: function onChange(e) {\n      this.setState({\n        value: e.target.value\n      });\n    }\n  }, {\n    key: "renderPopup",\n    value: function renderPopup() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n        style: {\n          width: 220\n        },\n        bordered: false,\n        footer: /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end"\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, undefined)\n        }, "\\u53D6\\u6D88"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this, null)\n        }, "\\u6E05\\u7A7A"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "success",\n          size: "small",\n          onClick: this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')\n        }, "\\u63D2\\u5165\\u5185\\u5BB9"))\n      }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u901A\\u8FC7\\u8BBE\\u7F6E `trigger=\\"focus\\"` \\u8BA9 `Input` \\u7EC4\\u4EF6\\u5728\\u83B7\\u53D6\\u7126\\u70B9\\u7684\\u65F6\\u5019\\u5C55\\u793A `Popover`"));\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          width: 200\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "focus",\n        placement: "top",\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this),\n        content: this.renderPopup()\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Input, {\n        placeholder: "\\u8BF7\\u8F93\\u5165\\u5185\\u5BB9",\n        value: this.state.value,\n        onChange: this.onChange.bind(this)\n      }))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Button, Input } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      value: \'\',\n    }\n  }\n  onClick(val) {\n    const state = { isOpen: false }\n    if (val) {\n      state.value = val;\n    }\n    if (val === null) state.value = \'\';\n    this.setState({ ...state });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  onChange(e) {\n    this.setState({ value: e.target.value });\n  }\n  renderPopup() {\n    return (\n      <Card\n        style={{ width: 220 }}\n        bordered={false}\n        footer={\n          <div style={{ display: "flex", justifyContent: "flex-end" }}>\n            <Button size="small" onClick={this.onClick.bind(this, undefined)}>\n              \u53d6\u6d88\n            </Button>\n            <Button size="small" onClick={this.onClick.bind(this, null)}>\n              \u6e05\u7a7a\n            </Button>\n            <Button type="success" size="small" onClick={this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')}>\n              \u63d2\u5165\u5185\u5bb9\n            </Button>\n          </div>\n        }\n      >\n        <div>\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`</div>\n      </Card>\n    )\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ width: 200 }}>\n          <Popover\n            trigger="focus"\n            placement="top"\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={this.renderPopup()}\n          >\n            <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" value={this.state.value} onChange={this.onChange.bind(this)}/>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo'},278:{name:278,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\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 _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    var _this;\n\n    _classCallCheck(this, Demo);\n\n    _this = _super.call(this);\n    _this.state = {\n      isOpen: false\n    };\n    return _this;\n  }\n\n  _createClass(Demo, [{\n    key: "onClick",\n    value: function onClick() {\n      this.setState({\n        isOpen: false\n      });\n    }\n  }, {\n    key: "handleVisibleChange",\n    value: function handleVisibleChange(isOpen) {\n      this.setState({\n        isOpen: isOpen\n      });\n    }\n  }, {\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {\n        style: {\n          position: \'relative\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover, {\n        trigger: "click",\n        placement: "right",\n        usePortal: false,\n        isOpen: this.state.isOpen,\n        onVisibleChange: this.handleVisibleChange.bind(this),\n        content: /*#__PURE__*/_react["default"].createElement(_uiw.Card, {\n          bordered: false,\n          title: "Card\\u6807\\u9898",\n          extra: /*#__PURE__*/_react["default"].createElement("a", {\n            href: "#"\n          }, "\\u66F4\\u591A"),\n          style: {\n            width: 200\n          }\n        }, /*#__PURE__*/_react["default"].createElement("div", null, "Are you sure you want to delete these items? You won\'t be able to recover them."), /*#__PURE__*/_react["default"].createElement("div", {\n          style: {\n            display: "flex",\n            justifyContent: "flex-end",\n            marginTop: 15\n          }\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          size: "small",\n          onClick: this.onClick.bind(this)\n        }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n          type: "danger",\n          size: "small",\n          onClick: this.onClick.bind(this)\n        }, "Delete")))\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u5F39\\u51FA\\u76EE\\u6807"))));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:'import React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n    }\n  }\n  onClick() {\n    this.setState({ isOpen: false });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ position: \'relative\' }}>\n          <Popover\n            trigger="click"\n            placement="right"\n            usePortal={false}\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this)}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this)}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Button>\u5f39\u51fa\u76ee\u6807</Button>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo'},331:{name:331,meta:{background:"#fff",codeSandbox:"true",codePen:"true"},code:'"use strict";\n\nfunction _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return !!right[Symbol.hasInstance](left); } else { return left instanceof right; } }\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 _uiw = require("uiw");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn\'t been initialised - super() hasn\'t been called"); } return self; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nvar Demo = /*#__PURE__*/function (_React$Component) {\n  _inherits(Demo, _React$Component);\n\n  var _super = _createSuper(Demo);\n\n  function Demo() {\n    _classCallCheck(this, Demo);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(Demo, [{\n    key: "render",\n    value: function render() {\n      return /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n        style: {\n          alignItems: \'center\'\n        }\n      }, /*#__PURE__*/_react["default"].createElement(_uiw.Popover.Confirm, {\n        title: "Are you sure delete this?"\n      }, "delete"));\n    }\n  }]);\n\n  return Demo;\n}(_react["default"].Component);\n\nreturn Demo;',language:"jsx",value:"import React from 'react';\nimport { Popover, Row } from 'uiw';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Row style={{ alignItems: 'center' }}>\n        <Popover.Confirm title=\"Are you sure delete this?\">delete</Popover.Confirm>\n      </Row>\n    )\n  }\n}\nexport default Demo"}},source:'Popover \u6c14\u6ce1\u5361\u7247\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-popover/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-popover.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-popover)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-popover.svg?label=@uiw/react-popover)](https://npmjs.com/@uiw/react-popover)\n\n\u70b9\u51fb/\u9f20\u6807\u79fb\u5165\u5143\u7d20\uff0c\u5f39\u51fa\u6c14\u6ce1\u5f0f\u7684\u5361\u7247\u6d6e\u5c42\u3002\n\n```jsx\nimport { Popover } from \'uiw\';\n// or\nimport Popover from \'@uiw/react-popover\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Icon,Row,Col, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      isOpen1: false,\n    }\n  }\n  onClick(field) {\n    this.setState({ [field]: false });\n  }\n\n  handleVisibleChange(field, isOpen) {\n    this.setState({ [field]:isOpen });\n  }\n  render() {\n    return (\n      <Row style={{ alignItems: \'center\' }}>\n        <Popover\n          trigger="click"\n          placement="top"\n          isOpen={this.state.isOpen}\n          onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen\')}\n          content={\n            <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n              <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n              <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                <Button size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Cancel\n                </Button>\n                <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen\')}>\n                  Delete\n                </Button>\n              </div>\n            </Card>\n          }\n        >\n          <Button active={this.state.isOpen}>\u5f39\u51fa\u76ee\u6807</Button>\n        </Popover>\n        <div style={{ marginLeft: 20 }}>\n          <Popover\n            trigger="click"\n            placement="top"\n            isOpen={this.state.isOpen1}\n            onVisibleChange={this.handleVisibleChange.bind(this, \'isOpen1\')}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this, \'isOpen1\')}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Icon type="setting" color="#343a40" style={{ fontSize: 20 }} />\n          </Popover>\n        </div>\n      </Row>\n    )\n  }\n}\nexport default Demo\n```\n\n### \u4f4d\u7f6e\n\n\u4f4d\u7f6e\u6709 `12` \u4e2a\u65b9\u5411\uff0c\u6839\u636e `placement` \u53c2\u6570\u6765\u8bbe\u7f6e\u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n  <Card bordered={false} style={{ width: 120 }}>\n    <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <div style={{ position: \'relative\' }}>\n\n      <Popover trigger="click" placement="topLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n      </Popover>\n      <Popover trigger="click" placement="top" content={content}>\n        <Button style={{ ...btnStl, left: 70}}>Top</Button>\n      </Popover>\n      <Popover trigger="click" placement="topRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftTop" content={content}>\n        <Button style={{ ...btnStl }}>LT</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightTop" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="left" content={content}>\n        <Button style={{ ...btnStl }}>Left</Button>\n      </Popover>\n      <Popover trigger="click" placement="right" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="leftBottom" content={content}>\n        <Button style={{ ...btnStl }}>LB</Button>\n      </Popover>\n      <Popover trigger="click" placement="rightBottom" content={content}>\n        <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n      </Popover>\n\n    </div>\n    <div style={{ position: \'relative\', paddingTop: 10 }}>\n\n      <Popover trigger="click" placement="bottomLeft" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottom" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n      </Popover>\n      <Popover trigger="click" placement="bottomRight" content={content}>\n        <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n      </Popover>\n\n    </div>\n  </div>\n)\nexport default Demo\n```\n\n### \u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst content = (\n  <Card\n    style={{ width: 220 }}\n    bordered={false}\n    title="Card\u6807\u9898"\n    footer={\n      <span>\u8fd9\u91cc\u662f\u9875\u811a</span>\n    }\n  >\n    <div>\u8fd9\u662f\u4f60\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u7684\u76ee\u6807\u3002</div>\n  </Card>\n)\nconst Demo = () => (\n  <div>\n    <Popover trigger="hover" placement="top" content={content}>\n      <Button>\u9f20\u6807\u7ecf\u8fc7\u5f39\u51fa\u76ee\u6807</Button>\n    </Popover>\n  </div>\n)\nexport default Demo\n```\n\n### \u7126\u70b9\u5c55\u793a\n\n\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button, Input } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n      value: \'\',\n    }\n  }\n  onClick(val) {\n    const state = { isOpen: false }\n    if (val) {\n      state.value = val;\n    }\n    if (val === null) state.value = \'\';\n    this.setState({ ...state });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  onChange(e) {\n    this.setState({ value: e.target.value });\n  }\n  renderPopup() {\n    return (\n      <Card\n        style={{ width: 220 }}\n        bordered={false}\n        footer={\n          <div style={{ display: "flex", justifyContent: "flex-end" }}>\n            <Button size="small" onClick={this.onClick.bind(this, undefined)}>\n              \u53d6\u6d88\n            </Button>\n            <Button size="small" onClick={this.onClick.bind(this, null)}>\n              \u6e05\u7a7a\n            </Button>\n            <Button type="success" size="small" onClick={this.onClick.bind(this, \'\u8fd9\u662f\u5411 Input \u8f93\u5165\u6846\u63d2\u5165\u7684\u5185\u5bb9\')}>\n              \u63d2\u5165\u5185\u5bb9\n            </Button>\n          </div>\n        }\n      >\n        <div>\u901a\u8fc7\u8bbe\u7f6e `trigger="focus"` \u8ba9 `Input` \u7ec4\u4ef6\u5728\u83b7\u53d6\u7126\u70b9\u7684\u65f6\u5019\u5c55\u793a `Popover`</div>\n      </Card>\n    )\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ width: 200 }}>\n          <Popover\n            trigger="focus"\n            placement="top"\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={this.renderPopup()}\n          >\n            <Input placeholder="\u8bf7\u8f93\u5165\u5185\u5bb9" value={this.state.value} onChange={this.onChange.bind(this)}/>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n### usePortal\n\n\u8bbe\u7f6e `usePortal={false}` \u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u91cc\u9762\uff0c\u8fd9\u6837\u4e3a\u4e86\u8ba1\u7b97\u4f4d\u7f6e\u51c6\u786e\uff0c\u4f60\u9700\u8981\u5c06\u7236\u5c42\u6837\u5f0f\u8bbe\u4e3a `position: relative;` \u3002\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Card, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n  constructor() {\n    super();\n    this.state = {\n      isOpen: false,\n    }\n  }\n  onClick() {\n    this.setState({ isOpen: false });\n  }\n  handleVisibleChange(isOpen) {\n    this.setState({ isOpen });\n  }\n  render() {\n    return (\n      <div>\n        <div style={{ position: \'relative\' }}>\n          <Popover\n            trigger="click"\n            placement="right"\n            usePortal={false}\n            isOpen={this.state.isOpen}\n            onVisibleChange={this.handleVisibleChange.bind(this)}\n            content={\n              <Card bordered={false} title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 200 }}>\n                <div>Are you sure you want to delete these items? You won\'t be able to recover them.</div>\n                <div style={{ display: "flex", justifyContent: "flex-end", marginTop: 15 }}>\n                  <Button size="small" onClick={this.onClick.bind(this)}>\n                    Cancel\n                  </Button>\n                  <Button type="danger" size="small" onClick={this.onClick.bind(this)}>\n                    Delete\n                  </Button>\n                </div>\n              </Card>\n            }\n          >\n            <Button>\u5f39\u51fa\u76ee\u6807</Button>\n          </Popover>\n        </div>\n      </div>\n    )\n  }\n}\nexport default Demo\n```\n\n### Confirm \u7528\u6cd5\n\n```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true\nimport React from \'react\';\nimport { Popover, Row } from \'uiw\';\n\nclass Demo extends React.Component {\n  render() {\n    return (\n      <Row style={{ alignItems: \'center\' }}>\n        <Popover.Confirm title="Are you sure delete this?">delete</Popover.Confirm>\n      </Row>\n    )\n  }\n}\nexport default Demo\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| content | \u663e\u793a\u7684\u5185\u5bb9 | String,React.ReactNode | - |\n| placement | \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u540c\u7684\u65b9\u4f4d | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\n| visibleArrow | \u662f\u5426\u663e\u793a\u7bad\u5934 | Boolean | `true` |\n| delay | \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\uff0c`{ show: 2000, hide: 4000 }` \u6216\u8005\u76f4\u63a5\u8bbe\u7f6e `2000`\uff0c\u53ea\u5bf9 `trigger=hover` \u6709\u6548\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Object/Number | - |\n| trigger| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Enum{`hover`, `click`, `focus`} | `hover` |\n| disabled | \u662f\u5426\u7981\u7528\u5f39\u51fa\u76ee\u6807 | Boolean | `false` |\n| isOpen | \u9ed8\u8ba4\u662f\u5426\u663e\u793a\u5f39\u7a97\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Boolean | `false` |\n| autoAdjustOverflow | \u5f39\u51fa\u5c42\u88ab\u906e\u6321\u65f6\u81ea\u52a8\u8c03\u6574\u4f4d\u7f6e\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Boolean | `false` |\n| onVisibleChange | \u663e\u793a\u9690\u85cf\u7684\u56de\u8c03\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Function(isVisible:bool) | - |\n\n## Confirm Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| trigger| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 | Enum{`hover`, `click`, `focus`} | `hover` |\n| placement | \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u540c\u7684\u65b9\u4f4d | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\n| visibleArrow | \u662f\u5426\u663e\u793a\u7bad\u5934 | Boolean | `true` |\n| children | \u5b50\u5143\u7d20 | React.ReactNode | - |\n| onConfirm | \u786e\u5b9a\u65b9\u6cd5 | ()=>void |  |\n| confirmText | \u786e\u5b9a\u6309\u94ae\u6587\u672c | string | Yes |\n| title | \u6807\u9898\u4fe1\u606f | React.ReactNode | - |\n| cancelText | \u53d6\u6d88\u6309\u94ae\u6587\u672c | string | No |\n\n\n\u66f4\u591a\u5c5e\u6027\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002\n'}}}]);
+//# sourceMappingURL=7019.d2a9e0a0.chunk.js.map