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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (328) hide show

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

	@@ -0,0 +1,2 @@
1	+ "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'}}}]);
2	+ //# sourceMappingURL=6929.9dccfc47.chunk.js.map

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

@@ -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.9a6eaf3c.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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(968);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(968);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(968);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(968);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(968);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(968);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'}}}]);
2	+ //# sourceMappingURL=7019.9a6eaf3c.chunk.js.map

package/web/static/js/7019.9a6eaf3c.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/7019.9a6eaf3c.chunk.js","mappings":"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","sources":["../../packages/react-popover/README.md"],"sourcesContent":["\nexport default {\n components: { 20: (function() { \"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; })(),97: (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 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; })(),172: (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 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; })(),203: (function() { \"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, '这是向 Input 输入框插入的内容')\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; })(),278: (function() { \"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; })(),331: (function() { \"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; })(), },\n data: {\n \"20\": {\n \"name\": 20,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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;\",\n \"language\": \"jsx\",\n \"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标题\\\" extra={<a href=\\\"#\\\">更多</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}>弹出目标</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标题\\\" extra={<a href=\\\"#\\\">更多</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 \"97\": {\n \"name\": 97,\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 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;\",\n \"language\": \"jsx\",\n \"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\"\n },\n \"172\": {\n \"name\": 172,\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 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;\",\n \"language\": \"jsx\",\n \"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标题\\\"\\n footer={\\n <span>这里是页脚</span>\\n }\\n >\\n <div>这是你鼠标经过弹出的目标。</div>\\n </Card>\\n)\\nconst Demo = () => (\\n <div>\\n <Popover trigger=\\\"hover\\\" placement=\\\"top\\\" content={content}>\\n <Button>鼠标经过弹出目标</Button>\\n </Popover>\\n </div>\\n)\\nexport default Demo\"\n },\n \"203\": {\n \"name\": 203,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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, '这是向 Input 输入框插入的内容')\\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;\",\n \"language\": \"jsx\",\n \"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 取消\\n </Button>\\n <Button size=\\\"small\\\" onClick={this.onClick.bind(this, null)}>\\n 清空\\n </Button>\\n <Button type=\\\"success\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, '这是向 Input 输入框插入的内容')}>\\n 插入内容\\n </Button>\\n </div>\\n }\\n >\\n <div>通过设置 `trigger=\\\"focus\\\"` 让 `Input` 组件在获取焦点的时候展示 `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=\\\"请输入内容\\\" value={this.state.value} onChange={this.onChange.bind(this)}/>\\n </Popover>\\n </div>\\n </div>\\n )\\n }\\n}\\nexport default Demo\"\n },\n \"278\": {\n \"name\": 278,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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;\",\n \"language\": \"jsx\",\n \"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标题\\\" extra={<a href=\\\"#\\\">更多</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>弹出目标</Button>\\n </Popover>\\n </div>\\n </div>\\n )\\n }\\n}\\nexport default Demo\"\n },\n \"331\": {\n \"name\": 331,\n \"meta\": {\n \"background\": \"#fff\",\n \"codeSandbox\": \"true\",\n \"codePen\": \"true\"\n },\n \"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;\",\n \"language\": \"jsx\",\n \"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\"\n }\n},\n source: \"Popover 气泡卡片\\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点击/鼠标移入元素，弹出气泡式的卡片浮层。\\n\\n```jsx\\nimport { Popover } from 'uiw';\\n// or\\nimport Popover from '@uiw/react-popover';\\n```\\n\\n### 基础用法\\n\\n最简单的用法。\\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标题\\\" extra={<a href=\\\"#\\\">更多</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}>弹出目标</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标题\\\" extra={<a href=\\\"#\\\">更多</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### 位置\\n\\n位置有 `12` 个方向，根据 `placement` 参数来设置。\\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### 鼠标经过弹出目标\\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标题\\\"\\n footer={\\n <span>这里是页脚</span>\\n }\\n >\\n <div>这是你鼠标经过弹出的目标。</div>\\n </Card>\\n)\\nconst Demo = () => (\\n <div>\\n <Popover trigger=\\\"hover\\\" placement=\\\"top\\\" content={content}>\\n <Button>鼠标经过弹出目标</Button>\\n </Popover>\\n </div>\\n)\\nexport default Demo\\n```\\n\\n### 焦点展示\\n\\n通过设置 `trigger=\\\"focus\\\"` 让 `Input` 组件在获取焦点的时候展示 `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 取消\\n </Button>\\n <Button size=\\\"small\\\" onClick={this.onClick.bind(this, null)}>\\n 清空\\n </Button>\\n <Button type=\\\"success\\\" size=\\\"small\\\" onClick={this.onClick.bind(this, '这是向 Input 输入框插入的内容')}>\\n 插入内容\\n </Button>\\n </div>\\n }\\n >\\n <div>通过设置 `trigger=\\\"focus\\\"` 让 `Input` 组件在获取焦点的时候展示 `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=\\\"请输入内容\\\" 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设置 `usePortal={false}` 将模态对话框生成到根节点的里面，这样为了计算位置准确，你需要将父层样式设为 `position: relative;` 。\\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标题\\\" extra={<a href=\\\"#\\\">更多</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>弹出目标</Button>\\n </Popover>\\n </div>\\n </div>\\n )\\n }\\n}\\nexport default Demo\\n```\\n\\n### Confirm 用法\\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| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| content | 显示的内容 | String,React.ReactNode | - |\\n| placement | 气泡框位置，可现实箭头在不同的方位 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\\n| visibleArrow | 是否显示箭头 | Boolean | `true` |\\n| delay | 延迟进入和消失，`{ show: 2000, hide: 4000 }` 或者直接设置 `2000`，只对 `trigger=hover` 有效，继承 `<OverlayTrigger />` 组件属性 | Object/Number | - |\\n| trigger| 悬停/点击弹出窗口，继承 `<OverlayTrigger />` 组件属性 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| disabled | 是否禁用弹出目标 | Boolean | `false` |\\n| isOpen | 默认是否显示弹窗，继承 `<OverlayTrigger />` 组件属性 | Boolean | `false` |\\n| autoAdjustOverflow | 弹出层被遮挡时自动调整位置，继承 `<OverlayTrigger />` 组件属性 | Boolean | `false` |\\n| onVisibleChange | 显示隐藏的回调，继承 `<OverlayTrigger />` 组件属性 | Function(isVisible:bool) | - |\\n\\n## Confirm Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| trigger| 悬停/点击弹出窗口，继承 `<OverlayTrigger />` 组件属性 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| placement | 气泡框位置，可现实箭头在不同的方位 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\\n| visibleArrow | 是否显示箭头 | Boolean | `true` |\\n| children | 子元素 | React.ReactNode | - |\\n| onConfirm | 确定方法 | ()=>void | |\\n| confirmText | 确定按钮文本 | string | Yes |\\n| title | 标题信息 | React.ReactNode | - |\\n| cancelText | 取消按钮文本 | string | No |\\n\\n\\n更多属性请参考 [OverlayTrigger](#/components/overlay-trigger)。\\n\"\n }"],"names":["components","_typeof","obj","Symbol","iterator","constructor","prototype","_react","__esModule","_uiw","_defineProperty","key","value","Object","defineProperty","enumerable","configurable","writable","_classCallCheck","instance","Constructor","left","right","hasInstance","TypeError","_defineProperties","target","props","i","length","descriptor","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","call","e","_isNativeReflectConstruct","result","Super","_getPrototypeOf","NewTarget","this","arguments","apply","_possibleConstructorReturn","self","ReferenceError","_assertThisInitialized","getPrototypeOf","_React$Component","subClass","superClass","create","_inherits","Demo","protoProps","staticProps","_super","_this","state","isOpen","isOpen1","field","setState","createElement","Row","style","alignItems","Popover","trigger","placement","onVisibleChange","handleVisibleChange","content","Card","bordered","title","extra","href","width","display","justifyContent","marginTop","Button","size","onClick","type","active","marginLeft","Icon","color","fontSize","Component","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","push","_objectSpread","source","forEach","getOwnPropertyDescriptors","defineProperties","btnStl","position","paddingTop","footer","val","undefined","renderPopup","Input","placeholder","onChange","usePortal","Confirm","data"],"sourceRoot":""}