diff --git a/asset-manifest.json b/asset-manifest.json
index 29b32aab1b..490531e826 100644
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,7 +1,7 @@
{
"files": {
"main.css": "/static/css/main.ac3a945d.css",
- "main.js": "/static/js/main.b79cc891.js",
+ "main.js": "/static/js/main.36d0be29.js",
"static/css/9200.14abaeb3.chunk.css": "/static/css/9200.14abaeb3.chunk.css",
"static/js/9200.0a1f7353.chunk.js": "/static/js/9200.0a1f7353.chunk.js",
"static/css/6730.4f744b40.chunk.css": "/static/css/6730.4f744b40.chunk.css",
@@ -200,7 +200,7 @@
"static/js/7664.f92b74f7.chunk.js": "/static/js/7664.f92b74f7.chunk.js",
"static/js/9961.9db8f620.chunk.js": "/static/js/9961.9db8f620.chunk.js",
"static/js/3811.ac38cada.chunk.js": "/static/js/3811.ac38cada.chunk.js",
- "static/js/6659.db759a7b.chunk.js": "/static/js/6659.db759a7b.chunk.js",
+ "static/js/6659.32d92089.chunk.js": "/static/js/6659.32d92089.chunk.js",
"static/js/2448.1d46904a.chunk.js": "/static/js/2448.1d46904a.chunk.js",
"static/js/207.891adb65.chunk.js": "/static/js/207.891adb65.chunk.js",
"static/js/7861.757503f5.chunk.js": "/static/js/7861.757503f5.chunk.js",
@@ -223,7 +223,7 @@
"static/js/5183.ac2ca737.js": "/static/js/5183.ac2ca737.js",
"index.html": "/index.html",
"main.ac3a945d.css.map": "/static/css/main.ac3a945d.css.map",
- "main.b79cc891.js.map": "/static/js/main.b79cc891.js.map",
+ "main.36d0be29.js.map": "/static/js/main.36d0be29.js.map",
"9200.14abaeb3.chunk.css.map": "/static/css/9200.14abaeb3.chunk.css.map",
"9200.0a1f7353.chunk.js.map": "/static/js/9200.0a1f7353.chunk.js.map",
"6730.4f744b40.chunk.css.map": "/static/css/6730.4f744b40.chunk.css.map",
@@ -422,7 +422,7 @@
"7664.f92b74f7.chunk.js.map": "/static/js/7664.f92b74f7.chunk.js.map",
"9961.9db8f620.chunk.js.map": "/static/js/9961.9db8f620.chunk.js.map",
"3811.ac38cada.chunk.js.map": "/static/js/3811.ac38cada.chunk.js.map",
- "6659.db759a7b.chunk.js.map": "/static/js/6659.db759a7b.chunk.js.map",
+ "6659.32d92089.chunk.js.map": "/static/js/6659.32d92089.chunk.js.map",
"2448.1d46904a.chunk.js.map": "/static/js/2448.1d46904a.chunk.js.map",
"207.891adb65.chunk.js.map": "/static/js/207.891adb65.chunk.js.map",
"7861.757503f5.chunk.js.map": "/static/js/7861.757503f5.chunk.js.map",
@@ -448,6 +448,6 @@
"static/js/vendors-react.a09f50fb.js",
"static/js/5183.ac2ca737.js",
"static/css/main.ac3a945d.css",
- "static/js/main.b79cc891.js"
+ "static/js/main.36d0be29.js"
]
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 48c3df4701..ce2efb64c0 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-
uiw react, A high quality UI Toolkit, A Component Library for React 16+.
\ No newline at end of file
+uiw react, A high quality UI Toolkit, A Component Library for React 16+.
\ No newline at end of file
diff --git a/static/js/6659.db759a7b.chunk.js b/static/js/6659.32d92089.chunk.js
similarity index 69%
rename from static/js/6659.db759a7b.chunk.js
rename to static/js/6659.32d92089.chunk.js
index d4514dd7e8..d3fb1cc31e 100644
--- a/static/js/6659.db759a7b.chunk.js
+++ b/static/js/6659.32d92089.chunk.js
@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6659],{66659:function(n,e,t){t.r(e),e.default="Table \u8868\u683c\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-table/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-table.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-table)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-table.svg?label=@uiw/react-table)](https://npmjs.com/@uiw/react-table)\n\n\u8868\u793a\u4e24\u79cd\u76f8\u4e92\u5bf9\u7acb\u7684\u72b6\u6001\u95f4\u7684\u5207\u6362\uff0c\u591a\u7528\u4e8e\u89e6\u53d1\u300c\u5f00/\u5173\u300d\u3002\u9009\u4e2d\u65f6\u7684\u5185\u5bb9\u652f\u6301\u54cd\u5e94\u5f0f\u3002\n\n```jsx\nimport { Table } from 'uiw';\n// or\nimport Table from '@uiw/react-table';\n```\n\n### \u57fa\u672c\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n // title: '\u59d3\u540d',\n ellipsis: true, \n title: ({ key }) => {\n return (\n \u5b57\u6bb5: {key}\n )\n },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n### \u8868\u5934\u5206\u7ec4\n\n\u8868\u5934\u5206\u7ec4\u901a\u8fc7 `columns` \u6570\u7ec4\u4e2d\u5bf9\u8c61\u7684 `children` \u6765\u5b9e\u73b0\uff0c\u4ee5\u6e32\u67d3\u5206\u7ec4\u8868\u5934\u3002\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'name', \n children: [\n {\n title: '\u4e2d\u6587\u540d\u5b57',\n key: 'cnname',\n children:[\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'firstname',\n children:[\n { title: '\u59d3', key: 'name1', width: 80 },\n { title: '\u540d', key: 'name2', width: 80 },\n ]\n }, {\n title: '\u62fc\u97f3',\n key: 'lastname',\n children:[\n { title: '\u59d3', key: 'pinyin1', width: 80 },\n { title: '\u540d', key: 'pinyin2', width: 80 },\n ],\n },\n ],\n }, {\n title: '\u82f1\u6587\u540d\u5b57',\n width: 100,\n key: 'name_en',\n },\n ]\n }, {\n title: '\u5176\u5b83',\n children:[\n { title: '\u751f\u65e5', key: 'birthday', width: 150 },\n { title: '\u804c\u4e1a', key: 'job', width: 150 },\n ],\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 150,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n {text} {key} - {rowNumber} - {columnNumber}\n
\n ),\n },\n];\nconst dataSource = [\n { name1: '\u9093', name2:'\u7d2b\u68cb', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991\u5e748\u670816\u65e5', job: '\u5531\u4f5c\u6b4c\u624b\u3001\u4f5c\u66f2\u4eba', edit:'' },\n { name1: '\u5468', name2:'\u6770\u4f26', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979\u5e741\u670818\u65e5', job: '\u6b4c\u624b\u3001\u97f3\u4e50\u4eba', edit:'' },\n { name1: '\u9093', name2:'\u7d2b\u68cb', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991\u5e748\u670816\u65e5', job: '\u5531\u4f5c\u6b4c\u624b\u3001\u4f5c\u66f2\u4eba', edit:'' },\n { name1: '\u5468', name2:'\u6770\u4f26', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979\u5e741\u670818\u65e5', job: '\u6b4c\u624b\u3001\u97f3\u4e50\u4eba', edit:'' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u8868\u683c\u884c/\u5217\u5408\u5e76\n\n\u8868\u5934\u53ea\u652f\u6301\u5217\u5408\u5e76\uff0c\u4f7f\u7528 `columns` \u91cc\u7684 `colSpan` \u8fdb\u884c\u8bbe\u7f6e\u3002\u8868\u683c\u652f\u6301\u884c/\u5217\u5408\u5e76\uff0c\u4f7f\u7528 `render` \u91cc\u7684\u5355\u5143\u683c\u5c5e\u6027 `colSpan` \u6216\u8005 `rowSpan` \u8bbe\u503c\u4e3a 0 \u65f6\uff0c\u8bbe\u7f6e\u7684\u8868\u683c\u4e0d\u4f1a\u6e32\u67d3\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n colSpan: 2,\n render: (text, key, rowData, rowNum, colNum) => {\n const obj = {\n children: text,\n props: {}\n }\n if (rowNum === 0) {\n obj.props.rowSpan = 2;\n }\n if (rowNum === 1) {\n obj.props.rowSpan = 0;\n }\n return obj;\n }\n }, {\n title: '\u5730\u5740',\n key: 'info',\n colSpan: 0,\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '12', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n\n### \u6807\u9898\u9875\u811a\n\n\u6dfb\u52a0\u8868\u683c\u8fb9\u6846\u7ebf\uff0c\u9875\u5934\u548c\u9875\u811a\u7684\u5c55\u73b0\u6548\u679c\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n
\n \u8fd9\u91cc\u662f\u6807\u9898\uff0c\u6709\u8fb9\u6846\uff0cbordered=true\n \n )}\n footer={(\n \n \u8fd9\u91cc\u662f\u9875\u811a Footer\uff0c\u6709\u8fb9\u6846\uff0cbordered=true\n
\n )}\n bordered columns={columns} data={dataSource} />\n \n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u70b9\u51fb\u5355\u5143\u683c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Notify } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n
{\n console.log('--\x3e3', rowData);\n console.log('--\x3e4', rowNum);\n console.log('--\x3e5', colNum);\n Notify.info({ description: `\u4f60\u70b9\u51fb\u4e86\"${rowData.name}\"\u3002` });\n }}\n columns={columns}\n data={dataSource}\n />\n {\n console.log('--\x3e3', rowData);\n console.log('--\x3e4', rowNum);\n console.log('--\x3e5', columnNumber);\n Notify.info({ description: `\u4f60\u70b9\u51fb\u4e86\"${rowData.title}\"\u3002` });\n }}\n onCell={(rowData, { rowNum, colNum }) => {\n console.log('--\x3e3', rowData);\n console.log('--\x3e4', rowNum);\n console.log('--\x3e5', colNum);\n Notify.info({ description: `\u4f60\u70b9\u51fb\u4e86\"${rowData.name}\"\u3002` });\n }}\n columns={columns}\n data={dataSource}\n />\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u539f\u59cbHTML\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst Demo = () => (\n \n
\n \n \n \u540d\u79f0 | \n \u6570\u91cf | \n \u8be6\u60c5 | \n \u4ef7\u683c | \n
\n \n \n \n \u571f\u8c46 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u841d\u535c | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u9999\u8549 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u829d\u9ebb | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n
\n
\n \u6ca1\u6709\u8fb9\u6846\n \n \n \u540d\u79f0 | \n \u6570\u91cf | \n \u8be6\u60c5 | \n \u4ef7\u683c | \n
\n \n \n \n \u571f\u8c46 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u841d\u535c | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u9999\u8549 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u829d\u9ebb | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n
\n
\n);\nReactDOM.render(, _mount_);\n```\n\n### \u9009\u62e9\u548c\u64cd\u4f5c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Checkbox, Pagination, Loader } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n // \u9009\u4e2d\u7684 key\n checked: [],\n loading: false,\n dataSource: [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002' },\n ],\n columns: [\n {\n title: (data, rowNum, colNum) => {\n const indeterminate = this.state.dataSource.length !== this.state.checked.length && this.state.checked.length > 0;\n const checked = this.state.dataSource.length === this.state.checked.length;\n return (\n {\n let checked = this.state.dataSource.map((item, idx) => idx);\n if(!evn.target.checked) {\n checked = [];\n }\n this.setState({ checked });\n }}\n />\n );\n },\n key: 'checked',\n render: (text, key, rowData, rowNumber, columnNumber) => {\n return (\n \n );\n }\n }, {\n title: '\u540d\u5b57',\n key: 'name',\n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n },\n ]\n }\n }\n onClickCheckedItem(rowNumber, env) {\n let { checked } = this.state;\n const isChecked = env.target.checked;\n if(isChecked) {\n // \u6dfb\u52a0\u5230\u9009\u4e2d\u6570\u7ec4\u4e2d\n checked.push(rowNumber)\n checked = checked.sort((a, b) => a - b);\n } else {\n // \u5220\u9664\u9009\u4e2d\u9879\n checked.splice(checked.indexOf(rowNumber), 1);\n }\n this.setState({ checked });\n }\n render() {\n const { checked } = this.state;\n const dataSource = this.state.dataSource.map((item, idx) => {\n const isChecked = checked.indexOf(idx) > -1;\n return { checked: isChecked, ...item };\n });\n return (\n \n
\n {\n this.setState({ loading: true });\n const timer = setTimeout(() => {\n // \u6a21\u62df\u53d8\u66f4\u6570\u636e\n const dataSource = this.state.dataSource.map(item => {\n item.age = Number(item.age) + current;\n return item;\n });\n // \u7ffb\u9875 API \u83b7\u53d6\u6570\u636e\n this.setState({ checked: [], dataSource, loading: false });\n }, 2000);\n }}\n />\n }\n />\n \n \n );\n }\n}\nReactDOM.render(, _mount_);\n```\n\n### \u81ea\u5b9a\u4e49\u5355\u5143\u683c\u7701\u7565\u63d0\u793a\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Notify, Tooltip } from 'uiw';\n\nconst columns = [\n {\n title: 'Name',\n key: 'name',\n render: text => {text},\n width: 150,\n },\n {\n title: 'Age',\n key: 'age',\n width: 80,\n },\n {\n title: 'Address',\n key: 'address',\n ellipsis: true,\n render: address => (\n \n {address}\n \n ),\n },\n {\n title: 'Long Column Long Column Long Column',\n key: 'address',\n ellipsis: true,\n render: address => (\n \n {address}\n \n ),\n },\n {\n title: 'Long Column Long Column',\n key: 'address',\n ellipsis: true,\n render: address => (\n \n {address}\n \n ),\n },\n {\n title: 'Long Column',\n key: 'address',\n ellipsis: true,\n render: address => {\n return (\n \n {address}\n \n )\n },\n },\n];\n\nconst data = [\n { name: '\u9093\u7d2b\u68cb', age: '12', address: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002' },\n { name: '\u674e\u6613\u5cf0', age: '32', address: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba' },\n { name: '\u8303\u51b0\u51b0', age: '23', address: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b' },\n { name: '\u6768\u5e42', age: '34', address: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002' },\n { name: 'Angelababy', age: '54', address: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002' },\n { name: '\u5510\u5ae3', age: '12', address: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed' },\n { name: '\u5434\u4ea6\u51e1', age: '4', address: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002' },\n];\n\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u65e0\u6570\u636e\u72b6\u6001\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Empty } from 'uiw';\n\nconst columns = [\n {\n ellipsis: true, \n title: '\u59d3\u540d',\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u53ef\u5c55\u5f00\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Icon } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n ellipsis: true, \n key: 'name', \n }, \n {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, \n {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '10', id: '1'},\n { name: '\u674e\u6613\u5cf0', age: '32', id: '2'},\n { name: '\u8303\u51b0\u51b0', age: '23', id: '3'},\n];\nconst Demo = () => (\n \n
{\n return {record.name}
\n },\n // defaultExpandAllRows: true,\n rowExpandable: (r)=>r.name!=='\u674e\u6613\u5cf0',\n expandIcon: (expanded) => expanded ? : ,\n defaultExpandedRowKeys: [\"1\"]\n }}\n columns={columns} \n data={dataSource} \n />\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u6811\u5f62\u6570\u636e\u5c55\u793a\n\n\u8868\u683c\u652f\u6301\u6811\u5f62\u6570\u636e\u7684\u5c55\u793a\uff0c\u5f53\u6570\u636e\u4e2d\u6709 children \u5b57\u6bb5\u65f6\u4f1a\u81ea\u52a8\u5c55\u793a\u4e3a\u6811\u5f62\u8868\u683c\uff0c\u5982\u679c\u4e0d\u9700\u8981\u6216\u914d\u7f6e\u4e3a\u5176\u4ed6\u5b57\u6bb5\u53ef\u4ee5\u7528 childrenColumnName \u8fdb\u884c\u914d\u7f6e\u3002\n\n\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e indentSize \u4ee5\u63a7\u5236\u6bcf\u4e00\u5c42\u7684\u7f29\u8fdb\u5bbd\u5ea6\n\n> \u26a0\ufe0f \u6ce8\u610f: \u6811\u5f62\u6570\u636e\u5c55\u793a\u548c`expandable.expandedRowRender`\u8bf7\u4e0d\u8981\u540c\u65f6\u51fa\u73b0\uff0c\u540e\u7eed\u6216\u5c06\u652f\u6301\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport React from 'react';\nimport { Table, Button, Icon } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n ellipsis: true, \n key: 'name', \n }, \n {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, \n {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { \n name: '\u9093\u7d2b\u68cb', \n age: '10', \n id: '1', \n children: [\n {\n name: '\u9093\u7d2b\u68cb-0-1', \n age: '10', \n id: '1-1', \n children: [\n { \n name: '\u9093\u7d2b\u68cb-0-1-1', \n age: '10', \n id: '1-1-1',\n children: [\n {name: '\u9093\u7d2b\u68cb-0-1-1-1', age: '10', id: '-0-1-1-1'},\n {name: '\u9093\u7d2b\u68cb-0-1-1-2', age: '10', id: '-0-1-1-2'},\n {name: '\u9093\u7d2b\u68cb-0-1-1-3', age: '10', id: '-0-1-1-3'},\n ]\n },\n { name: '\u9093\u7d2b\u68cb-0-1-2', age: '10', id: '1-1-2',}\n ]\n },\n {name: '\u9093\u7d2b\u68cb-0-2', age: '10', id: '1-1'},\n {name: '\u9093\u7d2b\u68cb-0-3', age: '10', id: '1-1'},\n ]\n },\n { name: '\u674e\u6613\u5cf0', age: '32', id: '2',},\n { name: '\u8303\u51b0\u51b0', age: '23', id: '3', \n children: [\n {name: '\u8303\u51b0\u51b00-1', age: '23', id: '3-1'},\n {name: '\u8303\u51b0\u51b00-2', age: '23', id: '3-2'},\n {name: '\u8303\u51b0\u51b00-3', age: '23', id: '3-3'},\n ]\n },\n];\nconst Demo = () => {\n const [expandedRowKeys, setExpandedRowKeys] = React.useState([])\n return (\n \n )\n};\nReactDOM.render(, _mount_);\n```\n\n### \u8868\u683c\u5217\u8fc7\u5bbd\u5bfc\u81f4 footer \u6ed1\u52a8\u51fa\u8868\u683c\u5e95\u90e8\n\n\u4f7f\u7528 scroll \u5c5e\u6027\u7ed9\u8868\u683c\u8bbe\u7f6e\u5bbd(x)\u6216\u9ad8(y)\u5373\u53ef\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n // title: '\u59d3\u540d',\n ellipsis: true, \n width: 1000,\n title: ({ key }) => {\n return (\n \u5b57\u6bb5: {key}\n )\n },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n
\u8fd9\u4e2a\u662ffooter}\n columns={columns} data={dataSource} \n />\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u56fa\u5b9a\u5217 \n\n\u901a\u8fc7\u4f7f\u7528 fixed \u4f7f\u5176\u5217\u56fa\u5b9a\n> \u26a0\ufe0f \u6ce8\u610f: \u82e5\u5e76\u6ca1\u6709 scroll \u6eda\u52a8\u6761\uff0cfixed \u5c5e\u6027\u5e76\u4e0d\u4f1a\u6709\u76f4\u89c2\u7684\u6548\u679c\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n ellipsis: true, \n // fixed: true,\n width: 50,\n key: 'name', \n }, {\n // fixed: true,\n title: '\u5e74\u9f84',\n width: 50,\n style: { color: 'red' },\n key: 'age',\n }, {\n title: '\u5730\u5740',\n width: 50,\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n fixed: 'right',\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n## Props\n\n### Table\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| columns | \u8868\u683c\u5217\u7684\u914d\u7f6e\u63cf\u8ff0\uff0c\u53ef\u4ee5\u5185\u5d4c `children`\uff0c\u4ee5\u6e32\u67d3\u5206\u7ec4\u8868\u5934\u3002| ColumnProps[] | `[]` |\n| data | \u6570\u636e\u6570\u7ec4\u3002| Array[] | `[]` |\n| title | \u8868\u683c\u6807\u9898 | ~~Function(text, key, rowData, rowNumber, columnNumber)~~ /
Function(data: IColumns, rowNum: Number, colNum: Number)`@3.0.0+` /
String / ReactNode | - |\n| footer | \u8868\u683c\u5c3e\u90e8 | String/ReactNode | - |\n| bordered | \u662f\u5426\u5c55\u793a\u5916\u8fb9\u6846\u548c\u5217\u8fb9\u6846 | Boolean | - |\n| empty | \u65e0\u6570\u636e\u72b6\u6001 | ReactNode | - |\n| onCellHead | \u8868\u5934\u5355\u5143\u683c\u70b9\u51fb\u56de\u8c03 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, colNum: Number, rowNum: Number, evn: React.MouseEvent) `@3.0.0+` | - |\n| onCell | \u5355\u5143\u683c\u70b9\u51fb\u56de\u8c03 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, options:{ colNum: Number, rowNum: Number, keyName: String }, evn: React.MouseEvent) `@3.1.0+` | - |\n| expandable | \u53ef\u5c55\u5f00\u914d\u7f6e | ExpandableType | - |\n| rowKey | \u8868\u683c\u884c key \u7684\u53d6\u503c | String | - |\n| scroll | \u8868\u683c\u662f\u5426\u53ef\u6eda\u52a8\uff0c\u4e5f\u53ef\u4ee5\u6307\u5b9a\u6eda\u52a8\u533a\u57df\u7684\u5bbd\u3001\u9ad8 | { x?: React.CSSProperties['width'], y?: React.CSSProperties['height'] } | - |\n\n\n### ColumnProps\n\n\u5217\u63cf\u8ff0\u6570\u636e\u5bf9\u8c61\uff0c\u662f columns \u4e2d\u7684\u4e00\u9879\uff0c\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n|--------- |-------- |--------- |-------- |-------- |\n| title | \u5217\u5934\u663e\u793a\u6587\u5b57\u3002| ReactNode | - | - |\n| key | \u9700\u8981\u7684 key\uff0c\u53ef\u4ee5\u5ffd\u7565\u8fd9\u4e2a\u5c5e\u6027\uff0c\u5982\u679c\u6807\u9898\u5e26\u6709 `render` \u51fd\u6570\uff0c\u90a3\u4e48\u8fd9\u4e2a `key` \u4e3a\u5fc5\u987b\u975e\u5e38\u91cd\u8981\u3002| String | - | - |\n| width | \u5217\u5bbd\u5ea6\u3002| Number | - | - |\n| colSpan | \u5408\u5e76\u8868\u5934\u884c\u3002| Number | - | - |\n| ellipsis | \u8d85\u8fc7\u5bbd\u5ea6\u5c06\u81ea\u52a8\u7701\u7565\u3002`v4.8.7+`| Boolean | `false` | - |\n| render | \u751f\u6210\u590d\u6742\u6570\u636e\u7684\u6e32\u67d3\u51fd\u6570\uff0c\u53c2\u6570\u5206\u522b\u4e3a\u5f53\u524d\u884c\u7684\u503c\uff0c\u5f53\u524d\u503c\u7684 `key`\uff0c\u884c\u7d22\u5f15\u6570\u636e\uff0c\u5f53\u524d\u884c\u53f7\uff0c\u5f53\u524d\u5217\u53f7\u3002| `Function(text, key, rowData, rowNumber, columnNumber)` | - | - |\n| align | \u8bbe\u7f6e\u5217\u7684\u5bf9\u9f50\u65b9\u5f0f | \"left\"\\|\"center\"\\|\"right\" | - | - |\n| className | \u5217\u6837\u5f0f\u7c7b\u540d | String | - | - |\n| fixed | \u628a\u9009\u62e9\u6846\u5217\u56fa\u5b9a\t | Boolean \\|\"left\"\\|\"right\" | - | 4.15.1 |\n\n### expandable\n\n\u6ce8\u610f expandedRowKeys \u4e0e onExpandedRowsChange \u5fc5\u987b\u6210\u5bf9\u51fa\u73b0\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| expandedRowRender | \u81ea\u5b9a\u4e49\u5c55\u5f00\u884c| (record, index, expanded) => React.ReactNode | - |\n| expandIcon | \u81ea\u5b9a\u4e49\u56fe\u6807 | (expanded, record, index) => React.ReactNode; | - |\n| rowExpandable | \u662f\u5426\u5141\u8bb8\u5c55\u5f00| (record)=>Boolean | - |\n| defaultExpandAllRows | \u521d\u59cb\u65f6\uff0c\u662f\u5426\u5c55\u5f00\u6240\u6709\u884c| Boolean | false |\n| defaultExpandedRowKeys | \u521d\u59cb\u65f6\uff0c\u9ed8\u8ba4\u5c55\u5f00\u7684\u884c\trowKey\u6570\u7ec4 | Array | - |\n| expandedRowKeys | \u63a7\u5236\u5c55\u5f00\u7684\u884c\trowKey\u6570\u7ec4 | Array | - |\n| onExpandedRowsChange | \u5c55\u5f00\u7684\u884c\u53d8\u5316\u89e6\u53d1 | (expandedRows)=>void | - |\n| onExpand | \u70b9\u51fb\u5c55\u5f00\u56fe\u6807\u89e6\u53d1 | (expanded,record,index)=>void | - |\n| indentSize | \u63a7\u5236\u6811\u5f62\u7ed3\u6784\u6bcf\u4e00\u5c42\u7684\u7f29\u8fdb\u5bbd\u5ea6 | Number | 16 |\n| childrenColumnName | \u6307\u5b9a\u6811\u5f62\u7ed3\u6784\u7684\u5217\u540d | String | children |\n"}}]);
-//# sourceMappingURL=6659.db759a7b.chunk.js.map
\ No newline at end of file
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6659],{66659:function(n,e,t){t.r(e),e.default="Table \u8868\u683c\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-table/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-table.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-table)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-table.svg?label=@uiw/react-table)](https://npmjs.com/@uiw/react-table)\n\n\u8868\u793a\u4e24\u79cd\u76f8\u4e92\u5bf9\u7acb\u7684\u72b6\u6001\u95f4\u7684\u5207\u6362\uff0c\u591a\u7528\u4e8e\u89e6\u53d1\u300c\u5f00/\u5173\u300d\u3002\u9009\u4e2d\u65f6\u7684\u5185\u5bb9\u652f\u6301\u54cd\u5e94\u5f0f\u3002\n\n```jsx\nimport { Table } from 'uiw';\n// or\nimport Table from '@uiw/react-table';\n```\n\n### \u57fa\u672c\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n // title: '\u59d3\u540d',\n ellipsis: true, \n title: ({ key }) => {\n return (\n \u5b57\u6bb5: {key}\n )\n },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n### \u8868\u5934\u5206\u7ec4\n\n\u8868\u5934\u5206\u7ec4\u901a\u8fc7 `columns` \u6570\u7ec4\u4e2d\u5bf9\u8c61\u7684 `children` \u6765\u5b9e\u73b0\uff0c\u4ee5\u6e32\u67d3\u5206\u7ec4\u8868\u5934\u3002\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'name', \n children: [\n {\n title: '\u4e2d\u6587\u540d\u5b57',\n key: 'cnname',\n children:[\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'firstname',\n children:[\n { title: '\u59d3', key: 'name1', width: 80 },\n { title: '\u540d', key: 'name2', width: 80 },\n ]\n }, {\n title: '\u62fc\u97f3',\n key: 'lastname',\n children:[\n { title: '\u59d3', key: 'pinyin1', width: 80 },\n { title: '\u540d', key: 'pinyin2', width: 80 },\n ],\n },\n ],\n }, {\n title: '\u82f1\u6587\u540d\u5b57',\n width: 100,\n key: 'name_en',\n },\n ]\n }, {\n title: '\u5176\u5b83',\n children:[\n { title: '\u751f\u65e5', key: 'birthday', width: 150 },\n { title: '\u804c\u4e1a', key: 'job', width: 150 },\n ],\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 150,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n {text} {key} - {rowNumber} - {columnNumber}\n
\n ),\n },\n];\nconst dataSource = [\n { name1: '\u9093', name2:'\u7d2b\u68cb', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991\u5e748\u670816\u65e5', job: '\u5531\u4f5c\u6b4c\u624b\u3001\u4f5c\u66f2\u4eba', edit:'' },\n { name1: '\u5468', name2:'\u6770\u4f26', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979\u5e741\u670818\u65e5', job: '\u6b4c\u624b\u3001\u97f3\u4e50\u4eba', edit:'' },\n { name1: '\u9093', name2:'\u7d2b\u68cb', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991\u5e748\u670816\u65e5', job: '\u5531\u4f5c\u6b4c\u624b\u3001\u4f5c\u66f2\u4eba', edit:'' },\n { name1: '\u5468', name2:'\u6770\u4f26', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979\u5e741\u670818\u65e5', job: '\u6b4c\u624b\u3001\u97f3\u4e50\u4eba', edit:'' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u8868\u683c\u884c/\u5217\u5408\u5e76\n\n\u8868\u5934\u53ea\u652f\u6301\u5217\u5408\u5e76\uff0c\u4f7f\u7528 `columns` \u91cc\u7684 `colSpan` \u8fdb\u884c\u8bbe\u7f6e\u3002\u8868\u683c\u652f\u6301\u884c/\u5217\u5408\u5e76\uff0c\u4f7f\u7528 `render` \u91cc\u7684\u5355\u5143\u683c\u5c5e\u6027 `colSpan` \u6216\u8005 `rowSpan` \u8bbe\u503c\u4e3a 0 \u65f6\uff0c\u8bbe\u7f6e\u7684\u8868\u683c\u4e0d\u4f1a\u6e32\u67d3\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n colSpan: 2,\n render: (text, key, rowData, rowNum, colNum) => {\n const obj = {\n children: text,\n props: {}\n }\n if (rowNum === 0) {\n obj.props.rowSpan = 2;\n }\n if (rowNum === 1) {\n obj.props.rowSpan = 0;\n }\n return obj;\n }\n }, {\n title: '\u5730\u5740',\n key: 'info',\n colSpan: 0,\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '12', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n\n### \u6807\u9898\u9875\u811a\n\n\u6dfb\u52a0\u8868\u683c\u8fb9\u6846\u7ebf\uff0c\u9875\u5934\u548c\u9875\u811a\u7684\u5c55\u73b0\u6548\u679c\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n
\n \u8fd9\u91cc\u662f\u6807\u9898\uff0c\u6709\u8fb9\u6846\uff0cbordered=true\n \n )}\n footer={(\n \n \u8fd9\u91cc\u662f\u9875\u811a Footer\uff0c\u6709\u8fb9\u6846\uff0cbordered=true\n
\n )}\n bordered columns={columns} data={dataSource} />\n \n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u70b9\u51fb\u5355\u5143\u683c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Notify } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n style: { color: 'red' },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n
{\n console.log('--\x3e3', rowData);\n console.log('--\x3e4', rowNum);\n console.log('--\x3e5', colNum);\n Notify.info({ description: `\u4f60\u70b9\u51fb\u4e86\"${rowData.name}\"\u3002` });\n }}\n columns={columns}\n data={dataSource}\n />\n {\n console.log('--\x3e3', rowData);\n console.log('--\x3e4', rowNum);\n console.log('--\x3e5', columnNumber);\n Notify.info({ description: `\u4f60\u70b9\u51fb\u4e86\"${rowData.title}\"\u3002` });\n }}\n onCell={(rowData, { rowNum, colNum }) => {\n console.log('--\x3e3', rowData);\n console.log('--\x3e4', rowNum);\n console.log('--\x3e5', colNum);\n Notify.info({ description: `\u4f60\u70b9\u51fb\u4e86\"${rowData.name}\"\u3002` });\n }}\n columns={columns}\n data={dataSource}\n />\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u539f\u59cbHTML\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst Demo = () => (\n \n
\n \n \n \u540d\u79f0 | \n \u6570\u91cf | \n \u8be6\u60c5 | \n \u4ef7\u683c | \n
\n \n \n \n \u571f\u8c46 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u841d\u535c | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u9999\u8549 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u829d\u9ebb | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n
\n
\n \u6ca1\u6709\u8fb9\u6846\n \n \n \u540d\u79f0 | \n \u6570\u91cf | \n \u8be6\u60c5 | \n \u4ef7\u683c | \n
\n \n \n \n \u571f\u8c46 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u841d\u535c | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u9999\u8549 | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n \u829d\u9ebb | \n 18 | \n 2009/01/12 | \n \uffe586,000 | \n
\n \n
\n
\n);\nReactDOM.render(, _mount_);\n```\n\n### \u9009\u62e9\u548c\u64cd\u4f5c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Checkbox, Pagination, Loader } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n // \u9009\u4e2d\u7684 key\n checked: [],\n loading: false,\n dataSource: [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002' },\n ],\n columns: [\n {\n title: (data, rowNum, colNum) => {\n const indeterminate = this.state.dataSource.length !== this.state.checked.length && this.state.checked.length > 0;\n const checked = this.state.dataSource.length === this.state.checked.length;\n return (\n {\n let checked = this.state.dataSource.map((item, idx) => idx);\n if(!evn.target.checked) {\n checked = [];\n }\n this.setState({ checked });\n }}\n />\n );\n },\n key: 'checked',\n render: (text, key, rowData, rowNumber, columnNumber) => {\n return (\n \n );\n }\n }, {\n title: '\u540d\u5b57',\n key: 'name',\n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n },\n ]\n }\n }\n onClickCheckedItem(rowNumber, env) {\n let { checked } = this.state;\n const isChecked = env.target.checked;\n if(isChecked) {\n // \u6dfb\u52a0\u5230\u9009\u4e2d\u6570\u7ec4\u4e2d\n checked.push(rowNumber)\n checked = checked.sort((a, b) => a - b);\n } else {\n // \u5220\u9664\u9009\u4e2d\u9879\n checked.splice(checked.indexOf(rowNumber), 1);\n }\n this.setState({ checked });\n }\n render() {\n const { checked } = this.state;\n const dataSource = this.state.dataSource.map((item, idx) => {\n const isChecked = checked.indexOf(idx) > -1;\n return { checked: isChecked, ...item };\n });\n return (\n \n
\n {\n this.setState({ loading: true });\n const timer = setTimeout(() => {\n // \u6a21\u62df\u53d8\u66f4\u6570\u636e\n const dataSource = this.state.dataSource.map(item => {\n item.age = Number(item.age) + current;\n return item;\n });\n // \u7ffb\u9875 API \u83b7\u53d6\u6570\u636e\n this.setState({ checked: [], dataSource, loading: false });\n }, 2000);\n }}\n />\n }\n />\n \n \n );\n }\n}\nReactDOM.render(, _mount_);\n```\n\n### \u81ea\u5b9a\u4e49\u5355\u5143\u683c\u7701\u7565\u63d0\u793a\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Notify, Tooltip } from 'uiw';\n\nconst columns = [\n {\n title: 'Name',\n key: 'name',\n render: text => {text},\n width: 150,\n },\n {\n title: 'Age',\n key: 'age',\n width: 80,\n },\n {\n title: 'Address',\n key: 'address',\n ellipsis: true,\n render: address => (\n \n {address}\n \n ),\n },\n {\n title: 'Long Column Long Column Long Column',\n key: 'address',\n ellipsis: true,\n render: address => (\n \n {address}\n \n ),\n },\n {\n title: 'Long Column Long Column',\n key: 'address',\n ellipsis: true,\n render: address => (\n \n {address}\n \n ),\n },\n {\n title: 'Long Column',\n key: 'address',\n ellipsis: true,\n render: address => {\n return (\n \n {address}\n \n )\n },\n },\n];\n\nconst data = [\n { name: '\u9093\u7d2b\u68cb', age: '12', address: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002' },\n { name: '\u674e\u6613\u5cf0', age: '32', address: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba' },\n { name: '\u8303\u51b0\u51b0', age: '23', address: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b' },\n { name: '\u6768\u5e42', age: '34', address: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002' },\n { name: 'Angelababy', age: '54', address: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002' },\n { name: '\u5510\u5ae3', age: '12', address: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed' },\n { name: '\u5434\u4ea6\u51e1', age: '4', address: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002' },\n];\n\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u65e0\u6570\u636e\u72b6\u6001\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Empty } from 'uiw';\n\nconst columns = [\n {\n ellipsis: true, \n title: '\u59d3\u540d',\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u53ef\u5c55\u5f00\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button, Icon } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n ellipsis: true, \n key: 'name', \n }, \n {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, \n {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '10', id: '1'},\n { name: '\u674e\u6613\u5cf0', age: '32', id: '2'},\n { name: '\u8303\u51b0\u51b0', age: '23', id: '3'},\n];\nconst Demo = () => (\n \n
{\n return {record.name}
\n },\n // defaultExpandAllRows: true,\n rowExpandable: (r)=>r.name!=='\u674e\u6613\u5cf0',\n expandIcon: (expanded) => expanded ? : ,\n defaultExpandedRowKeys: [\"1\"]\n }}\n columns={columns} \n data={dataSource} \n />\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u6811\u5f62\u6570\u636e\u5c55\u793a\n\n\u8868\u683c\u652f\u6301\u6811\u5f62\u6570\u636e\u7684\u5c55\u793a\uff0c\u5f53\u6570\u636e\u4e2d\u6709 children \u5b57\u6bb5\u65f6\u4f1a\u81ea\u52a8\u5c55\u793a\u4e3a\u6811\u5f62\u8868\u683c\uff0c\u5982\u679c\u4e0d\u9700\u8981\u6216\u914d\u7f6e\u4e3a\u5176\u4ed6\u5b57\u6bb5\u53ef\u4ee5\u7528 childrenColumnName \u8fdb\u884c\u914d\u7f6e\u3002\n\n\u53ef\u4ee5\u901a\u8fc7\u8bbe\u7f6e indentSize \u4ee5\u63a7\u5236\u6bcf\u4e00\u5c42\u7684\u7f29\u8fdb\u5bbd\u5ea6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport React from 'react';\nimport { Table, Button, Icon } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n ellipsis: true, \n key: 'name', \n }, \n {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, \n {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { \n name: '\u9093\u7d2b\u68cb', \n age: '10', \n id: '1', \n children: [\n {\n name: '\u9093\u7d2b\u68cb-0-1', \n age: '10', \n id: '1-1', \n children: [\n { \n name: '\u9093\u7d2b\u68cb-0-1-1', \n age: '10', \n id: '1-1-1',\n children: [\n {name: '\u9093\u7d2b\u68cb-0-1-1-1', age: '10', id: '-0-1-1-1'},\n {name: '\u9093\u7d2b\u68cb-0-1-1-2', age: '10', id: '-0-1-1-2'},\n {name: '\u9093\u7d2b\u68cb-0-1-1-3', age: '10', id: '-0-1-1-3'},\n ]\n },\n { name: '\u9093\u7d2b\u68cb-0-1-2', age: '10', id: '1-1-2',}\n ]\n },\n {name: '\u9093\u7d2b\u68cb-0-2', age: '10', id: '1-1'},\n {name: '\u9093\u7d2b\u68cb-0-3', age: '10', id: '1-1'},\n ]\n },\n { name: '\u674e\u6613\u5cf0', age: '32', id: '2',},\n { name: '\u8303\u51b0\u51b0', age: '23', id: '3', \n children: [\n {name: '\u8303\u51b0\u51b00-1', age: '23', id: '3-1'},\n {name: '\u8303\u51b0\u51b00-2', age: '23', id: '3-2'},\n {name: '\u8303\u51b0\u51b00-3', age: '23', id: '3-3'},\n ]\n },\n];\nconst Demo = () => {\n const [expandedRowKeys, setExpandedRowKeys] = React.useState([])\n return (\n \n )\n};\nReactDOM.render(, _mount_);\n```\n\n### \u8868\u683c\u5217\u8fc7\u5bbd\u5bfc\u81f4 footer \u6ed1\u52a8\u51fa\u8868\u683c\u5e95\u90e8\n\n\u4f7f\u7528 scroll \u5c5e\u6027\u7ed9\u8868\u683c\u8bbe\u7f6e\u5bbd(x)\u6216\u9ad8(y)\u5373\u53ef\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n // title: '\u59d3\u540d',\n ellipsis: true, \n width: 1000,\n title: ({ key }) => {\n return (\n \u5b57\u6bb5: {key}\n )\n },\n key: 'name', \n }, {\n title: '\u5e74\u9f84',\n style: { color: 'red' },\n key: 'age',\n }, {\n title: '\u5730\u5740',\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n
\u8fd9\u4e2a\u662ffooter}\n columns={columns} data={dataSource} \n />\n \n);\nReactDOM.render(, _mount_);\n```\n\n### \u56fa\u5b9a\u5217 \n\n\u901a\u8fc7\u4f7f\u7528 fixed \u4f7f\u5176\u5217\u56fa\u5b9a\n> \u26a0\ufe0f \u6ce8\u610f: \u82e5\u5e76\u6ca1\u6709 scroll \u6eda\u52a8\u6761\uff0cfixed \u5c5e\u6027\u5e76\u4e0d\u4f1a\u6709\u76f4\u89c2\u7684\u6548\u679c\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Table, Button } from 'uiw';\n\nconst columns = [\n {\n title: '\u59d3\u540d',\n ellipsis: true, \n // fixed: true,\n width: 50,\n key: 'name', \n }, {\n // fixed: true,\n title: '\u5e74\u9f84',\n width: 50,\n style: { color: 'red' },\n key: 'age',\n }, {\n title: '\u5730\u5740',\n width: 50,\n key: 'info',\n }, {\n title: '\u64cd\u4f5c',\n key: 'edit',\n width: 98,\n fixed: 'right',\n render: (text, key, rowData, rowNumber, columnNumber) => (\n \n \n \n
\n ),\n },\n];\nconst dataSource = [\n { name: '\u9093\u7d2b\u68cb', age: '12', info: '\u53c8\u540dG.E.M.\uff0c\u539f\u540d\u9093\u8bd7\u9896\uff0c1991\u5e748\u670816\u65e5\u751f\u4e8e\u4e2d\u56fd\u4e0a\u6d77\uff0c\u4e2d\u56fd\u9999\u6e2f\u521b\u4f5c\u578b\u5973\u6b4c\u624b\u3002', edit: '' },\n { name: '\u674e\u6613\u5cf0', age: '32', info: '1987\u5e745\u67084\u65e5\u51fa\u751f\u4e8e\u56db\u5ddd\u6210\u90fd\uff0c\u4e2d\u56fd\u5185\u5730\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba', edit: '' },\n { name: '\u8303\u51b0\u51b0', age: '23', info: '1981\u5e749\u670816\u65e5\u51fa\u751f\u4e8e\u5c71\u4e1c\u9752\u5c9b\uff0c\u4e2d\u56fd\u5f71\u89c6\u5973\u6f14\u5458\u3001\u5236\u7247\u4eba\u3001\u6d41\u884c\u4e50\u5973\u6b4c\u624b', edit: '' },\n { name: '\u6768\u5e42', age: '34', info: '1986\u5e749\u670812\u65e5\u51fa\u751f\u4e8e\u5317\u4eac\u5e02\uff0c\u4e2d\u56fd\u5185\u5730\u5f71\u89c6\u5973\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3001\u5f71\u89c6\u5236\u7247\u4eba\u3002', edit: '' },\n { name: 'Angelababy', age: '54', info: '1989\u5e742\u670828\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u5973\u6f14\u5458\u3001\u65f6\u5c1a\u6a21\u7279\u3002', edit: '' },\n { name: '\u5510\u5ae3', age: '12', info: '1983\u5e7412\u67086\u65e5\u51fa\u751f\u4e8e\u4e0a\u6d77\u5e02\uff0c\u6bd5\u4e1a\u4e8e\u4e2d\u592e\u620f\u5267\u5b66\u9662\u8868\u6f14\u7cfb\u672c\u79d1\u73ed', edit: '' },\n { name: '\u5434\u4ea6\u51e1', age: '4', info: '1990\u5e7411\u670806\u65e5\u51fa\u751f\u4e8e\u5e7f\u4e1c\u7701\u5e7f\u5dde\u5e02\uff0c\u534e\u8bed\u5f71\u89c6\u7537\u6f14\u5458\u3001\u6d41\u884c\u4e50\u6b4c\u624b\u3002', edit: '' },\n];\nconst Demo = () => (\n \n);\nReactDOM.render(, _mount_);\n```\n\n## Props\n\n### Table\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| columns | \u8868\u683c\u5217\u7684\u914d\u7f6e\u63cf\u8ff0\uff0c\u53ef\u4ee5\u5185\u5d4c `children`\uff0c\u4ee5\u6e32\u67d3\u5206\u7ec4\u8868\u5934\u3002| ColumnProps[] | `[]` |\n| data | \u6570\u636e\u6570\u7ec4\u3002| Array[] | `[]` |\n| title | \u8868\u683c\u6807\u9898 | ~~Function(text, key, rowData, rowNumber, columnNumber)~~ /
Function(data: IColumns, rowNum: Number, colNum: Number)`@3.0.0+` /
String / ReactNode | - |\n| footer | \u8868\u683c\u5c3e\u90e8 | String/ReactNode | - |\n| bordered | \u662f\u5426\u5c55\u793a\u5916\u8fb9\u6846\u548c\u5217\u8fb9\u6846 | Boolean | - |\n| empty | \u65e0\u6570\u636e\u72b6\u6001 | ReactNode | - |\n| onCellHead | \u8868\u5934\u5355\u5143\u683c\u70b9\u51fb\u56de\u8c03 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, colNum: Number, rowNum: Number, evn: React.MouseEvent) `@3.0.0+` | - |\n| onCell | \u5355\u5143\u683c\u70b9\u51fb\u56de\u8c03 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, options:{ colNum: Number, rowNum: Number, keyName: String }, evn: React.MouseEvent) `@3.1.0+` | - |\n| expandable | \u53ef\u5c55\u5f00\u914d\u7f6e | ExpandableType | - |\n| rowKey | \u8868\u683c\u884c key \u7684\u53d6\u503c | String | - |\n| scroll | \u8868\u683c\u662f\u5426\u53ef\u6eda\u52a8\uff0c\u4e5f\u53ef\u4ee5\u6307\u5b9a\u6eda\u52a8\u533a\u57df\u7684\u5bbd\u3001\u9ad8 | { x?: React.CSSProperties['width'], y?: React.CSSProperties['height'] } | - |\n\n\n### ColumnProps\n\n\u5217\u63cf\u8ff0\u6570\u636e\u5bf9\u8c61\uff0c\u662f columns \u4e2d\u7684\u4e00\u9879\uff0c\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c | \u7248\u672c |\n|--------- |-------- |--------- |-------- |-------- |\n| title | \u5217\u5934\u663e\u793a\u6587\u5b57\u3002| ReactNode | - | - |\n| key | \u9700\u8981\u7684 key\uff0c\u53ef\u4ee5\u5ffd\u7565\u8fd9\u4e2a\u5c5e\u6027\uff0c\u5982\u679c\u6807\u9898\u5e26\u6709 `render` \u51fd\u6570\uff0c\u90a3\u4e48\u8fd9\u4e2a `key` \u4e3a\u5fc5\u987b\u975e\u5e38\u91cd\u8981\u3002| String | - | - |\n| width | \u5217\u5bbd\u5ea6\u3002| Number | - | - |\n| colSpan | \u5408\u5e76\u8868\u5934\u884c\u3002| Number | - | - |\n| ellipsis | \u8d85\u8fc7\u5bbd\u5ea6\u5c06\u81ea\u52a8\u7701\u7565\u3002`v4.8.7+`| Boolean | `false` | - |\n| render | \u751f\u6210\u590d\u6742\u6570\u636e\u7684\u6e32\u67d3\u51fd\u6570\uff0c\u53c2\u6570\u5206\u522b\u4e3a\u5f53\u524d\u884c\u7684\u503c\uff0c\u5f53\u524d\u503c\u7684 `key`\uff0c\u884c\u7d22\u5f15\u6570\u636e\uff0c\u5f53\u524d\u884c\u53f7\uff0c\u5f53\u524d\u5217\u53f7\u3002| `Function(text, key, rowData, rowNumber, columnNumber)` | - | - |\n| align | \u8bbe\u7f6e\u5217\u7684\u5bf9\u9f50\u65b9\u5f0f | \"left\"\\|\"center\"\\|\"right\" | - | - |\n| className | \u5217\u6837\u5f0f\u7c7b\u540d | String | - | - |\n| fixed | \u628a\u9009\u62e9\u6846\u5217\u56fa\u5b9a\t | Boolean \\|\"left\"\\|\"right\" | - | 4.15.1 |\n\n### expandable\n\n> \u26a0\ufe0f \u6ce8\u610f: expandedRowKeys \u4e0e onExpandedRowsChange \u5fc5\u987b\u540c\u65f6\u51fa\u73b0\u6216\u4e0d\u51fa\u73b0\n\x3c!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;--\x3e\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| expandedRowRender | \u81ea\u5b9a\u4e49\u5c55\u5f00\u884c| (record, index, expanded) => React.ReactNode | - |\n| expandIcon | \u81ea\u5b9a\u4e49\u56fe\u6807 | (expanded, record, index) => React.ReactNode; | - |\n| rowExpandable | \u662f\u5426\u5141\u8bb8\u5c55\u5f00| (record)=>Boolean | - |\n| defaultExpandAllRows | \u521d\u59cb\u65f6\uff0c\u662f\u5426\u5c55\u5f00\u6240\u6709\u884c| Boolean | false |\n| defaultExpandedRowKeys | \u521d\u59cb\u65f6\uff0c\u9ed8\u8ba4\u5c55\u5f00\u7684\u884c\trowKey\u6570\u7ec4 | Array | - |\n| expandedRowKeys | \u63a7\u5236\u5c55\u5f00\u7684\u884c\trowKey\u6570\u7ec4 | Array | - |\n| onExpandedRowsChange | \u5c55\u5f00\u7684\u884c\u53d8\u5316\u89e6\u53d1 | (expandedRows)=>void | - |\n| onExpand | \u70b9\u51fb\u5c55\u5f00\u56fe\u6807\u89e6\u53d1 | (expanded,record,index)=>void | - |\n| indentSize | \u63a7\u5236\u6811\u5f62\u7ed3\u6784\u6bcf\u4e00\u5c42\u7684\u7f29\u8fdb\u5bbd\u5ea6 | Number | 16 |\n| childrenColumnName | \u6307\u5b9a\u6811\u5f62\u7ed3\u6784\u7684\u5217\u540d | String | children |\n"}}]);
+//# sourceMappingURL=6659.32d92089.chunk.js.map
\ No newline at end of file
diff --git a/static/js/6659.db759a7b.chunk.js.map b/static/js/6659.32d92089.chunk.js.map
similarity index 73%
rename from static/js/6659.db759a7b.chunk.js.map
rename to static/js/6659.32d92089.chunk.js.map
index cdb4a6d3ba..806a89a1bc 100644
--- a/static/js/6659.db759a7b.chunk.js.map
+++ b/static/js/6659.32d92089.chunk.js.map
@@ -1 +1 @@
-{"version":3,"file":"static/js/6659.db759a7b.chunk.js","mappings":"gHAAA","sources":["../../packages/react-table/README.md"],"sourcesContent":["export default \"Table 表格\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-table/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-table.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-table)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-table.svg?label=@uiw/react-table)](https://npmjs.com/@uiw/react-table)\\n\\n表示两种相互对立的状态间的切换,多用于触发「开/关」。选中时的内容支持响应式。\\n\\n```jsx\\nimport { Table } from 'uiw';\\n// or\\nimport Table from '@uiw/react-table';\\n```\\n\\n### 基本使用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n // title: '姓名',\\n ellipsis: true, \\n title: ({ key }) => {\\n return (\\n 字段: {key}\\n )\\n },\\n key: 'name', \\n }, {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n### 表头分组\\n\\n表头分组通过 `columns` 数组中对象的 `children` 来实现,以渲染分组表头。。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'name', \\n children: [\\n {\\n title: '中文名字',\\n key: 'cnname',\\n children:[\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'firstname',\\n children:[\\n { title: '姓', key: 'name1', width: 80 },\\n { title: '名', key: 'name2', width: 80 },\\n ]\\n }, {\\n title: '拼音',\\n key: 'lastname',\\n children:[\\n { title: '姓', key: 'pinyin1', width: 80 },\\n { title: '名', key: 'pinyin2', width: 80 },\\n ],\\n },\\n ],\\n }, {\\n title: '英文名字',\\n width: 100,\\n key: 'name_en',\\n },\\n ]\\n }, {\\n title: '其它',\\n children:[\\n { title: '生日', key: 'birthday', width: 150 },\\n { title: '职业', key: 'job', width: 150 },\\n ],\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 150,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n {text} {key} - {rowNumber} - {columnNumber}\\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name1: '邓', name2:'紫棋', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991年8月16日', job: '唱作歌手、作曲人', edit:'' },\\n { name1: '周', name2:'杰伦', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979年1月18日', job: '歌手、音乐人', edit:'' },\\n { name1: '邓', name2:'紫棋', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991年8月16日', job: '唱作歌手、作曲人', edit:'' },\\n { name1: '周', name2:'杰伦', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979年1月18日', job: '歌手、音乐人', edit:'' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 表格行/列合并\\n\\n表头只支持列合并,使用 `columns` 里的 `colSpan` 进行设置。表格支持行/列合并,使用 `render` 里的单元格属性 `colSpan` 或者 `rowSpan` 设值为 0 时,设置的表格不会渲染。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n key: 'name', \\n }, {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n colSpan: 2,\\n render: (text, key, rowData, rowNum, colNum) => {\\n const obj = {\\n children: text,\\n props: {}\\n }\\n if (rowNum === 0) {\\n obj.props.rowSpan = 2;\\n }\\n if (rowNum === 1) {\\n obj.props.rowSpan = 0;\\n }\\n return obj;\\n }\\n }, {\\n title: '地址',\\n key: 'info',\\n colSpan: 0,\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '12', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n\\n### 标题页脚\\n\\n添加表格边框线,页头和页脚的展现效果。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'name', \\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n
\\n 这里是标题,有边框,bordered=true\\n \\n )}\\n footer={(\\n \\n 这里是页脚 Footer,有边框,bordered=true\\n
\\n )}\\n bordered columns={columns} data={dataSource} />\\n \\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 点击单元格\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Notify } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'name', \\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n
{\\n console.log('-->3', rowData);\\n console.log('-->4', rowNum);\\n console.log('-->5', colNum);\\n Notify.info({ description: `你点击了\\\"${rowData.name}\\\"。` });\\n }}\\n columns={columns}\\n data={dataSource}\\n />\\n {\\n console.log('-->3', rowData);\\n console.log('-->4', rowNum);\\n console.log('-->5', columnNumber);\\n Notify.info({ description: `你点击了\\\"${rowData.title}\\\"。` });\\n }}\\n onCell={(rowData, { rowNum, colNum }) => {\\n console.log('-->3', rowData);\\n console.log('-->4', rowNum);\\n console.log('-->5', colNum);\\n Notify.info({ description: `你点击了\\\"${rowData.name}\\\"。` });\\n }}\\n columns={columns}\\n data={dataSource}\\n />\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 原始HTML\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst Demo = () => (\\n \\n
\\n \\n \\n 名称 | \\n 数量 | \\n 详情 | \\n 价格 | \\n
\\n \\n \\n \\n 土豆 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 萝卜 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 香蕉 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 芝麻 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n
\\n
\\n 没有边框\\n \\n \\n 名称 | \\n 数量 | \\n 详情 | \\n 价格 | \\n
\\n \\n \\n \\n 土豆 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 萝卜 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 香蕉 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 芝麻 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n
\\n
\\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 选择和操作\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Checkbox, Pagination, Loader } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n // 选中的 key\\n checked: [],\\n loading: false,\\n dataSource: [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。' },\\n ],\\n columns: [\\n {\\n title: (data, rowNum, colNum) => {\\n const indeterminate = this.state.dataSource.length !== this.state.checked.length && this.state.checked.length > 0;\\n const checked = this.state.dataSource.length === this.state.checked.length;\\n return (\\n {\\n let checked = this.state.dataSource.map((item, idx) => idx);\\n if(!evn.target.checked) {\\n checked = [];\\n }\\n this.setState({ checked });\\n }}\\n />\\n );\\n },\\n key: 'checked',\\n render: (text, key, rowData, rowNumber, columnNumber) => {\\n return (\\n \\n );\\n }\\n }, {\\n title: '名字',\\n key: 'name',\\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n },\\n ]\\n }\\n }\\n onClickCheckedItem(rowNumber, env) {\\n let { checked } = this.state;\\n const isChecked = env.target.checked;\\n if(isChecked) {\\n // 添加到选中数组中\\n checked.push(rowNumber)\\n checked = checked.sort((a, b) => a - b);\\n } else {\\n // 删除选中项\\n checked.splice(checked.indexOf(rowNumber), 1);\\n }\\n this.setState({ checked });\\n }\\n render() {\\n const { checked } = this.state;\\n const dataSource = this.state.dataSource.map((item, idx) => {\\n const isChecked = checked.indexOf(idx) > -1;\\n return { checked: isChecked, ...item };\\n });\\n return (\\n \\n
\\n {\\n this.setState({ loading: true });\\n const timer = setTimeout(() => {\\n // 模拟变更数据\\n const dataSource = this.state.dataSource.map(item => {\\n item.age = Number(item.age) + current;\\n return item;\\n });\\n // 翻页 API 获取数据\\n this.setState({ checked: [], dataSource, loading: false });\\n }, 2000);\\n }}\\n />\\n }\\n />\\n \\n \\n );\\n }\\n}\\nReactDOM.render(, _mount_);\\n```\\n\\n### 自定义单元格省略提示\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Notify, Tooltip } from 'uiw';\\n\\nconst columns = [\\n {\\n title: 'Name',\\n key: 'name',\\n render: text => {text},\\n width: 150,\\n },\\n {\\n title: 'Age',\\n key: 'age',\\n width: 80,\\n },\\n {\\n title: 'Address',\\n key: 'address',\\n ellipsis: true,\\n render: address => (\\n \\n {address}\\n \\n ),\\n },\\n {\\n title: 'Long Column Long Column Long Column',\\n key: 'address',\\n ellipsis: true,\\n render: address => (\\n \\n {address}\\n \\n ),\\n },\\n {\\n title: 'Long Column Long Column',\\n key: 'address',\\n ellipsis: true,\\n render: address => (\\n \\n {address}\\n \\n ),\\n },\\n {\\n title: 'Long Column',\\n key: 'address',\\n ellipsis: true,\\n render: address => {\\n return (\\n \\n {address}\\n \\n )\\n },\\n },\\n];\\n\\nconst data = [\\n { name: '邓紫棋', age: '12', address: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。' },\\n { name: '李易峰', age: '32', address: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人' },\\n { name: '范冰冰', age: '23', address: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手' },\\n { name: '杨幂', age: '34', address: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。' },\\n { name: 'Angelababy', age: '54', address: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。' },\\n { name: '唐嫣', age: '12', address: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班' },\\n { name: '吴亦凡', age: '4', address: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。' },\\n];\\n\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 无数据状态\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Empty } from 'uiw';\\n\\nconst columns = [\\n {\\n ellipsis: true, \\n title: '姓名',\\n key: 'name', \\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 可展开\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Icon } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n ellipsis: true, \\n key: 'name', \\n }, \\n {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, \\n {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '10', id: '1'},\\n { name: '李易峰', age: '32', id: '2'},\\n { name: '范冰冰', age: '23', id: '3'},\\n];\\nconst Demo = () => (\\n \\n
{\\n return {record.name}
\\n },\\n // defaultExpandAllRows: true,\\n rowExpandable: (r)=>r.name!=='李易峰',\\n expandIcon: (expanded) => expanded ? : ,\\n defaultExpandedRowKeys: [\\\"1\\\"]\\n }}\\n columns={columns} \\n data={dataSource} \\n />\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 树形数据展示\\n\\n表格支持树形数据的展示,当数据中有 children 字段时会自动展示为树形表格,如果不需要或配置为其他字段可以用 childrenColumnName 进行配置。\\n\\n可以通过设置 indentSize 以控制每一层的缩进宽度\\n\\n> ⚠️ 注意: 树形数据展示和`expandable.expandedRowRender`请不要同时出现,后续或将支持\\n\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport React from 'react';\\nimport { Table, Button, Icon } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n ellipsis: true, \\n key: 'name', \\n }, \\n {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, \\n {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { \\n name: '邓紫棋', \\n age: '10', \\n id: '1', \\n children: [\\n {\\n name: '邓紫棋-0-1', \\n age: '10', \\n id: '1-1', \\n children: [\\n { \\n name: '邓紫棋-0-1-1', \\n age: '10', \\n id: '1-1-1',\\n children: [\\n {name: '邓紫棋-0-1-1-1', age: '10', id: '-0-1-1-1'},\\n {name: '邓紫棋-0-1-1-2', age: '10', id: '-0-1-1-2'},\\n {name: '邓紫棋-0-1-1-3', age: '10', id: '-0-1-1-3'},\\n ]\\n },\\n { name: '邓紫棋-0-1-2', age: '10', id: '1-1-2',}\\n ]\\n },\\n {name: '邓紫棋-0-2', age: '10', id: '1-1'},\\n {name: '邓紫棋-0-3', age: '10', id: '1-1'},\\n ]\\n },\\n { name: '李易峰', age: '32', id: '2',},\\n { name: '范冰冰', age: '23', id: '3', \\n children: [\\n {name: '范冰冰0-1', age: '23', id: '3-1'},\\n {name: '范冰冰0-2', age: '23', id: '3-2'},\\n {name: '范冰冰0-3', age: '23', id: '3-3'},\\n ]\\n },\\n];\\nconst Demo = () => {\\n const [expandedRowKeys, setExpandedRowKeys] = React.useState([])\\n return (\\n \\n )\\n};\\nReactDOM.render(, _mount_);\\n```\\n\\n### 表格列过宽导致 footer 滑动出表格底部\\n\\n使用 scroll 属性给表格设置宽(x)或高(y)即可\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n // title: '姓名',\\n ellipsis: true, \\n width: 1000,\\n title: ({ key }) => {\\n return (\\n 字段: {key}\\n )\\n },\\n key: 'name', \\n }, {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n
这个是footer}\\n columns={columns} data={dataSource} \\n />\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 固定列 \\n\\n通过使用 fixed 使其列固定\\n> ⚠️ 注意: 若并没有 scroll 滚动条,fixed 属性并不会有直观的效果\\n\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n ellipsis: true, \\n // fixed: true,\\n width: 50,\\n key: 'name', \\n }, {\\n // fixed: true,\\n title: '年龄',\\n width: 50,\\n style: { color: 'red' },\\n key: 'age',\\n }, {\\n title: '地址',\\n width: 50,\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n fixed: 'right',\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n## Props\\n\\n### Table\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| columns | 表格列的配置描述,可以内嵌 `children`,以渲染分组表头。| ColumnProps[] | `[]` |\\n| data | 数据数组。| Array[] | `[]` |\\n| title | 表格标题 | ~~Function(text, key, rowData, rowNumber, columnNumber)~~ /
Function(data: IColumns, rowNum: Number, colNum: Number)`@3.0.0+` /
String / ReactNode | - |\\n| footer | 表格尾部 | String/ReactNode | - |\\n| bordered | 是否展示外边框和列边框 | Boolean | - |\\n| empty | 无数据状态 | ReactNode | - |\\n| onCellHead | 表头单元格点击回调 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, colNum: Number, rowNum: Number, evn: React.MouseEvent) `@3.0.0+` | - |\\n| onCell | 单元格点击回调 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, options:{ colNum: Number, rowNum: Number, keyName: String }, evn: React.MouseEvent) `@3.1.0+` | - |\\n| expandable | 可展开配置 | ExpandableType | - |\\n| rowKey | 表格行 key 的取值 | String | - |\\n| scroll | 表格是否可滚动,也可以指定滚动区域的宽、高 | { x?: React.CSSProperties['width'], y?: React.CSSProperties['height'] } | - |\\n\\n\\n### ColumnProps\\n\\n列描述数据对象,是 columns 中的一项,\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n|--------- |-------- |--------- |-------- |-------- |\\n| title | 列头显示文字。| ReactNode | - | - |\\n| key | 需要的 key,可以忽略这个属性,如果标题带有 `render` 函数,那么这个 `key` 为必须非常重要。| String | - | - |\\n| width | 列宽度。| Number | - | - |\\n| colSpan | 合并表头行。| Number | - | - |\\n| ellipsis | 超过宽度将自动省略。`v4.8.7+`| Boolean | `false` | - |\\n| render | 生成复杂数据的渲染函数,参数分别为当前行的值,当前值的 `key`,行索引数据,当前行号,当前列号。| `Function(text, key, rowData, rowNumber, columnNumber)` | - | - |\\n| align | 设置列的对齐方式 | \\\"left\\\"\\\\|\\\"center\\\"\\\\|\\\"right\\\" | - | - |\\n| className | 列样式类名 | String | - | - |\\n| fixed | 把选择框列固定\\t | Boolean \\\\|\\\"left\\\"\\\\|\\\"right\\\" | - | 4.15.1 |\\n\\n### expandable\\n\\n注意 expandedRowKeys 与 onExpandedRowsChange 必须成对出现\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| expandedRowRender | 自定义展开行| (record, index, expanded) => React.ReactNode | - |\\n| expandIcon | 自定义图标 | (expanded, record, index) => React.ReactNode; | - |\\n| rowExpandable | 是否允许展开| (record)=>Boolean | - |\\n| defaultExpandAllRows | 初始时,是否展开所有行| Boolean | false |\\n| defaultExpandedRowKeys | 初始时,默认展开的行\\trowKey数组 | Array | - |\\n| expandedRowKeys | 控制展开的行\\trowKey数组 | Array | - |\\n| onExpandedRowsChange | 展开的行变化触发 | (expandedRows)=>void | - |\\n| onExpand | 点击展开图标触发 | (expanded,record,index)=>void | - |\\n| indentSize | 控制树形结构每一层的缩进宽度 | Number | 16 |\\n| childrenColumnName | 指定树形结构的列名 | String | children |\\n\";"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"static/js/6659.32d92089.chunk.js","mappings":"gHAAA","sources":["../../packages/react-table/README.md"],"sourcesContent":["export default \"Table 表格\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-table/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-table.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-table)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-table.svg?label=@uiw/react-table)](https://npmjs.com/@uiw/react-table)\\n\\n表示两种相互对立的状态间的切换,多用于触发「开/关」。选中时的内容支持响应式。\\n\\n```jsx\\nimport { Table } from 'uiw';\\n// or\\nimport Table from '@uiw/react-table';\\n```\\n\\n### 基本使用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n // title: '姓名',\\n ellipsis: true, \\n title: ({ key }) => {\\n return (\\n 字段: {key}\\n )\\n },\\n key: 'name', \\n }, {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n### 表头分组\\n\\n表头分组通过 `columns` 数组中对象的 `children` 来实现,以渲染分组表头。。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'name', \\n children: [\\n {\\n title: '中文名字',\\n key: 'cnname',\\n children:[\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'firstname',\\n children:[\\n { title: '姓', key: 'name1', width: 80 },\\n { title: '名', key: 'name2', width: 80 },\\n ]\\n }, {\\n title: '拼音',\\n key: 'lastname',\\n children:[\\n { title: '姓', key: 'pinyin1', width: 80 },\\n { title: '名', key: 'pinyin2', width: 80 },\\n ],\\n },\\n ],\\n }, {\\n title: '英文名字',\\n width: 100,\\n key: 'name_en',\\n },\\n ]\\n }, {\\n title: '其它',\\n children:[\\n { title: '生日', key: 'birthday', width: 150 },\\n { title: '职业', key: 'job', width: 150 },\\n ],\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 150,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n {text} {key} - {rowNumber} - {columnNumber}\\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name1: '邓', name2:'紫棋', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991年8月16日', job: '唱作歌手、作曲人', edit:'' },\\n { name1: '周', name2:'杰伦', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979年1月18日', job: '歌手、音乐人', edit:'' },\\n { name1: '邓', name2:'紫棋', pinyin1: 'deng', pinyin2: 'ziqi', name_en: 'G.E.M.', birthday: '1991年8月16日', job: '唱作歌手、作曲人', edit:'' },\\n { name1: '周', name2:'杰伦', pinyin1: 'zhou', pinyin2: 'jielun', name_en: 'Jay Chou', birthday: '1979年1月18日', job: '歌手、音乐人', edit:'' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 表格行/列合并\\n\\n表头只支持列合并,使用 `columns` 里的 `colSpan` 进行设置。表格支持行/列合并,使用 `render` 里的单元格属性 `colSpan` 或者 `rowSpan` 设值为 0 时,设置的表格不会渲染。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n key: 'name', \\n }, {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n colSpan: 2,\\n render: (text, key, rowData, rowNum, colNum) => {\\n const obj = {\\n children: text,\\n props: {}\\n }\\n if (rowNum === 0) {\\n obj.props.rowSpan = 2;\\n }\\n if (rowNum === 1) {\\n obj.props.rowSpan = 0;\\n }\\n return obj;\\n }\\n }, {\\n title: '地址',\\n key: 'info',\\n colSpan: 0,\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '12', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n\\n### 标题页脚\\n\\n添加表格边框线,页头和页脚的展现效果。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'name', \\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n
\\n 这里是标题,有边框,bordered=true\\n \\n )}\\n footer={(\\n \\n 这里是页脚 Footer,有边框,bordered=true\\n
\\n )}\\n bordered columns={columns} data={dataSource} />\\n \\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 点击单元格\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Notify } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n style: { color: 'red' },\\n key: 'name', \\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n
{\\n console.log('-->3', rowData);\\n console.log('-->4', rowNum);\\n console.log('-->5', colNum);\\n Notify.info({ description: `你点击了\\\"${rowData.name}\\\"。` });\\n }}\\n columns={columns}\\n data={dataSource}\\n />\\n {\\n console.log('-->3', rowData);\\n console.log('-->4', rowNum);\\n console.log('-->5', columnNumber);\\n Notify.info({ description: `你点击了\\\"${rowData.title}\\\"。` });\\n }}\\n onCell={(rowData, { rowNum, colNum }) => {\\n console.log('-->3', rowData);\\n console.log('-->4', rowNum);\\n console.log('-->5', colNum);\\n Notify.info({ description: `你点击了\\\"${rowData.name}\\\"。` });\\n }}\\n columns={columns}\\n data={dataSource}\\n />\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 原始HTML\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst Demo = () => (\\n \\n
\\n \\n \\n 名称 | \\n 数量 | \\n 详情 | \\n 价格 | \\n
\\n \\n \\n \\n 土豆 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 萝卜 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 香蕉 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 芝麻 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n
\\n
\\n 没有边框\\n \\n \\n 名称 | \\n 数量 | \\n 详情 | \\n 价格 | \\n
\\n \\n \\n \\n 土豆 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 萝卜 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 香蕉 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n 芝麻 | \\n 18 | \\n 2009/01/12 | \\n ¥86,000 | \\n
\\n \\n
\\n
\\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 选择和操作\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Checkbox, Pagination, Loader } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n // 选中的 key\\n checked: [],\\n loading: false,\\n dataSource: [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。' },\\n ],\\n columns: [\\n {\\n title: (data, rowNum, colNum) => {\\n const indeterminate = this.state.dataSource.length !== this.state.checked.length && this.state.checked.length > 0;\\n const checked = this.state.dataSource.length === this.state.checked.length;\\n return (\\n {\\n let checked = this.state.dataSource.map((item, idx) => idx);\\n if(!evn.target.checked) {\\n checked = [];\\n }\\n this.setState({ checked });\\n }}\\n />\\n );\\n },\\n key: 'checked',\\n render: (text, key, rowData, rowNumber, columnNumber) => {\\n return (\\n \\n );\\n }\\n }, {\\n title: '名字',\\n key: 'name',\\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n },\\n ]\\n }\\n }\\n onClickCheckedItem(rowNumber, env) {\\n let { checked } = this.state;\\n const isChecked = env.target.checked;\\n if(isChecked) {\\n // 添加到选中数组中\\n checked.push(rowNumber)\\n checked = checked.sort((a, b) => a - b);\\n } else {\\n // 删除选中项\\n checked.splice(checked.indexOf(rowNumber), 1);\\n }\\n this.setState({ checked });\\n }\\n render() {\\n const { checked } = this.state;\\n const dataSource = this.state.dataSource.map((item, idx) => {\\n const isChecked = checked.indexOf(idx) > -1;\\n return { checked: isChecked, ...item };\\n });\\n return (\\n \\n
\\n {\\n this.setState({ loading: true });\\n const timer = setTimeout(() => {\\n // 模拟变更数据\\n const dataSource = this.state.dataSource.map(item => {\\n item.age = Number(item.age) + current;\\n return item;\\n });\\n // 翻页 API 获取数据\\n this.setState({ checked: [], dataSource, loading: false });\\n }, 2000);\\n }}\\n />\\n }\\n />\\n \\n \\n );\\n }\\n}\\nReactDOM.render(, _mount_);\\n```\\n\\n### 自定义单元格省略提示\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Notify, Tooltip } from 'uiw';\\n\\nconst columns = [\\n {\\n title: 'Name',\\n key: 'name',\\n render: text => {text},\\n width: 150,\\n },\\n {\\n title: 'Age',\\n key: 'age',\\n width: 80,\\n },\\n {\\n title: 'Address',\\n key: 'address',\\n ellipsis: true,\\n render: address => (\\n \\n {address}\\n \\n ),\\n },\\n {\\n title: 'Long Column Long Column Long Column',\\n key: 'address',\\n ellipsis: true,\\n render: address => (\\n \\n {address}\\n \\n ),\\n },\\n {\\n title: 'Long Column Long Column',\\n key: 'address',\\n ellipsis: true,\\n render: address => (\\n \\n {address}\\n \\n ),\\n },\\n {\\n title: 'Long Column',\\n key: 'address',\\n ellipsis: true,\\n render: address => {\\n return (\\n \\n {address}\\n \\n )\\n },\\n },\\n];\\n\\nconst data = [\\n { name: '邓紫棋', age: '12', address: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。' },\\n { name: '李易峰', age: '32', address: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人' },\\n { name: '范冰冰', age: '23', address: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手' },\\n { name: '杨幂', age: '34', address: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。' },\\n { name: 'Angelababy', age: '54', address: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。' },\\n { name: '唐嫣', age: '12', address: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班' },\\n { name: '吴亦凡', age: '4', address: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。' },\\n];\\n\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 无数据状态\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Empty } from 'uiw';\\n\\nconst columns = [\\n {\\n ellipsis: true, \\n title: '姓名',\\n key: 'name', \\n }, {\\n title: '年龄',\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 可展开\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button, Icon } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n ellipsis: true, \\n key: 'name', \\n }, \\n {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, \\n {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '10', id: '1'},\\n { name: '李易峰', age: '32', id: '2'},\\n { name: '范冰冰', age: '23', id: '3'},\\n];\\nconst Demo = () => (\\n \\n
{\\n return {record.name}
\\n },\\n // defaultExpandAllRows: true,\\n rowExpandable: (r)=>r.name!=='李易峰',\\n expandIcon: (expanded) => expanded ? : ,\\n defaultExpandedRowKeys: [\\\"1\\\"]\\n }}\\n columns={columns} \\n data={dataSource} \\n />\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 树形数据展示\\n\\n表格支持树形数据的展示,当数据中有 children 字段时会自动展示为树形表格,如果不需要或配置为其他字段可以用 childrenColumnName 进行配置。\\n\\n可以通过设置 indentSize 以控制每一层的缩进宽度\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport React from 'react';\\nimport { Table, Button, Icon } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n ellipsis: true, \\n key: 'name', \\n }, \\n {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, \\n {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { \\n name: '邓紫棋', \\n age: '10', \\n id: '1', \\n children: [\\n {\\n name: '邓紫棋-0-1', \\n age: '10', \\n id: '1-1', \\n children: [\\n { \\n name: '邓紫棋-0-1-1', \\n age: '10', \\n id: '1-1-1',\\n children: [\\n {name: '邓紫棋-0-1-1-1', age: '10', id: '-0-1-1-1'},\\n {name: '邓紫棋-0-1-1-2', age: '10', id: '-0-1-1-2'},\\n {name: '邓紫棋-0-1-1-3', age: '10', id: '-0-1-1-3'},\\n ]\\n },\\n { name: '邓紫棋-0-1-2', age: '10', id: '1-1-2',}\\n ]\\n },\\n {name: '邓紫棋-0-2', age: '10', id: '1-1'},\\n {name: '邓紫棋-0-3', age: '10', id: '1-1'},\\n ]\\n },\\n { name: '李易峰', age: '32', id: '2',},\\n { name: '范冰冰', age: '23', id: '3', \\n children: [\\n {name: '范冰冰0-1', age: '23', id: '3-1'},\\n {name: '范冰冰0-2', age: '23', id: '3-2'},\\n {name: '范冰冰0-3', age: '23', id: '3-3'},\\n ]\\n },\\n];\\nconst Demo = () => {\\n const [expandedRowKeys, setExpandedRowKeys] = React.useState([])\\n return (\\n \\n )\\n};\\nReactDOM.render(, _mount_);\\n```\\n\\n### 表格列过宽导致 footer 滑动出表格底部\\n\\n使用 scroll 属性给表格设置宽(x)或高(y)即可\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n // title: '姓名',\\n ellipsis: true, \\n width: 1000,\\n title: ({ key }) => {\\n return (\\n 字段: {key}\\n )\\n },\\n key: 'name', \\n }, {\\n title: '年龄',\\n style: { color: 'red' },\\n key: 'age',\\n }, {\\n title: '地址',\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n
这个是footer}\\n columns={columns} data={dataSource} \\n />\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n### 固定列 \\n\\n通过使用 fixed 使其列固定\\n> ⚠️ 注意: 若并没有 scroll 滚动条,fixed 属性并不会有直观的效果\\n\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Table, Button } from 'uiw';\\n\\nconst columns = [\\n {\\n title: '姓名',\\n ellipsis: true, \\n // fixed: true,\\n width: 50,\\n key: 'name', \\n }, {\\n // fixed: true,\\n title: '年龄',\\n width: 50,\\n style: { color: 'red' },\\n key: 'age',\\n }, {\\n title: '地址',\\n width: 50,\\n key: 'info',\\n }, {\\n title: '操作',\\n key: 'edit',\\n width: 98,\\n fixed: 'right',\\n render: (text, key, rowData, rowNumber, columnNumber) => (\\n \\n \\n \\n
\\n ),\\n },\\n];\\nconst dataSource = [\\n { name: '邓紫棋', age: '12', info: '又名G.E.M.,原名邓诗颖,1991年8月16日生于中国上海,中国香港创作型女歌手。', edit: '' },\\n { name: '李易峰', age: '32', info: '1987年5月4日出生于四川成都,中国内地男演员、流行乐歌手、影视制片人', edit: '' },\\n { name: '范冰冰', age: '23', info: '1981年9月16日出生于山东青岛,中国影视女演员、制片人、流行乐女歌手', edit: '' },\\n { name: '杨幂', age: '34', info: '1986年9月12日出生于北京市,中国内地影视女演员、流行乐歌手、影视制片人。', edit: '' },\\n { name: 'Angelababy', age: '54', info: '1989年2月28日出生于上海市,华语影视女演员、时尚模特。', edit: '' },\\n { name: '唐嫣', age: '12', info: '1983年12月6日出生于上海市,毕业于中央戏剧学院表演系本科班', edit: '' },\\n { name: '吴亦凡', age: '4', info: '1990年11月06日出生于广东省广州市,华语影视男演员、流行乐歌手。', edit: '' },\\n];\\nconst Demo = () => (\\n \\n);\\nReactDOM.render(, _mount_);\\n```\\n\\n## Props\\n\\n### Table\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| columns | 表格列的配置描述,可以内嵌 `children`,以渲染分组表头。| ColumnProps[] | `[]` |\\n| data | 数据数组。| Array[] | `[]` |\\n| title | 表格标题 | ~~Function(text, key, rowData, rowNumber, columnNumber)~~ /
Function(data: IColumns, rowNum: Number, colNum: Number)`@3.0.0+` /
String / ReactNode | - |\\n| footer | 表格尾部 | String/ReactNode | - |\\n| bordered | 是否展示外边框和列边框 | Boolean | - |\\n| empty | 无数据状态 | ReactNode | - |\\n| onCellHead | 表头单元格点击回调 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, colNum: Number, rowNum: Number, evn: React.MouseEvent) `@3.0.0+` | - |\\n| onCell | 单元格点击回调 | ~~`Function(text, key, rowData, rowNumber, columnNumber)`~~ /
Function(data: IColumns, options:{ colNum: Number, rowNum: Number, keyName: String }, evn: React.MouseEvent) `@3.1.0+` | - |\\n| expandable | 可展开配置 | ExpandableType | - |\\n| rowKey | 表格行 key 的取值 | String | - |\\n| scroll | 表格是否可滚动,也可以指定滚动区域的宽、高 | { x?: React.CSSProperties['width'], y?: React.CSSProperties['height'] } | - |\\n\\n\\n### ColumnProps\\n\\n列描述数据对象,是 columns 中的一项,\\n\\n| 参数 | 说明 | 类型 | 默认值 | 版本 |\\n|--------- |-------- |--------- |-------- |-------- |\\n| title | 列头显示文字。| ReactNode | - | - |\\n| key | 需要的 key,可以忽略这个属性,如果标题带有 `render` 函数,那么这个 `key` 为必须非常重要。| String | - | - |\\n| width | 列宽度。| Number | - | - |\\n| colSpan | 合并表头行。| Number | - | - |\\n| ellipsis | 超过宽度将自动省略。`v4.8.7+`| Boolean | `false` | - |\\n| render | 生成复杂数据的渲染函数,参数分别为当前行的值,当前值的 `key`,行索引数据,当前行号,当前列号。| `Function(text, key, rowData, rowNumber, columnNumber)` | - | - |\\n| align | 设置列的对齐方式 | \\\"left\\\"\\\\|\\\"center\\\"\\\\|\\\"right\\\" | - | - |\\n| className | 列样式类名 | String | - | - |\\n| fixed | 把选择框列固定\\t | Boolean \\\\|\\\"left\\\"\\\\|\\\"right\\\" | - | 4.15.1 |\\n\\n### expandable\\n\\n> ⚠️ 注意: expandedRowKeys 与 onExpandedRowsChange 必须同时出现或不出现\\n\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| expandedRowRender | 自定义展开行| (record, index, expanded) => React.ReactNode | - |\\n| expandIcon | 自定义图标 | (expanded, record, index) => React.ReactNode; | - |\\n| rowExpandable | 是否允许展开| (record)=>Boolean | - |\\n| defaultExpandAllRows | 初始时,是否展开所有行| Boolean | false |\\n| defaultExpandedRowKeys | 初始时,默认展开的行\\trowKey数组 | Array | - |\\n| expandedRowKeys | 控制展开的行\\trowKey数组 | Array | - |\\n| onExpandedRowsChange | 展开的行变化触发 | (expandedRows)=>void | - |\\n| onExpand | 点击展开图标触发 | (expanded,record,index)=>void | - |\\n| indentSize | 控制树形结构每一层的缩进宽度 | Number | 16 |\\n| childrenColumnName | 指定树形结构的列名 | String | children |\\n\";"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/main.b79cc891.js b/static/js/main.36d0be29.js
similarity index 77%
rename from static/js/main.b79cc891.js
rename to static/js/main.36d0be29.js
index 96ba445240..d3faa99b67 100644
--- a/static/js/main.b79cc891.js
+++ b/static/js/main.36d0be29.js
@@ -1,2 +1,2 @@
-!function(){"use strict";var e={62545:function(e,t,n){n(41473);var r=n(69286),i=(0,r.jsx)("svg",{viewBox:"0 0 20 20",width:"23",height:"23",version:"1.1",children:(0,r.jsx)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,r.jsx)("path",{d:"M5.70480219,0 L10.4096044,3.41834667 L8.61252986,8.94934776 L2.79707453,8.94934776 L1,3.41834667 L5.70480219,0 Z M5.70480219,20 L1,16.5816533 L2.79707453,11.0506522 L8.61252986,11.0506522 L10.4096044,16.5816533 L5.70480219,20 Z M18.8709653,12.9678909 L13.3400514,14.7649021 L9.92167142,10.0599974 L13.3399103,5.35519519 L18.8708781,7.15237223 L18.8709653,12.9678909 Z",fill:"#FFFFFF"})})}),a=(0,r.jsx)("svg",{viewBox:"0 0 20 20",version:"1.1",children:(0,r.jsx)("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,r.jsx)("path",{d:"M5.70480219,0 L10.4096044,3.41834667 L8.61252986,8.94934776 L2.79707453,8.94934776 L1,3.41834667 L5.70480219,0 Z M5.70480219,20 L1,16.5816533 L2.79707453,11.0506522 L8.61252986,11.0506522 L10.4096044,16.5816533 L5.70480219,20 Z M18.8709653,12.9678909 L13.3400514,14.7649021 L9.92167142,10.0599974 L13.3399103,5.35519519 L18.8708781,7.15237223 L18.8709653,12.9678909 Z",fill:"#FFFFFF"})})});t.Z={dark:i,light:a}},52744:function(e,t,n){var r=n(11026),i=n(41473),a=n(7510),o=n(64310),l=n(57261),s=(n(67251),n(50189)),c=n(69286);function d(){return(0,c.jsxs)("div",{children:[(0,c.jsx)("h2",{children:"It looks like you're lost..."}),(0,c.jsx)("p",{children:(0,c.jsx)(o.rU,{to:"/",children:"Go to the home page"})})]})}var u=n(97749);function f(){return(0,c.jsx)(u.Loader,{tip:"Loading...",indicator:(0,c.jsx)(u.Icon,{type:"loading",spin:!0,style:{verticalAlign:"text-top"}})})}var h=n(75752),p={};function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.useMemo)((function(){return(0,c.jsx)(u.Select.Option,{value:e.version,children:e.version})}),[e.version])}var v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};function t(e){var t=e.target.value,n="1"===t.split(".")[0];window.location.href=n?"https://unpkg.com/uiw@".concat(t,"/dist/index.html"):"https://unpkg.com/@uiw/doc@".concat(t,"/web/index.html")}var n=h.i8,r=e.data,a=r[0];return a!==n&&r.unshift(n),(0,i.useMemo)((function(){return(0,c.jsx)("div",{className:p.nav,children:(0,c.jsx)(u.Select,{defaultValue:r[0],onChange:t,children:r.map((function(e,t){return(0,c.jsx)(m,{version:e},t)}))})})}),[r])},x={sider:"index_sider__vrASx",menuWarpper:"index_menuWarpper__asOzy",subMenu:"index_subMenu__c4Mvo",layoutWrap:"index_layoutWrap__6CE3D",layoutSider:"index_layoutSider__1t-SG"},y=JSON.parse('["4.0.0","3.10.12","2.0.1","1.16.19"]'),g={title:"index_title__O5TzH",menu:"index_menu__9HE8I",divider:"index_divider__1cINS"},j=n(86646),b={home:(0,c.jsx)("svg",{width:"23",height:"24",viewBox:"0 0 23 24",children:(0,c.jsx)("path",{fill:"#555",d:"M7.95808665,21.4797568 L7.95808665,14.2926972 C7.95808665,13.872855 8.29729322,13.5325056 8.71572573,13.5325056 L14.7768383,13.5325056 C15.1952708,13.5325056 15.5344774,13.872855 15.5344774,14.2926972 L15.5344774,21.4800639 L18.3333605,21.4801773 C18.4412665,21.4760176 18.5251665,21.4671569 18.58271,21.4596448 C18.588514,21.3995182 18.5915777,21.3235793 18.5907536,21.2318213 L18.5909124,14.2893672 C18.590922,13.869525 18.9301364,13.5291834 19.3485689,13.5291931 C19.7670014,13.5292027 20.1062001,13.8695599 20.1061905,14.2894021 L20.1059996,21.2248359 C20.1119888,21.8771673 19.9896563,22.3494462 19.5993559,22.6516032 C19.3010239,22.8825616 18.9057568,22.9796164 18.3624477,23 L4.48346492,22.9997015 C3.86961191,22.9824374 3.38486601,22.8118189 3.07125061,22.4182996 C2.79329968,22.0695315 2.68322544,21.5965073 2.68425496,20.9934992 L2.68424909,14.2893853 C2.68424872,13.8695431 3.02345499,13.5291934 3.4418875,13.5291931 C3.86032001,13.5291927 4.19952687,13.8695418 4.19952724,14.289384 L4.199532,20.9947994 C4.19904359,21.2811808 4.23526541,21.4410529 4.2538782,21.4676906 C4.24030246,21.4480656 4.31738234,21.474056 4.50469304,21.4796169 L7.95808665,21.4797568 Z M9.4733648,21.4798183 L14.0191993,21.4800025 L14.0191993,15.0528888 L9.4733648,15.0528888 L9.4733648,21.4798183 Z M2.28332829,11.4133771 C1.98200714,11.7046849 1.50237937,11.6957445 1.21204968,11.3934082 C0.921719999,11.0910719 0.930630346,10.6098283 1.2319515,10.3185205 L10.4507678,1.41136668 C10.7833916,1.14885042 11.1310579,1 11.4999998,1 C11.9102569,1 12.2738276,1.19453217 12.5845816,1.51087139 L21.7658664,10.3164197 C22.0683439,10.6065186 22.0791684,11.0877227 21.7900436,11.3912192 C21.5009189,11.6947157 21.0213305,11.7055767 20.718853,11.4154779 L11.5218713,2.5944308 C11.4545418,2.52599021 11.4440624,2.52038312 11.4999998,2.52038312 C11.514622,2.52038312 11.4750696,2.53731716 11.4448602,2.55629655 L2.28332829,11.4133771 Z"})}),component:(0,c.jsxs)("svg",{viewBox:"0 0 1041 1024",width:"20",height:"20",children:[(0,c.jsx)("path",{d:"M133.498105 661.882904h31.175644v195.047619a34.373146 34.373146 0 0 0 34.373146 34.373146h109.514441a34.373146 34.373146 0 1 0 0-68.746292h-75.141295V627.509758a35.172521 35.172521 0 0 0-34.373146-35.172521h-65.54879a63.950039 63.950039 0 0 1 0-127.900079h65.54879a35.172521 35.172521 0 0 0 34.373146-35.172521V233.417642h195.846994a35.172521 35.172521 0 0 0 35.172522-34.373146v-65.54879a63.950039 63.950039 0 0 1 127.900078 0v65.54879a35.172521 35.172521 0 0 0 35.172521 34.373146h195.047619v74.341921a34.373146 34.373146 0 0 0 68.746292 0V199.044496a34.373146 34.373146 0 0 0-34.373146-34.373145H661.885302v-31.175645a133.495706 133.495706 0 0 0-266.991413 0v31.175645H199.046895a34.373146 34.373146 0 0 0-34.373146 34.373145v195.846995h-31.175644A132.696331 132.696331 0 0 0 0.002398 527.587822a133.495706 133.495706 0 0 0 133.495707 134.295082z",fill:"#6F737E"}),(0,c.jsx)("path",{d:"M1004.817386 840.943013a79.937549 79.937549 0 1 1 0-159.875097 34.373146 34.373146 0 0 0 34.373146-32.774395V533.982826a34.373146 34.373146 0 0 0-34.373146-34.373146H879.315435v-10.391881a103.119438 103.119438 0 1 0-206.238876 0v10.391881H549.972734a35.172521 35.172521 0 0 0-35.172522 34.373146v124.702576h-10.391881a103.119438 103.119438 0 1 0 0 206.238876h10.391881v124.702576a35.172521 35.172521 0 0 0 35.172522 34.373146H663.484053a34.373146 34.373146 0 0 0 34.373146-34.373146 79.937549 79.937549 0 0 1 159.875098 0 34.373146 34.373146 0 0 0 34.373146 34.373146h114.310694a34.373146 34.373146 0 0 0 34.373146-34.373146V879.313037a34.373146 34.373146 0 0 0-35.971897-38.370024z",fill:"#6F737E"})]}),github:(0,c.jsxs)("svg",{viewBox:"0 0 1049 1024",width:"20",height:"20",children:[(0,c.jsx)("path",{d:"M524.979332 0C234.676191 0 0 234.676191 0 524.979332c0 232.068678 150.366597 428.501342 358.967656 498.035028 26.075132 5.215026 35.636014-11.299224 35.636014-25.205961 0-12.168395-0.869171-53.888607-0.869171-97.347161-146.020741 31.290159-176.441729-62.580318-176.441729-62.580318-23.467619-60.841976-58.234462-76.487055-58.234463-76.487055-47.804409-32.15933 3.476684-32.15933 3.476685-32.15933 53.019436 3.476684 80.83291 53.888607 80.83291 53.888607 46.935238 79.963739 122.553122 57.365291 152.97411 43.458554 4.345855-33.897672 18.252593-57.365291 33.028501-70.402857-116.468925-12.168395-239.022047-57.365291-239.022047-259.012982 0-57.365291 20.860106-104.300529 53.888607-140.805715-5.215026-13.037566-23.467619-66.926173 5.215027-139.067372 0 0 44.327725-13.906737 144.282399 53.888607 41.720212-11.299224 86.917108-17.383422 131.244833-17.383422s89.524621 6.084198 131.244833 17.383422C756.178839 203.386032 800.506564 217.29277 800.506564 217.29277c28.682646 72.1412 10.430053 126.029806 5.215026 139.067372 33.897672 36.505185 53.888607 83.440424 53.888607 140.805715 0 201.64769-122.553122 245.975415-239.891218 259.012982 19.121764 16.514251 35.636014 47.804409 35.636015 97.347161 0 70.402857-0.869171 126.898978-0.869172 144.282399 0 13.906737 9.560882 30.420988 35.636015 25.205961 208.601059-69.533686 358.967656-265.96635 358.967655-498.035028C1049.958663 234.676191 814.413301 0 524.979332 0z",fill:"#191717"}),(0,c.jsx)("path",{d:"M199.040177 753.571326c-0.869171 2.607513-5.215026 3.476684-8.691711 1.738342s-6.084198-5.215026-4.345855-7.82254c0.869171-2.607513 5.215026-3.476684 8.691711-1.738342s5.215026 5.215026 4.345855 7.82254z m-6.953369-4.345856M219.900283 777.038945c-2.607513 2.607513-7.82254 0.869171-10.430053-2.607514-3.476684-3.476684-4.345855-8.691711-1.738342-11.299224 2.607513-2.607513 6.953369-0.869171 10.430053 2.607514 3.476684 4.345855 4.345855 9.560882 1.738342 11.299224z m-5.215026-5.215027M240.760389 807.459932c-3.476684 2.607513-8.691711 0-11.299224-4.345855-3.476684-4.345855-3.476684-10.430053 0-12.168395 3.476684-2.607513 8.691711 0 11.299224 4.345855 3.476684 4.345855 3.476684 9.560882 0 12.168395z m0 0M269.443034 837.011749c-2.607513 3.476684-8.691711 2.607513-13.906737-1.738342-4.345855-4.345855-6.084198-10.430053-2.607513-13.037566 2.607513-3.476684 8.691711-2.607513 13.906737 1.738342 4.345855 3.476684 5.215026 9.560882 2.607513 13.037566z m0 0M308.555733 853.526c-0.869171 4.345855-6.953369 6.084198-13.037566 4.345855-6.084198-1.738342-9.560882-6.953369-8.691711-10.430053 0.869171-4.345855 6.953369-6.084198 13.037566-4.345855 6.084198 1.738342 9.560882 6.084198 8.691711 10.430053z m0 0M351.145116 857.002684c0 4.345855-5.215026 7.82254-11.299224 7.82254-6.084198 0-11.299224-3.476684-11.299224-7.82254s5.215026-7.82254 11.299224-7.82254c6.084198 0 11.299224 3.476684 11.299224 7.82254z m0 0M391.126986 850.049315c0.869171 4.345855-3.476684 8.691711-9.560882 9.560882-6.084198 0.869171-11.299224-1.738342-12.168395-6.084197-0.869171-4.345855 3.476684-8.691711 9.560881-9.560882 6.084198-0.869171 11.299224 1.738342 12.168396 6.084197z m0 0",fill:"#191717"})]}),issue:(0,c.jsxs)("svg",{className:"issue",viewBox:"0 0 1024 1024",width:"23",height:"23",children:[(0,c.jsx)("path",{d:"M1022.976 698.368c0-58.88-24.064-113.664-64.512-155.648-44.544 175.616-223.744 307.2-438.784 310.784 51.712 55.296 131.072 90.624 219.648 90.624 21.504 0 41.984-2.048 61.952-6.144 54.784 75.776 121.856 72.192 121.856 72.192-24.064-14.848-27.136-69.632-26.112-108.032 76.288-44.032 125.952-119.296 125.952-203.776z m0 0",fill:"#558EFF"}),(0,c.jsx)("path",{d:"M458.24 13.824C205.312 13.824 0 191.488 0 410.624c0 137.216 80.384 258.048 202.24 329.216 1.536 61.44-3.584 150.016-41.984 174.592 0 0 108.544 5.632 197.12-116.736 32.256 6.144 66.048 9.728 100.352 9.728H465.92c215.04-3.584 394.24-135.168 438.784-310.784 7.168-27.648 10.752-56.32 10.752-86.016 0.512-219.136-204.288-396.8-457.216-396.8zM256 462.848c-33.792 0-60.928-27.136-60.928-60.928 0-33.792 27.136-60.928 60.928-60.928 33.792 0 60.928 27.136 60.928 60.928 0 33.792-27.136 60.928-60.928 60.928z m202.24 0c-33.792 0-60.928-27.136-60.928-60.928 0-33.792 27.136-60.928 60.928-60.928 33.792 0 60.928 27.136 60.928 60.928 0 33.792-27.136 60.928-60.928 60.928z m202.24 0c-33.792 0-60.928-27.136-60.928-60.928 0-33.792 27.136-60.928 60.928-60.928 33.792 0 60.928 27.136 60.928 60.928 0 33.792-27.136 60.928-60.928 60.928z m0 0",fill:"#549EFF"})]}),gitee:(0,c.jsx)("svg",{className:"gitee",viewBox:"0 0 1024 1024",width:"200",height:"200",children:(0,c.jsx)("path",{d:"M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z",fill:"#C71D23"})}),plugin:(0,c.jsxs)("svg",{viewBox:"0 0 1024 1024",width:"24",height:"24",children:[(0,c.jsx)("path",{d:"M937.6 251.3L538 69.7c-11.5-5.1-24.6-5.1-36.1 0L102.4 251.3c-22.4 9.9-32.5 32.2-22.6 54.6 4.5 10.1 12.5 15.1 22.6 19.6L502 506.1c11.5 5.1 24.6 5.1 36.1 0l399.6-180.6c22.4-9.9 32.5-33.2 22.6-55.6-4.6-10.1-12.6-14.1-22.7-18.6zM497.6 723.4l-398.7-165c-18.4-7.6-27.1-28.7-19.5-47 7.6-18.4 28.7-27.1 47-19.5l398.7 165c18.4 7.6 27.1 28.7 19.5 47-7.6 18.3-28.6 27.1-47 19.5z"}),(0,c.jsx)("path",{d:"M526.4 723.4l398.7-165c18.4-7.6 27.1-28.7 19.5-47-7.6-18.4-28.7-27.1-47-19.5l-398.7 165c-18.4 7.6-27.1 28.7-19.5 47 7.6 18.3 28.6 27.1 47 19.5z"}),(0,c.jsx)("path",{d:"M497.6 955.4l-398.7-165c-18.4-7.6-27.1-28.7-19.5-47 7.6-18.4 28.7-27.1 47-19.5l398.7 165c18.4 7.6 27.1 28.7 19.5 47-7.6 18.3-28.6 27.1-47 19.5z"}),(0,c.jsx)("path",{d:"M526.4 955.4l398.7-165c18.4-7.6 27.1-28.7 19.5-47-7.6-18.4-28.7-27.1-47-19.5l-398.7 165c-18.4 7.6-27.1 28.7-19.5 47 7.6 18.3 28.6 27.1 47 19.5z"})]})};function w(){var e=(0,l.TH)(),t=j.find((function(t){return new RegExp("^".concat(t.path||"")).test(e.pathname)}));return null!==t&&void 0!==t&&t.children?(0,c.jsxs)("div",{className:g.wapper,children:[(0,c.jsxs)("h2",{className:g.title,children:[b[t.icon],(0,c.jsx)("span",{children:t.name})]}),(0,c.jsx)("div",{className:g.menu,children:t.children&&t.children.map((function(e,t){return e.divider?(0,c.jsx)("div",{className:g.divider,children:e.name},t):/^http(?:|s):\/\//.test(e.path||"")?(0,c.jsxs)("a",{href:e.path,target:"__blank",children:[e.name,(0,c.jsxs)("svg",{viewBox:"0 0 1024 1024",width:14,children:[(0,c.jsx)("path",{d:"M821.1456 276.8384c-235.9296 25.1392-449.1776 226.7136-490.5472 452.352a38.4 38.4 0 1 1-75.5712-13.824c45.568-248.576 269.312-468.48 526.6944-510.6688l-117.8112-69.1712a38.4 38.4 0 0 1 38.912-66.2528l223.3344 131.1744a38.4 38.4 0 0 1 10.1376 57.6l-170.752 206.6432a38.4 38.4 0 1 1-59.1872-48.9472l114.7904-138.9056z"}),(0,c.jsx)("path",{d:"M832 620.0832a38.4 38.4 0 0 1 76.8 0v158.208c0 85.9648-61.5936 157.8496-140.8 157.8496H204.8c-79.2064 0-140.8-71.8848-140.8-157.9008V300.3904c0-86.016 61.5936-157.8496 140.8-157.8496h220.2112a38.4 38.4 0 1 1 0 76.8H204.8c-33.8944 0-64 35.072-64 81.0496V778.24c0 45.9776 30.1056 81.1008 64 81.1008h563.2c33.8944 0 64-35.1232 64-81.1008v-158.1568z"})]})]},t):(0,c.jsx)(o.OL,{to:e.path||"",replace:!0,children:e.name},t)}))})]}):null}var C={logo:"index_logo__kUQOi",top:"index_top__DLxV-",nav:"index_nav__SdXbb",navTop:"index_navTop__08yh1",btn:"index_btn__YYGUe",btnTop:"index_btnTop__PlNw6"},N={layout:"top"},Z=function(e,t){return(0,s.Z)((0,s.Z)({},e),t)},k=i.createContext({state:N,dispatch:function(){return null}}),S=n(62545),E={menu:(0,c.jsx)("svg",{width:"19",height:"19",viewBox:"0 0 26 26",children:(0,c.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,c.jsx)("rect",{width:"26",height:"26",fill:"#9E9E9E",rx:"4"}),(0,c.jsx)("rect",{width:"5",height:"20",x:"3",y:"3",fill:"#202224",rx:"2.5"}),(0,c.jsx)("rect",{width:"12",height:"20",x:"11",y:"3",fill:"#FFF",fillOpacity:".657",rx:"2"})]})}),menutop:(0,c.jsx)("svg",{width:"19",height:"19",viewBox:"0 0 26 26",children:(0,c.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,c.jsx)("rect",{width:"26",height:"26",fill:"#9E9E9E",rx:"4"}),(0,c.jsx)("rect",{width:"20",height:"5",x:"3",y:"3",fill:"#202224",rx:"2.5"}),(0,c.jsx)("rect",{width:"20",height:"12",x:"3",y:"11",fill:"#FFF",fillOpacity:".66",rx:"2"})]})}),china:(0,c.jsxs)("svg",{className:"flag",width:"19",height:"19",viewBox:"0 0 512 512",children:[(0,c.jsx)("defs",{children:(0,c.jsx)("path",{id:"a",fill:"#ffde00",d:"M1-.3L-.7.8 0-1 .6.8-1-.3z"})}),(0,c.jsx)("path",{fill:"#de2910",d:"M0 0h512v512H0z"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"matrix(76.8 0 0 76.8 128 128)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"rotate(-121 142.6 -47) scale(25.5827)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"rotate(-98.1 198 -82) scale(25.6)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"rotate(-74 272.4 -114) scale(25.6137)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"matrix(16 -19.968 19.968 16 256 230.4)",xlinkHref:"#a"})]})};function P(){var e=(0,i.useContext)(k),t=e.state,n=e.dispatch;return(0,c.jsxs)(i.Fragment,{children:[(0,c.jsx)("div",{className:[C.logo,"left"===t.layout?null:C.top].filter(Boolean).join(" ").trim(),children:(0,c.jsxs)(o.rU,{to:"/",children:[S.Z.dark,"top"===t.layout&&(0,c.jsxs)("span",{children:["UIW",(0,c.jsx)("sup",{children:h.i8})]})]})}),(0,c.jsx)("div",{className:[C.nav,"left"===t.layout?null:C.navTop].filter(Boolean).join(" ").trim(),children:j.map((function(e,n){var r=e.path,i=e.name,a=e.icon;if(Object.keys(b).includes(a)&&(a=b[a]),/^https?:(?:\/\/)?/.test(r))return"top"===t.layout?(0,c.jsxs)("a",{target:"__blank",href:r,className:C.outerUrl,children:[a," ",(0,c.jsx)("span",{children:i})]},n):(0,c.jsx)(u.Tooltip,{usePortal:!1,placement:"left"===t.layout?"right":"bottom",content:(0,c.jsx)("span",{style:{whiteSpace:"nowrap"},children:i}),children:(0,c.jsx)("a",{target:"__blank",href:r,className:C.outerUrl,children:a})},n);var l={color:"#fff"};return"top"===t.layout?(0,c.jsxs)(o.OL,{to:r,style:function(e){return e.isActive?l:void 0},children:[a," ",(0,c.jsx)("span",{children:i})]},n):(0,c.jsx)(u.Tooltip,{usePortal:!1,placement:"left"===t.layout?"right":"bottom",content:(0,c.jsx)("span",{style:{whiteSpace:"nowrap"},children:i}),children:(0,c.jsx)(o.OL,{to:r,style:function(e){return e.isActive?l:void 0},children:a})},n)}))}),(0,c.jsxs)("div",{className:[C.btn,"left"===t.layout?null:C.btnTop].filter(Boolean).join(" ").trim(),children:[(0,c.jsx)(u.Tooltip,{placement:"left"===t.layout?"right":"bottom",content:"\u56fd\u5185\u955c\u50cf\u7ad9\u70b9",children:(0,c.jsx)("a",{href:"http://uiw.gitee.io",rel:"noopener noreferrer",target:"_blank",children:E.china})}),(0,c.jsx)("button",{onClick:function(){return n({layout:"left"===t.layout?"top":"left"})},children:"left"===t.layout?E.menu:E.menutop})]})]})}var M=u.Layout.Header,B=u.Layout.Sider,L=u.Layout.Content;function z(e){var t=e.siderMenu,n=void 0===t||t,r=(0,i.useContext)(k).state;return(0,c.jsx)(u.Layout,{className:x.layout,children:"top"===r.layout?(0,c.jsxs)(i.Fragment,{children:[(0,c.jsx)(u.Affix,{offsetTop:0,style:{zIndex:999},children:(0,c.jsx)(M,{style:{display:"flex",alignItems:"center"},children:(0,c.jsx)(P,{})})}),(0,c.jsxs)(u.Layout,{className:x.layoutWrap,children:[(0,c.jsx)(B,{width:n?260:0,className:x.layoutSider,children:(0,c.jsx)("div",{style:{width:n?260:0,height:"calc(100vh - 53px)"},children:(0,c.jsx)(w,{})})}),(0,c.jsx)(L,{style:{padding:20},className:x.layoutContent,children:(0,c.jsx)(l.j3,{})})]})]}):(0,c.jsxs)(i.Fragment,{children:[(0,c.jsx)(B,{width:n?330:64,children:(0,c.jsxs)(u.Layout,{className:x.sider,children:[(0,c.jsx)(B,{className:x.menuWarpper,width:64,children:(0,c.jsx)(P,{})}),(0,c.jsx)(u.Layout,{style:{position:"fixed",width:n?330:64,zIndex:1,left:0,top:0,bottom:0,overflow:"auto"},children:(0,c.jsx)(L,{className:x.subMenu,style:{paddingLeft:64},children:(0,c.jsx)(w,{})})})]})}),(0,c.jsxs)(u.Layout,{style:{position:"relative"},children:[(0,c.jsx)(M,{style:{height:"inherit",lineHeight:"32px",position:"absolute",padding:"5px 10px",width:"100%",display:"flex",flexDirection:"row",justifyContent:"flex-end",backgroundColor:"transparent",zIndex:99},children:(0,c.jsx)(v,{data:y})}),(0,c.jsx)(L,{style:{padding:20},className:x.layoutContent,children:(0,c.jsx)(l.j3,{})})]})]})})}var D=function(e){return function(t){return(0,c.jsx)(i.Suspense,{fallback:(0,c.jsx)(f,{}),children:(0,c.jsx)(e,(0,s.Z)({},t))})}},O=D((0,i.lazy)((function(){return n.e(9200).then(n.bind(n,69200))}))),R=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(6730)]).then(n.bind(n,29569))}))),A=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(875)]).then(n.bind(n,36074))}))),T=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(6715)]).then(n.bind(n,56238))}))),I=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(643)]).then(n.bind(n,667))}))),F=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4188)]).then(n.bind(n,39877))}))),H=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(163)]).then(n.bind(n,11314))}))),W=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7104)]).then(n.bind(n,19848))}))),_=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5308)]).then(n.bind(n,53510))}))),V=D((0,i.lazy)((function(){return n.e(4877).then(n.bind(n,64877))}))),K=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3917)]).then(n.bind(n,81423))}))),Y=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1059)]).then(n.bind(n,96790))}))),$=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1820)]).then(n.bind(n,29206))}))),U=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9853)]).then(n.bind(n,17068))}))),J=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7834)]).then(n.bind(n,88412))}))),G=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(694)]).then(n.bind(n,53929))}))),q=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(6510)]).then(n.bind(n,62204))}))),X=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2230)]).then(n.bind(n,58123))}))),Q=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4503)]).then(n.bind(n,25534))}))),ee=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9763)]).then(n.bind(n,21072))}))),te=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(221)]).then(n.bind(n,96632))}))),ne=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5933)]).then(n.bind(n,52174))}))),re=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2782)]).then(n.bind(n,26519))}))),ie=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5408)]).then(n.bind(n,14198))}))),ae=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7390)]).then(n.bind(n,26989))}))),oe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8566)]).then(n.bind(n,20873))}))),le=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2582)]).then(n.bind(n,51374))}))),se=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8073)]).then(n.bind(n,4916))}))),ce=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8023)]).then(n.bind(n,78185))}))),de=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2411)]).then(n.bind(n,57018))}))),ue=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9776)]).then(n.bind(n,3536))}))),fe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2737)]).then(n.bind(n,63926))}))),he=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7884)]).then(n.bind(n,78844))}))),pe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9384)]).then(n.bind(n,38661))}))),me=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9673)]).then(n.bind(n,20605))}))),ve=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7157)]).then(n.bind(n,92106))}))),xe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9777)]).then(n.bind(n,62787))}))),ye=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3518)]).then(n.bind(n,51130))}))),ge=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1619)]).then(n.bind(n,63390))}))),je=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2367)]).then(n.bind(n,23472))}))),be=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4128)]).then(n.bind(n,77380))}))),we=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1061)]).then(n.bind(n,58525))}))),Ce=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2190)]).then(n.bind(n,12036))}))),Ne=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2595)]).then(n.bind(n,93520))}))),Ze=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5244)]).then(n.bind(n,91339))}))),ke=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7541)]).then(n.bind(n,88352))}))),Se=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5595)]).then(n.bind(n,67774))}))),Ee=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1169)]).then(n.bind(n,92003))}))),Pe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9253)]).then(n.bind(n,73255))}))),Me=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5393)]).then(n.bind(n,45171))}))),Be=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1317)]).then(n.bind(n,60717))}))),Le=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8898)]).then(n.bind(n,77002))}))),ze=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(433)]).then(n.bind(n,69149))}))),De=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7875)]).then(n.bind(n,13902))}))),Oe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4010)]).then(n.bind(n,92425))}))),Re=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3812)]).then(n.bind(n,88915))}))),Ae=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3313)]).then(n.bind(n,50216))}))),Te=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(748)]).then(n.bind(n,86726))}))),Ie=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9260)]).then(n.bind(n,36770))}))),Fe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4396)]).then(n.bind(n,90389))}))),He=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9503)]).then(n.bind(n,82186))}))),We=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1584)]).then(n.bind(n,71937))}))),_e=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2156)]).then(n.bind(n,17292))}))),Ve=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2316)]).then(n.bind(n,62462))}))),Ke=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9121)]).then(n.bind(n,52287))}))),Ye=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4948)]).then(n.bind(n,12357))}))),$e=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4648)]).then(n.bind(n,40015))}))),Ue=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4098)]).then(n.bind(n,92910))}))),Je=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7761)]).then(n.bind(n,76733))}))),Ge=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4405)]).then(n.bind(n,98680))}))),qe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5865)]).then(n.bind(n,8041))}))),Xe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7087)]).then(n.bind(n,28928))}))),Qe=[{path:"/extensions",element:(0,c.jsx)(z,{siderMenu:!1}),children:[{index:!0,element:(0,c.jsx)(R,{})},{path:"*",element:(0,c.jsx)(d,{})}]},{path:"/guide",element:(0,c.jsx)(z,{}),children:[{index:!0,element:(0,c.jsx)(A,{})},{path:"/guide/quick-start",element:(0,c.jsx)(A,{})},{path:"/guide/import",element:(0,c.jsx)(T,{})},{path:"/guide/create-react-app",element:(0,c.jsx)(I,{})},{path:"/guide/kkt",element:(0,c.jsx)(F,{})},{path:"/guide/vscode",element:(0,c.jsx)(W,{})},{path:"/guide/docs",element:(0,c.jsx)(H,{})},{path:"/guide/recommendation",element:(0,c.jsx)(_,{})},{path:"*",element:(0,c.jsx)(d,{})}]},{path:"/components",element:(0,c.jsx)(z,{}),children:[{index:!0,element:(0,c.jsx)(V,{})},{path:"/components/overview",element:(0,c.jsx)(V,{})},{path:"/components/colors",element:(0,c.jsx)(K,{})},{path:"/components/reset-css",element:(0,c.jsx)(U,{})},{path:"/components/alert",element:(0,c.jsx)(Y,{})},{path:"/components/auto-link",element:(0,c.jsx)($,{})},{path:"/components/avatar",element:(0,c.jsx)(J,{})},{path:"/components/affix",element:(0,c.jsx)(G,{})},{path:"/components/calendar",element:(0,c.jsx)(q,{})},{path:"/components/checkbox",element:(0,c.jsx)(X,{})},{path:"/components/copy-to-clipboard",element:(0,c.jsx)(Q,{})},{path:"/components/collapse",element:(0,c.jsx)(ee,{})},{path:"/components/card",element:(0,c.jsx)(te,{})},{path:"/components/carousel",element:(0,c.jsx)(ne,{})},{path:"/components/descriptions",element:(0,c.jsx)(re,{})},{path:"/components/loader",element:(0,c.jsx)(ie,{})},{path:"/components/icon",element:(0,c.jsx)(ae,{})},{path:"/components/divider",element:(0,c.jsx)(oe,{})},{path:"/components/drawer",element:(0,c.jsx)(le,{})},{path:"/components/date-picker",element:(0,c.jsx)(se,{})},{path:"/components/date-input",element:(0,c.jsx)(ce,{})},{path:"/components/dropdown",element:(0,c.jsx)(de,{})},{path:"/components/badge",element:(0,c.jsx)(ue,{})},{path:"/components/progress",element:(0,c.jsx)(fe,{})},{path:"/components/pagination",element:(0,c.jsx)(he,{})},{path:"/components/pin-code",element:(0,c.jsx)(pe,{})},{path:"/components/input",element:(0,c.jsx)(me,{})},{path:"/components/button",element:(0,c.jsx)(ve,{})},{path:"/components/radio",element:(0,c.jsx)(xe,{})},{path:"/components/select",element:(0,c.jsx)(ye,{})},{path:"/components/search-select",element:(0,c.jsx)(ge,{})},{path:"/components/split",element:(0,c.jsx)(je,{})},{path:"/components/switch",element:(0,c.jsx)(be,{})},{path:"/components/slider",element:(0,c.jsx)(we,{})},{path:"/components/grid",element:(0,c.jsx)(Ce,{})},{path:"/components/form",element:(0,c.jsx)(Ne,{})},{path:"/components/file-input",element:(0,c.jsx)(Ze,{})},{path:"/components/breadcrumb",element:(0,c.jsx)(ke,{})},{path:"/components/list",element:(0,c.jsx)(Se,{})},{path:"/components/layout",element:(0,c.jsx)(Ee,{})},{path:"/components/notify",element:(0,c.jsx)(Pe,{})},{path:"/components/tree",element:(0,c.jsx)(Me,{})},{path:"/components/tree-checked",element:(0,c.jsx)(Be,{})},{path:"/components/search-tree",element:(0,c.jsx)(Le,{})},{path:"/components/transfer",element:(0,c.jsx)(ze,{})},{path:"/components/tag",element:(0,c.jsx)(De,{})},{path:"/components/tabs",element:(0,c.jsx)(Oe,{})},{path:"/components/tooltip",element:(0,c.jsx)(Re,{})},{path:"/components/table",element:(0,c.jsx)(Ae,{})},{path:"/components/time-picker",element:(0,c.jsx)(Te,{})},{path:"/components/rate",element:(0,c.jsx)(Ie,{})},{path:"/components/overlay",element:(0,c.jsx)(Fe,{})},{path:"/components/back-top",element:(0,c.jsx)(He,{})},{path:"/components/portal",element:(0,c.jsx)(We,{})},{path:"/components/overlay-trigger",element:(0,c.jsx)(_e,{})},{path:"/components/popover",element:(0,c.jsx)(Ve,{})},{path:"/components/message",element:(0,c.jsx)(Ke,{})},{path:"/components/month-picker",element:(0,c.jsx)(Ye,{})},{path:"/components/textarea",element:(0,c.jsx)($e,{})},{path:"/components/modal",element:(0,c.jsx)(Ue,{})},{path:"/components/formatter",element:(0,c.jsx)(Je,{})},{path:"/components/steps",element:(0,c.jsx)(Ge,{})},{path:"/components/menu",element:(0,c.jsx)(qe,{})},{path:"/components/empty",element:(0,c.jsx)(Xe,{})},{path:"*",element:(0,c.jsx)(d,{})}]},{path:"/",element:(0,c.jsx)(O,{})}],et=function(){return(0,l.V$)(Qe)},tt=function(e){var t=e.children,n=(0,i.useReducer)(Z,N),a=(0,r.Z)(n,2),o=a[0],l=a[1];return(0,c.jsx)(k.Provider,{value:{state:o,dispatch:l},children:t})};a.render((0,c.jsx)(o.UT,{children:(0,c.jsx)(tt,{children:(0,c.jsx)(et,{})})}),document.getElementById("root"))},97749:function(e,t,n){n.r(t),n.d(t,{Affix:function(){return x},Alert:function(){return R},AutoLink:function(){return I},Avatar:function(){return H},BackTop:function(){return V},Badge:function(){return Y},Breadcrumb:function(){return q},Button:function(){return L},ButtonGroup:function(){return Q},Calendar:function(){return Ue},Card:function(){return Ge},Carousel:function(){return Xe},Checkbox:function(){return ct},CheckboxGroup:function(){return at},Col:function(){return Gt},Collapse:function(){return mt},CopyToClipboard:function(){return gt},DateInput:function(){return Ct},DateInputRange:function(){return bt},DatePicker:function(){return Ve},DatePickerCaption:function(){return He},DatePickerDay:function(){return De},DatePickerMonth:function(){return Re},DatePickerYear:function(){return Te},DayRect:function(){return Be},Descriptions:function(){return Bt},Divider:function(){return zt},Drawer:function(){return Rt},Dropdown:function(){return Tt},Empty:function(){return Ft},FileInput:function(){return Ut},Form:function(){return an},FormItem:function(){return en},Icon:function(){return M},Input:function(){return je},Layout:function(){return fn.ZP},LayoutContent:function(){return fn.bU},LayoutContext:function(){return fn.VY},LayoutFooter:function(){return fn.D4},LayoutHeader:function(){return fn.NC},LayoutSider:function(){return fn.Ju},List:function(){return un},ListItem:function(){return ln},Loader:function(){return pn},Menu:function(){return Sn},MenuDivider:function(){return jn},MenuItem:function(){return yn},Message:function(){return Pn},Modal:function(){return D},MonthPicker:function(){return Ln},Notify:function(){return Fn},Overlay:function(){return S},OverlayTrigger:function(){return ve},Pagination:function(){return $n},PinCode:function(){return Gn},Popover:function(){return ye},Portal:function(){return Z},Progress:function(){return nr},Radio:function(){return tt},RadioAbstract:function(){return et},RadioGroup:function(){return rt},Rate:function(){return ir},Row:function(){return Xt},SearchSelect:function(){return sr},SearchTree:function(){return ni},Select:function(){return Kn},Slider:function(){return vr},Split:function(){return cr.Z},Steps:function(){return hr},SubMenu:function(){return Cn},Switch:function(){return yr},Table:function(){return Lr},Tabs:function(){return Or},Tag:function(){return or},Textarea:function(){return Ar},TimePicker:function(){return Se},TimePickerTime:function(){return Ze},Tooltip:function(){return Ir},Transfer:function(){return ri},Tree:function(){return Ur},TreeChecked:function(){return Gr},canUseDOM:function(){return N},formatter:function(){return ee.Z},getChildKeys:function(){return Kr},randomid:function(){return fn.SH}});var r=n(22951),i=n(91976),a=n(47169),o=n(67591),l=n(43415),s=n(30808),c=n(25773),d=n(41473);function u(){}function f(e,t){if("undefined"===typeof window)return 0;var n=t?"scrollTop":"scrollLeft",r=e===window,i=r?e[t?"pageYOffset":"pageXOffset"]:e[n];return r&&"number"!==typeof i&&(i=document.documentElement[n]),i}var h=function(e,t){var n=e.getBoundingClientRect(),r=function(e){return e!==window?e.getBoundingClientRect():{top:0,left:0,bottom:0}}(t),i=f(t,!0),a=f(t),o=window.document.body,l=o.clientTop||0,s=o.clientLeft||0;return{top:n.top-r.top+i-l,left:n.left-r.left+a-s,width:n.width,height:n.height}},p=function(){return"undefined"!==typeof window?window:null},m=n(69286),v=["prefixCls","className","children","offsetTop","offsetBottom","target","onChange"],x=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(e){var i;return(0,r.Z)(this,n),(i=t.call(this,e)).state={placeholderStyle:void 0,affixStyle:void 0},i.box=void 0,i.target=void 0,i.events=["resize","scroll","touchstart","touchmove","touchend","pageshow","load"],i.eventHandlers={},i.timeout=void 0,i.getInstance=function(e){e&&(i.box=e)},i.updatePosition=i.updatePosition.bind((0,a.Z)(i)),i}return(0,i.Z)(n,[{key:"componentDidMount",value:function(){var e=this,t=this.props.target||p;this.timeout=window.setTimeout((function(){e.target=t(),e.setTargetEventListeners()}))}},{key:"componentWillUnmount",value:function(){this.clearEventListeners(),clearTimeout(this.timeout)}},{key:"updatePosition",value:function(){var e=this.props.offsetTop,t=this.props.offsetBottom;if(this.box&&this.box.offsetParent){var n={width:this.box.clientWidth,height:this.box.clientHeight},r={top:!0,bottom:!1};"number"!==typeof e&&"number"!==typeof t&&(r.top=!0,e=0),"number"===typeof t&&(r.top=!1,r.bottom=!0);var i=h(this.box,this.target),a=this.box.getBoundingClientRect(),o=document.documentElement.clientHeight-a.y-i.height;r.top&&a.y<0?(this.setPlaceholderStyle((0,c.Z)({},n)),this.setAffixStyle({position:"fixed",top:e||0,left:i.left,width:i.width})):r.bottom&&o<0?(this.setPlaceholderStyle((0,c.Z)({},n)),this.setAffixStyle({position:"fixed",bottom:t||0,left:i.left,width:i.width})):(this.setPlaceholderStyle(),this.setAffixStyle())}}},{key:"setAffixStyle",value:function(e){var t=this.props.onChange,n=!!this.state.affixStyle;this.setState({affixStyle:e},(function(){t&&t(n)}))}},{key:"setPlaceholderStyle",value:function(e){this.setState({placeholderStyle:e})}},{key:"setTargetEventListeners",value:function(){var e=this;this.clearEventListeners(),this.events.forEach((function(t){e.eventHandlers[t]=e.updatePosition,e.target&&e.target.addEventListener(t,e.updatePosition,!1)}))}},{key:"clearEventListeners",value:function(){var e=this;this.events.forEach((function(t){var n=e.eventHandlers[t];e.target&&e.target.removeEventListener(t,n,!1)}))}},{key:"render",value:function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.children,i=(0,s.Z)(e,v),a=[n,t].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({},i,{ref:this.getInstance,style:(0,c.Z)({},this.state.placeholderStyle,this.props.style),children:(0,m.jsx)("div",{className:a,style:this.state.affixStyle,children:r})}))}}]),n}(d.Component);x.defaultProps={prefixCls:"w-affix",onChange:u};var y=n(11026),g=n(57135),j=n.n(g),b=n(27791),w=n(4250),C=n(7510),N=!("undefined"===typeof window||!window.document||!window.document.createElement);function Z(e){var t=e.container,n=(0,d.useRef)(),r=(0,d.useRef)(t);return(0,d.useEffect)((function(){return function(){n.current&&r.current&&(r.current.removeChild(n.current),n.current=void 0)}}),[]),N?(r.current||(r.current=document.body),n.current||(n.current=document.createElement("div"),r.current.appendChild(n.current)),C.createPortal(e.children,n.current)):null}var k=["className","style","isOpen","prefixCls","usePortal","maskClosable","backdropProps","portalProps","hasBackdrop","unmountOnExit","timeout","transitionName","onOpening","onOpened","onClosing","onClosed","onClose","children","dialogProps"];function S(e){var t=e.className,n=e.style,r=(e.isOpen,e.prefixCls),i=void 0===r?"w-overlay":r,a=e.usePortal,o=void 0===a||a,l=e.maskClosable,f=void 0===l||l,h=e.backdropProps,p=void 0===h?{}:h,v=e.portalProps,x=void 0===v?{}:v,g=e.hasBackdrop,j=void 0===g||g,b=e.unmountOnExit,C=void 0===b||b,N=e.timeout,S=void 0===N?300:N,E=e.transitionName,P=void 0===E?"w-overlay":E,M=e.onOpening,B=void 0===M?u:M,L=e.onOpened,z=void 0===L?u:L,D=e.onClosing,O=void 0===D?u:D,R=e.onClosed,A=void 0===R?u:R,T=e.onClose,I=void 0===T?u:T,F=e.children,H=e.dialogProps,W=void 0===H?{}:H,_=(0,s.Z)(e,k),V=(0,d.useState)(e.isOpen||!1),K=(0,y.Z)(V,2),Y=K[0],$=K[1],U=(0,d.useState)(!1),J=(0,y.Z)(U,2),G=J[0],q=J[1],X=(0,d.useRef)(null),Q=(0,d.useRef)(null);(0,d.useEffect)((function(){Y!==e.isOpen&&e.isOpen&&q(!0),Y===e.isOpen||e.isOpen||(ne(),$(!1))}),[e.isOpen]),(0,d.useEffect)((function(){G&&(j&&o&&document.body.classList.add(i+"-open"),$(!0))}),[G]);var ee="object"===typeof F?(0,d.cloneElement)(F,(0,c.Z)({},W,{style:(0,c.Z)({},F.props.style,W.style),className:[F.props.className,i+"-content"].filter(Boolean).join(" ").trim(),tabIndex:0})):(0,m.jsx)("span",(0,c.Z)({},W,{className:i+"-content",children:F}));function te(e){e.target!==X.current&&o||(f&&j&&(ne(),$(!1),I&&I(e)),p&&p.onMouseDown&&p.onMouseDown(e))}function ne(){j&&o&&document.body.classList.remove(i+"-open")}var re=(0,m.jsx)(w.Z,(0,c.Z)({classNames:P,unmountOnExit:C,timeout:S,in:Y,onEntering:B,onEntered:z,onExiting:O,onExited:function(e){q(!1),A&&A(e)}},_,{children:function(e){return(0,m.jsxs)("div",{style:n,ref:Q,className:[i,t,o?null:i+"-inline",Y?i+"-enter-done":null].filter(Boolean).join(" ").trim(),children:[j&&(0,d.cloneElement)((0,m.jsx)("div",{}),(0,c.Z)({},p,{onMouseDown:te,className:[i+"-backdrop",p.className].filter(Boolean).join(" ").trim(),tabIndex:f?0:null})),o?(0,m.jsx)("div",{ref:X,onMouseDown:te,className:i+"-container",children:(0,d.cloneElement)(ee,{"data-status":e})}):(0,d.cloneElement)(ee,{"data-status":e})]})}}));return G&&o?(0,m.jsx)(Z,(0,c.Z)({},(0,c.Z)({},x),{children:re})):re}var E=n(22193),P=["className","prefixCls","verticalAlign","tagName","color","type","spin"];function M(e){var t=e.className,n=e.prefixCls,r=void 0===n?"w-icon":n,i=e.verticalAlign,a=void 0===i?"middle":i,o=e.tagName,l=void 0===o?"span":o,u=e.color,f=e.type,h=e.spin,p=void 0!==h&&h,v=(0,s.Z)(e,P),x=null;if("string"===typeof f)x=(0,m.jsx)("svg",{fill:u,viewBox:"0 0 20 20",children:(E[f]||[]).map((function(e,t){return(0,m.jsx)("path",{d:e,fillRule:"evenodd"},t)}))});else{if(!d.isValidElement(f))return null;x=d.cloneElement(f,{fill:u})}v.style=(0,c.Z)({fill:"currentColor"},v.style);var y=(0,c.Z)({},v,{className:[r,t,r&&a?r+"-"+a:null,p&&r?r+"-spin":null].filter(Boolean).join(" ").trim()});return d.createElement(l,(0,c.Z)({},y),x)}var B=["prefixCls","disabled","active","loading","block","basic","htmlType","type","size","icon","className","children"],L=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-btn":n,i=e.disabled,a=void 0!==i&&i,o=e.active,l=void 0!==o&&o,u=e.loading,f=void 0!==u&&u,h=e.block,p=void 0!==h&&h,v=e.basic,x=void 0!==v&&v,y=e.htmlType,g=void 0===y?"button":y,j=e.type,b=void 0===j?"light":j,w=e.size,C=void 0===w?"default":w,N=e.icon,Z=e.className,k=e.children,S=(0,s.Z)(e,B),E=[Z,r,C?r+"-size-"+C:null,b?r+"-"+b:null,x?r+"-basic":null,f?r+"-loading":null,a||f?"disabled":null,l?"active":null,p?"block":null].filter(Boolean).join(" ").trim();return(0,m.jsxs)("button",(0,c.Z)({},S,{ref:t,type:g,disabled:a||f,className:E,children:[N&&(0,m.jsx)(M,{type:N}),k&&d.Children.map(k,(function(e){return e?d.isValidElement(e)?e:(0,m.jsx)("span",{children:e}):e}))]}))})),z=["prefixCls","className","children","useButton","usePortal","autoFocus","isOpen","title","cancelText","cancelButtonProps","confirmButtonProps","content","confirmText","type","icon","maxWidth","minWidth","width","isCloseButtonShown","onCancel","onConfirm","bodyStyle"],D=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-modal":n,i=e.className,a=e.children,o=e.useButton,l=void 0===o||o,f=e.usePortal,h=void 0===f||f,p=e.autoFocus,v=void 0!==p&&p,x=(e.isOpen,e.title),g=e.cancelText,w=e.cancelButtonProps,C=e.confirmButtonProps,N=e.content,Z=e.confirmText,k=void 0===Z?"\u786e\u8ba4":Z,E=e.type,P=void 0===E?"light":E,B=e.icon,D=e.maxWidth,O=void 0===D?500:D,R=e.minWidth,A=void 0===R?320:R,T=e.width,I=e.isCloseButtonShown,F=void 0===I||I,H=e.onCancel,W=void 0===H?u:H,_=e.onConfirm,V=void 0===_?u:_,K=e.bodyStyle,Y=(0,s.Z)(e,z),$=(0,d.useState)(e.isOpen),U=(0,y.Z)($,2),J=U[0],G=U[1];(0,d.useEffect)((function(){e.isOpen!==J&&G(e.isOpen)}),[e.isOpen]);var q=(0,d.useState)(!1),X=(0,y.Z)(q,2),Q=X[0],ee=X[1],te=[r,i,P?""+P:null].filter(Boolean).join(" ").trim();function ne(e){return re.apply(this,arguments)}function re(){return(re=(0,b.Z)(j().mark((function e(t){return j().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(ee(!0),e.prev=1,e.t0=W,!e.t0){e.next=6;break}return e.next=6,W(t);case 6:e.next=10;break;case 8:e.prev=8,e.t1=e.catch(1);case 10:G(!1),ee(!1);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})))).apply(this,arguments)}function ie(){return(ie=(0,b.Z)(j().mark((function e(t){return j().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(ee(!0),e.prev=1,e.t0=V,!e.t0){e.next=6;break}return e.next=6,V(t);case 6:e.next=10;break;case 8:e.prev=8,e.t1=e.catch(1);case 10:G(!1),ee(!1);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})))).apply(this,arguments)}return(0,m.jsx)(S,(0,c.Z)({usePortal:h,isOpen:J},Y,{onClose:function(){G(!1)},className:te,children:(0,m.jsx)("div",{className:r+"-container",children:(0,m.jsxs)("div",{className:[r+"-inner",x?r+"-shown-title":null,B?r+"-shown-icon":null].filter(Boolean).join(" ").trim(),style:{maxWidth:O,minWidth:A,width:T},children:[(x||B)&&(0,m.jsxs)("div",{className:r+"-header",children:[B&&(0,m.jsx)(M,{type:B}),x&&(0,m.jsx)("h4",{children:x}),F&&(0,m.jsx)(L,{basic:!0,onClick:function(e){return ne(e)},icon:"close",type:"light"})]}),(0,m.jsx)("div",{className:r+"-body",style:K,children:a||N}),l&&(0,m.jsxs)("div",{className:r+"-footer",children:[(0,m.jsx)(L,(0,c.Z)({autoFocus:v,type:P,loading:Q,disabled:Q},C,{onClick:function(e){return function(e){return ie.apply(this,arguments)}(e)},children:k})),g&&(0,m.jsx)(L,(0,c.Z)({},w,{onClick:function(e){return ne(e)},children:g}))]})]})})}))})),O=["prefixCls","className","width"],R=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-alert":n,i=t.className,a=t.width,o=void 0===a?400:a,l=(0,s.Z)(e,O),d=[r,i].filter(Boolean).join(" ").trim();return(0,m.jsx)(D,(0,c.Z)({},l,{width:o,className:d,children:e.children}))},A=["text"],T=/((?:https?:\/\/)?(?:(?:[a-z0-9]?(?:[a-z0-9\-]{1,61}[a-z0-9])?\.[^\.|\s])+[a-z\.]*[a-z]+|(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3})(?::\d{1,5})*[a-z0-9.,_\/~#&=;%+?\-\\(\\)]*)/gi,I=function(e){void 0===e&&(e={});var t=e.text,n=void 0===t?"":t,r=(0,s.Z)(e,A);return(0,m.jsx)(d.Fragment,{children:n.split(T).map((function(e,t){var n=e.match(T);if(n&&n[0]){var i=n[0];return(0,d.createElement)("a",(0,c.Z)({},r,{key:t,href:i.startsWith("http")?i:"http://"+i}),i)}return(0,m.jsx)(d.Fragment,{children:e},t)}))})},F=["prefixCls","shape","size","className","src","alt","icon","onError"],H=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-avatar":n,i=e.shape,a=void 0===i?"circle":i,o=e.size,l=void 0===o?"default":o,f=e.className,h=e.src,p=e.alt,v=e.icon,x=e.onError,g=void 0===x?u:x,j=(0,s.Z)(e,F),b=e.children,w=(0,d.useState)(!0),C=(0,y.Z)(w,2),N=C[0],Z=C[1],k=[r,f,l?r+"-"+l:null,a?r+"-"+a:null,h?r+"-image":null].filter(Boolean).join(" ").trim();return(0,d.useEffect)((function(){Z(!0)}),[e.src]),N&&h?b=(0,m.jsx)("img",{src:h,alt:p,onError:function(e){!1!==(g?g(e):void 0)&&Z(!1)}}):v&&"string"===typeof v?b=(0,m.jsx)(M,{type:v}):v&&d.isValidElement(v)&&(b=v),(0,m.jsx)("span",(0,c.Z)({},j,{className:k,ref:t,children:b}))}));function W(){var e=0;return document&&document.documentElement&&document.documentElement.scrollTop?e=document.documentElement.scrollTop:document.body&&(e=document.body.scrollTop),e}var _=["prefixCls","className","content","children","offsetTop","fixed","speed","showBelow","clickable"],V=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-back-top":n,i=e.className,a=e.content,o=e.children,l=e.offsetTop,u=void 0===l?0:l,f=e.fixed,h=void 0===f||f,p=e.speed,v=void 0===p?100:p,x=e.showBelow,g=void 0===x?1:x,j=e.clickable,b=void 0===j||j,w=(0,s.Z)(e,_),C=h&&g||0,N=(0,d.useState)(0),Z=(0,y.Z)(N,2),k=Z[0],S=Z[1],E=(0,d.useState)(0),P=(0,y.Z)(E,2),M=P[0],B=P[1],L=k>=C,z=[r,i,h?null:"no-fixed",L?r+"-show":null,L?null:r+"-hide"].filter(Boolean).join(" ").trim();function D(){S(function(e){void 0===e&&(e=0);var t=0;return e100?100:t}(u)),B(W())}function O(){"number"===typeof u&&"number"===typeof v&&"number"===typeof M&&function(e,t,n){void 0===e&&(e=0),void 0===t&&(t=100),void 0===n&&(n=0);var r=0,i=setInterval((function(){n-r>=e?n-(r+=t)>=e?window.scrollTo(0,n-r):window.scrollTo(0,e):clearInterval(i)}),0)}(u,v,M)}return(0,d.useEffect)((function(){return window&&window.addEventListener("scroll",D),function(){window&&window.removeEventListener("scroll",D)}})),(0,m.jsxs)("div",(0,c.Z)({onClick:function(){return b&&O()},className:z},w,{ref:t,children:[a,"function"!==typeof o?o:o({percent:k,current:M,scrollToTop:O})]}))})),K=["prefixCls","className","style","color","max","dot","processing","count","children"],Y=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-badge":n,i=e.className,a=e.style,o=void 0===a?{}:a,l=e.color,d=e.max,u=void 0===d?99:d,f=e.dot,h=void 0!==f&&f,p=e.processing,v=void 0!==p&&p,x=e.count,y=e.children,g=(0,s.Z)(e,K),j={className:[h?null:r+"-count",h?"dot":null].filter(Boolean).join(" ").trim(),style:{}},b=[i,r,y?null:"nowrap",y?null:r+"-status",v?r+"-processing":null].filter(Boolean).join(" ").trim(),w={};return x||0===x?j.style=(0,c.Z)({backgroundColor:l},o):w.style=o||{},(0,m.jsxs)("span",(0,c.Z)({className:b},g,w,{ref:t,children:[l&&(0,m.jsx)("span",{className:r+"-dot",style:{backgroundColor:l}}),y,0!==x&&!l&&(0,m.jsx)("sup",(0,c.Z)({},j,{children:!h&&x&&u&&x>u?u+"+":x}))]}))})),$=["prefixCls","className","tagName","active","separator"],U=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-breadcrumb":n,i=e.className,a=e.tagName,o=void 0===a?"span":a,l=e.active,u=e.separator,f=(0,s.Z)(e,$),h=d.isValidElement(u),p=[r+"-item",i,l?"active":null,u?null:"no-separator",h?"no-before":null].filter(Boolean).join(" ").trim(),v=(0,c.Z)({className:p},f);return h||(v["data-separator"]=u),d.createElement(o,(0,c.Z)({},v,{ref:t}),(0,m.jsxs)(d.Fragment,{children:[h&&(0,m.jsx)("span",{className:r+"-separator",children:u}),e.children]}))})),J=["prefixCls","className","separator"],G=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-breadcrumb":n,i=e.className,a=e.separator,o=void 0===a?"/":a,l=(0,s.Z)(e,J),u=[r,i].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({},(0,c.Z)({className:u},l),{ref:t,children:d.Children.map(e.children,(function(e){return d.cloneElement(e,Object.assign({separator:o},e.props,{}))}))}))}));G.Item=U;var q=G,X=["prefixCls","vertical","children","className"],Q=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-btn-group":n,i=e.vertical,a=void 0!==i&&i,o=e.children,l=e.className,d=(0,s.Z)(e,X),u=[r,l,a&&r+"-vertical"].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({className:u},d,{ref:t,children:o}))})),ee=n(89437),te=n(60726);function ne(e,t){if(t)do{if(t===e)return!0}while(t=t.parentNode);return!1}function re(e){return"function"===typeof HTMLElement?e instanceof HTMLElement:e&&"object"===typeof e&&1===e.nodeType&&"string"===typeof e.nodeName}var ie=!("undefined"===typeof window||!window.document||!window.document.createElement)?function(e,t){return e&&e.contains&&"function"===typeof e.contains&&re(t)?e.contains(t):e&&e.compareDocumentPosition&&re(t)?e===t||!!e.compareDocumentPosition(t):ne(e,t)}:ne;function ae(e,t){var n="x"===t?"Left":"Top",r="Left"===n?"Right":"Bottom";return parseFloat(e["border"+n+"Width"])+parseFloat(e["border"+r+"Width"])}var oe="undefined"!==typeof window&&"undefined"!==typeof document,le=oe&&!(!window.MSInputMethodContext||!document.documentMode),se=oe&&/MSIE 10/.test(navigator.userAgent);function ce(e){return 11===e?le:10===e?se:le||se}function de(e,t,n,r){return Math.max(t["offset"+e],t["scroll"+e],n["client"+e],n["offset"+e],n["scroll"+e],ce(10)?parseInt(n["offset"+e],10)+parseInt(r["margin"+("Height"===e?"Top":"Left")],10)+parseInt(r["margin"+("Height"===e?"Bottom":"Right")],10):0)}function ue(e){var t={};try{if(ce(10)){t=e.getBoundingClientRect();var n=f(e,!0),r=f(e);t.top+=n,t.left+=r,t.bottom+=n,t.right+=r}else t=e.getBoundingClientRect()}catch(p){}var i,a={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},o="HTML"===e.nodeName?function(e){var t=e.body,n=e.documentElement,r=getComputedStyle(n);return{height:de("Height",t,n,r),width:de("Width",t,n,r)}}(e.ownerDocument):{},l=o.width||e.clientWidth||a.right-a.left,s=o.height||e.clientHeight||a.bottom-a.top,d=e.offsetWidth-l,u=e.offsetHeight-s;if(a.offsetLeft=e.offsetLeft||e.scrollLeft||0,a.offsetTop=e.offsetTop||e.offsetTop||0,d||u){var h=function(e,t){if(1!==e.nodeType)return[];var n=e.ownerDocument.defaultView.getComputedStyle(e,null);return t?n[t]:n}(e);d-=ae(h,"x"),u-=ae(h,"y"),a.width-=d,a.height-=u}return i=a,(0,c.Z)({},i,{right:i.left+i.width,bottom:i.top+i.height})}function fe(e){var t=e.getBoundingClientRect();return{width:e.offsetWidth||e.scrollWidth||t.width||0,height:e.offsetHeight||e.scrollHeight||t.height||0}}function he(e){var t=e||{},n=t.trigger,r=t.popup,i=t.placement,a=t.usePortal,o=t.autoAdjustOverflow,l={left:0,top:0,placement:i};if(!n||!r||!document)return l;var s=Math.max(document.documentElement.clientHeight,window.innerHeight||0),d=Math.max(document.documentElement.clientWidth,window.innerWidth||0);l.placement=i;var u=f(n.ownerDocument.documentElement,!0),h=f(n.ownerDocument.documentElement),p=(0,c.Z)({},ue(n),fe(n)),m=(0,c.Z)({},ue(r),fe(r)),v=s-p.bottom,x=d-p.left-p.width;switch(l.top=p.top+u,l.left=p.left,a||(l.top=p.offsetTop,l.left=p.offsetLeft),i&&/^(top)/.test(i)&&(l.top-=m.height),i&&/^(right)/.test(i)&&(l.left+=p.width),i&&/^(bottom)/.test(i)&&(l.top+=p.height),i&&/^(left)/.test(i)&&(l.left-=m.width),l.placement){case"bottomLeft":case"topLeft":case"rightTop":case"leftTop":default:break;case"bottom":case"top":l.left=l.left-(m.width-p.width)/2;break;case"bottomRight":case"topRight":l.left=l.left+h+p.width-m.width;break;case"right":case"left":l.top=l.top-(m.height-p.height)/2;break;case"rightBottom":case"leftBottom":l.top=l.top-m.height+p.height}return o&&(i&&/^(top)/.test(i)&&p.topm.height&&(l.placement=i.replace(/^top/,"bottom"),l.top=l.top+m.height+p.height),i&&/^(bottom)/.test(i)&&vm.height&&(l.placement=i.replace(/^bottom/,"top"),l.top=l.top-m.height-p.height),i&&/^(right)/.test(i)&&x0){var e,t=(0,te.Z)(D.current);try{for(t.s();!(e=t.n()).done;){var n=e.value;window.clearTimeout(n)}}catch(r){t.e(r)}finally{t.f()}D.current=[]}}function G(){J(),O.current="show";var t=me(e.delay);if(t.show){var n=window.setTimeout((function(){"show"===O.current&&ee()}),t.show);D.current.push(n)}else ee()}function q(t){if(J(),t||!e.isOutside){O.current="hide";var n=me(e.delay);if(n.hide){var r=window.setTimeout((function(){"hide"===O.current&&Q()}),n.hide);D.current.push(r)}else Q()}}function X(e,t,n){var r=t.currentTarget,i=t.relatedTarget||t.nativeEvent[n],a=!0;(z.current&&ie(z.current,i)||L.current&&ie(L.current,i))&&(a=!1),i&&i===r||ie(r,i)||e(a,t)}function Q(){T&&(B.current-=1,I(!1))}function ee(){T||(B.current+=1,I(!0))}return"click"!==x||p||(Y.onClick=function(e){var t=(V&&d.isValidElement(V)?V.props:{}).onClick;T?Q():ee(),t&&t(e,!T)}),"focus"!==x||p||(Y.onFocus=function(){return G()}),"hover"!==x||p||(Y.onMouseOver=Y.onMouseEnter=function(e){X(G,e,"fromElement")},Y.onMouseOut=Y.onMouseLeave=function(e){X(q,e,"toElement")},K.dialogProps&&(K.dialogProps.onMouseLeave=function(e){X(q,e,"toElement")})),K.style=(0,c.Z)({},K.style,W),(0,m.jsxs)(d.Fragment,{children:[(0,d.cloneElement)(V,Object.assign({},V.props,(0,c.Z)({},Y,{ref:L,className:[V.props.className,p?i+"-disabled":null].filter(Boolean).join(" ").trim()}))),(0,m.jsx)(S,(0,c.Z)({},K,{style:(0,c.Z)({},K.style,W),onEnter:function(e,t){P&&P(e,t);var n=he({placement:W.placement||j,trigger:L.current,popup:z.current,usePortal:o,autoAdjustOverflow:b});_((0,c.Z)({},n,{zIndex:B.current}))},className:[i,n,W.placement].filter(Boolean).join(" ").trim(),usePortal:o,transitionName:w,isOpen:T,hasBackdrop:!1,children:(0,d.cloneElement)(N,Object.assign((0,c.Z)({},N.props,{ref:z,className:[N.props&&N.props.className,j].filter(Boolean).join(" ").trim()})))}))]})})),xe=["prefixCls","className","content","visibleArrow"],ye=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){var e;return(0,r.Z)(this,n),(e=t.apply(this,arguments)).renderArrow=function(){var t=e.props.prefixCls;return(0,m.jsx)("div",{className:t+"-arrow",children:(0,m.jsxs)("svg",{viewBox:"0 0 30 30",children:[(0,m.jsx)("path",{fillOpacity:"0.2",d:"M8.11 6.302c1.015-.936 1.887-2.922 1.887-4.297v26c0-1.378-.868-3.357-1.888-4.297L.925 17.09c-1.237-1.14-1.233-3.034 0-4.17L8.11 6.302z"}),(0,m.jsx)("path",{fill:"#fff",d:"M8.787 7.036c1.22-1.125 2.21-3.376 2.21-5.03V0v30-2.005c0-1.654-.983-3.9-2.21-5.03l-7.183-6.616c-.81-.746-.802-1.96 0-2.7l7.183-6.614z"})]})})},e}return(0,i.Z)(n,[{key:"render",value:function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.visibleArrow,i=(0,s.Z)(e,xe),a=[t,n,r?null:"no-arrow"].filter(Boolean).join(" ").trim();return(0,m.jsx)(ve,(0,c.Z)({},i,{overlay:(0,m.jsxs)("div",{className:a,children:[r&&this.renderArrow(),(0,m.jsx)("div",{className:t+"-inner",children:this.props.content})]}),children:"object"===typeof this.props.children&&"Icon"!==this.props.children.type.name?this.props.children:(0,m.jsx)("span",{style:{display:"block",writingMode:"vertical-rl"},children:this.props.children})}))}}]),n}(d.Component);ye.defaultProps={prefixCls:"w-popover",placement:"top",usePortal:!0,isOpen:!1,visibleArrow:!0};var ge=["prefixCls","className","style","size","type","preIcon","addonAfter"],je=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-input":n,i=e.className,a=e.style,o=e.size,l=void 0===o?"default":o,u=e.type,f=void 0===u?"text":u,h=e.preIcon,p=void 0===h?null:h,v=e.addonAfter,x=(0,s.Z)(e,ge),y=d.useRef(null),g=d.useRef(null);(0,d.useImperativeHandle)(t,(function(){return y.current}));var j=[r,i,l?r+"-"+l:null,v?r+"-addon":null,e.disabled?"disabled":null].filter(Boolean).join(" ").trim();return(0,d.useEffect)((function(){!function(){if(g.current&&y.current){var e=window&&window.getComputedStyle(g.current,null);y.current.style.paddingRight=g.current.clientWidth+2*parseInt(e.right,10)+"px"}}()})),(0,m.jsxs)("div",{className:j,style:a,children:[(0,m.jsx)(M,{type:p}),(0,m.jsx)("input",(0,c.Z)({ref:y,type:f,autoComplete:"off"},x,{className:r+"-inner"})),v&&(0,m.jsx)("span",{className:r+"-addon-after",ref:g,children:v})]})})),be=n(649),we=["prefixCls","className","count","date","type","disabledHours","disabledMinutes","disabledSeconds","hideDisabled","onSelected"];function Ce(e){var t=e.prefixCls,n=void 0===t?"w-timepicker":t,r=e.count,i=void 0===r?24:r,a=e.date,o=e.type,l=void 0===o?"Hours":o,u=e.hideDisabled,f=e.onSelected,h=(0,s.Z)(e,we),p=(0,d.useRef)([]);function v(t){var n=e["disabled"+l];return!!n&&n(t,l,new Date(a))}var x=(0,d.useMemo)((function(){return(0,be.Z)(Array(i)).map((function(e,t){return v(t)&&p.current.push(t),{count:t,disabled:v(t)}})).filter((function(e){return!u||!e.disabled}))}),[u]);return(0,m.jsx)("div",(0,c.Z)({className:n+"-spinner"},h,{children:(0,m.jsx)("ul",{children:x.map((function(e,t){var n={};e.disabled||(n.onClick=function(t){return function(e,t){if(a){var n=new Date(a);n["set"+l](e),f&&f(l,e,p.current,n)}}(e.count)});var r=a&&l?new Date(a)["get"+l]():0;return(0,m.jsx)("li",(0,c.Z)({"data-index":r===e.count?t:void 0,ref:function(e){return e&&function(e){if(e&&e.parentNode&&e.dataset.index){var t=Number(e.dataset.index)*e.clientHeight;e.parentNode.parentNode&&(e.parentNode.parentNode.scrollTop=t)}}(e)}},n,{className:[e.disabled?"disabled":null,r===e.count?"selected":null,u&&e.disabled?"hide":null].filter(Boolean).join(" ").trim(),children:e.count<10?"0"+e.count:e.count}),t)}))})}))}var Ne=["prefixCls","className","precision"];function Ze(e){var t=e.prefixCls,n=void 0===t?"w-timepicker":t,r=e.className,i=e.precision,a=void 0===i?"second":i,o=(0,s.Z)(e,Ne);return(0,m.jsxs)("div",{className:[n,r].filter(Boolean).join(" ").trim(),children:[/^(second|minute|hour)$/.test(a)&&(0,m.jsx)(Ce,(0,c.Z)({type:"Hours",count:24},o)),/^(second|minute)$/.test(a)&&(0,m.jsx)(Ce,(0,c.Z)({type:"Minutes",count:60},o)),/^(second)$/.test(a)&&(0,m.jsx)(Ce,(0,c.Z)({type:"Seconds",count:60},o))]})}var ke=["prefixCls","className","disabled","value","format","popoverProps","allowClear","onChange","disabledHours","disabledMinutes","disabledSeconds","hideDisabled","precision"];function Se(e){var t=e.prefixCls,n=void 0===t?"w-timepicker":t,r=e.className,i=e.disabled,a=e.format,o=void 0===a?"HH:mm:ss":a,l=e.popoverProps,u=e.allowClear,f=void 0===u||u,h=e.onChange,p=e.disabledHours,v=e.disabledMinutes,x=e.disabledSeconds,g=e.hideDisabled,j=e.precision,b=(0,s.Z)(e,ke),w=(0,d.useState)(e.value),C=(0,y.Z)(w,2),N=C[0],Z=C[1];(0,d.useEffect)((function(){return Z(e.value)}),[e.value]);var k={disabledHours:p,disabledMinutes:v,disabledSeconds:x,hideDisabled:g,precision:j},S=N?(0,ee.Z)(o,new Date(N)):"",E=N||new Date,P=(0,c.Z)({},b,{value:S});return f&&""!==S&&S&&(P.addonAfter=(0,m.jsx)(L,{className:n+"-close-btn",icon:"close",disabled:e.disabled,onClick:function(){Z(void 0),h&&h()},size:e.size,basic:!0,type:"light"})),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0,visibleArrow:!1},l,{content:(0,m.jsx)(Ze,(0,c.Z)({className:n+"-popover"},k,{date:E,onSelected:function(e,t,n,r){Z(new Date(r));var i=r?(0,ee.Z)(o,r):"";h&&h(i,r,e,t,n)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65f6\u95f4",readOnly:!0,disabled:i},P,{className:[n+"-input",r].filter(Boolean).join(" ").trim()}))}))}var Ee=["date","row","col","index","today","panelDate","disabledDate","renderDay","onSelectDay"],Pe=["prefixCls","className","weekday","weekTitle","date","today","panelDate","disabledDate","renderDay","onSelectDay"];function Me(e){return Object.keys(e||{}).map((function(t){return e[t]?t:null})).filter(Boolean).join(" ").trim()}function Be(e){var t=e.date,n=e.col,r=e.index,i=e.today,a=e.panelDate,o=e.disabledDate,l=e.renderDay,u=e.onSelectDay,f=(0,s.Z)(e,Ee),h={end:0===n||6===n,prev:!1,today:!1,selected:!1,next:!1,disabled:!1},p=a;p&&function(e){return e instanceof Date&&!isNaN(e.getTime())}(p)||(p=new Date);var v=p.getFullYear(),x=p.getMonth(),y=(0,d.useMemo)((function(){return new Date(new Date(p).setDate(1)).getDay()}),[p.toDateString()]),g=(0,d.useMemo)((function(){return new Date(v,0===x?12:x+1,0).getDate()}),[p.toDateString()]),j=r;p&&((j=j-y+1)<1&&(h.prev=!0),j>g&&(h.next=!0));var b=new Date(new Date(p).setDate(j));i&&i.toDateString()===b.toDateString()&&(h.today=!0),t&&t.toDateString()===b.toDateString()&&(h.selected=!0);var w={onClick:function(){var e=b.getMonth();u&&u(b,{year:b.getFullYear(),month:0===e?12:e+1,day:b.getDate()})}};return o&&o(b,(0,c.Z)({},e,h))&&(h.disabled=!0,delete w.onClick),(0,m.jsx)("div",(0,c.Z)({className:Me(h)},f,w,{children:l?l(b.getDate(),(0,c.Z)({},e,h,{date:b})):(0,m.jsx)("div",{children:b.getDate()})}))}var Le=["\u661f\u671f\u5929","\u661f\u671f\u4e00","\u661f\u671f\u4e8c","\u661f\u671f\u4e09","\u661f\u671f\u56db","\u661f\u671f\u4e94","\u661f\u671f\u516d"],ze=["\u65e5","\u4e00","\u4e8c","\u4e09","\u56db","\u4e94","\u516d"];function De(e){var t=e.prefixCls,n=void 0===t?"w-datepicker":t,r=e.className,i=e.weekday,a=void 0===i?ze:i,o=e.weekTitle,l=void 0===o?Le:o,u=e.date,f=e.today,h=e.panelDate,p=e.disabledDate,v=e.renderDay,x=e.onSelectDay,y=(0,s.Z)(e,Pe),g=(0,d.useMemo)((function(){return(0,m.jsx)("div",{className:n+"-weekday",children:(a||[]).map((function(e,t){return(0,m.jsx)("div",{className:Me({end:0===t||6===t}),title:l&&l[t],children:e},t)}))})}),[n,a,l]);return(0,m.jsxs)("div",(0,c.Z)({},y,{className:[n?n+"-body":null,r].filter(Boolean).join(" ").trim(),children:[g,(0,m.jsx)("div",{className:[n?n+"-day-body":null].filter(Boolean).join(" ").trim(),children:(0,be.Z)(Array(6)).map((function(e,t){return(0,m.jsx)("div",{className:n+"-week",children:(0,be.Z)(Array(7)).map((function(e,n){return(0,m.jsx)(Be,{date:u,today:f,disabledDate:p,renderDay:v,panelDate:h,col:n,row:t,onSelectDay:function(e,t){x&&x(e,t)},index:7*t+n},n)}))},t)}))})]}))}var Oe=["prefixCls","className","panelDate","monthLabel","onSelected"];function Re(e){var t=e.prefixCls,n=void 0===t?"w-datepicker":t,r=e.className,i=e.panelDate,a=void 0===i?new Date:i,o=e.monthLabel,l=e.onSelected,d=void 0===l?u:l,f=(0,s.Z)(e,Oe);return(0,m.jsx)("div",(0,c.Z)({className:[n?n+"-month":null,r].filter(Boolean).join(" ").trim()},f,{children:(0,be.Z)(Array(12)).map((function(e,t){var n=a.getMonth();return(0,m.jsx)("div",{className:[n===t?"selected":null].filter(Boolean).join(" ").trim(),children:(0,m.jsx)("span",{onClick:function(){return d(t,!1)},children:o&&o[t]||t})},t)}))}))}var Ae=["prefixCls","panelNum","className","panelDate","onSelected"];function Te(e){var t=e.prefixCls,n=void 0===t?"w-datepicker":t,r=e.panelNum,i=void 0===r?[-7,-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6,7,8,9,10]:r,a=e.className,o=e.onSelected,l=void 0===o?u:o,f=(0,s.Z)(e,Ae),h=(0,d.useState)(e.panelDate),p=(0,y.Z)(h,2),v=p[0],x=p[1];return(0,m.jsx)("div",(0,c.Z)({className:[n?n+"-year":null,a].filter(Boolean).join(" ").trim()},f,{children:i&&i.map((function(e,t){var n=v.getFullYear(),r=n+i[t];return(0,m.jsx)("div",{className:[n===r?"selected":null,0===t||t===i.length-1?"paging":null].filter(Boolean).join(" ").trim(),children:(0,m.jsx)("span",{onClick:function(){return function(e,t){if(0===t||t===i.length-1){var n=new Date(v);n.setFullYear(e),x(n),l(e,!0)}else l(e)}(r,t)},children:r})},t)}))}))}var Ie=["prefixCls","className","panelDate","monthLabel","onSelected","todayButton"];function Fe(){for(var e=arguments.length,t=new Array(e),n=0;n0&&a.map((function(e,t){var n=e.label,r=(0,s.Z)(e,Ke);return(0,m.jsx)("div",(0,c.Z)({},r,{children:n}),t)}))})]})}),[a,n])}var $e=["prefixCls","className","style","today","date","data","monthLabel","titleFormat","todayLabel","panelDate","onPaging","onSelectDay"];function Ue(e){var t=e.prefixCls,n=void 0===t?"w-calendar":t,r=e.className,i=e.style,a=e.today,o=void 0===a?new Date:a,l=e.date,u=e.data,f=(e.monthLabel,e.titleFormat),h=void 0===f?"YYYY/MM":f,p=e.todayLabel,v=void 0===p?"\u4eca\u5929":p,x=e.onPaging,g=e.onSelectDay,j=(0,s.Z)(e,$e),b=[n,r].filter(Boolean).join(" ").trim(),w=(0,d.useState)(e.panelDate||new Date),C=(0,y.Z)(w,2),N=C[0],Z=C[1];function k(e){var t=new Date;if("today"===e)t=o||new Date;else{var n=N.getMonth();N&&"prev"===e&&N.setMonth(n-1),N&&"next"===e&&N.setMonth(n+1),t=N}Z(new Date(t)),x&&x(e,t.getMonth()+1,t)}(0,d.useEffect)((function(){e.panelDate!==N&&Z(N)}),[e.panelDate]);var S=(0,d.useMemo)((function(){return(0,m.jsx)("div",{className:n+"-title",children:(0,ee.Z)(h,N)})}),[n,h,N]),E=(0,d.useMemo)((function(){return(0,m.jsxs)("div",{className:n+"-btn-group",children:[(0,m.jsx)(M,{type:"down",onClick:function(){return k("prev")}}),(0,m.jsx)("span",{className:n+"-btn",onClick:function(){return k("today")},children:v}),(0,m.jsx)(M,{type:"down",onClick:function(){return k("next")}})]})}),[n,v]);return(0,m.jsxs)("div",{className:b,style:i,children:[(0,m.jsxs)("div",{className:n+"-caption",children:[S,E]}),(0,m.jsx)(De,(0,c.Z)({onSelectDay:function(e,t){Z(e),g&&g(e,t)},renderDay:function(e,t){return(0,m.jsx)(Ye,{prefixCls:n,day:e,data:u,currentDate:t.date})},date:l,today:o,panelDate:N||new Date},j))]})}var Je=["prefixCls","className","title","extra","footer","bordered","noHover","active","bodyStyle","bodyClassName","children"],Ge=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-card":n,i=e.className,a=e.title,o=e.extra,l=e.footer,u=e.bordered,f=void 0===u||u,h=e.noHover,p=void 0!==h&&h,v=e.active,x=void 0!==v&&v,y=e.bodyStyle,g=e.bodyClassName,j=e.children,b=(0,s.Z)(e,Je),w=(0,d.useMemo)((function(){return[r,i,f?r+"-bordered":null,p?r+"-no-hover":null,x?"active":null].filter(Boolean).join(" ").trim()}),[r,i,f,p]);return(0,m.jsxs)("div",(0,c.Z)({},b,{className:w,ref:t,children:[(a||o)&&(0,m.jsxs)("div",{className:r+"-head",children:[a&&(0,m.jsx)("div",{className:r+"-head-title",children:a}),o&&(0,m.jsx)("div",{className:r+"-extra",children:o})]}),j&&(0,m.jsx)("div",{className:[r+"-body",g].filter(Boolean).join(" ").trim(),style:y,children:j}),l&&(0,m.jsx)("div",{className:r+"-footer",children:l})]}))}));function qe(e,t){var n=e.position,r=void 0===n?0:n,i=e.direction,a=void 0===i?"horizontal":i,o=e.width,l=void 0===o?400:o,s=e.height,u=void 0===s?200:s,f=e.palyTime,h=void 0===f?2e3:f,p=e.scrollTime,v=void 0===p?200:p,x=e.autoPlay,g=void 0===x||x,j=e.afterChange,b=e.beforeChange,w=e.prefixCls,C=void 0===w?"w-carousel":w,N=e.className,Z=e.style,k=(0,d.useMemo)((function(){return[C,N].filter(Boolean).join(" ").trim()}),[C,N]),S=(0,d.useState)(r),E=(0,y.Z)(S,2),P=E[0],M=E[1],B=(0,d.useState)(.001*v+"s ease-in-out"),L=(0,y.Z)(B,2),z=L[0],D=L[1],O=(0,d.useRef)(P),R=d.Children.count(e.children)+1,A=(0,d.useRef)({stop:function(){},after:j,before:b});d.useImperativeHandle(t,(function(){return{gotoSlide:T,prevSlide:function(){return T(O.current-1)},nextSlide:function(){return T(O.current+1)},stopPlay:function(){return A.current.stop()}}}),[t]);var T=function(e){A.current.stop();var t=R-1,n=e>t?t:e;n=e<0?0:n,O.current=n,M(n),I()},I=function(e){if(void 0===e&&(e=h),g){var t=setInterval((function(){null==A.current.after||A.current.after(O.current),O.current++,O.current>=R&&(O.current=0),M(O.current),null==A.current.before||A.current.before(O.current)}),e);A.current.stop=function(){clearInterval(t)}}};(0,d.useEffect)((function(){return I(),function(){A.current.stop()}}),[g]),(0,d.useEffect)((function(){var t;return R===P+1&&(t=setTimeout((function(){A.current.before=function(){D(.001*v+"s ease-in-out"),A.current.before=e.beforeChange},D("none"),T(0)}),v)),function(){clearTimeout(t)}}),[P]);var F=d.Children.map(e.children,(function(e){return(0,m.jsx)("div",{style:(0,c.Z)({width:l,height:u},Z),children:e})})),H=(0,d.useMemo)((function(){var e={transform:"",display:""};switch(a){case"horizontal":e.transform="translate3d("+-P*l+"px, 0px, 0px)",e.display="flex";break;case"vertical":e.transform="translate3d(0px, "+-P*u+"px, 0px)",e.display="block"}return e}),[a,P,l,u]);return(0,m.jsx)("div",{className:k,style:{width:l,height:u},children:(0,m.jsxs)("div",{className:k+"-content",style:(0,c.Z)({width:l*R,transition:z},H),children:[F,(0,m.jsx)("div",{style:(0,c.Z)({width:l,height:u},Z),children:null==F?void 0:F[0]})]})})}var Xe=d.forwardRef(qe),Qe=["prefixCls","type","disabled","value","className","style","children","size","checked","onChange"],et=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-radio":n,i=e.type,a=void 0===i?"radio":i,o=e.disabled,l=void 0!==o&&o,u=e.value,f=void 0===u?"":u,h=e.className,p=e.style,v=e.children,x=e.size,g=e.checked,j=void 0!==g&&g,b=e.onChange,w=(0,s.Z)(e,Qe),C=(0,d.useState)(j),N=(0,y.Z)(C,2),Z=N[0],k=N[1],S=(0,d.useState)(),E=(0,y.Z)(S,2),P=E[0],M=E[1];j!==P&&M(j),(0,d.useMemo)((function(){j!==P&&k(j)}),[P]);var B=[r,h,l?"disabled":null,x?r+"-"+x:null].filter(Boolean).join(" ").trim();(0,d.useMemo)((function(){Z!==e.checked&&k(!!e.checked)}),[e.checked]);var L=v||f;return(0,m.jsxs)("label",{className:B,style:p,children:[(0,m.jsx)("input",(0,c.Z)({},(0,c.Z)({},w,{type:a,disabled:l,value:f}),{checked:Z,onChange:function(e){e.persist(),k(e.target.checked),b&&b(e)},ref:t})),L&&(0,m.jsx)("div",{className:r+"-text",children:L})]})})),tt=d.forwardRef((function(e,t){return(0,m.jsx)(et,(0,c.Z)({ref:t},e))})),nt=["prefixCls","className","name","value","onChange","children"],rt=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-radio-group":n,i=e.className,a=e.name,o=e.value,l=e.onChange,u=e.children,f=(0,s.Z)(e,nt);return(0,m.jsx)("div",(0,c.Z)({},f,{ref:t,className:[r,i].filter(Boolean).join(" ").trim(),children:d.Children.toArray(u).map((function(e){if(e)return d.isValidElement(e)?d.cloneElement(e,(0,c.Z)({},e.props||{},{checked:e.props.value===o,name:a,onChange:l})):e}))}))})),it=["prefixCls","className","name","value","onChange"],at=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-checkbox-group":n,i=e.className,a=e.name,o=e.value,l=e.onChange,u=(0,s.Z)(e,it),f=(0,d.useRef)([]),h=[r,i].filter(Boolean).join(" ").trim(),p=d.Children.toArray(e.children);return(0,d.useMemo)((function(){return f.current=o||[]}),[o]),(0,m.jsx)("div",(0,c.Z)({},u,{className:h,ref:t,children:d.Children.map(p,(function(e){if(d.isValidElement(e))return Array.isArray(o)&&e&&e.props&&e.props.value&&o.includes(e.props.value)&&(f.current.includes(e.props.value)||f.current.push(e.props.value)),d.cloneElement(e,Object.assign({},e.props,{name:a,checked:f.current.includes(e.props.value),onChange:function(t){if(!t.target.type||"checkbox"===t.target.type){var n=t.target.checked,r=f.current.includes(e.props.value);!r&&n?f.current.push(e.props.value):r&&!n&&(f.current=f.current.filter((function(t){return t!==e.props.value}))),l&&l(t,f.current)}}}))}))}))})),ot=["className","prefixCls","type","indeterminate","disabled","value"];function lt(e,t){var n=e.className,r=e.prefixCls,i=void 0===r?"w-checkbox":r,a=e.type,o=void 0===a?"checkbox":a,l=e.indeterminate,d=void 0!==l&&l,u=e.disabled,f=void 0!==u&&u,h=e.value,p=void 0===h?"":h,v=(0,s.Z)(e,ot),x=[n,d&&"indeterminate"].filter(Boolean).join(" ").trim();return(0,m.jsx)(et,(0,c.Z)({ref:t},v,{type:o,prefixCls:i,disabled:f,value:p,className:x}))}var st=d.forwardRef(lt);st.Group=at;var ct=st,dt=["prefixCls","className","icon","children","isActive","onItemClick","disabled","showArrow","header","extra"];var ut=["prefixCls","className","children","accordion","bordered","showArrow","activeKey","onChange"];function ft(e){var t=e;return Array.isArray(t)||(t=t?[t]:[]),t}function ht(e,t){var n=e.prefixCls,r=void 0===n?"w-collapse":n,i=e.className,a=e.children,o=e.accordion,l=void 0!==o&&o,u=e.bordered,f=e.showArrow,h=void 0===f||f,p=e.activeKey,v=e.onChange,x=(0,s.Z)(e,ut),g=(0,d.useState)(ft(p)),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=[r,i,u?"w-noborder":null].filter(Boolean).join(" ").trim();return(0,d.useMemo)((function(){p!==b&&w(ft(p))}),[p]),(0,d.useMemo)((function(){p!==b&&v&&v(b)}),[b,p]),(0,m.jsx)("div",(0,c.Z)({className:C},x,{ref:t,children:d.Children.map(a,(function(e,t){var n=e.key||String(t),i=e.props.disabled,a=!1;a=l?b[0]===n:b.indexOf(n)>-1;var o=(0,c.Z)({prefixCls:r,isActive:a,disabled:i,showArrow:h,onItemClick:i?function(){}:function(){return function(e){var t=b;if(l)t=t[0]===e?[]:[e];else{var n=(t=(0,be.Z)(t)).indexOf(e);n>-1?t.splice(n,1):t.push(e)}w(t)}(n)}},e.props);return d.cloneElement(e,o)}))}))}var pt=d.forwardRef(ht);pt.Panel=function(e){var t=e.prefixCls,n=void 0===t?"w-collapse":t,r=e.className,i=e.icon,a=void 0===i?"down":i,o=e.children,l=e.isActive,u=e.onItemClick,f=e.disabled,h=void 0!==f&&f,p=e.showArrow,v=e.header,x=e.extra,y=(0,s.Z)(e,dt),g=[n?n+"-item":null,r,l?n+"-active":null,h?n+"-disabled":null].filter(Boolean).join(" ").trim(),j="string"===typeof a?(0,m.jsx)(M,{type:a}):a;return(0,m.jsxs)("div",(0,c.Z)({className:g},y,{children:[(0,m.jsxs)("div",{className:n+"-header",onClick:u,children:[p&&j,(0,m.jsx)("span",{className:n+"-title",children:v}),x&&(0,m.jsx)("div",{className:n+"-extra",children:x})]}),(0,m.jsx)(w.Z,{in:l,unmountOnExit:!1,timeout:300,classNames:n+"-panel",children:function(e){return d.cloneElement((0,m.jsx)("div",{children:o}),{className:n+"-panel",style:(t=o,Object.assign({},t&&t.props?t.props.style:{},{transitionDuration:"300ms"})),ref:function(t){return function(e,t){t&&("exited"!==e&&"exiting"!==e||(t.style.height="1px"),"entered"!==e&&"entering"!==e||(t.style.height=t.scrollHeight+"px"))}(e,t)}});var t}})]}))};var mt=pt,vt=n(70556),xt=n.n(vt),yt=["prefixCls","className","text","children","onClick"];function gt(e){var t=e.prefixCls,n=void 0===t?"w-copy-to-clipboard":t,r=e.className,i=e.text,a=void 0===i?"":i,o=e.children,l=e.onClick,d=void 0===l?function(){return null}:l,u=(0,s.Z)(e,yt);var f=(0,c.Z)({},u,{className:[n,r].filter(Boolean).join(" ").trim(),onClick:function(e){if(!a)return d("",!1,e);xt()(a,(function(t){d(a,t,e)}))}});return(0,m.jsxs)("span",(0,c.Z)({},f,{children:[(0,m.jsx)("span",{className:n+"-select",children:a}),o]}))}var jt=["prefixCls","bodyStyle","className","popoverProps","datePickerProps","allowClear","format","onChange","value"];function bt(e){var t=e.prefixCls,n=void 0===t?"w-dateinputrange":t,r=e.bodyStyle,i=void 0===r?void 0:r,a=e.className,o=e.popoverProps,l=e.datePickerProps,u=e.allowClear,f=void 0===u||u,h=e.format,p=void 0===h?"YYYY/MM/DD":h,v=e.onChange,x=e.value,g=(0,s.Z)(e,jt),j=(0,d.useState)([]),b=(0,y.Z)(j,2),w=b[0],C=b[1];function N(e,t){var n=(0,be.Z)(w);n[t]=e,C(n),v&&v(e,n)}return(0,d.useEffect)((function(){var e=[],t=x;Array.isArray(t)&&null!=t&&t.length&&t.forEach((function(n,r){e[r]="string"===typeof t[r]?new Date(n):n})),C(e)}),[JSON.stringify(x)]),(0,m.jsxs)("div",{className:[n+"-contents",n+"-inner"].filter(Boolean).join(" ").trim(),style:(0,c.Z)({width:300},i),children:[(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0},o,{content:(0,m.jsx)(Ve,(0,c.Z)({date:w[0],className:n+"-popover"},l,{onChange:function(e){return N(e,0)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",readOnly:!0},g,{value:w[0]?(0,ee.Z)(p,w[0]):"",className:[n,a].filter(Boolean).join(" ").trim()}))})),(0,m.jsx)(M,{type:"swap-right",verticalAlign:"baseline",style:{fontSize:21,top:-1,margin:"0px 8px 0px 5px"}}),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0},o,{content:(0,m.jsx)(Ve,(0,c.Z)({date:w[1],className:n+"-popover"},l,{onChange:function(e){return N(e,1)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",readOnly:!0},g,{value:w[1]?(0,ee.Z)(p,w[1]):"",className:[n,a].filter(Boolean).join(" ").trim()}))})),f&&w.length>0&&(0,m.jsx)(M,{className:n+"-close-btn",color:"#ccc",onClick:function(){return C([])},type:"close"})]})}var wt=["prefixCls","className","popoverProps","datePickerProps","allowClear","format","onChange"];function Ct(e){var t=e.prefixCls,n=void 0===t?"w-dateinput":t,r=e.className,i=e.popoverProps,a=e.datePickerProps,o=e.allowClear,l=void 0===o||o,u=e.format,f=void 0===u?"YYYY/MM/DD":u,h=e.onChange,p=(0,s.Z)(e,wt),v=(0,d.useState)(e.value),x=(0,y.Z)(v,2),g=x[0],j=x[1],b=g||"";function w(e){j(e),h&&h(e)}return p.value="string"===typeof b?b:(0,ee.Z)(f,b),(0,d.useEffect)((function(){e.value!==g&&j(e.value)}),[e.value]),l&&p.value&&(p.addonAfter=(0,m.jsx)(M,{className:n+"-close-btn",onClick:function(){return w(void 0)},type:"close"})),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0},i,{content:(0,m.jsx)(Ve,(0,c.Z)({date:b&&new Date(b)||void 0,className:n+"-popover"},a,{onChange:function(e){return w(e)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",readOnly:!0},p,{className:[n,r].filter(Boolean).join(" ").trim()}))}))}var Nt=function(e){return e.children},Zt=["prefixCls","className","tagName","layout","bordered","label","isLastCell","colon","span","children","column"];var kt=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=t.className,i=t.tagName,a=void 0===i?"td":i,o=t.layout,l=t.bordered,u=t.label,f=t.colon,h=t.span,p=t.children,v=(0,s.Z)(e,Zt),x={className:[n?n+"-item-label":null,r,f?n+"-item-colon":null,u?null:n+"-item-no-label"].filter(Boolean).join(" ").trim()};return"horizontal"===o?l?(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)("th",(0,c.Z)({},x,{children:u})),(0,m.jsx)(a,(0,c.Z)({},v,{colSpan:h?2*h-1:h,className:n?n+"-item-content":"",children:p}))]}):(0,m.jsxs)(a,(0,c.Z)({},v,{colSpan:h,children:[(0,m.jsx)("span",(0,c.Z)({},x,{children:u})),(0,m.jsx)("span",{className:n?n+"-item-content":"",children:p})]})):(0,m.jsx)(a,{colSpan:h,className:n+"-item-"+("td"===a?"content":"label"),children:p})};function St(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=t.layout,i=t.bordered,a=t.column,o=t.colon,l=t.children,s=void 0===l?[]:l;function u(e){return s.map((function(t,l){return(0,d.createElement)(kt,(0,c.Z)({},t.props,{prefixCls:n,key:l,column:a,tagName:e?"th":"td",isLastCell:s.length-1===l,layout:r,colon:o,bordered:i}),e?t.props.label:t.props.children)}))}var f=n?n+"-row":"";return(0,m.jsxs)(d.Fragment,{children:["vertical"===r&&(0,m.jsx)("tr",{className:f,children:u(!0)}),(0,m.jsx)("tr",{className:f,children:u()})]})}var Et=["prefixCls","className","title","bordered","column","size","colon","children","layout"];function Pt(e,t){var n=e.prefixCls,r=void 0===n?"w-descriptions":n,i=e.className,a=e.title,o=e.bordered,l=e.column,u=void 0===l?3:l,f=e.size,h=e.colon,p=void 0===h||h,v=e.children,x=e.layout,y=void 0===x?"horizontal":x,g=(0,s.Z)(e,Et),j=[r,i,r&&y?r+"-"+y:null,o?r+"-bordered":null,f?r+"-"+f:null].filter(Boolean).join(" ").trim(),b=function(e,t){var n,r=[],i=null;return e.forEach((function(a,o){var l=a;i||(n=t,i=[],r.push(i)),o===e.length-1&&(l=d.cloneElement(l,{span:n}));var s=l.props.span,c=void 0===s?1:s;i.push(l),(n-=c)<=0&&(i=null)})),r}(d.Children.toArray(v),u);return(0,m.jsx)("div",{className:j,ref:t,children:(0,m.jsxs)("table",(0,c.Z)({},g,{children:[a&&(0,m.jsx)("caption",{className:r+"-title",children:a}),(0,m.jsx)("tbody",{children:b.map((function(e,t){return(0,m.jsx)(St,{prefixCls:r,bordered:o,colon:p,column:u,layout:y,children:e},t)}))})]}))})}var Mt=d.forwardRef(Pt);Mt.Item=Nt;var Bt=Mt,Lt=["prefixCls","className","children","dashed","type","align"],zt=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-divider":n,i=e.className,a=e.children,o=e.dashed,l=void 0!==o&&o,d=e.type,u=void 0===d?"horizontal":d,f=e.align,h=void 0===f?"center":f,p=(0,s.Z)(e,Lt),v=[i,r,r&&u?r+"-"+u:null,r&&h?r+"-"+h:null,a?r+"-with-text":null,l?r+"-dashed":null].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({className:v},p,{ref:t,children:a&&(0,m.jsx)("span",{className:r+"-inner-text",children:a})}))})),Dt=n(64649),Ot=["prefixCls","className","style","placement","size","title","footer","icon","isCloseButtonShown","bodyProps","timeout","isOpen","maskClosable"],Rt=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-drawer":n,i=t.className,a=t.style,o=t.placement,l=void 0===o?"right":o,u=t.size,f=void 0===u?260:u,h=t.title,p=t.footer,v=t.icon,x=t.isCloseButtonShown,y=void 0===x||x,g=t.bodyProps,j=t.timeout,b=void 0===j?300:j,w=t.isOpen,C=void 0!==w&&w,N=t.maskClosable,Z=void 0===N||N,k=(0,s.Z)(e,Ot),E=[i,r,l].filter(Boolean).join(" ").trim(),P=[g?g.className:null,r?r+"-body-inner":null].filter(Boolean).join(" ").trim(),B=(0,c.Z)({},a,(0,Dt.Z)({},/^(top|bottom)$/.test(l)?"height":"width",f)),z=(0,d.useMemo)((function(){return p?(0,m.jsx)("div",{className:r+"-footer",children:p}):null}),[p]),D=(0,d.useMemo)((function(){return v?(0,m.jsx)(M,{type:v}):null}),[v]),O=(0,d.useMemo)((function(){return h?(0,m.jsx)("h4",{children:h}):null}),[h]);return(0,m.jsx)(S,(0,c.Z)({className:E,timeout:b,isOpen:C,maskClosable:Z},k,{children:(0,m.jsxs)("div",{className:r+"-wrapper",style:B,children:[(h||v)&&(0,m.jsxs)("div",{className:r+"-header",children:[D,O,h&&y&&(0,m.jsx)(L,{basic:!0,onClick:e.onClose,icon:"close",type:"light"})]}),(0,m.jsx)("div",{className:r+"-body",children:(0,m.jsx)("div",(0,c.Z)({},g,{className:P,children:e.children}))}),z]})}))},At=["prefixCls","placement","className","menu","children","disabled"];function Tt(e){var t=e.prefixCls,n=void 0===t?"w-dropdown":t,r=e.placement,i=void 0===r?"bottomLeft":r,a=e.className,o=e.menu,l=e.children,u=e.disabled,f=(0,s.Z)(e,At),h=(0,d.useMemo)((function(){return[n,a].filter(Boolean).join(" ").trim()}),[n,a]);return(0,m.jsx)(ve,(0,c.Z)({isOutside:!0,autoAdjustOverflow:!0,className:h,disabled:u,placement:i},f,{overlay:o,children:d.cloneElement(l,Object.assign({},l.props))}))}var It=["prefixCls","className","icon","iconProps","size","description","children"],Ft=function(e){var t=e.prefixCls,n=void 0===t?"w-empty":t,r=e.className,i=e.icon,a=e.iconProps,o=e.size,l=void 0===o?64:o,d=e.description,u=void 0===d?"\u6682\u65e0\u6570\u636e":d,f=e.children,h=(0,s.Z)(e,It),p=[n,r].filter(Boolean).join(" ").trim();return(0,m.jsxs)("div",(0,c.Z)({className:p},h,{children:[(0,m.jsx)("div",{className:n+"-icon",children:i||(0,m.jsxs)("svg",(0,c.Z)({viewBox:"0 0 1024 1024",width:l,height:l},a,{children:[(0,m.jsx)("path",{d:"M20.48 860.16a491.52 102.4 0 1 0 983.04 0 491.52 102.4 0 1 0-983.04 0Z",fill:"#F5F5F5"}),(0,m.jsx)("path",{d:"M225.28 409.6l573.44-8.06912 112.78336 183.296H102.4z",fill:"#C4C5C7"}),(0,m.jsx)("path",{d:"M266.24 61.44h491.52a40.96 40.96 0 0 1 40.96 40.96v532.48a40.96 40.96 0 0 1-40.96 40.96H266.24a40.96 40.96 0 0 1-40.96-40.96V102.4a40.96 40.96 0 0 1 40.96-40.96z",fill:"#F5F5F7"}),(0,m.jsx)("path",{d:"M348.16 143.36h327.68a40.96 40.96 0 0 1 40.96 40.96v122.88a40.96 40.96 0 0 1-40.96 40.96H348.16a40.96 40.96 0 0 1-40.96-40.96V184.32a40.96 40.96 0 0 1 40.96-40.96zM327.68 409.6h368.64a20.48 20.48 0 0 1 0 40.96H327.68a20.48 20.48 0 0 1 0-40.96zM327.68 491.52h368.64a20.48 20.48 0 0 1 0 40.96H327.68a20.48 20.48 0 0 1 0-40.96z",fill:"#EBECEC"}),(0,m.jsx)("path",{d:"M673.44384 607.58016v13.43488c0 25.14944-20.0704 45.52704-44.8512 45.52704H382.95552l-2.2528-0.06144c-23.7568-1.16736-42.63936-21.07392-42.63936-45.4656v-13.45536c0-12.55424-10.0352-22.7328-22.44608-22.7328H102.4v250.30656C102.4 860.2624 122.49088 880.64 147.29216 880.64h719.31904c24.7808 0 44.89216-20.3776 44.89216-45.50656V584.82688H695.88992c-12.3904 0-22.44608 10.17856-22.44608 22.7328z",fill:"#E0E0E0"})]}))}),u&&(0,m.jsx)("div",{className:n+"-description",children:u}),f&&(0,m.jsx)("div",{className:n+"-footer",children:f})]}))},Ht=["className","dataLabel","prefixCls"],Wt=d.forwardRef((function(e,t){var n=e.className,r=e.dataLabel,i=void 0===r?"Browse":r,a=e.prefixCls,o=void 0===a?"w-fileinput":a,l=(0,s.Z)(e,Ht),d=[o,n].filter(Boolean).join(" ").trim();return(0,m.jsx)(je,(0,c.Z)({ref:t,"data-label":i,className:d},l,{type:"file"}))})),_t=function(e){var t=e.className,n=e.prefixCls,r=void 0===n?"w-fileinput-list":n,i=e.dataList,a=void 0===i?[]:i,o=e.uploadType,l=e.size,s=void 0===l?"middle":l,c=e.shape,u=void 0===c?"round":c,f=e.readonly,h=e.children,p=e.showFileIcon,v=void 0===p?{showPreviewIcon:!0,showRemoveIcon:!0}:p,x=e.onPreview,y=e.onAdd,g=e.onRemove,j=[r,r+"-size-"+s,r+"-shape-"+u,t].filter(Boolean).join(" ").trim();return(0,m.jsxs)("div",{className:j,children:[h&&!f&&d.isValidElement(h)&&d.cloneElement(h,{onClick:y}),(0,m.jsx)("div",{children:a.map((function(e,t){return(0,m.jsxs)("div",{className:r+"-"+o,children:["picture"===o&&(0,m.jsxs)("div",{className:r+"-info "+r+"-"+o+"-info",children:[(0,m.jsx)("img",{src:e.dataURL,alt:""}),(null==v?void 0:v.showPreviewIcon)&&(0,m.jsx)("div",{className:r+"-actions",children:(0,m.jsx)("span",{className:r+"-actions-search",onClick:function(){return null==x?void 0:x(e)},children:(0,m.jsx)(M,{type:"search",style:{color:"#fff",fontSize:16}})})})]}),(0,m.jsx)("div",{className:r+"-"+o+"-text",children:e.name}),(null==v?void 0:v.showRemoveIcon)&&(0,m.jsx)("div",{className:r+"-"+o+"-icon",onClick:function(){return null==g?void 0:g(t)},children:(0,m.jsx)(M,{type:"delete",style:{color:"#999"}})})]},t)}))})]})},Vt=function(e){var t=e.className,n=e.prefixCls,r=void 0===n?"w-fileinput-card":n,i=e.dataList,a=void 0===i?[]:i,o=e.maxNumber,l=void 0===o?3:o,s=e.shape,c=void 0===s?"round":s,d=e.size,u=void 0===d?"middle":d,f=e.readonly,h=e.children,p=e.showFileIcon,v=void 0===p?{showPreviewIcon:!0,showRemoveIcon:!0}:p,x=e.onAdd,y=e.onPreview,g=e.onRemove,j=[r,r+"-size-"+u,r+"-shape-"+c,t].filter(Boolean).join(" ").trim(),b=!(!v.showPreviewIcon&&!v.showRemoveIcon);return(0,m.jsxs)("div",{className:j,children:[a.map((function(e,t){return(0,m.jsxs)("div",{className:r+"-box",children:[(0,m.jsx)("div",{className:r+"-box-info",children:(0,m.jsx)("img",{src:e.dataURL,alt:""})}),(0,m.jsxs)("div",{className:b?r+"-actions":"",children:[(null==v?void 0:v.showPreviewIcon)&&(0,m.jsx)("span",{className:r+"-actions-remove",onClick:function(){return null==y?void 0:y(e)},children:(0,m.jsx)(M,{type:"search",style:{color:"#fff",fontSize:16}})}),(null==v?void 0:v.showRemoveIcon)&&(0,m.jsx)("span",{className:r+"-actions-remove",onClick:function(){return null==g?void 0:g(t)},children:(0,m.jsx)(M,{type:"delete",style:{color:"#fff",fontSize:16}})})]})]},t)})),l>a.length&&!f&&(0,m.jsx)("div",{className:r+"-box "+r+"-btn",onClick:x,children:h})]})},Kt=function(e){var t=new FileReader;return new Promise((function(n){t.addEventListener("load",(function(){return n(String(t.result))})),t.readAsDataURL(e)}))},Yt=function(e,t){for(var n=[],r=0;r0?S.map((function(e,t){return b(e,t)})):C;var P=d.Children.map(n,(function(e,t){return d.isValidElement(e)&&d.cloneElement(e,{key:t})})),M=[i,w,f?i+"-striped":null,p?i+"-no-hover":null,x?i+"-active":null,o?i+"-bordered":null,g&&"default"!==g?i+"-size-"+g:null].filter(Boolean).join(" ").trim();return(0,m.jsxs)("div",(0,c.Z)({className:M},E,{ref:t,children:[N&&(0,m.jsx)("div",{className:i+"-header",children:N}),P,Z&&(0,m.jsx)("div",{className:i+"-footer",children:Z})]}))}var dn=d.forwardRef(cn);dn.Item=ln;var un=dn,fn=n(56954),hn=["prefixCls","className","size","loading","tip","vertical","color","bgColor","children","indicator","fullscreen"],pn=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-loader":n,i=t.className,a=t.size,o=void 0===a?"default":a,l=t.loading,u=void 0===l||l,f=t.tip,h=t.vertical,p=t.color,v=t.bgColor,x=t.children,y=t.indicator,g=t.fullscreen,j=void 0!==g&&g,b=(0,s.Z)(e,hn),w=[r,i,o?r+"-"+o:null].filter(Boolean).join(" ").trim(),C=(0,d.useMemo)((function(){return(0,m.jsx)("svg",{viewBox:"25 25 50 50",children:(0,m.jsx)("circle",{cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"5",strokeMiterlimit:"10"})})}),[]),N=(0,d.useMemo)((function(){return(0,m.jsx)("div",{className:[r+"-tips",j?r+"-fullscreen":null].filter(Boolean).join(" ").trim(),style:{color:p,backgroundColor:v},children:(0,m.jsxs)("div",{className:r+"-tips-nested",children:[y||C,f&&(0,m.jsx)("div",{className:[r+"-text",h?r+"-vertical":null].filter(Boolean).join(" ").trim(),children:f})]})})}),[j,v,r,h,f]);return(0,m.jsxs)("div",(0,c.Z)({className:w},b,{children:[(u||j)&&N,x&&d.cloneElement(x,Object.assign({},x.props,{className:[r+"-warp",u?r+"-blur":null].filter(Boolean).join(" ").trim()}))]}))},mn=["prefixCls","className","tagName","children","disabled","multiline","icon","text","active","addonAfter","isSubMenuItem"],vn={href:void 0,onClick:void 0,onMouseDown:void 0,onMouseEnter:void 0,onMouseLeave:void 0,tabIndex:-1};function xn(e,t){var n=e.prefixCls,r=void 0===n?"w-menu-item":n,i=e.className,a=e.tagName,o=void 0===a?"a":a,l=e.disabled,u=void 0!==l&&l,f=e.multiline,h=void 0!==f&&f,p=e.icon,v=e.text,x=e.active,y=void 0!==x&&x,g=e.addonAfter,j=e.isSubMenuItem,b=(0,s.Z)(e,mn),w=[r,y?"active":null,u?"w-disabled":null,i].filter(Boolean).join(" ").trim(),C=d.createElement(o,(0,c.Z)({},b,u?vn:{},{className:w,ref:t}),(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)(M,{className:r+"-icon",type:p}),(0,m.jsx)("div",{className:[r&&r+"-text",!h&&r+"-multiline"].filter(Boolean).join(" ").trim(),children:v}),g]}));return j?C:(0,m.jsxs)("li",{children:[" ",C," "]})}var yn=d.forwardRef(xn);yn.displayName="uiw.MenuItem";var gn=["prefixCls","className","title"],jn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-menu-divider":n,i=e.className,a=e.title,o=(0,s.Z)(e,gn),l=[r,i].filter(Boolean).join(" ").trim();return a?(0,m.jsx)("li",(0,c.Z)({},o,{ref:t,className:l,"data-menu":"divider",children:(0,m.jsx)("strong",{children:a})})):(0,m.jsx)("li",(0,c.Z)({},o,{ref:t,className:l}))}));jn.displayName="uiw.MenuDivider";var bn=["prefixCls","className","disabled","overlayProps","children","collapse","inlineIndent","inlineCollapsed"];function wn(e){var t=e.prefixCls,n=e.collapse,r=e.isOpen;return(0,d.useMemo)((function(){return(0,m.jsx)(M,{type:"caret-right",className:[t?t+"-collapse-icon":null,!n&&r?"w-open":null,n||r?null:"w-close"].filter(Boolean).join(" ").trim()})}),[t,n,r])}var Cn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-menu-subitem":n,i=e.className,a=e.disabled,o=e.overlayProps,l=void 0===o?{}:o,u=e.children,f=e.collapse,h=void 0!==f&&f,p=e.inlineIndent,v=(0,s.Z)(e,bn),x={},g={bordered:!0,children:u,inlineIndent:p,className:[r?r+"-overlay":null].filter(Boolean).join(" ").trim()},j=d.useRef(null),b=(0,d.useState)(!1),w=(0,y.Z)(b,2),C=w[0],N=w[1];return(0,d.useMemo)((function(){N(!1)}),[h]),h?(x.className=r+"-popup",x.trigger="hover",x.usePortal=!0,g.onClick=function(e){var t=e.currentTarget,n=e.relatedTarget||e.nativeEvent.target;t.children.length<1||function(e){var t=!1;if(e)do{e.dataset.menu||(t=!0),e.dataset.menu&&/^(subitem|divider)$/.test(e.dataset.menu)&&(t=!1)}while(!e.dataset.menu&&(e=e.parentNode));return t}(n)&&j.current&&j.current.hide()}):(delete g.onClick,g.bordered=!1,x.className=r+"-collapse",x.appear=!1,x.isOutside=!0,x.isClickOutside=!1,x.unmountOnExit=!1,x.trigger="click",x.transitionName=""+r,x.onExit=function(e){e.style.height=e.scrollHeight+"px",N(!1)},x.onExiting=function(e){e.style.height="0px"},x.onEnter=function(e){e.style.height="1px",N(!0)},x.onEntered=function(e){e.style.height="initial"},x.onEntering=function(e){e.style.height=e.scrollHeight+"px"}),(0,m.jsx)("li",{"data-menu":"subitem",ref:t,children:(0,m.jsx)(ve,(0,c.Z)({placement:"rightTop",autoAdjustOverflow:!0,disabled:a,isOpen:C,usePortal:!1,isOutside:!0},x,l,{ref:j,overlay:(0,m.jsx)(kn,(0,c.Z)({},g,{style:h?{}:{paddingLeft:p}})),children:(0,m.jsx)(yn,(0,c.Z)({},v,{ref:null,disabled:a,isSubMenuItem:!0,addonAfter:(0,m.jsx)(wn,{collapse:h,prefixCls:r,isOpen:C}),className:[r?r+"-title":null,h?null:r+"-collapse-title",i].filter(Boolean).join(" ").trim()}))}))})}));Cn.displayName="uiw.SubMenu";var Nn=["prefixCls","className","children","bordered","theme","inlineIndent","inlineCollapsed"],Zn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-menu":n,i=e.className,a=e.children,o=e.bordered,l=e.theme,u=void 0===l?"light":l,f=e.inlineIndent,h=void 0===f?10:f,p=e.inlineCollapsed,v=(0,s.Z)(e,Nn),x=(0,d.useMemo)((function(){return[r,o?"w-bordered":null,p?r+"-inline-collapsed":null,u?r+"-"+u:null,i].filter(Boolean).join(" ").trim()}),[r,o,p,u,i]);return(0,m.jsx)("ul",(0,c.Z)({},v,{ref:t,className:x,"data-menu":"menu",children:d.Children.map(a,(function(e,t){if(!d.isValidElement(e))return e;var n={};return e.props.children&&e.type===Cn&&(n.inlineIndent=h),d.cloneElement(e,Object.assign((0,c.Z)({},n),e.props,{key:""+t}))}))}))}));Zn.displayName="uiw.Menu",Zn.Item=yn,Zn.SubMenu=Cn,Zn.Divider=jn;var kn=Zn,Sn=kn,En=["prefixCls","className","type","title","description","showIcon","icon","rounded","isCloseButtonShown"],Pn=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(e){var i;return(0,r.Z)(this,n),(i=t.call(this,e)).handleClosed=function(e){var t=i.props.onClose;i.setState({isOpen:!1}),t&&t(e)},i.renderIcon=function(){var e=i.props,t=e.type,n=e.showIcon,r=i.props.icon;if(!r&&n)switch(t){case"success":r="circle-check";break;case"warning":r="warning";break;case"info":r="information";break;case"error":r="circle-close"}return r},i.state={isOpen:!0},i}return(0,i.Z)(n,[{key:"render",value:function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.type,i=e.title,a=e.description,o=e.showIcon,l=e.rounded,d=e.isCloseButtonShown,u=(0,s.Z)(e,En),f=a||this.props.children,h=[t,n,t+"-"+r,l?t+"-rounded":null,o?t+"-icon":null,o?t+(i?"-title":"")+(f?"-description":""):null].filter(Boolean).join(" ").trim(),p=(0,m.jsxs)("div",(0,c.Z)({className:h},u,{children:[d&&(0,m.jsx)(L,{basic:!0,onClick:this.handleClosed,icon:"close",type:"light"}),o&&(0,m.jsx)(M,{type:this.renderIcon()}),(0,m.jsx)("span",{className:t+"-title",children:i}),(0,m.jsx)("span",{className:t+"-description",children:f})]}));return d?(0,m.jsx)(w.Z,{in:this.state.isOpen,unmountOnExit:!0,timeout:300,classNames:t,children:p}):p}}]),n}(d.Component);Pn.defaultProps={prefixCls:"w-message",rounded:!0,isCloseButtonShown:!1};var Mn=["prefixCls","format","onChange","className","popoverProps","pickerCaptionProps","allowClear","monthLabel"],Bn=["\u4e00\u6708","\u4e8c\u6708","\u4e09\u6708","\u56db\u6708","\u4e94\u6708","\u516d\u6708","\u4e03\u6708","\u516b\u6708","\u4e5d\u6708","\u5341\u6708","\u5341\u4e00\u6708","\u5341\u4e8c\u6708"];function Ln(e){var t=e.prefixCls,n=void 0===t?"w-monthpicker":t,r=e.format,i=void 0===r?"YYYY/MM":r,a=e.onChange,o=void 0===a?function(){}:a,l=e.className,u=e.popoverProps,f=e.pickerCaptionProps,h=void 0===f?{}:f,p=e.allowClear,v=void 0===p||p,x=e.monthLabel,g=void 0===x?Bn:x,j=(0,s.Z)(e,Mn),b=(0,d.useState)(!1),w=(0,y.Z)(b,2),C=w[0],N=w[1],Z=(0,d.useState)(new Date),k=(0,y.Z)(Z,2),S=k[0],E=k[1],P=(0,d.useState)("month"),M=(0,y.Z)(P,2),B=M[0],z=M[1],D=(0,d.useState)(e.value),O=(0,y.Z)(D,2),R=O[0],A=O[1];function T(e,t,n){var r=new Date(new Date(S)[e](t));n||z("month");var a=(0,ee.Z)(i,new Date(r));A(a),E(r),o&&o(r,a),"setMonth"===e&&N(!1)}return(0,d.useEffect)((function(){return A(e.value)}),[e.value]),j.value=(0,d.useMemo)((function(){return"string"===typeof R?R:R?(0,ee.Z)(i,R):""}),[i,R]),v&&j.value&&(j.addonAfter=(0,m.jsx)(L,{className:n+"-close-btn",icon:"close",onClick:function(){A(""),o&&o()},size:j.size,basic:!0,type:"light"})),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0,isOpen:C},u,{onVisibleChange:function(e){return N(e)},content:(0,m.jsxs)("div",{className:n+"-popover",children:[(0,m.jsx)(He,(0,c.Z)({panelDate:S,monthLabel:g},h,{onSelected:function(e){if(/^(month|year)$/.test(e))z(e);else{var t=new Date(S).getFullYear(),n=new Date(new Date(S).setFullYear("next"===B?t+1:t-1));E(n)}}})),"month"===B&&(0,m.jsx)(Re,{panelDate:S,monthLabel:g,onSelected:function(e,t){return T("setMonth",e,t)}}),"year"===B&&(0,m.jsx)(Te,{panelDate:S,onSelected:function(e,t){return T("setFullYear",e,t)}})]}),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u8f93\u5165\u65e5\u671f",readOnly:!0},j,{className:[n,l].filter(Boolean).join(" ").trim()}))}))}var zn=["description","isOpen"],Dn={},On={},Rn=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){var e;return(0,r.Z)(this,n),(e=t.apply(this,arguments)).state={notifys:{}},e}return(0,i.Z)(n,[{key:"create",value:function(e){var t=this,n=e.placement,r=e.key;Dn[n]||(Dn[n]={}),e.isOpen=!1,Dn[n][r]=e,e.duration&&(On[r]=setTimeout((function(){t.closed(r,n)}),e.duration)),this.setState({notifys:Dn,placement:n},(function(){Dn[n][r].isOpen=!0,t.setState({notifys:Dn})}))}},{key:"closed",value:function(e,t){if(e&&t&&Dn[t][e]){Dn[t][e].isOpen=!1;var n=Dn[t][e];this.setState({notifys:Dn},(function(){clearTimeout(On[e]),delete On[e],delete Dn[t][e],n&&n.willUnmount&&n.willUnmount(n,Dn)}))}}},{key:"render",value:function(){var e=this,t=this.props.prefixCls,n=this.state.placement;return(0,m.jsx)(d.Fragment,{children:n&&Object.keys(this.state.notifys[n]).map((function(r){var i=e.state.notifys[n][r],a=i.description,o=i.isOpen,l=(0,s.Z)(i,zn);return"open"===l.type&&delete l.type,(0,m.jsx)(R,(0,c.Z)({className:t,useButton:!1,width:320},l,{usePortal:!1,hasBackdrop:!1,isOpen:o,content:a}),r)}))})}}]),n}(d.Component);Rn.defaultProps={prefixCls:"w-notify",placement:"topRight"};var An={},Tn={};function In(e,t){if(void 0===t&&(t="open"),e.placement||(e.placement="topRight"),e.type=t,!e.icon&&null!==e.icon)switch(e.type){case"success":e.icon="circle-check";break;case"warning":e.icon="warning";break;case"info":e.icon="information";break;case"error":e.icon="circle-close"}switch(e.type){case"info":e.type="primary";break;case"error":e.type="danger"}if(e.placement&&!An[e.placement]){var n=document.createElement("div");document.body.appendChild(n),n.className=["w-notify-warpper",e.placement].filter(Boolean).join(" ").trim(),Tn[e.placement]=n,An[e.placement]=C.render((0,m.jsx)(Rn,{}),n)}null!==e.duration&&(e.duration=1e3*(e.duration||4.5)),An[e.placement]&&An[e.placement].create((0,c.Z)({},e,{duration:e.duration,key:parseInt(String(1e15*Math.random()),10).toString(36),willUnmount:function(t,n){t&&(t.onClose&&t.onClose(),0===Object.keys(n[e.placement]).length&&An[e.placement]&&(delete An[e.placement],Tn[e.placement]&&document.body.removeChild(Tn[e.placement])))}}))}["open","success","warning","info","error"].forEach((function(e){In[e]=function(t){return void 0===t&&(t={}),In(t,e)}}));var Fn=In,Hn=d.forwardRef((function(e,t){return(0,m.jsx)("option",(0,c.Z)({},e,{ref:t}))})),Wn=d.forwardRef((function(e,t){return(0,m.jsx)("optgroup",(0,c.Z)({},e,{ref:t}))})),_n=["prefixCls","className","size"],Vn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-select":n,i=e.className,a=e.size,o=void 0===a?"default":a,l=(0,s.Z)(e,_n);return(0,m.jsx)("select",(0,c.Z)({},l,{ref:t,className:[r,i,o?r+"-"+o:null].filter(Boolean).join(" ").trim()}))}));Vn.Option=Hn,Vn.Group=Wn;var Kn=Vn,Yn=["className","style","prefixCls","alignment","size","total","pageSize","pageSizeOptions","current","onChange","onShowSizeChange","divider"];function $n(e){var t=e.className,n=e.style,r=e.prefixCls,i=void 0===r?"w-pagination":r,a=e.alignment,o=void 0===a?"left":a,l=e.size,u=void 0===l?"default":l,f=e.total,h=void 0===f?0:f,p=e.pageSize,v=void 0===p?10:p,x=e.pageSizeOptions,g=void 0===x?[]:x,j=e.current,b=void 0===j?1:j,w=e.onChange,C=void 0===w?function(){return null}:w,N=e.onShowSizeChange,Z=e.divider,k=(0,s.Z)(e,Yn),S=(0,d.useState)(b),E=(0,y.Z)(S,2),P=E[0],M=E[1];(0,d.useEffect)((function(){return M(b)}),[b]);var B=[i,t,Z?"divider":null,u].filter(Boolean).join(" ").trim(),L=(0,d.useMemo)((function(){var e=[{type:"prev",disabled:1===P}],t=Math.ceil(h/v),n=t<=5?t:5,r=0,i=0;for(P>3&&t>5&&e.push({label:1}),P>4&&t>6&&e.push({type:"jumpPrev",label:"\u2022\u2022\u2022",goto:5});r3&&t>5&&(i=P-3);var a=(r+=1)+i;t-P===0&&t>5&&(a-=2),t-P===1&&t>5&&(a-=1),a<=t&&e.push({label:a,active:P===a})}return P+36&&e.push({type:"jumpNext",label:"\u2022\u2022\u2022",goto:5}),P+25&&e.push({label:t}),e.push({type:"next",disabled:P===t}),e}),[P,h,v]);return(0,m.jsxs)("ul",(0,c.Z)({className:B,style:(0,c.Z)({},n,{textAlign:o})},k,{children:[L.map((function(e,t){var n=(0,m.jsx)("a",{children:e.label});return/^(prev|next)$/.test(e.type)&&(n=(0,m.jsx)("a",{className:"arrow "+e.type})),(0,m.jsx)("li",{className:[e.active?"active":null,e.disabled?"disabled":null].filter(Boolean).join(" ").trim(),onClick:function(){return function(e){if(!e.active&&!e.disabled){var t=Math.ceil(h/v),n={};e.label&&(n.current=e.label),"prev"===e.type&&(n.current=P-1>0?P-1:1),"next"===e.type&&(n.current=P+1<=t?P+1:t),/^(jumpPrev|jumpNext)/.test(e.type)&&e.goto&&(n.current="jumpPrev"===e.type?P-e.goto:P+e.goto,n.current>t&&(n.current=t),n.current<1&&(n.current=1)),M(n.current),C&&C(n.current,h,v)}}(e)},children:n},t)})),g.length>0&&(0,m.jsx)("li",{className:i+"-options",children:(0,m.jsx)(Kn,{size:u,defaultValue:v,onChange:function(e){var t=Number(e.target.value),n=Math.ceil(h/t);N&&N(P>n?n:P,t)},children:g.map((function(e,t){return(0,m.jsxs)(Kn.Option,{value:e,children:[e,"\u6761/\u9875"]},t)}))})})]}))}var Un=["prefixCls","placeholder","value","autoFocus","className","size","style","disabled","onChange","onBlur","onFocus"];function Jn(e,t){void 0===e&&(e={});var n=e,r=n.prefixCls,i=void 0===r?"w-pin-code":r,a=n.placeholder,o=void 0===a?"\u25cb":a,l=n.value,f=void 0===l?[]:l,h=n.autoFocus,p=n.className,v=n.size,x=void 0===v?"default":v,g=n.style,j=n.disabled,b=n.onChange,w=void 0===b?u:b,C=n.onBlur,N=void 0===C?u:C,Z=n.onFocus,k=void 0===Z?u:Z,S=(0,s.Z)(e,Un),E=(0,d.useState)({}),P=(0,y.Z)(E,1)[0],M=(0,d.useState)(o),B=(0,y.Z)(M,2),L=B[0],z=B[1],D=(0,d.useState)(f),O=(0,y.Z)(D,2),R=O[0],A=O[1],T=[i,p,x?i+"-"+x:null,j?"disabled":null].filter(Boolean).join(" ").trim();function I(e){z(o),N(e)}function F(e){z(""),k(e)}return(0,d.useEffect)((function(){R!==f&&w(R)}),[R]),(0,m.jsx)("div",(0,c.Z)({className:T,style:g},S,{ref:t,children:(0,be.Z)(R).map((function(e,t){var n={min:0,type:"text",inputMode:"numeric",autoComplete:"off",value:e,onChange:function(e){return function(e,t){var n=e.target.value;n=n.charAt(n.length-1);var r=(0,be.Z)(R);Number(n)>-1&&n?(e.currentTarget.value=n,r[t]=n,P[t+1]&&P[t+1].focus(),A(r)):n||(r[t]="",A(r))}(e,t)},onKeyDown:function(e){return function(e,t){var n=e.currentTarget.value,r=e.key.toLocaleLowerCase();!n&&P[t-1]&&/(backspace|delete)/.test(r)&&P[t-1].focus()}(e,t)},onBlur:function(e){return I(e)},onFocus:function(e){return F(e)},className:i+"-inner",placeholder:L,disabled:j,size:x};return h&&0===t&&(n.autoFocus=!0),(0,d.createElement)(je,(0,c.Z)({ref:function(e){e&&(P[t]=e)}},n,{key:t}))}))}))}var Gn=d.forwardRef(Jn);function qn(e){return(0,m.jsx)(M,{type:e.type})}var Xn=["prefixCls","style","type","className","showText","percent","format","strokeWidth","width","status"],Qn=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){return(0,r.Z)(this,n),t.apply(this,arguments)}return(0,i.Z)(n,[{key:"relativeStrokeWidth",value:function(e,t){var n=this.props,r=n.strokeWidth,i=n.percent;if(t&&t.parentNode){var a=(r/t.parentNode.getBoundingClientRect().width*100).toFixed(1),o=parseInt((50-parseFloat(a)/2).toString(),10);if(t.setAttribute("stroke-width",a),t.setAttribute("d","M 50 50 m 0 -"+o+" a "+o+" "+o+" 0 1 1 0 "+2*o+" a "+o+" "+o+" 0 1 1 0 -"+2*o),"track"===e){var l=2*Math.PI*o;t.setAttribute("style","stroke-dasharray:"+l+"px,"+l+"px;stroke-dashoffset:"+(1-i/100)*l+"px;transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease;")}}}},{key:"render",value:function(){var e,t=this.props,n=t.prefixCls,r=t.style,i=t.className,a=t.showText,o=t.percent,l=t.format,d=t.width,u=t.status,f=(0,s.Z)(t,Xn),h=[n,i,n+"-circle",a?n+"-show-text":null,u?n+"-status-"+u:null,parseInt(o.toString(),10)>=100?n+"-status-success":null].filter(Boolean).join(" ").trim(),p=parseInt(o.toString(),10)>=100&&!("status"in this.props)?"success":u;if(a){var v=o+"%";"exception"===p?v=(0,m.jsx)(qn,{type:"close"}):"success"===p&&(v=(0,m.jsx)(qn,{type:"check"})),e=(0,m.jsx)("span",{className:n+"-text",style:{fontSize:.16*d+6},children:l?l(o):v})}return(0,m.jsxs)("div",(0,c.Z)({className:h,style:r},f,{children:[(0,m.jsxs)("svg",{viewBox:"0 0 100 100",width:""+d,children:[(0,m.jsx)("path",{ref:this.relativeStrokeWidth.bind(this,"bg"),className:n+"-trail",fill:"none"}),(0,m.jsx)("path",{ref:this.relativeStrokeWidth.bind(this,"track"),strokeLinecap:"round",className:n+"-stroke",fill:"none"})]}),e]}))}}]),n}(d.Component);Qn.defaultProps={prefixCls:"w-progress",showText:!0,percent:0,width:126,strokeWidth:6};var er=["prefixCls","style","className","showText","percent","format","strokeWidth","width","status"],tr=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){return(0,r.Z)(this,n),t.apply(this,arguments)}return(0,i.Z)(n,[{key:"render",value:function(){var e,t=this.props,n=t.prefixCls,r=t.style,i=t.className,a=t.showText,o=t.percent,l=t.format,d=t.strokeWidth,u=t.status,f=(0,s.Z)(t,er),h=[n,i,n+"-line",a?n+"-show-text":null,u?n+"-status-"+u:null,parseInt(o.toString(),10)>=100?n+"-status-success":null].filter(Boolean).join(" ").trim();if(a){var p=parseInt(o.toString(),10)>=100&&!("status"in this.props)?"success":u,v=o+"%";"exception"===p?v=(0,m.jsx)(qn,{type:"circle-close"}):"success"===p&&(v=(0,m.jsx)(qn,{type:"circle-check"})),e=(0,m.jsx)("span",{className:n+"-text",children:l?l(o):v})}var x={width:o+"%",height:d};return(0,m.jsxs)("div",(0,c.Z)({className:h,style:r},f,{children:[(0,m.jsx)("div",{className:n+"-bar",children:(0,m.jsx)("div",{className:n+"-inner",children:(0,m.jsx)("div",{className:n+"-bg",style:x})})}),e]}))}}]),n}(d.Component);tr.defaultProps={prefixCls:"w-progress",showText:!0,percent:0,width:126,strokeWidth:6};var nr={Line:tr,Circle:Qn},rr=["prefixCls","count","value","className","allowHalf","character","readOnly","disabled","onChange","onHoverChange","color"];function ir(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-rate":n,i=t.count,a=void 0===i?5:i,o=t.value,l=void 0===o?0:o,f=t.className,h=t.allowHalf,p=t.character,v=void 0===p?"\u2605":p,x=t.readOnly,g=void 0!==x&&x,j=t.disabled,b=t.onChange,w=void 0===b?u:b,C=t.onHoverChange,N=void 0===C?u:C,Z=t.color,k=(0,s.Z)(e,rr),S=(0,d.useState)(l),E=(0,y.Z)(S,2),P=E[0],M=E[1],B=(0,d.useState)(-1),L=(0,y.Z)(B,2),z=L[0],D=L[1],O=[r,f,j?"disabled":null].filter(Boolean).join(" ").trim(),R=(0,d.useState)(),A=(0,y.Z)(R,2),T=A[0],I=A[1];function F(e,t){e.persist();var n=t,r=e.clientX-e.currentTarget.getBoundingClientRect().left<=e.currentTarget.getBoundingClientRect().width/2;return h?(e.persist(),n=r?t+.5:t+1):n=t+1,n}return l!==T&&I(l),(0,d.useMemo)((function(){P!==T&&M(l)}),[T]),(0,m.jsx)("div",(0,c.Z)({},k,{className:O,onMouseLeave:function(){D(-1)},children:(0,be.Z)(Array(a)).map((function(e,t){var n=P<=t+.5&&Math.ceil(P)-1===t&&-1===z||z===t+.5,i=[r+"-hight",t+1<=P&&-1===z?"star-on":null,t+1<=z?"hover-on":null,n?"half-on":null].filter(Boolean).join(" ").trim(),a={};return g||(a.onClick=function(e){return function(e,t){if(!g){var n=F(e,t);M(n),w(n)}}(e,t)},a.onMouseMove=function(e){return function(e,t){var n=F(e,t);z!==n&&(D(n),N(n))}(e,t)}),(0,m.jsxs)("span",(0,c.Z)({},a,{children:[(0,m.jsx)("span",{style:{color:Z},className:i,children:v}),(0,m.jsx)("span",{className:r+"-bg",children:v})]}),t)}))}))}var ar=["prefixCls","className","style","title","children","visible","color","disabled","bordered","closable","light","onClose"],or=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-tag":n,i=t.className,a=t.style,o=t.title,l=void 0===o?"":o,d=t.children,u=t.visible,f=void 0===u||u,h=t.color,p=void 0===h?"#6E6E6E":h,v=t.disabled,x=void 0!==v&&v,y=t.bordered,g=void 0===y||y,j=t.closable,b=t.light,w=void 0!==b&&b,C=t.onClose,N=(0,s.Z)(e,ar),Z=[r,i,w?r+"-light":null,x?"disabled":null].filter(Boolean).join(" ").trim(),k=(0,c.Z)({},a);return w?(k.color=p,k.borderColor=p,g&&w&&(k.boxShadow="inset 0 0 0 1px "+p)):(k.color="#fff",k.backgroundColor=p),f?(0,m.jsxs)("span",(0,c.Z)({className:Z,style:k},N,{children:[l||d,!x&&j?(0,m.jsx)("svg",{onClick:C,className:r+"-close",width:"15",height:"15",viewBox:"0 0 16 16",children:(0,m.jsx)("path",{d:"M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z"})}):null]})):null},lr=["allowClear","disabled","size","maxTagCount","option","loading","labelInValue","prefixCls","className","mode","style","isOpen","value","defaultValue","showSearch","tagProps","placeholder","onSearch","onChange","onSelect"];function sr(e){var t,n=e.allowClear,r=void 0!==n&&n,i=e.disabled,a=void 0!==i&&i,o=e.size,l=void 0===o?"default":o,u=e.maxTagCount,f=e.option,h=void 0===f?[]:f,p=e.loading,v=void 0!==p&&p,x=e.labelInValue,g=void 0!==x&&x,j=e.prefixCls,b=void 0===j?"w-search-select":j,w=e.className,C=e.mode,N=void 0===C?"single":C,Z=e.style,k=e.value,S=e.defaultValue,E=e.showSearch,P=e.tagProps,B=void 0===P?{}:P,L=e.placeholder,z=e.onSearch,D=e.onChange,O=e.onSelect,R=(0,s.Z)(e,lr),A=[b,w].filter(Boolean).join(" ").trim(),T=(0,d.useMemo)((function(){return"multiple"===N}),[N]),I=(0,d.useState)(!1),F=(0,y.Z)(I,2),H=F[0],W=F[1],_=(0,d.useState)([]),V=(0,y.Z)(_,2),K=V[0],Y=V[1],$=(0,d.useState)(""),U=(0,y.Z)($,2),J=U[0],G=U[1],q=(0,d.useState)(""),X=(0,y.Z)(q,2),Q=X[0],ee=X[1],te=(0,d.useRef)(null),ne=(0,d.useMemo)((function(){return u&&K.length>u?K.length-u:0}),[K.length]),re=(0,d.useRef)(null),ie=function(e){return void 0!==e&&""!==e},ae=(0,d.useRef)();ae.current=(0,d.useMemo)((function(){return K}),[K]),(0,d.useEffect)((function(){!ie(k)&&ie(S)&&le(S)}),[]),(0,d.useEffect)((function(){a&&W(!1)}),[a]),(0,d.useEffect)((function(){ie(k)&&le(k)}),[JSON.stringify(k)]);var oe=function(e,t){var n=e.find((function(e){return e.value===t}));return n};function le(e){var t=[];if(g)Array.isArray(e)?t=e:t.push(e);else if(Array.isArray(e))t=e.map((function(e){return oe(h,e)})).filter((function(e){return!!e}));else{var n=oe(h,e);n&&(G(n.label),t.push(n))}!T&&t.length>0&&G(t[0].label||""),Y(t)}var se=function(e){G(e),E&&(null==z||z(e))};function ce(e,t){var n=-1!==e?function(e){var t=ae.current;return t.splice(e,1),(0,be.Z)(t)}(e):[].concat((0,be.Z)(K),[t]),r=n.map((function(e){return e.value}));de(r,n)}function de(e,t){G(""),O&&O(e),pe(e,t),void 0===k&&Y(t)}function ue(e){var t;t="enter"===e&&r&&(K.length>0||J)?"close":"",ee(t)}function fe(e){W(!0),ee(E&&e?"loading":""),se(e)}function he(e){var t;e.stopPropagation(),null==(t=te.current)||t.focus(),Y([]),fe(""),W(!1),pe("",[])}function pe(e,t){D&&D(g?t:e)}return(0,m.jsx)(Tt,(0,c.Z)({className:A,trigger:"click",style:{marginTop:5},overlayStyl:{width:100},disabled:a},R,{onVisibleChange:function(e){var t=ae.current;W(e),e||se(""),!T&&t.length>0&&G(t[0].label)},isOpen:H,menu:(0,m.jsx)(Sn,{bordered:!0,style:{minHeight:25,maxHeight:280,minWidth:null!=(t=null==Z?void 0:Z.width)?t:200,overflowY:"scroll",width:null==Z?void 0:Z.width},children:h&&0!==h.length?h.map((function(e){var t=K.findIndex((function(t){return t.value===e.value}));return(0,m.jsx)(Sn.Item,{active:-1!==t,text:e.label,onClick:function(){return T?ce(t,e):function(e){W(!1);var t=[e];G(e.label),de(e.value,t)}(e)}},t)})):(0,m.jsx)("div",{style:{color:"#c7c7c7",fontSize:12},children:v?"\u6b63\u5728\u52a0\u8f7d\u6570\u636e...":"\u6ca1\u6709\u6570\u636e"})}),children:(0,m.jsx)("div",{ref:re,onMouseOver:function(){return ue("enter")},onMouseLeave:function(){return ue("leave")},onClick:function(){var e;return null==(e=te.current)?void 0:e.focus()},style:(0,c.Z)({width:"100%",maxWidth:"none"},Z),children:T?(0,m.jsxs)("div",{className:b+"-inner",children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"wrap",width:"100%"},children:[T&&K.slice(0,u).map((function(e,t){return(0,m.jsx)(or,(0,c.Z)({style:(0,c.Z)({height:20,margin:1,display:"flex",alignItems:"center"},B.style),className:b+"-tag",color:"#393E48"},B,{closable:!0,disabled:a,onClose:function(n){n.stopPropagation(),ce(t,e)},children:e.label}),t)})),!!ne&&(0,m.jsxs)(or,{style:{height:20,margin:1,display:"flex",alignItems:"center"},disabled:!0,children:["+",ne," \u2026"," "]}),(0,m.jsx)(je,{style:{flex:1},className:b+"-input-contents",readOnly:!E,size:l,ref:te,disabled:a,onKeyDown:function(e){T&&K.length>0&&!J&&8===e.keyCode&&ce(K.length-1)},onChange:function(e){return fe(e.target.value)},value:J,placeholder:K.length?"":L})]}),!a&&("close"===Q||"loading"===Q&&v)&&(0,m.jsx)(M,{type:Q,spin:v&&"loading"===Q,onClick:he})]}):(0,m.jsx)(je,{readOnly:!E,size:l,ref:te,disabled:a,onChange:function(e){return fe(e.target.value)},value:J,placeholder:L,addonAfter:!a&&("close"===Q||"loading"===Q&&v)&&(0,m.jsx)(M,{type:Q,spin:v&&"loading"===Q,onClick:he})})})}))}var cr=n(1064),dr=["prefixCls","className","style","status","itemWidth","icon","adjustMarginRight","stepNumber","title","description","progressDot"];var ur=["prefixCls","style","className","children","current","status","progressDot","direction"];function fr(e){var t=e.prefixCls,n=void 0===t?"w-steps":t,r=e.style,i=void 0===r?{}:r,a=e.children,o=e.current,l=e.status,u=void 0===l?"process":l,f=e.progressDot,h=void 0!==f&&f,p=e.direction,v=void 0===p?"horizontal":p,x=(0,s.Z)(e,ur),g=(0,d.useRef)(null),j=(0,d.useState)(0),b=(0,y.Z)(j,2),w=b[0],C=b[1],N=d.Children.toArray(a).filter((function(e){return!!e})),Z=N.length-1,k=[n,n+"-"+v,h?n+"-dot":null].filter(Boolean).join(" ").trim();return(0,d.useEffect)((function(){return function(){var e=g.current;if(e&&e.lastChild){var t=(e.lastChild.offsetWidth||0)+1;if(t===w||Math.abs(t-w)<=3)return;C(t)}}()})),(0,m.jsx)("div",(0,c.Z)({className:k,style:i},x,{ref:g,children:d.Children.map(a,(function(e,t){var r=(0,c.Z)({stepNumber:""+(t+1),prefixCls:n,progressDot:h},e.props);return t!==Z&&"vertical"!==v&&(r.itemWidth=100/Z+"%",r.adjustMarginRight=-Math.round(w/Z+1)),h&&"vertical"!==v&&(r.itemWidth=100/N.length+"%",r.adjustMarginRight=0),"error"===u&&t===o-1&&(r.className=n+"-next-error"),e.props.status||(r.status=t===o?u:t=100&&(n=100);var r=t*(n/100)+.5;return Math.floor(r)*x+l}function K(e){if(T.current){var t=(0,be.Z)(H),n=V(e[E?"clientY":"clientX"]-D.current+R.current);if(n!==O.current){t[z.current]=n;var r=U(t);B.current&&(B.current.style[E?"top":"left"]=r.left,B.current.style[E?"bottom":"right"]=r.right),_(t),O.current=n}}}function Y(){T.current=void 0,window.removeEventListener("mousemove",K,!1),window.removeEventListener("mouseup",Y,!1)}(0,d.useEffect)((function(){return W(Array.isArray(a)?a:[a])}),[a]),M.onClick=function(e){if(void 0===T.current){var t=L.current.getBoundingClientRect();_(function(e){if(!Array.isArray(a))return Array.isArray(e)?e:[e];var t=(0,be.Z)(H),n=t[0],r=t[1];(ne||n>r&&nr&&r>e)&&(t[1]=e);if(n>e&&r=e&&(t[1]=e),ie&&n=e&&(t[0]=e),oe[1]?e[1]:e[0],r=e[0]>e[1]?e[0]:e[1];t.left=$(n)+"%",t.right=100-$(r)+"%"}else t.right=100-$(e[0])+"%";return t}function J(e){return k&&!0!==k&&k[e]&&k[e].label?k[e].label:k&&!0!==k&&k[e]&&"string"===typeof k[e]?k[e]:S&&"function"===typeof S&&S(e)?S(e):e}var G=U();return j&&delete M.onClick,(0,m.jsxs)("div",(0,c.Z)({ref:L,className:[r,Z,j?"disabled":null,k?r+"-with-marks":null,E?r+"-vertical":null].filter(Boolean).join(" ").trim()},M,{children:[(0,m.jsx)("div",{ref:B,className:r+"-bar",style:(0,c.Z)((t={},(0,Dt.Z)(t,E?"top":"left",G.left),(0,Dt.Z)(t,E?"bottom":"right",G.right),t),!0!==w?{backgroundColor:w||"initial"}:{})}),(0,be.Z)(H).map((function(e,t){var n=$(e);return(0,m.jsx)("div",{className:r+"-handle",onMouseDown:function(e){return function(e,t){if(!j){z.current=e,T.current=!0,D.current=t[E?"clientY":"clientX"],B.current&&(R.current=B.current[E?"clientHeight":"clientWidth"],A.current=B.current[E?"offsetTop":"offsetLeft"]);var n=(0,be.Z)(H);Array.isArray(a)&&(R.current=1===z.current&&n[1]>n[0]||1!==z.current&&n[0]>n[1]?R.current+A.current:A.current),window.addEventListener("mousemove",K),window.addEventListener("mouseup",Y)}}(t,e)},style:(0,Dt.Z)({},E?"top":"left",n+"%"),children:(N||!1===N)&&(0,m.jsx)("div",{className:[r+"-tooltip",N?"open":null].filter(Boolean).join(" ").trim(),children:J(e)})},t)})),p&&(0,m.jsx)(pr,{prefixCls:r,min:l,step:x,marks:k,vertical:!!E,data:function(){for(var e=(f-l)/x,t=100*x/(f-l),n=[0],r=1;r0&&(t=gr(n,t+1)),t}function jr(e,t){void 0===e&&(e=[]),void 0===t&&(t=[]);for(var n=[],r=0;r0&&(n=n.concat(jr(e[r].children,t))):n.push(e[r]);return n}function br(e,t){t||(t={header:[],render:{}}),t&&!t.header&&(t.header=[]),t&&!t.render&&(t.render={});for(var n=[],r=[],i=0;i0&&(e[i].colSpan=jr(e[i].children).length),r.push(e[i])),e[i]&&e[i].children&&(n=n.concat(e[i].children.map((function(e){return e.children&&e.children.length>0&&(e.colSpan=jr(e.children).length),e}))));if(0===t.header.length){var a=gr(r);t.header.push(r.map((function(e){return 1===a||(!e.children||e.children&&0===e.children.length)&&(e.rowSpan=a),e})))}if(n&&n.length>0){var o=gr(n);t.header.push(n.map((function(e){return 1===o||(!e.children||e.children&&0===e.children.length)&&(e.rowSpan=o),e}))),t=br(n,t)}return t}function wr(e,t){void 0===t&&(t=[]);for(var n=0;n0&&o.map((function(e,t){return(0,m.jsx)("tr",{children:(e||[]).map((function(e,n){var i=e.title,a=e.ellipsis,o=(e.fixed,(0,s.Z)(e,Sr)),l=(0,m.jsx)("span",{className:a?(o.className||"")+" "+r+"-ellipsis":void 0,children:"function"===typeof i?i(e,n,t):i});return 0===o.colSpan?null:(0,m.jsx)(Zr,{colNum:n,item:e,prefixCls:r,onCellHead:d,rowNum:t,titleNode:l,locationWidth:f,updateLocation:h},n)}))},t)}))}))}function Pr(e){var t=e.defaultExpand,n=e.onClick,r=e.expandIcon,i=(0,d.useState)(t),a=(0,y.Z)(i,2),o=a[0],l=a[1];return(0,m.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},onClick:function(){l(!o),n(o)},children:r(o)})}function Mr(e){var t=e.rowKey,n=e.data,r=e.keys,i=e.render,a=e.ellipsis,o=e.prefixCls,l=e.onCell,s=void 0===l?u:l,f=e.isExpandedDom,h=e.hierarchy,p=e.indentSize,v=e.childrenColumnName,x=e.locationWidth,g=(0,d.useState)(!1),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=(0,d.useState)([]),N=(0,y.Z)(C,2),Z=N[0],k=N[1];(0,d.useEffect)((function(){w(!(null==n||!n.find((function(e){return e[v]}))))}),[n]);var S=(0,d.useMemo)((function(){return function(e,t){var n=Z.includes(e);return(0,m.jsx)(M,{type:n?"minus-square-o":"plus-square-o",style:{marginRight:10,opacity:t?1:0,marginLeft:h*p,float:"left",marginTop:3.24},onClick:function(){k(n?Z.filter((function(t){return t!==e})):[].concat((0,be.Z)(Z),[e]))}})}}),[Z]);return Array.isArray(n)&&n.length?(0,m.jsx)(d.Fragment,{children:n.map((function(n,l){var u=t?n[t]:l;return(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)("tr",{children:r.map((function(e,t){var r={children:n[e.key]};if(i[e.key]){var f=i[e.key](n[e.key],e.key,n,l,t);if(d.isValidElement(f))r.children=f;else{if(f.props&&(r=(0,c.Z)({},f.props,{children:r.children}),0===f.props.rowSpan||0===f.props.colSpan))return null;f.children&&(r.children=f.children)}}var y=Array.isArray(n[v]);return 0===t&&(b||h||y)&&(r.children=(0,m.jsxs)(m.Fragment,{children:[S(u,y),(0,m.jsx)("span",{style:{paddingLeft:h*p}}),r.children]})),e.fixed&&("right"===e.fixed?r.className=r.className+" "+o+"-fixed-right":r.className=r.className+" "+o+"-fixed-true"),(0,d.createElement)("td",(0,c.Z)({},r,{style:(0,c.Z)({},Cr(e.fixed,x,t)),children:(0,m.jsx)("span",{className:a&&a[e.key]?o+"-ellipsis":void 0,children:r.children}),key:t,className:o+"-tr-children-"+(e.align||"left")+" "+(e.className||"")+" "+(r.className||""),onClick:function(r){return s(n,{rowNum:l,colNum:t,keyName:e.key},r)}}))}))},u),Z.includes(u)&&(0,m.jsx)(Mr,(0,c.Z)({},e,{data:n[v],hierarchy:h+1})),f(n,l)]},l)}))}):null}var Br=["prefixCls","className","columns","data","title","footer","bordered","onCell","onCellHead","empty","children","expandable","rowKey","scroll"];function Lr(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-table":n,i=t.className,a=t.columns,o=void 0===a?[]:a,l=t.data,f=void 0===l?[]:l,h=t.title,p=t.footer,v=t.bordered,x=t.onCell,g=void 0===x?u:x,j=t.onCellHead,b=void 0===j?u:j,w=t.empty,C=t.expandable,N=t.rowKey,Z=t.scroll,k=(0,s.Z)(e,Br),S=(0,d.useState)([]),E=(0,y.Z)(S,2),P=E[0],B=E[1],L=(0,d.useState)({}),z=(0,y.Z)(L,2),D=z[0],O=z[1],R=(0,d.useRef)({}),A=function(){for(var e=0,t=0,n=0;n-1;r--)R.current[r]&&(R.current[r].right=t,t=R.current[r].width+t);return R.current};(0,d.useEffect)((function(){if(C){if(C.defaultExpandAllRows)return void B(f.map((function(e,t){return N?e[N]:t})));if(C.defaultExpandedRowKeys)return void B(C.defaultExpandedRowKeys)}}),[]),(0,d.useEffect)((function(){C&&C.expandedRowKeys&&JSON.stringify(C.expandedRowKeys)!==JSON.stringify(P)&&B(C.expandedRowKeys)}),[null==C?void 0:C.expandedRowKeys]);var T=(0,d.useMemo)((function(){return function(e,t){if(!C)return!1;if(!C.expandedRowRender)return!1;var n=!0;return C.rowExpandable&&(n=C.rowExpandable(e)),n&&(0,m.jsx)("tr",{style:P.includes(N?e[N]:t)?{}:{display:"none"},children:(0,m.jsx)("td",{style:{paddingLeft:16},colSpan:o.length+1,children:C.expandedRowRender(e,t,!0)})})}}),[C,P]),I=(0,d.useMemo)((function(){var e=wr(o),t=[];return null!=C&&C.expandedRowRender?(e=[{key:"uiw-expanded",align:"center"}].concat((0,be.Z)(e)),t=[{title:"",key:"uiw-expanded",width:50,align:"center",render:function(e,t,n,r){var i;return(0,m.jsx)(Pr,{defaultExpand:void 0===C.defaultExpandAllRows?!(null==(i=C.defaultExpandedRowKeys)||!i.includes(N?n[N]:r)):!!C.defaultExpandAllRows,onClick:function(e){if(null==C.onExpand||C.onExpand(e,n,r),e){var t=P.filter((function(e){return N?e!==n[N]:e!==r}));C.onExpandedRowsChange?C.onExpandedRowsChange(t):B(t)}else{var i=[].concat((0,be.Z)(P),[N?n[N]:r]);C.onExpandedRowsChange?C.onExpandedRowsChange(i):B(i)}},expandIcon:function(e){return!C.rowExpandable||null!=C.rowExpandable&&C.rowExpandable(n)?C.expandIcon?C.expandIcon(e,n,r):e?(0,m.jsx)(M,{type:"minus-square-o"}):(0,m.jsx)(M,{type:"plus-square-o"}):null}})}}].concat((0,be.Z)(o))):t=(0,be.Z)(o),{keys:e,selfColumns:t}}),[o,P]),F=(0,d.useMemo)((function(){var e={table:{},div:{}};return Z&&(void 0!==Z.x&&(e.table.minWidth="100%",e.table.width=Z.x,e.div.overflowX="auto",e.div.overflowY="hidden"),void 0!==Z.y&&(e.div.maxHeight=Z.y,e.div.overflowY="scroll")),e}),[Z]),H=[r,i,v?r+"-bordered":null].filter(Boolean).join(" ").trim(),W=br(I.selfColumns),_=W.header,V=W.render,K=W.ellipsis;return(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)("div",(0,c.Z)({className:H},k,{style:(0,c.Z)({},k.style,F.div),children:(0,m.jsxs)("table",{style:(0,c.Z)({tableLayout:K?"fixed":"auto"},F.table),children:[h&&(0,m.jsx)("caption",{children:h}),o&&o.length>0&&(0,m.jsx)(Er,{onCellHead:b,data:_,locationWidth:D,updateLocation:function(e,t){R.current=(0,c.Z)({},R.current,(0,Dt.Z)({},t,(0,c.Z)({},R.current[t],e))),t===o.length-1&&O(A())}}),f&&f.length>0&&(0,m.jsx)("tbody",{children:(0,m.jsx)(Mr,{rowKey:N,locationWidth:D,data:f,keys:I.keys,render:V,ellipsis:K,prefixCls:r,onCell:g,hierarchy:0,isExpandedDom:T,indentSize:(null==C?void 0:C.indentSize)||16,childrenColumnName:(null==C?void 0:C.childrenColumnName)||"children"})}),f&&0===f.length&&w&&(0,m.jsx)("tbody",{children:(0,m.jsx)("tr",{children:(0,m.jsx)("td",{colSpan:o.length,style:{position:"relative",left:0},children:w})})}),e.children]})})),p&&(0,m.jsx)("div",{className:r+"-footer",children:p})]})}var zr=["prefixCls","className","label"],Dr=["prefixCls","className","children","type","activeKey","onTabClick"];function Or(e){var t,n=e.prefixCls,r=void 0===n?"w-tabs":n,i=e.className,a=e.children,o=e.type,l=void 0===o?"default":o,u=e.onTabClick,f=(0,s.Z)(e,Dr),h=(0,d.useState)(e.activeKey),p=(0,y.Z)(h,2),v=p[0],x=p[1],g=(0,d.useState)({width:0,left:0}),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=(0,d.useRef)(),N=[r,i,l?r+"-"+l:null].filter(Boolean).join(" ").trim(),Z=(0,d.useState)({content:0,nav:[],flowLeft:-1,displayStart:0,displayEnd:0}),k=(0,y.Z)(Z,2),S=k[0],E=k[1],P=(0,d.useState)([]),M=(0,y.Z)(P,2),B=M[0],L=M[1],z=(0,d.useState)(),D=(0,y.Z)(z,2),O=D[0],R=D[1],A=(0,d.useCallback)((function(e){null!==e&&(R(O),e.addEventListener("scroll",(function(e){var t=e.target,n=t.clientWidth,r=t.scrollLeft;S.displayStart=r,S.displayEnd=n+r,E((0,c.Z)({},S))})),S.displayEnd=e.getBoundingClientRect().width,E((0,c.Z)({},S)))}),[]),T=(0,d.useCallback)((function(e,t){null!==e&&(e.addEventListener("click",(function(t){C.current=e})),I(e.getBoundingClientRect().width,t))}),[]),I=function(e,t){var n=0;S.nav.slice(0,t+1).forEach((function(e){return n+=e.width})),S.nav[t]={width:e,curWidth:Math.floor(n),index:t},E(S)};(0,d.useEffect)((function(){F()}),[S.displayEnd>(null==(t=S.nav[S.nav.length-1])?void 0:t.curWidth)]);var F=function(){var e=[];S.nav.length>0&&(S.nav.forEach((function(t){var n=t.curWidth-15;(nS.displayEnd)&&e.push(t.index)})),L(e))};function H(){C.current&&"line"===l&&w({width:C.current.clientWidth,left:C.current.offsetLeft})}return(0,d.useEffect)((function(){return x(e.activeKey)}),[e.activeKey]),(0,d.useEffect)((function(){return H()}),[v]),(0,m.jsxs)("div",(0,c.Z)({className:N},f,{children:[(0,m.jsxs)("div",{style:{display:"flex"},children:[(0,m.jsx)("div",{style:{overflow:"hidden"},children:(0,m.jsx)("div",{className:r+"-bar",ref:A,children:(0,m.jsxs)("div",{className:r+"-nav",style:{width:"max-content"},children:[W(a),(0,m.jsx)("div",{style:b,className:r+"-slide"})]})})}),B.length>0&&(0,m.jsx)(ye,{trigger:"click",placement:"bottomRight",visibleArrow:!1,content:(0,m.jsx)("div",{className:r+"-nav-hidden",children:W(B.map((function(e){return a[e]})))}),children:(0,m.jsx)("div",{onClick:F,className:r+"-flow-content",children:(0,m.jsx)("span",{children:"\u2026"})})})]}),d.Children.map(a,(function(e){return e&&v===e.key?d.cloneElement(e,Object.assign({},e.props,{})):null}))]}));function W(e){return d.Children.map(e,(function(e,t){if(!e)return null;var n={className:[r+"-item",e.key===v?"active":null,e.props.disabled?"disabled":null].filter(Boolean).join(" ").trim(),children:e.props.label};return e.props.disabled||(n.onClick=function(t){x(e.key),u&&u(e.key,e,t),H()}),(0,m.jsx)("div",(0,c.Z)({ref:function(e){return T(e,t)}},n),t)}))}}Or.Pane=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-tabs-pane":n,i=t.className,a=(0,s.Z)(e,zr);return(0,m.jsx)("div",(0,c.Z)({className:[r,i].filter(Boolean).join(" ").trim()},a))};var Rr=["prefixCls","className"],Ar=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-textarea":n,i=e.className,a=(0,s.Z)(e,Rr);return(0,m.jsx)("textarea",(0,c.Z)({className:[r,i].filter(Boolean).join(" ").trim()},a,{ref:t,children:e.children}))})),Tr=["prefixCls","className","placement","isOpen","trigger","delay","usePortal","visibleArrow","onVisibleChange"],Ir=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-tooltip":n,i=t.className,a=t.placement,o=void 0===a?"top":a,l=t.isOpen,d=void 0!==l&&l,u=t.trigger,f=t.delay,h=t.usePortal,p=void 0===h||h,v=t.visibleArrow,x=void 0===v||v,y=t.onVisibleChange,g=(0,s.Z)(e,Tr),j=[r,i,x?null:"no-arrow"].filter(Boolean).join(" ").trim();return(0,m.jsx)(ve,(0,c.Z)({usePortal:p,isOpen:d,trigger:u,delay:f,onVisibleChange:y,placement:o},g,{overlay:(0,m.jsxs)("div",{className:j,children:[x&&(0,m.jsx)("div",{className:r+"-arrow"}),(0,m.jsx)("div",{className:r+"-inner",children:e.content})]}),children:"object"===typeof e.children?e.children:(0,m.jsx)("span",{children:e.children})}))},Fr=["prefixCls","renderTitle","icon","iconAnimation","isSelected","openKeys","selectedKeys","data","level","parent","onItemClick","onItemSelected"],Hr=function(e){var t=e.label;return(0,d.useMemo)((function(){return(0,m.jsx)("span",{children:t})}),[t])};function Wr(e){var t=e.prefixCls,n=e.renderTitle,r=e.icon,i=e.iconAnimation,a=e.isSelected,o=e.openKeys,l=e.selectedKeys,f=e.data,h=e.level,p=e.parent,v=e.onItemClick,x=void 0===v?u:v,y=e.onItemSelected,g=void 0===y?u:y,j=(0,s.Z)(e,Fr),b=!1;p&&(p.key||0===p.key)&&(b=!!(o&&o.indexOf(p.key)>-1));var C=(0,d.useCallback)((function(e){e.style.height=e.scrollHeight+"px"}),[]),N=(0,d.useCallback)((function(e){e.style.height="1px"}),[]),Z=(0,d.useCallback)((function(e,t){e.style.height="1px"}),[]),k=(0,d.useCallback)((function(e,t){e.style.height=e.scrollHeight+"px"}),[]),S=(0,d.useCallback)((function(e,t){e.style.height="initial"}),[]);return(0,m.jsx)(w.Z,{classNames:t,in:b,timeout:200,onExit:C,onExiting:N,onEnter:Z,onEntered:S,onEntering:k,children:(0,m.jsx)("ul",{className:[1!==h&&b?[t+"-open"]:null,1===h||b?null:[t+"-close"]].filter(Boolean).join(" ").trim(),children:f.map((function(e,s){var d;e.parent=p;var u=!!(l&&l.indexOf(e.key)>-1),f=!e.children,v=o&&o.indexOf(e.key)>-1&&!!e.children,y="function"===typeof r?r(e,{isOpen:!!v,noChild:f,openKeys:o,selectedKeys:l}):r,b=f?[]:Kr(e.children),w=l?l.filter((function(e){return b.indexOf(e)>-1})):[],C=w.length>0&&b.length!==w.length;return(0,m.jsxs)("li",{style:{display:e.hideNode?"none":"block"},children:[(0,m.jsxs)("div",{className:t+"-label",children:[(0,m.jsx)("span",{style:{display:f?"none":"auto"},className:t+"-switcher",onClick:function(t){return x(e,t)},children:(0,m.jsx)(M,{type:y||"caret-right",className:["function"===typeof r?t+"-switcher-noop":null,f?"no-child":null,i?null:"no-animation",v?"open":null].filter(Boolean).join(" ").trim()})}),(0,m.jsx)("div",{onClick:function(t){return g(e,t)},className:[t+"-title",u&&a?"selected":null,e.disabled?"disabled":null].filter(Boolean).join(" ").trim(),children:n?n(e,{selected:u,noChild:f,openKeys:o,isHalfChecked:C,selectedKeys:l}):(0,m.jsx)(Hr,{label:e.label})})]}),e.children&&(0,m.jsx)(Wr,(0,c.Z)({},j,(d={prefixCls:t,icon:r,iconAnimation:i,isSelected:a,openKeys:o,selectedKeys:l,onItemClick:x,onItemSelected:g,renderTitle:n},(0,Dt.Z)(d,"prefixCls",t),(0,Dt.Z)(d,"data",e.children),(0,Dt.Z)(d,"level",h+1),(0,Dt.Z)(d,"parent",e),d)))]},s)}))})})}var _r=["prefixCls","icon","data","openKeys","selectedKeys","defaultExpandAll","showLine","iconAnimation","isSelected","checkStrictly","multiple","onExpand","onSelected","className","autoExpandParent","renderTitle","onChange","value"],Vr=function(e,t){if(!(e instanceof Array)||!(t instanceof Array))return!1;if(e.length0&&(n=n.concat(e(t.children,void 0,r?r-1:void 0)))})),n},Yr=function e(t,n){return void 0===t&&(t={}),void 0===n&&(n=[]),t.key&&n.push(t.key),t.parent&&(n=e(t.parent,n)),n},$r=function e(t,n,r){return void 0===t&&(t={}),void 0===n&&(n=[]),void 0===r&&(r=[]),t.key&&t.children&&Vr(n,Kr(t.children,void 0,1))&&(r.push(t.key),t.parent&&!t.parent.parent&&(Vr(n,Kr(t.children))&&(n=n.concat(r)),Vr(n,Kr(t.parent.children))&&r.push(t.parent.key))),t.parent&&(r=e(t.parent,n,r)),r};function Ur(e){var t=e.prefixCls,n=void 0===t?"w-tree":t,r=e.icon,i=void 0===r?"caret-right":r,a=e.data,o=void 0===a?[]:a,l=e.openKeys,f=void 0===l?[]:l,h=e.selectedKeys,p=void 0===h?[]:h,v=e.defaultExpandAll,x=void 0!==v&&v,g=e.showLine,j=void 0!==g&&g,b=e.iconAnimation,w=void 0===b||b,C=e.isSelected,N=void 0===C||C,Z=e.checkStrictly,k=void 0!==Z&&Z,S=e.multiple,E=void 0!==S&&S,P=e.onExpand,M=void 0===P?u:P,B=e.onSelected,L=void 0===B?u:B,z=e.className,D=e.autoExpandParent,O=void 0===D||D,R=e.renderTitle,A=e.onChange,T=e.value,I=(0,s.Z)(e,_r),F=(0,d.useState)(f),H=(0,y.Z)(F,2),W=H[0],_=H[1],V=(0,d.useState)(T||p),K=(0,y.Z)(V,2),Y=K[0],$=K[1];(0,d.useEffect)((function(){$(e.value||e.selectedKeys||[])}),[JSON.stringify(e.selectedKeys),JSON.stringify(e.value)]),(0,d.useEffect)((function(){var e=(0,be.Z)(W);if(x)e=Kr(o);else if(O){var t;(t=e).push.apply(t,(0,be.Z)(Kr(o||[],void 0,1)))}_(e)}),[]);var U=[z,n,j?n+"-line":null].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({className:U},I,{children:(0,m.jsx)(Wr,{icon:i,iconAnimation:w,isSelected:N,openKeys:W,selectedKeys:Y,prefixCls:n,renderTitle:R,onItemClick:function(e,t){if(e.children){var n=(0,be.Z)(W),r=n.find((function(t){return t===e.key})),i=t.currentTarget.className.replace(/(\s)open/g,""),a=!1;!r&&e.key?(n.push(e.key),t.currentTarget.className=[i,"open"].filter(Boolean).join(" ").trim(),a=!0):(n=n.filter((function(t){return t!==e.key})),t.currentTarget.className=i),_(n),M&&M(e.key,a,e,t)}},onItemSelected:function(e,t){var n=(0,be.Z)(Y),r=n.find((function(t){return t===e.key})),i=!1;r||0===r?n=n.filter((function(t){return t!==e.key})):(i=!0,n.push(e.key)),k&&(r?n=(n=n.filter((function(t){return-1===Kr(e.children).indexOf(t)}))).filter((function(t){return-1===Yr(e.parent).indexOf(t)})):(n=(n=n.concat(Kr(e.children).filter((function(e){return-1===n.indexOf(e)})))).concat($r(e,n)),n=Array.from(new Set(n)))),E||(n=r?[]:[e.key]),$(n),L&&L(n,e.key,i,e,t),null==A||A(e.key,n)},data:o,level:1})}))}var Jr=["prefixCls"];function Gr(e){var t=e.prefixCls,n=void 0===t?"w-treechecked":t,r=(0,s.Z)(e,Jr);return r.className=[n,r.className].filter(Boolean).join(" ").trim(),r.checkStrictly=!0,r.isSelected=!1,r.multiple=!0,(0,m.jsx)(Ur,(0,c.Z)({renderTitle:function(e,t){var r={};return t.isHalfChecked&&(r.indeterminate=!0),t.selected?r.checked=!0:r.checked=!1,(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)(ct,(0,c.Z)({className:n+"-checked"},r)),e.label&&(0,m.jsx)("span",{children:e.label})]})}},r))}var qr=function(e){var t=e.prefixCls,n=void 0===t?"w-search-tree":t,r=e.size,i=void 0===r?"default":r,a=e.disabled,o=void 0!==a&&a,l=e.allowClear,s=void 0!==l&&l,u=e.loading,f=void 0!==u&&u,h=e.selectCloseDrop,p=void 0!==h&&h,v=e.className,x=e.style,g=e.placeholder,j=e.content,b=e.options,w=e.values,C=e.onChange,N=e.onSearch,Z=e.emptyOption,k=[n,v].filter(Boolean).join(" ").trim(),S=(0,d.useState)(!1),E=(0,y.Z)(S,2),P=E[0],B=E[1],L=(0,d.useState)(w),z=(0,y.Z)(L,2),D=z[0],O=z[1],R=(0,d.useRef)(),A=(0,d.useState)(""),T=(0,y.Z)(A,2),I=T[0],F=T[1];R.current=(0,d.useMemo)((function(){return D}),[D]);var H=(0,d.useState)(""),W=(0,y.Z)(H,2),_=W[0],V=W[1],K=(0,d.useRef)(null);function Y(e){var t="enter"===e&&s&&(D.length||I)?"close":"";V(t)}(0,d.useEffect)((function(){O(w)}),[JSON.stringify(w)]);var $=function(e,t,n){void 0===n&&(n=!0),O(e),G(""),null==C||C(e,t,n)},U=function(e){var t=R.current,n=t[e];t.splice(e,1),$((0,be.Z)(t),n,!1)};function J(e){B(!0),G(e),V(e?"loading":"")}var G=function(e){F(e),null==N||N(e)},q=(0,d.useMemo)((function(){if(Z)return"boolean"===typeof Z?(0,m.jsx)(Ft,{style:{minWidth:200,width:null==x?void 0:x.width}}):Z;var e=(0,c.Z)({},j.props,{onSelected:function(e,t,n){void 0===n&&(n=!0),B(!p),$(e,t,n)},values:D,options:b});return d.cloneElement(j,e)}),[JSON.parse(JSON.stringify(D)),b,Z]);return(0,m.jsx)(Tt,{className:k,trigger:"click",onVisibleChange:function(e){B(e),e||G("")},disabled:o,isOpen:P,menu:(0,m.jsx)(Ge,{bodyStyle:!0===Z?{padding:0}:void 0,children:q}),children:(0,m.jsx)("div",{onMouseOver:function(){return Y("enter")},onMouseLeave:function(){return Y("leave")},onClick:function(){var e;return null==(e=K.current)?void 0:e.focus()},style:(0,c.Z)({minWidth:200,maxWidth:"none"},x),children:(0,m.jsxs)("div",{className:n+"-inner",children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"wrap",width:"100%"},children:[D.map((function(e,t){return(0,m.jsx)(or,{style:{height:20,margin:1,display:"flex",alignItems:"center"},className:n+"-tag",closable:!0,disabled:o,color:"#393E48",onClose:function(e){e.stopPropagation(),U(t)},children:e.label},t)})),(0,m.jsx)(je,{ref:K,style:{},className:n+"-input-contents",size:i,disabled:o,onKeyDown:function(e){D.length>0&&!I&&8===e.keyCode&&U(D.length-1)},onChange:function(e){return J(e.target.value)},value:I,placeholder:D.length?"":g})]}),!o&&(0,m.jsx)("span",{style:{height:25,width:14},className:n+"-close-tag-contents",children:("close"===_||"loading"===_&&f)&&(0,m.jsx)(M,{type:_,spin:f&&"loading"===_,onClick:function(e){var t;e.stopPropagation(),null==(t=K.current)||t.focus(),J(""),B(!1),O([]),$([])}})})]})})})},Xr=["onChange","onSearch","multiple","options","value","emptyOption","treeProps"];function Qr(e){var t=(0,d.useState)({}),n=(0,y.Z)(t,2),r=n[0],i=n[1],a=(0,d.useState)([]),o=(0,y.Z)(a,2),l=o[0],s=o[1];(0,d.useEffect)((function(){var t,n={},r=null==(t=e.values)?void 0:t.map((function(e){return n[e.key]=e.label,e.key}));i(n),s(r||[])}),[e.values]);var u=function e(t,n,r){var i=function(e,t,r){r?n[e]=t:delete n[e]},a=function e(t){if(t.parent){var r=t.parent.children.filter((function(e){return!n[e.key]})).length;i(t.parent.key,t.parent.label,0===r),e(t.parent)}};return t.forEach((function(t){var o,l;null!=(o=t.children)&&o.length&&(n=e(t.children,n,r)),i(t.key,null==(l=t.label)?void 0:l.toString(),r),a(t)})),n};return(0,m.jsx)(Gr,(0,c.Z)({defaultExpandAll:!0},e,{data:e.options,selectedKeys:l,onSelected:function(t,n,i,a){var o=u([a],r,i),l=!1;"number"===typeof n&&(l=!0);var s=Object.entries(o).map((function(e){var t=(0,y.Z)(e,2),n=t[0],r=t[1];return{key:l?Number.parseInt(n):n,label:r}}));null==e.onSelected||e.onSelected(s,{key:a.key,label:a.label},i)}}))}function ei(e){var t=(0,d.useState)([]),n=(0,y.Z)(t,2),r=n[0],i=n[1];(0,d.useEffect)((function(){var t,n=[];null!=(t=e.values)&&t.length&&(n[0]=e.values[0].key),i(n)}),[e.values]);return(0,m.jsx)(Ur,(0,c.Z)({defaultExpandAll:!0},e,{multiple:!1,data:e.options,selectedKeys:r,onSelected:function(t,n,r,i){var a={key:i.key,label:i.label};null==e.onSelected||e.onSelected(r?[a]:[],a,r)}}))}var ti,ni=function(e){var t=e.onChange,n=(e.onSearch,e.multiple),r=void 0===n||n,i=e.options,a=void 0===i?[]:i,o=e.value,l=void 0===o?[]:o,u=e.emptyOption,f=void 0===u?!a.length:u,h=e.treeProps,p=(0,s.Z)(e,Xr),v=(0,d.useState)(Array.isArray(l)?l:[l]),x=(0,y.Z)(v,2),g=x[0],j=x[1],b=(0,d.useState)(a),w=(0,y.Z)(b,2),C=w[0],N=w[1],Z=(0,d.useState)(f),k=(0,y.Z)(Z,2),S=k[0],E=k[1];return(0,d.useEffect)((function(){j(Array.isArray(l)?l:[])}),[JSON.stringify(l)]),(0,m.jsx)(qr,(0,c.Z)({},p,{emptyOption:S,selectCloseDrop:!r,onSearch:function(e){!function t(n,r){void 0===r&&(r=!0),n.forEach((function(n){var i,a=!n.label.includes(e.trim())&&r;if(null!=(i=n.children)&&i.length){t(n.children,a);var o=n.children.find((function(e){return!e.hideNode}));n.hideNode=a&&!o}else n.hideNode=a}))}(a),N((0,be.Z)(a));var t=!0;a.forEach((function(e){return t=t&&!!e.hideNode})),E("boolean"===typeof f&&t?t:f)},onChange:function(e,n,r){j(e),null==t||t(n,e,r)},values:g,options:C,content:r?(0,m.jsx)(Qr,(0,c.Z)({},h)):(0,m.jsx)(ei,(0,c.Z)({},h))}))};!function(e){e[e.UnChecked=0]="UnChecked",e[e.AllChecked=1]="AllChecked",e[e.Indeterminate=2]="Indeterminate"}(ti||(ti={}));var ri=function(e){var t=e.placeholder,n=e.options,r=e.value,i=void 0===r?[]:r,a=e.showSearch,o=void 0!==a&&a,l=e.selectedAll,s=void 0!==l&&l,u=e.bodyStyle,f=e.style,h=e.className,p=e.prefixCls,v=void 0===p?"w-transfer":p,x=[v,h].filter(Boolean).join(" ").trim(),g=(0,d.useState)(""),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=(0,d.useState)(""),N=(0,y.Z)(C,2),Z=N[0],k=N[1],S=(0,d.useState)(n||[]),E=(0,y.Z)(S,2),P=E[0],B=E[1],L=(0,d.useRef)(0),z=(0,d.useState)(new Map),D=(0,y.Z)(z,2),O=D[0],R=D[1],A=(0,d.useState)(new Map),T=(0,y.Z)(A,2),I=T[0],F=T[1],H=(0,d.useState)([]),W=(0,y.Z)(H,2),_=W[0],V=W[1],K=(0,d.useState)([]),Y=(0,y.Z)(K,2),$=Y[0],U=Y[1],J=(0,d.useState)([]),G=(0,y.Z)(J,2),q=G[0],X=G[1],Q=(0,d.useState)({left:ti.UnChecked,right:ti.UnChecked}),ee=(0,y.Z)(Q,2),te=ee[0],ne=ee[1];(0,d.useEffect)((function(){i&&(X(i||[]),null==i||i.forEach((function(e){return O.set(e.key,e.label)})),re((function(e){return!(null==i||!i.find((function(t){return e.key===t.key})))})))}),[JSON.stringify(i)]);var re=function(e){L.current=0;!function t(n){n.forEach((function(n){var r,i=e(n);if(null!=(r=n.children)&&r.length){t(n.children);var a=n.children.find((function(e){return!e.hideNode}));n.hideNode=i&&!a}else n.hideNode=i;n.hideNode||L.current++}))}(P),B((0,be.Z)(P))},ie=function e(t,n,r){var i=function(e,t,r){r?n.set(e,t):n.delete(e)},a=function e(t){if(t.parent){var r=t.parent.children.filter((function(e){return!n.get(e.key)&&!e.hideNode})).length;i(t.parent.key,t.parent.label,0===r),e(t.parent)}};return t.forEach((function(t){var o,l;null!=(o=t.children)&&o.length&&(n=e(t.children,n,r)),i(t.key,null==(l=t.label)?void 0:l.toString(),r),a(t)})),n},ae=function(t){"left"===t?(I.forEach((function(e,t){O.set(t,e)})),F(new Map),V([])):($.forEach((function(e){O.delete(e)})),U([])),R(O);var n=[];O.forEach((function(e,t){return n.push({key:t,label:e})})),null==e.onChange||e.onChange(t,n)},oe=function(e){return(0,m.jsx)(M,{onClick:function(){return e.click()},type:"down-square-o",className:v+"-arrow",style:(0,c.Z)({fontSize:20,stroke:"#e9e9e9",fill:"#333"},e.style)})};return(0,m.jsxs)("div",{className:x,style:(0,c.Z)({width:400},f),children:[(0,m.jsxs)(Ge,{bodyStyle:{padding:"5px 9px"},title:(0,m.jsxs)("div",{children:[s&&(0,m.jsx)(ct,{indeterminate:_.length=L.current&&!!_.length,onChange:function(e){var t=e.target.checked;if(te.left=t?1:0,t){var n=[];!function e(t){t.forEach((function(t){var r;null!=(r=t.children)&&r.length&&e(t.children),t.hideNode||(I.set(t.key,t.label),n.push(t.key))}))}(P),F(I),V(n)}else V([]),F(new Map);ne(te)}}),(0,m.jsxs)("label",{style:{marginLeft:3},children:[_.length,"/",L.current]})]}),className:v+"-card",children:[o&&(0,m.jsx)(je,{placeholder:t,value:b,onChange:function(t){return n=t.target.value,re((function(e){var t=!e.label.includes(n.trim());return t||(t=!!q.find((function(t){return t.key===e.key}))),t})),w(n),void(null==e.onSearch||e.onSearch("left",n));var n}}),(0,m.jsx)("div",{className:v+"-cheked-content",children:(0,m.jsx)(Gr,{defaultExpandAll:!0,placeholder:t||"\u641c\u7d22\u9009\u9879",data:P,selectedKeys:_,onSelected:function(e,t,n,r){V(e);var i=ie([r],I,n);F(i)}})})]}),(0,m.jsxs)("div",{className:v+"-arrow-content",children:[(0,m.jsx)(oe,{click:function(){return ae("left")},style:{transform:"rotate(-90deg)",background:_.length>0?"#393E48":"none"}}),(0,m.jsx)(oe,{click:function(){return ae("right")},style:{transform:"rotate(90deg)",background:$.length>0?"#393E48":"none"}})]}),(0,m.jsxs)(Ge,{bodyStyle:{padding:"5px 9px"},className:v+"-card",title:(0,m.jsxs)("div",{children:[s&&(0,m.jsx)(ct,{indeterminate:$.length=a)&&Object.keys(n.O).every((function(e){return n.O[e](r[s])}))?r.splice(s--,1):(l=!1,a0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[r,i,a]}}(),n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return"static/js/"+({889:"vendors-prismjs",6982:"vendors-standalone"}[e]||e)+"."+{163:"414b5e93",207:"891adb65",221:"7580ea33",433:"cf28cdac",486:"fc977627",643:"91db4530",694:"fccf5cec",745:"3a86c62c",747:"7519f1c0",748:"56e2408a",766:"254f786a",782:"b7fa1e08",875:"e828b928",889:"b53bdc3b",922:"b1f148e3",1016:"a3866702",1059:"91abc879",1061:"7f36cd06",1127:"d65f8357",1151:"3c560b1f",1169:"09eaca86",1317:"38dbb8a4",1358:"e579baca",1584:"048d5dac",1619:"830956b8",1756:"87f583cc",1820:"d404a4dc",1892:"0f341f07",1971:"d746cb8b",2078:"53137233",2156:"7b48207d",2190:"18817a1e",2230:"0487b22b",2316:"413d8a55",2367:"dba82a13",2411:"d8c23241",2448:"1d46904a",2456:"624e63f5",2582:"fabc7c5c",2595:"e601585c",2679:"0780e749",2692:"db178ecc",2737:"c8116116",2782:"ce63e3d0",2795:"45c184a0",2926:"f11fdc77",3151:"59d27efa",3257:"5693b5c1",3259:"80ff41ab",3261:"d4120c57",3313:"33356ac6",3450:"812a2002",3518:"3579bf63",3769:"535a1903",3811:"ac38cada",3812:"83ac04ae",3917:"316e9c73",3931:"088517c5",4010:"349a3d51",4036:"412a4652",4098:"110d30f0",4128:"2505f70b",4188:"764534ec",4396:"dcc82407",4405:"15ee9209",4503:"a6713aef",4648:"a5de3d8b",4781:"ce661c8a",4877:"1dee8156",4948:"8038256e",5146:"76b73d7f",5244:"0e01a7a9",5253:"7a8716a8",5308:"e281d313",5364:"b95913d0",5393:"a06f5064",5408:"19d641d9",5468:"aef3688e",5595:"00fd464d",5821:"41b747c6",5865:"9fe51960",5930:"65ea3787",5933:"55737de8",6019:"add10037",6036:"289c2eb8",6510:"698ec559",6536:"e713d674",6566:"511e95c6",6659:"db759a7b",6715:"a9d7daaa",6730:"c74d0eb6",6869:"38330ca9",6878:"c6cec0d9",6982:"00edacc6",7079:"3aa94426",7087:"1de73bab",7104:"f7b287e5",7157:"0f42dd2c",7217:"1be488ae",7266:"bba9c51f",7313:"40ed89a6",7390:"96fe4a22",7541:"025255de",7664:"f92b74f7",7761:"c492e98f",7763:"444dce16",7834:"e8f08b7c",7861:"757503f5",7875:"c9cd6434",7884:"3e37630b",7970:"2adbe6f1",8023:"07209052",8073:"95c42d7b",8312:"58a5729e",8398:"cc6aa9ea",8488:"148bfa75",8566:"a4d8e2ab",8586:"9d605493",8709:"44b46cf7",8747:"04252521",8768:"5facbb82",8849:"d5dd1a61",8898:"10b18297",8915:"82c6b45a",9057:"b21f426b",9121:"4a2401c8",9137:"f4e2b7b0",9147:"d6a507a2",9188:"b7ce0cf2",9200:"0a1f7353",9253:"16f819ac",9260:"adf4d77e",9384:"67a326ee",9429:"3b8debbf",9503:"3ae7abde",9636:"279db5c1",9673:"bbfc1dea",9763:"de473cb5",9776:"44d6d181",9777:"80804360",9820:"1374775d",9836:"8cd96a11",9853:"c230e14a",9900:"2d8ffaaf",9961:"9db8f620"}[e]+".chunk.js"},n.miniCssF=function(e){return"static/css/"+e+"."+{163:"4f744b40",221:"4f744b40",433:"4f744b40",643:"4f744b40",694:"4f744b40",748:"4f744b40",875:"4f744b40",1059:"4f744b40",1061:"4f744b40",1169:"4f744b40",1317:"4f744b40",1584:"4f744b40",1619:"4f744b40",1820:"4f744b40",2156:"4f744b40",2190:"4f744b40",2230:"4f744b40",2316:"4f744b40",2367:"4f744b40",2411:"4f744b40",2582:"4f744b40",2595:"4f744b40",2737:"4f744b40",2782:"4f744b40",3313:"4f744b40",3518:"4f744b40",3812:"4f744b40",3917:"4f744b40",4010:"4f744b40",4098:"4f744b40",4128:"4f744b40",4188:"4f744b40",4396:"774af801",4405:"4f744b40",4503:"4f744b40",4648:"4f744b40",4877:"6e864cd4",4948:"4f744b40",5244:"4f744b40",5308:"4f744b40",5393:"4f744b40",5408:"4f744b40",5595:"4f744b40",5865:"4f744b40",5933:"4f744b40",6510:"4f744b40",6715:"4f744b40",6730:"4f744b40",7087:"4f744b40",7104:"4f744b40",7157:"4f744b40",7390:"4f744b40",7541:"4f744b40",7761:"4f744b40",7834:"4f744b40",7875:"4f744b40",7884:"4f744b40",8023:"4f744b40",8073:"4f744b40",8566:"4f744b40",8898:"4f744b40",9121:"4f744b40",9200:"14abaeb3",9253:"4f744b40",9260:"4f744b40",9384:"4f744b40",9503:"4f744b40",9673:"4f744b40",9763:"4f744b40",9776:"4f744b40",9777:"4f744b40",9853:"4f744b40"}[e]+".chunk.css"},n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={},t="website:";n.l=function(r,i,a,o){if(e[r])e[r].push(i);else{var l,s;if(void 0!==a)for(var c=document.getElementsByTagName("script"),d=0;d0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.useMemo)((function(){return(0,c.jsx)(u.Select.Option,{value:e.version,children:e.version})}),[e.version])}var v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};function t(e){var t=e.target.value,n="1"===t.split(".")[0];window.location.href=n?"https://unpkg.com/uiw@".concat(t,"/dist/index.html"):"https://unpkg.com/@uiw/doc@".concat(t,"/web/index.html")}var n=h.i8,r=e.data,a=r[0];return a!==n&&r.unshift(n),(0,i.useMemo)((function(){return(0,c.jsx)("div",{className:p.nav,children:(0,c.jsx)(u.Select,{defaultValue:r[0],onChange:t,children:r.map((function(e,t){return(0,c.jsx)(m,{version:e},t)}))})})}),[r])},x={sider:"index_sider__vrASx",menuWarpper:"index_menuWarpper__asOzy",subMenu:"index_subMenu__c4Mvo",layoutWrap:"index_layoutWrap__6CE3D",layoutSider:"index_layoutSider__1t-SG"},y=JSON.parse('["4.0.0","3.10.12","2.0.1","1.16.19"]'),g={title:"index_title__O5TzH",menu:"index_menu__9HE8I",divider:"index_divider__1cINS"},j=n(86646),b={home:(0,c.jsx)("svg",{width:"23",height:"24",viewBox:"0 0 23 24",children:(0,c.jsx)("path",{fill:"#555",d:"M7.95808665,21.4797568 L7.95808665,14.2926972 C7.95808665,13.872855 8.29729322,13.5325056 8.71572573,13.5325056 L14.7768383,13.5325056 C15.1952708,13.5325056 15.5344774,13.872855 15.5344774,14.2926972 L15.5344774,21.4800639 L18.3333605,21.4801773 C18.4412665,21.4760176 18.5251665,21.4671569 18.58271,21.4596448 C18.588514,21.3995182 18.5915777,21.3235793 18.5907536,21.2318213 L18.5909124,14.2893672 C18.590922,13.869525 18.9301364,13.5291834 19.3485689,13.5291931 C19.7670014,13.5292027 20.1062001,13.8695599 20.1061905,14.2894021 L20.1059996,21.2248359 C20.1119888,21.8771673 19.9896563,22.3494462 19.5993559,22.6516032 C19.3010239,22.8825616 18.9057568,22.9796164 18.3624477,23 L4.48346492,22.9997015 C3.86961191,22.9824374 3.38486601,22.8118189 3.07125061,22.4182996 C2.79329968,22.0695315 2.68322544,21.5965073 2.68425496,20.9934992 L2.68424909,14.2893853 C2.68424872,13.8695431 3.02345499,13.5291934 3.4418875,13.5291931 C3.86032001,13.5291927 4.19952687,13.8695418 4.19952724,14.289384 L4.199532,20.9947994 C4.19904359,21.2811808 4.23526541,21.4410529 4.2538782,21.4676906 C4.24030246,21.4480656 4.31738234,21.474056 4.50469304,21.4796169 L7.95808665,21.4797568 Z M9.4733648,21.4798183 L14.0191993,21.4800025 L14.0191993,15.0528888 L9.4733648,15.0528888 L9.4733648,21.4798183 Z M2.28332829,11.4133771 C1.98200714,11.7046849 1.50237937,11.6957445 1.21204968,11.3934082 C0.921719999,11.0910719 0.930630346,10.6098283 1.2319515,10.3185205 L10.4507678,1.41136668 C10.7833916,1.14885042 11.1310579,1 11.4999998,1 C11.9102569,1 12.2738276,1.19453217 12.5845816,1.51087139 L21.7658664,10.3164197 C22.0683439,10.6065186 22.0791684,11.0877227 21.7900436,11.3912192 C21.5009189,11.6947157 21.0213305,11.7055767 20.718853,11.4154779 L11.5218713,2.5944308 C11.4545418,2.52599021 11.4440624,2.52038312 11.4999998,2.52038312 C11.514622,2.52038312 11.4750696,2.53731716 11.4448602,2.55629655 L2.28332829,11.4133771 Z"})}),component:(0,c.jsxs)("svg",{viewBox:"0 0 1041 1024",width:"20",height:"20",children:[(0,c.jsx)("path",{d:"M133.498105 661.882904h31.175644v195.047619a34.373146 34.373146 0 0 0 34.373146 34.373146h109.514441a34.373146 34.373146 0 1 0 0-68.746292h-75.141295V627.509758a35.172521 35.172521 0 0 0-34.373146-35.172521h-65.54879a63.950039 63.950039 0 0 1 0-127.900079h65.54879a35.172521 35.172521 0 0 0 34.373146-35.172521V233.417642h195.846994a35.172521 35.172521 0 0 0 35.172522-34.373146v-65.54879a63.950039 63.950039 0 0 1 127.900078 0v65.54879a35.172521 35.172521 0 0 0 35.172521 34.373146h195.047619v74.341921a34.373146 34.373146 0 0 0 68.746292 0V199.044496a34.373146 34.373146 0 0 0-34.373146-34.373145H661.885302v-31.175645a133.495706 133.495706 0 0 0-266.991413 0v31.175645H199.046895a34.373146 34.373146 0 0 0-34.373146 34.373145v195.846995h-31.175644A132.696331 132.696331 0 0 0 0.002398 527.587822a133.495706 133.495706 0 0 0 133.495707 134.295082z",fill:"#6F737E"}),(0,c.jsx)("path",{d:"M1004.817386 840.943013a79.937549 79.937549 0 1 1 0-159.875097 34.373146 34.373146 0 0 0 34.373146-32.774395V533.982826a34.373146 34.373146 0 0 0-34.373146-34.373146H879.315435v-10.391881a103.119438 103.119438 0 1 0-206.238876 0v10.391881H549.972734a35.172521 35.172521 0 0 0-35.172522 34.373146v124.702576h-10.391881a103.119438 103.119438 0 1 0 0 206.238876h10.391881v124.702576a35.172521 35.172521 0 0 0 35.172522 34.373146H663.484053a34.373146 34.373146 0 0 0 34.373146-34.373146 79.937549 79.937549 0 0 1 159.875098 0 34.373146 34.373146 0 0 0 34.373146 34.373146h114.310694a34.373146 34.373146 0 0 0 34.373146-34.373146V879.313037a34.373146 34.373146 0 0 0-35.971897-38.370024z",fill:"#6F737E"})]}),github:(0,c.jsxs)("svg",{viewBox:"0 0 1049 1024",width:"20",height:"20",children:[(0,c.jsx)("path",{d:"M524.979332 0C234.676191 0 0 234.676191 0 524.979332c0 232.068678 150.366597 428.501342 358.967656 498.035028 26.075132 5.215026 35.636014-11.299224 35.636014-25.205961 0-12.168395-0.869171-53.888607-0.869171-97.347161-146.020741 31.290159-176.441729-62.580318-176.441729-62.580318-23.467619-60.841976-58.234462-76.487055-58.234463-76.487055-47.804409-32.15933 3.476684-32.15933 3.476685-32.15933 53.019436 3.476684 80.83291 53.888607 80.83291 53.888607 46.935238 79.963739 122.553122 57.365291 152.97411 43.458554 4.345855-33.897672 18.252593-57.365291 33.028501-70.402857-116.468925-12.168395-239.022047-57.365291-239.022047-259.012982 0-57.365291 20.860106-104.300529 53.888607-140.805715-5.215026-13.037566-23.467619-66.926173 5.215027-139.067372 0 0 44.327725-13.906737 144.282399 53.888607 41.720212-11.299224 86.917108-17.383422 131.244833-17.383422s89.524621 6.084198 131.244833 17.383422C756.178839 203.386032 800.506564 217.29277 800.506564 217.29277c28.682646 72.1412 10.430053 126.029806 5.215026 139.067372 33.897672 36.505185 53.888607 83.440424 53.888607 140.805715 0 201.64769-122.553122 245.975415-239.891218 259.012982 19.121764 16.514251 35.636014 47.804409 35.636015 97.347161 0 70.402857-0.869171 126.898978-0.869172 144.282399 0 13.906737 9.560882 30.420988 35.636015 25.205961 208.601059-69.533686 358.967656-265.96635 358.967655-498.035028C1049.958663 234.676191 814.413301 0 524.979332 0z",fill:"#191717"}),(0,c.jsx)("path",{d:"M199.040177 753.571326c-0.869171 2.607513-5.215026 3.476684-8.691711 1.738342s-6.084198-5.215026-4.345855-7.82254c0.869171-2.607513 5.215026-3.476684 8.691711-1.738342s5.215026 5.215026 4.345855 7.82254z m-6.953369-4.345856M219.900283 777.038945c-2.607513 2.607513-7.82254 0.869171-10.430053-2.607514-3.476684-3.476684-4.345855-8.691711-1.738342-11.299224 2.607513-2.607513 6.953369-0.869171 10.430053 2.607514 3.476684 4.345855 4.345855 9.560882 1.738342 11.299224z m-5.215026-5.215027M240.760389 807.459932c-3.476684 2.607513-8.691711 0-11.299224-4.345855-3.476684-4.345855-3.476684-10.430053 0-12.168395 3.476684-2.607513 8.691711 0 11.299224 4.345855 3.476684 4.345855 3.476684 9.560882 0 12.168395z m0 0M269.443034 837.011749c-2.607513 3.476684-8.691711 2.607513-13.906737-1.738342-4.345855-4.345855-6.084198-10.430053-2.607513-13.037566 2.607513-3.476684 8.691711-2.607513 13.906737 1.738342 4.345855 3.476684 5.215026 9.560882 2.607513 13.037566z m0 0M308.555733 853.526c-0.869171 4.345855-6.953369 6.084198-13.037566 4.345855-6.084198-1.738342-9.560882-6.953369-8.691711-10.430053 0.869171-4.345855 6.953369-6.084198 13.037566-4.345855 6.084198 1.738342 9.560882 6.084198 8.691711 10.430053z m0 0M351.145116 857.002684c0 4.345855-5.215026 7.82254-11.299224 7.82254-6.084198 0-11.299224-3.476684-11.299224-7.82254s5.215026-7.82254 11.299224-7.82254c6.084198 0 11.299224 3.476684 11.299224 7.82254z m0 0M391.126986 850.049315c0.869171 4.345855-3.476684 8.691711-9.560882 9.560882-6.084198 0.869171-11.299224-1.738342-12.168395-6.084197-0.869171-4.345855 3.476684-8.691711 9.560881-9.560882 6.084198-0.869171 11.299224 1.738342 12.168396 6.084197z m0 0",fill:"#191717"})]}),issue:(0,c.jsxs)("svg",{className:"issue",viewBox:"0 0 1024 1024",width:"23",height:"23",children:[(0,c.jsx)("path",{d:"M1022.976 698.368c0-58.88-24.064-113.664-64.512-155.648-44.544 175.616-223.744 307.2-438.784 310.784 51.712 55.296 131.072 90.624 219.648 90.624 21.504 0 41.984-2.048 61.952-6.144 54.784 75.776 121.856 72.192 121.856 72.192-24.064-14.848-27.136-69.632-26.112-108.032 76.288-44.032 125.952-119.296 125.952-203.776z m0 0",fill:"#558EFF"}),(0,c.jsx)("path",{d:"M458.24 13.824C205.312 13.824 0 191.488 0 410.624c0 137.216 80.384 258.048 202.24 329.216 1.536 61.44-3.584 150.016-41.984 174.592 0 0 108.544 5.632 197.12-116.736 32.256 6.144 66.048 9.728 100.352 9.728H465.92c215.04-3.584 394.24-135.168 438.784-310.784 7.168-27.648 10.752-56.32 10.752-86.016 0.512-219.136-204.288-396.8-457.216-396.8zM256 462.848c-33.792 0-60.928-27.136-60.928-60.928 0-33.792 27.136-60.928 60.928-60.928 33.792 0 60.928 27.136 60.928 60.928 0 33.792-27.136 60.928-60.928 60.928z m202.24 0c-33.792 0-60.928-27.136-60.928-60.928 0-33.792 27.136-60.928 60.928-60.928 33.792 0 60.928 27.136 60.928 60.928 0 33.792-27.136 60.928-60.928 60.928z m202.24 0c-33.792 0-60.928-27.136-60.928-60.928 0-33.792 27.136-60.928 60.928-60.928 33.792 0 60.928 27.136 60.928 60.928 0 33.792-27.136 60.928-60.928 60.928z m0 0",fill:"#549EFF"})]}),gitee:(0,c.jsx)("svg",{className:"gitee",viewBox:"0 0 1024 1024",width:"200",height:"200",children:(0,c.jsx)("path",{d:"M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z",fill:"#C71D23"})}),plugin:(0,c.jsxs)("svg",{viewBox:"0 0 1024 1024",width:"24",height:"24",children:[(0,c.jsx)("path",{d:"M937.6 251.3L538 69.7c-11.5-5.1-24.6-5.1-36.1 0L102.4 251.3c-22.4 9.9-32.5 32.2-22.6 54.6 4.5 10.1 12.5 15.1 22.6 19.6L502 506.1c11.5 5.1 24.6 5.1 36.1 0l399.6-180.6c22.4-9.9 32.5-33.2 22.6-55.6-4.6-10.1-12.6-14.1-22.7-18.6zM497.6 723.4l-398.7-165c-18.4-7.6-27.1-28.7-19.5-47 7.6-18.4 28.7-27.1 47-19.5l398.7 165c18.4 7.6 27.1 28.7 19.5 47-7.6 18.3-28.6 27.1-47 19.5z"}),(0,c.jsx)("path",{d:"M526.4 723.4l398.7-165c18.4-7.6 27.1-28.7 19.5-47-7.6-18.4-28.7-27.1-47-19.5l-398.7 165c-18.4 7.6-27.1 28.7-19.5 47 7.6 18.3 28.6 27.1 47 19.5z"}),(0,c.jsx)("path",{d:"M497.6 955.4l-398.7-165c-18.4-7.6-27.1-28.7-19.5-47 7.6-18.4 28.7-27.1 47-19.5l398.7 165c18.4 7.6 27.1 28.7 19.5 47-7.6 18.3-28.6 27.1-47 19.5z"}),(0,c.jsx)("path",{d:"M526.4 955.4l398.7-165c18.4-7.6 27.1-28.7 19.5-47-7.6-18.4-28.7-27.1-47-19.5l-398.7 165c-18.4 7.6-27.1 28.7-19.5 47 7.6 18.3 28.6 27.1 47 19.5z"})]})};function w(){var e=(0,l.TH)(),t=j.find((function(t){return new RegExp("^".concat(t.path||"")).test(e.pathname)}));return null!==t&&void 0!==t&&t.children?(0,c.jsxs)("div",{className:g.wapper,children:[(0,c.jsxs)("h2",{className:g.title,children:[b[t.icon],(0,c.jsx)("span",{children:t.name})]}),(0,c.jsx)("div",{className:g.menu,children:t.children&&t.children.map((function(e,t){return e.divider?(0,c.jsx)("div",{className:g.divider,children:e.name},t):/^http(?:|s):\/\//.test(e.path||"")?(0,c.jsxs)("a",{href:e.path,target:"__blank",children:[e.name,(0,c.jsxs)("svg",{viewBox:"0 0 1024 1024",width:14,children:[(0,c.jsx)("path",{d:"M821.1456 276.8384c-235.9296 25.1392-449.1776 226.7136-490.5472 452.352a38.4 38.4 0 1 1-75.5712-13.824c45.568-248.576 269.312-468.48 526.6944-510.6688l-117.8112-69.1712a38.4 38.4 0 0 1 38.912-66.2528l223.3344 131.1744a38.4 38.4 0 0 1 10.1376 57.6l-170.752 206.6432a38.4 38.4 0 1 1-59.1872-48.9472l114.7904-138.9056z"}),(0,c.jsx)("path",{d:"M832 620.0832a38.4 38.4 0 0 1 76.8 0v158.208c0 85.9648-61.5936 157.8496-140.8 157.8496H204.8c-79.2064 0-140.8-71.8848-140.8-157.9008V300.3904c0-86.016 61.5936-157.8496 140.8-157.8496h220.2112a38.4 38.4 0 1 1 0 76.8H204.8c-33.8944 0-64 35.072-64 81.0496V778.24c0 45.9776 30.1056 81.1008 64 81.1008h563.2c33.8944 0 64-35.1232 64-81.1008v-158.1568z"})]})]},t):(0,c.jsx)(o.OL,{to:e.path||"",replace:!0,children:e.name},t)}))})]}):null}var C={logo:"index_logo__kUQOi",top:"index_top__DLxV-",nav:"index_nav__SdXbb",navTop:"index_navTop__08yh1",btn:"index_btn__YYGUe",btnTop:"index_btnTop__PlNw6"},N={layout:"top"},Z=function(e,t){return(0,s.Z)((0,s.Z)({},e),t)},k=i.createContext({state:N,dispatch:function(){return null}}),S=n(62545),E={menu:(0,c.jsx)("svg",{width:"19",height:"19",viewBox:"0 0 26 26",children:(0,c.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,c.jsx)("rect",{width:"26",height:"26",fill:"#9E9E9E",rx:"4"}),(0,c.jsx)("rect",{width:"5",height:"20",x:"3",y:"3",fill:"#202224",rx:"2.5"}),(0,c.jsx)("rect",{width:"12",height:"20",x:"11",y:"3",fill:"#FFF",fillOpacity:".657",rx:"2"})]})}),menutop:(0,c.jsx)("svg",{width:"19",height:"19",viewBox:"0 0 26 26",children:(0,c.jsxs)("g",{fill:"none",fillRule:"evenodd",children:[(0,c.jsx)("rect",{width:"26",height:"26",fill:"#9E9E9E",rx:"4"}),(0,c.jsx)("rect",{width:"20",height:"5",x:"3",y:"3",fill:"#202224",rx:"2.5"}),(0,c.jsx)("rect",{width:"20",height:"12",x:"3",y:"11",fill:"#FFF",fillOpacity:".66",rx:"2"})]})}),china:(0,c.jsxs)("svg",{className:"flag",width:"19",height:"19",viewBox:"0 0 512 512",children:[(0,c.jsx)("defs",{children:(0,c.jsx)("path",{id:"a",fill:"#ffde00",d:"M1-.3L-.7.8 0-1 .6.8-1-.3z"})}),(0,c.jsx)("path",{fill:"#de2910",d:"M0 0h512v512H0z"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"matrix(76.8 0 0 76.8 128 128)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"rotate(-121 142.6 -47) scale(25.5827)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"rotate(-98.1 198 -82) scale(25.6)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"rotate(-74 272.4 -114) scale(25.6137)",xlinkHref:"#a"}),(0,c.jsx)("use",{width:"30",height:"20",transform:"matrix(16 -19.968 19.968 16 256 230.4)",xlinkHref:"#a"})]})};function P(){var e=(0,i.useContext)(k),t=e.state,n=e.dispatch;return(0,c.jsxs)(i.Fragment,{children:[(0,c.jsx)("div",{className:[C.logo,"left"===t.layout?null:C.top].filter(Boolean).join(" ").trim(),children:(0,c.jsxs)(o.rU,{to:"/",children:[S.Z.dark,"top"===t.layout&&(0,c.jsxs)("span",{children:["UIW",(0,c.jsx)("sup",{children:h.i8})]})]})}),(0,c.jsx)("div",{className:[C.nav,"left"===t.layout?null:C.navTop].filter(Boolean).join(" ").trim(),children:j.map((function(e,n){var r=e.path,i=e.name,a=e.icon;if(Object.keys(b).includes(a)&&(a=b[a]),/^https?:(?:\/\/)?/.test(r))return"top"===t.layout?(0,c.jsxs)("a",{target:"__blank",href:r,className:C.outerUrl,children:[a," ",(0,c.jsx)("span",{children:i})]},n):(0,c.jsx)(u.Tooltip,{usePortal:!1,placement:"left"===t.layout?"right":"bottom",content:(0,c.jsx)("span",{style:{whiteSpace:"nowrap"},children:i}),children:(0,c.jsx)("a",{target:"__blank",href:r,className:C.outerUrl,children:a})},n);var l={color:"#fff"};return"top"===t.layout?(0,c.jsxs)(o.OL,{to:r,style:function(e){return e.isActive?l:void 0},children:[a," ",(0,c.jsx)("span",{children:i})]},n):(0,c.jsx)(u.Tooltip,{usePortal:!1,placement:"left"===t.layout?"right":"bottom",content:(0,c.jsx)("span",{style:{whiteSpace:"nowrap"},children:i}),children:(0,c.jsx)(o.OL,{to:r,style:function(e){return e.isActive?l:void 0},children:a})},n)}))}),(0,c.jsxs)("div",{className:[C.btn,"left"===t.layout?null:C.btnTop].filter(Boolean).join(" ").trim(),children:[(0,c.jsx)(u.Tooltip,{placement:"left"===t.layout?"right":"bottom",content:"\u56fd\u5185\u955c\u50cf\u7ad9\u70b9",children:(0,c.jsx)("a",{href:"http://uiw.gitee.io",rel:"noopener noreferrer",target:"_blank",children:E.china})}),(0,c.jsx)("button",{onClick:function(){return n({layout:"left"===t.layout?"top":"left"})},children:"left"===t.layout?E.menu:E.menutop})]})]})}var M=u.Layout.Header,B=u.Layout.Sider,L=u.Layout.Content;function z(e){var t=e.siderMenu,n=void 0===t||t,r=(0,i.useContext)(k).state;return(0,c.jsx)(u.Layout,{className:x.layout,children:"top"===r.layout?(0,c.jsxs)(i.Fragment,{children:[(0,c.jsx)(u.Affix,{offsetTop:0,style:{zIndex:999},children:(0,c.jsx)(M,{style:{display:"flex",alignItems:"center"},children:(0,c.jsx)(P,{})})}),(0,c.jsxs)(u.Layout,{className:x.layoutWrap,children:[(0,c.jsx)(B,{width:n?260:0,className:x.layoutSider,children:(0,c.jsx)("div",{style:{width:n?260:0,height:"calc(100vh - 53px)"},children:(0,c.jsx)(w,{})})}),(0,c.jsx)(L,{style:{padding:20},className:x.layoutContent,children:(0,c.jsx)(l.j3,{})})]})]}):(0,c.jsxs)(i.Fragment,{children:[(0,c.jsx)(B,{width:n?330:64,children:(0,c.jsxs)(u.Layout,{className:x.sider,children:[(0,c.jsx)(B,{className:x.menuWarpper,width:64,children:(0,c.jsx)(P,{})}),(0,c.jsx)(u.Layout,{style:{position:"fixed",width:n?330:64,zIndex:1,left:0,top:0,bottom:0,overflow:"auto"},children:(0,c.jsx)(L,{className:x.subMenu,style:{paddingLeft:64},children:(0,c.jsx)(w,{})})})]})}),(0,c.jsxs)(u.Layout,{style:{position:"relative"},children:[(0,c.jsx)(M,{style:{height:"inherit",lineHeight:"32px",position:"absolute",padding:"5px 10px",width:"100%",display:"flex",flexDirection:"row",justifyContent:"flex-end",backgroundColor:"transparent",zIndex:99},children:(0,c.jsx)(v,{data:y})}),(0,c.jsx)(L,{style:{padding:20},className:x.layoutContent,children:(0,c.jsx)(l.j3,{})})]})]})})}var D=function(e){return function(t){return(0,c.jsx)(i.Suspense,{fallback:(0,c.jsx)(f,{}),children:(0,c.jsx)(e,(0,s.Z)({},t))})}},O=D((0,i.lazy)((function(){return n.e(9200).then(n.bind(n,69200))}))),R=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(6730)]).then(n.bind(n,29569))}))),A=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(875)]).then(n.bind(n,36074))}))),T=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(6715)]).then(n.bind(n,56238))}))),I=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(643)]).then(n.bind(n,667))}))),F=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4188)]).then(n.bind(n,39877))}))),H=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(163)]).then(n.bind(n,11314))}))),W=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7104)]).then(n.bind(n,19848))}))),_=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5308)]).then(n.bind(n,53510))}))),V=D((0,i.lazy)((function(){return n.e(4877).then(n.bind(n,64877))}))),K=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3917)]).then(n.bind(n,81423))}))),Y=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1059)]).then(n.bind(n,96790))}))),$=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1820)]).then(n.bind(n,29206))}))),U=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9853)]).then(n.bind(n,17068))}))),J=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7834)]).then(n.bind(n,88412))}))),G=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(694)]).then(n.bind(n,53929))}))),q=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(6510)]).then(n.bind(n,62204))}))),X=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2230)]).then(n.bind(n,58123))}))),Q=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4503)]).then(n.bind(n,25534))}))),ee=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9763)]).then(n.bind(n,21072))}))),te=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(221)]).then(n.bind(n,96632))}))),ne=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5933)]).then(n.bind(n,52174))}))),re=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2782)]).then(n.bind(n,26519))}))),ie=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5408)]).then(n.bind(n,14198))}))),ae=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7390)]).then(n.bind(n,26989))}))),oe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8566)]).then(n.bind(n,20873))}))),le=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2582)]).then(n.bind(n,51374))}))),se=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8073)]).then(n.bind(n,4916))}))),ce=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8023)]).then(n.bind(n,78185))}))),de=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2411)]).then(n.bind(n,57018))}))),ue=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9776)]).then(n.bind(n,3536))}))),fe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2737)]).then(n.bind(n,63926))}))),he=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7884)]).then(n.bind(n,78844))}))),pe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9384)]).then(n.bind(n,38661))}))),me=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9673)]).then(n.bind(n,20605))}))),ve=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7157)]).then(n.bind(n,92106))}))),xe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9777)]).then(n.bind(n,62787))}))),ye=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3518)]).then(n.bind(n,51130))}))),ge=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1619)]).then(n.bind(n,63390))}))),je=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2367)]).then(n.bind(n,23472))}))),be=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4128)]).then(n.bind(n,77380))}))),we=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1061)]).then(n.bind(n,58525))}))),Ce=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2190)]).then(n.bind(n,12036))}))),Ne=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2595)]).then(n.bind(n,93520))}))),Ze=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5244)]).then(n.bind(n,91339))}))),ke=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7541)]).then(n.bind(n,88352))}))),Se=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5595)]).then(n.bind(n,67774))}))),Ee=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1169)]).then(n.bind(n,92003))}))),Pe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9253)]).then(n.bind(n,73255))}))),Me=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5393)]).then(n.bind(n,45171))}))),Be=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1317)]).then(n.bind(n,60717))}))),Le=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(8898)]).then(n.bind(n,77002))}))),ze=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(433)]).then(n.bind(n,69149))}))),De=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7875)]).then(n.bind(n,13902))}))),Oe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4010)]).then(n.bind(n,92425))}))),Re=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3812)]).then(n.bind(n,88915))}))),Ae=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(3313)]).then(n.bind(n,50216))}))),Te=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(748)]).then(n.bind(n,86726))}))),Ie=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9260)]).then(n.bind(n,36770))}))),Fe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4396)]).then(n.bind(n,90389))}))),He=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9503)]).then(n.bind(n,82186))}))),We=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(1584)]).then(n.bind(n,71937))}))),_e=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2156)]).then(n.bind(n,17292))}))),Ve=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(2316)]).then(n.bind(n,62462))}))),Ke=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(9121)]).then(n.bind(n,52287))}))),Ye=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4948)]).then(n.bind(n,12357))}))),$e=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4648)]).then(n.bind(n,40015))}))),Ue=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4098)]).then(n.bind(n,92910))}))),Je=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7761)]).then(n.bind(n,76733))}))),Ge=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(4405)]).then(n.bind(n,98680))}))),qe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(5865)]).then(n.bind(n,8041))}))),Xe=D((0,i.lazy)((function(){return Promise.all([n.e(889),n.e(6982),n.e(782),n.e(7087)]).then(n.bind(n,28928))}))),Qe=[{path:"/extensions",element:(0,c.jsx)(z,{siderMenu:!1}),children:[{index:!0,element:(0,c.jsx)(R,{})},{path:"*",element:(0,c.jsx)(d,{})}]},{path:"/guide",element:(0,c.jsx)(z,{}),children:[{index:!0,element:(0,c.jsx)(A,{})},{path:"/guide/quick-start",element:(0,c.jsx)(A,{})},{path:"/guide/import",element:(0,c.jsx)(T,{})},{path:"/guide/create-react-app",element:(0,c.jsx)(I,{})},{path:"/guide/kkt",element:(0,c.jsx)(F,{})},{path:"/guide/vscode",element:(0,c.jsx)(W,{})},{path:"/guide/docs",element:(0,c.jsx)(H,{})},{path:"/guide/recommendation",element:(0,c.jsx)(_,{})},{path:"*",element:(0,c.jsx)(d,{})}]},{path:"/components",element:(0,c.jsx)(z,{}),children:[{index:!0,element:(0,c.jsx)(V,{})},{path:"/components/overview",element:(0,c.jsx)(V,{})},{path:"/components/colors",element:(0,c.jsx)(K,{})},{path:"/components/reset-css",element:(0,c.jsx)(U,{})},{path:"/components/alert",element:(0,c.jsx)(Y,{})},{path:"/components/auto-link",element:(0,c.jsx)($,{})},{path:"/components/avatar",element:(0,c.jsx)(J,{})},{path:"/components/affix",element:(0,c.jsx)(G,{})},{path:"/components/calendar",element:(0,c.jsx)(q,{})},{path:"/components/checkbox",element:(0,c.jsx)(X,{})},{path:"/components/copy-to-clipboard",element:(0,c.jsx)(Q,{})},{path:"/components/collapse",element:(0,c.jsx)(ee,{})},{path:"/components/card",element:(0,c.jsx)(te,{})},{path:"/components/carousel",element:(0,c.jsx)(ne,{})},{path:"/components/descriptions",element:(0,c.jsx)(re,{})},{path:"/components/loader",element:(0,c.jsx)(ie,{})},{path:"/components/icon",element:(0,c.jsx)(ae,{})},{path:"/components/divider",element:(0,c.jsx)(oe,{})},{path:"/components/drawer",element:(0,c.jsx)(le,{})},{path:"/components/date-picker",element:(0,c.jsx)(se,{})},{path:"/components/date-input",element:(0,c.jsx)(ce,{})},{path:"/components/dropdown",element:(0,c.jsx)(de,{})},{path:"/components/badge",element:(0,c.jsx)(ue,{})},{path:"/components/progress",element:(0,c.jsx)(fe,{})},{path:"/components/pagination",element:(0,c.jsx)(he,{})},{path:"/components/pin-code",element:(0,c.jsx)(pe,{})},{path:"/components/input",element:(0,c.jsx)(me,{})},{path:"/components/button",element:(0,c.jsx)(ve,{})},{path:"/components/radio",element:(0,c.jsx)(xe,{})},{path:"/components/select",element:(0,c.jsx)(ye,{})},{path:"/components/search-select",element:(0,c.jsx)(ge,{})},{path:"/components/split",element:(0,c.jsx)(je,{})},{path:"/components/switch",element:(0,c.jsx)(be,{})},{path:"/components/slider",element:(0,c.jsx)(we,{})},{path:"/components/grid",element:(0,c.jsx)(Ce,{})},{path:"/components/form",element:(0,c.jsx)(Ne,{})},{path:"/components/file-input",element:(0,c.jsx)(Ze,{})},{path:"/components/breadcrumb",element:(0,c.jsx)(ke,{})},{path:"/components/list",element:(0,c.jsx)(Se,{})},{path:"/components/layout",element:(0,c.jsx)(Ee,{})},{path:"/components/notify",element:(0,c.jsx)(Pe,{})},{path:"/components/tree",element:(0,c.jsx)(Me,{})},{path:"/components/tree-checked",element:(0,c.jsx)(Be,{})},{path:"/components/search-tree",element:(0,c.jsx)(Le,{})},{path:"/components/transfer",element:(0,c.jsx)(ze,{})},{path:"/components/tag",element:(0,c.jsx)(De,{})},{path:"/components/tabs",element:(0,c.jsx)(Oe,{})},{path:"/components/tooltip",element:(0,c.jsx)(Re,{})},{path:"/components/table",element:(0,c.jsx)(Ae,{})},{path:"/components/time-picker",element:(0,c.jsx)(Te,{})},{path:"/components/rate",element:(0,c.jsx)(Ie,{})},{path:"/components/overlay",element:(0,c.jsx)(Fe,{})},{path:"/components/back-top",element:(0,c.jsx)(He,{})},{path:"/components/portal",element:(0,c.jsx)(We,{})},{path:"/components/overlay-trigger",element:(0,c.jsx)(_e,{})},{path:"/components/popover",element:(0,c.jsx)(Ve,{})},{path:"/components/message",element:(0,c.jsx)(Ke,{})},{path:"/components/month-picker",element:(0,c.jsx)(Ye,{})},{path:"/components/textarea",element:(0,c.jsx)($e,{})},{path:"/components/modal",element:(0,c.jsx)(Ue,{})},{path:"/components/formatter",element:(0,c.jsx)(Je,{})},{path:"/components/steps",element:(0,c.jsx)(Ge,{})},{path:"/components/menu",element:(0,c.jsx)(qe,{})},{path:"/components/empty",element:(0,c.jsx)(Xe,{})},{path:"*",element:(0,c.jsx)(d,{})}]},{path:"/",element:(0,c.jsx)(O,{})}],et=function(){return(0,l.V$)(Qe)},tt=function(e){var t=e.children,n=(0,i.useReducer)(Z,N),a=(0,r.Z)(n,2),o=a[0],l=a[1];return(0,c.jsx)(k.Provider,{value:{state:o,dispatch:l},children:t})};a.render((0,c.jsx)(o.UT,{children:(0,c.jsx)(tt,{children:(0,c.jsx)(et,{})})}),document.getElementById("root"))},97749:function(e,t,n){n.r(t),n.d(t,{Affix:function(){return x},Alert:function(){return R},AutoLink:function(){return I},Avatar:function(){return H},BackTop:function(){return V},Badge:function(){return Y},Breadcrumb:function(){return q},Button:function(){return L},ButtonGroup:function(){return Q},Calendar:function(){return Ue},Card:function(){return Ge},Carousel:function(){return Xe},Checkbox:function(){return ct},CheckboxGroup:function(){return at},Col:function(){return Gt},Collapse:function(){return mt},CopyToClipboard:function(){return gt},DateInput:function(){return Ct},DateInputRange:function(){return bt},DatePicker:function(){return Ve},DatePickerCaption:function(){return He},DatePickerDay:function(){return De},DatePickerMonth:function(){return Re},DatePickerYear:function(){return Te},DayRect:function(){return Be},Descriptions:function(){return Bt},Divider:function(){return zt},Drawer:function(){return Rt},Dropdown:function(){return Tt},Empty:function(){return Ft},FileInput:function(){return Ut},Form:function(){return an},FormItem:function(){return en},Icon:function(){return M},Input:function(){return je},Layout:function(){return fn.ZP},LayoutContent:function(){return fn.bU},LayoutContext:function(){return fn.VY},LayoutFooter:function(){return fn.D4},LayoutHeader:function(){return fn.NC},LayoutSider:function(){return fn.Ju},List:function(){return un},ListItem:function(){return ln},Loader:function(){return pn},Menu:function(){return Sn},MenuDivider:function(){return jn},MenuItem:function(){return yn},Message:function(){return Pn},Modal:function(){return D},MonthPicker:function(){return Ln},Notify:function(){return Fn},Overlay:function(){return S},OverlayTrigger:function(){return ve},Pagination:function(){return $n},PinCode:function(){return Gn},Popover:function(){return ye},Portal:function(){return Z},Progress:function(){return nr},Radio:function(){return tt},RadioAbstract:function(){return et},RadioGroup:function(){return rt},Rate:function(){return ir},Row:function(){return Xt},SearchSelect:function(){return sr},SearchTree:function(){return ni},Select:function(){return Kn},Slider:function(){return vr},Split:function(){return cr.Z},Steps:function(){return hr},SubMenu:function(){return Cn},Switch:function(){return yr},Table:function(){return Lr},Tabs:function(){return Or},Tag:function(){return or},Textarea:function(){return Ar},TimePicker:function(){return Se},TimePickerTime:function(){return Ze},Tooltip:function(){return Ir},Transfer:function(){return ri},Tree:function(){return Ur},TreeChecked:function(){return Gr},canUseDOM:function(){return N},formatter:function(){return ee.Z},getChildKeys:function(){return Kr},randomid:function(){return fn.SH}});var r=n(22951),i=n(91976),a=n(47169),o=n(67591),l=n(43415),s=n(30808),c=n(25773),d=n(41473);function u(){}function f(e,t){if("undefined"===typeof window)return 0;var n=t?"scrollTop":"scrollLeft",r=e===window,i=r?e[t?"pageYOffset":"pageXOffset"]:e[n];return r&&"number"!==typeof i&&(i=document.documentElement[n]),i}var h=function(e,t){var n=e.getBoundingClientRect(),r=function(e){return e!==window?e.getBoundingClientRect():{top:0,left:0,bottom:0}}(t),i=f(t,!0),a=f(t),o=window.document.body,l=o.clientTop||0,s=o.clientLeft||0;return{top:n.top-r.top+i-l,left:n.left-r.left+a-s,width:n.width,height:n.height}},p=function(){return"undefined"!==typeof window?window:null},m=n(69286),v=["prefixCls","className","children","offsetTop","offsetBottom","target","onChange"],x=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(e){var i;return(0,r.Z)(this,n),(i=t.call(this,e)).state={placeholderStyle:void 0,affixStyle:void 0},i.box=void 0,i.target=void 0,i.events=["resize","scroll","touchstart","touchmove","touchend","pageshow","load"],i.eventHandlers={},i.timeout=void 0,i.getInstance=function(e){e&&(i.box=e)},i.updatePosition=i.updatePosition.bind((0,a.Z)(i)),i}return(0,i.Z)(n,[{key:"componentDidMount",value:function(){var e=this,t=this.props.target||p;this.timeout=window.setTimeout((function(){e.target=t(),e.setTargetEventListeners()}))}},{key:"componentWillUnmount",value:function(){this.clearEventListeners(),clearTimeout(this.timeout)}},{key:"updatePosition",value:function(){var e=this.props.offsetTop,t=this.props.offsetBottom;if(this.box&&this.box.offsetParent){var n={width:this.box.clientWidth,height:this.box.clientHeight},r={top:!0,bottom:!1};"number"!==typeof e&&"number"!==typeof t&&(r.top=!0,e=0),"number"===typeof t&&(r.top=!1,r.bottom=!0);var i=h(this.box,this.target),a=this.box.getBoundingClientRect(),o=document.documentElement.clientHeight-a.y-i.height;r.top&&a.y<0?(this.setPlaceholderStyle((0,c.Z)({},n)),this.setAffixStyle({position:"fixed",top:e||0,left:i.left,width:i.width})):r.bottom&&o<0?(this.setPlaceholderStyle((0,c.Z)({},n)),this.setAffixStyle({position:"fixed",bottom:t||0,left:i.left,width:i.width})):(this.setPlaceholderStyle(),this.setAffixStyle())}}},{key:"setAffixStyle",value:function(e){var t=this.props.onChange,n=!!this.state.affixStyle;this.setState({affixStyle:e},(function(){t&&t(n)}))}},{key:"setPlaceholderStyle",value:function(e){this.setState({placeholderStyle:e})}},{key:"setTargetEventListeners",value:function(){var e=this;this.clearEventListeners(),this.events.forEach((function(t){e.eventHandlers[t]=e.updatePosition,e.target&&e.target.addEventListener(t,e.updatePosition,!1)}))}},{key:"clearEventListeners",value:function(){var e=this;this.events.forEach((function(t){var n=e.eventHandlers[t];e.target&&e.target.removeEventListener(t,n,!1)}))}},{key:"render",value:function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.children,i=(0,s.Z)(e,v),a=[n,t].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({},i,{ref:this.getInstance,style:(0,c.Z)({},this.state.placeholderStyle,this.props.style),children:(0,m.jsx)("div",{className:a,style:this.state.affixStyle,children:r})}))}}]),n}(d.Component);x.defaultProps={prefixCls:"w-affix",onChange:u};var y=n(11026),g=n(57135),j=n.n(g),b=n(27791),w=n(4250),C=n(7510),N=!("undefined"===typeof window||!window.document||!window.document.createElement);function Z(e){var t=e.container,n=(0,d.useRef)(),r=(0,d.useRef)(t);return(0,d.useEffect)((function(){return function(){n.current&&r.current&&(r.current.removeChild(n.current),n.current=void 0)}}),[]),N?(r.current||(r.current=document.body),n.current||(n.current=document.createElement("div"),r.current.appendChild(n.current)),C.createPortal(e.children,n.current)):null}var k=["className","style","isOpen","prefixCls","usePortal","maskClosable","backdropProps","portalProps","hasBackdrop","unmountOnExit","timeout","transitionName","onOpening","onOpened","onClosing","onClosed","onClose","children","dialogProps"];function S(e){var t=e.className,n=e.style,r=(e.isOpen,e.prefixCls),i=void 0===r?"w-overlay":r,a=e.usePortal,o=void 0===a||a,l=e.maskClosable,f=void 0===l||l,h=e.backdropProps,p=void 0===h?{}:h,v=e.portalProps,x=void 0===v?{}:v,g=e.hasBackdrop,j=void 0===g||g,b=e.unmountOnExit,C=void 0===b||b,N=e.timeout,S=void 0===N?300:N,E=e.transitionName,P=void 0===E?"w-overlay":E,M=e.onOpening,B=void 0===M?u:M,L=e.onOpened,z=void 0===L?u:L,D=e.onClosing,O=void 0===D?u:D,R=e.onClosed,A=void 0===R?u:R,T=e.onClose,I=void 0===T?u:T,F=e.children,H=e.dialogProps,W=void 0===H?{}:H,_=(0,s.Z)(e,k),V=(0,d.useState)(e.isOpen||!1),K=(0,y.Z)(V,2),Y=K[0],$=K[1],U=(0,d.useState)(!1),J=(0,y.Z)(U,2),G=J[0],q=J[1],X=(0,d.useRef)(null),Q=(0,d.useRef)(null);(0,d.useEffect)((function(){Y!==e.isOpen&&e.isOpen&&q(!0),Y===e.isOpen||e.isOpen||(ne(),$(!1))}),[e.isOpen]),(0,d.useEffect)((function(){G&&(j&&o&&document.body.classList.add(i+"-open"),$(!0))}),[G]);var ee="object"===typeof F?(0,d.cloneElement)(F,(0,c.Z)({},W,{style:(0,c.Z)({},F.props.style,W.style),className:[F.props.className,i+"-content"].filter(Boolean).join(" ").trim(),tabIndex:0})):(0,m.jsx)("span",(0,c.Z)({},W,{className:i+"-content",children:F}));function te(e){e.target!==X.current&&o||(f&&j&&(ne(),$(!1),I&&I(e)),p&&p.onMouseDown&&p.onMouseDown(e))}function ne(){j&&o&&document.body.classList.remove(i+"-open")}var re=(0,m.jsx)(w.Z,(0,c.Z)({classNames:P,unmountOnExit:C,timeout:S,in:Y,onEntering:B,onEntered:z,onExiting:O,onExited:function(e){q(!1),A&&A(e)}},_,{children:function(e){return(0,m.jsxs)("div",{style:n,ref:Q,className:[i,t,o?null:i+"-inline",Y?i+"-enter-done":null].filter(Boolean).join(" ").trim(),children:[j&&(0,d.cloneElement)((0,m.jsx)("div",{}),(0,c.Z)({},p,{onMouseDown:te,className:[i+"-backdrop",p.className].filter(Boolean).join(" ").trim(),tabIndex:f?0:null})),o?(0,m.jsx)("div",{ref:X,onMouseDown:te,className:i+"-container",children:(0,d.cloneElement)(ee,{"data-status":e})}):(0,d.cloneElement)(ee,{"data-status":e})]})}}));return G&&o?(0,m.jsx)(Z,(0,c.Z)({},(0,c.Z)({},x),{children:re})):re}var E=n(22193),P=["className","prefixCls","verticalAlign","tagName","color","type","spin"];function M(e){var t=e.className,n=e.prefixCls,r=void 0===n?"w-icon":n,i=e.verticalAlign,a=void 0===i?"middle":i,o=e.tagName,l=void 0===o?"span":o,u=e.color,f=e.type,h=e.spin,p=void 0!==h&&h,v=(0,s.Z)(e,P),x=null;if("string"===typeof f)x=(0,m.jsx)("svg",{fill:u,viewBox:"0 0 20 20",children:(E[f]||[]).map((function(e,t){return(0,m.jsx)("path",{d:e,fillRule:"evenodd"},t)}))});else{if(!d.isValidElement(f))return null;x=d.cloneElement(f,{fill:u})}v.style=(0,c.Z)({fill:"currentColor"},v.style);var y=(0,c.Z)({},v,{className:[r,t,r&&a?r+"-"+a:null,p&&r?r+"-spin":null].filter(Boolean).join(" ").trim()});return d.createElement(l,(0,c.Z)({},y),x)}var B=["prefixCls","disabled","active","loading","block","basic","htmlType","type","size","icon","className","children"],L=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-btn":n,i=e.disabled,a=void 0!==i&&i,o=e.active,l=void 0!==o&&o,u=e.loading,f=void 0!==u&&u,h=e.block,p=void 0!==h&&h,v=e.basic,x=void 0!==v&&v,y=e.htmlType,g=void 0===y?"button":y,j=e.type,b=void 0===j?"light":j,w=e.size,C=void 0===w?"default":w,N=e.icon,Z=e.className,k=e.children,S=(0,s.Z)(e,B),E=[Z,r,C?r+"-size-"+C:null,b?r+"-"+b:null,x?r+"-basic":null,f?r+"-loading":null,a||f?"disabled":null,l?"active":null,p?"block":null].filter(Boolean).join(" ").trim();return(0,m.jsxs)("button",(0,c.Z)({},S,{ref:t,type:g,disabled:a||f,className:E,children:[N&&(0,m.jsx)(M,{type:N}),k&&d.Children.map(k,(function(e){return e?d.isValidElement(e)?e:(0,m.jsx)("span",{children:e}):e}))]}))})),z=["prefixCls","className","children","useButton","usePortal","autoFocus","isOpen","title","cancelText","cancelButtonProps","confirmButtonProps","content","confirmText","type","icon","maxWidth","minWidth","width","isCloseButtonShown","onCancel","onConfirm","bodyStyle"],D=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-modal":n,i=e.className,a=e.children,o=e.useButton,l=void 0===o||o,f=e.usePortal,h=void 0===f||f,p=e.autoFocus,v=void 0!==p&&p,x=(e.isOpen,e.title),g=e.cancelText,w=e.cancelButtonProps,C=e.confirmButtonProps,N=e.content,Z=e.confirmText,k=void 0===Z?"\u786e\u8ba4":Z,E=e.type,P=void 0===E?"light":E,B=e.icon,D=e.maxWidth,O=void 0===D?500:D,R=e.minWidth,A=void 0===R?320:R,T=e.width,I=e.isCloseButtonShown,F=void 0===I||I,H=e.onCancel,W=void 0===H?u:H,_=e.onConfirm,V=void 0===_?u:_,K=e.bodyStyle,Y=(0,s.Z)(e,z),$=(0,d.useState)(e.isOpen),U=(0,y.Z)($,2),J=U[0],G=U[1];(0,d.useEffect)((function(){e.isOpen!==J&&G(e.isOpen)}),[e.isOpen]);var q=(0,d.useState)(!1),X=(0,y.Z)(q,2),Q=X[0],ee=X[1],te=[r,i,P?""+P:null].filter(Boolean).join(" ").trim();function ne(e){return re.apply(this,arguments)}function re(){return(re=(0,b.Z)(j().mark((function e(t){return j().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(ee(!0),e.prev=1,e.t0=W,!e.t0){e.next=6;break}return e.next=6,W(t);case 6:e.next=10;break;case 8:e.prev=8,e.t1=e.catch(1);case 10:G(!1),ee(!1);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})))).apply(this,arguments)}function ie(){return(ie=(0,b.Z)(j().mark((function e(t){return j().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(ee(!0),e.prev=1,e.t0=V,!e.t0){e.next=6;break}return e.next=6,V(t);case 6:e.next=10;break;case 8:e.prev=8,e.t1=e.catch(1);case 10:G(!1),ee(!1);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})))).apply(this,arguments)}return(0,m.jsx)(S,(0,c.Z)({usePortal:h,isOpen:J},Y,{onClose:function(){G(!1)},className:te,children:(0,m.jsx)("div",{className:r+"-container",children:(0,m.jsxs)("div",{className:[r+"-inner",x?r+"-shown-title":null,B?r+"-shown-icon":null].filter(Boolean).join(" ").trim(),style:{maxWidth:O,minWidth:A,width:T},children:[(x||B)&&(0,m.jsxs)("div",{className:r+"-header",children:[B&&(0,m.jsx)(M,{type:B}),x&&(0,m.jsx)("h4",{children:x}),F&&(0,m.jsx)(L,{basic:!0,onClick:function(e){return ne(e)},icon:"close",type:"light"})]}),(0,m.jsx)("div",{className:r+"-body",style:K,children:a||N}),l&&(0,m.jsxs)("div",{className:r+"-footer",children:[(0,m.jsx)(L,(0,c.Z)({autoFocus:v,type:P,loading:Q,disabled:Q},C,{onClick:function(e){return function(e){return ie.apply(this,arguments)}(e)},children:k})),g&&(0,m.jsx)(L,(0,c.Z)({},w,{onClick:function(e){return ne(e)},children:g}))]})]})})}))})),O=["prefixCls","className","width"],R=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-alert":n,i=t.className,a=t.width,o=void 0===a?400:a,l=(0,s.Z)(e,O),d=[r,i].filter(Boolean).join(" ").trim();return(0,m.jsx)(D,(0,c.Z)({},l,{width:o,className:d,children:e.children}))},A=["text"],T=/((?:https?:\/\/)?(?:(?:[a-z0-9]?(?:[a-z0-9\-]{1,61}[a-z0-9])?\.[^\.|\s])+[a-z\.]*[a-z]+|(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3})(?::\d{1,5})*[a-z0-9.,_\/~#&=;%+?\-\\(\\)]*)/gi,I=function(e){void 0===e&&(e={});var t=e.text,n=void 0===t?"":t,r=(0,s.Z)(e,A);return(0,m.jsx)(d.Fragment,{children:n.split(T).map((function(e,t){var n=e.match(T);if(n&&n[0]){var i=n[0];return(0,d.createElement)("a",(0,c.Z)({},r,{key:t,href:i.startsWith("http")?i:"http://"+i}),i)}return(0,m.jsx)(d.Fragment,{children:e},t)}))})},F=["prefixCls","shape","size","className","src","alt","icon","onError"],H=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-avatar":n,i=e.shape,a=void 0===i?"circle":i,o=e.size,l=void 0===o?"default":o,f=e.className,h=e.src,p=e.alt,v=e.icon,x=e.onError,g=void 0===x?u:x,j=(0,s.Z)(e,F),b=e.children,w=(0,d.useState)(!0),C=(0,y.Z)(w,2),N=C[0],Z=C[1],k=[r,f,l?r+"-"+l:null,a?r+"-"+a:null,h?r+"-image":null].filter(Boolean).join(" ").trim();return(0,d.useEffect)((function(){Z(!0)}),[e.src]),N&&h?b=(0,m.jsx)("img",{src:h,alt:p,onError:function(e){!1!==(g?g(e):void 0)&&Z(!1)}}):v&&"string"===typeof v?b=(0,m.jsx)(M,{type:v}):v&&d.isValidElement(v)&&(b=v),(0,m.jsx)("span",(0,c.Z)({},j,{className:k,ref:t,children:b}))}));function W(){var e=0;return document&&document.documentElement&&document.documentElement.scrollTop?e=document.documentElement.scrollTop:document.body&&(e=document.body.scrollTop),e}var _=["prefixCls","className","content","children","offsetTop","fixed","speed","showBelow","clickable"],V=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-back-top":n,i=e.className,a=e.content,o=e.children,l=e.offsetTop,u=void 0===l?0:l,f=e.fixed,h=void 0===f||f,p=e.speed,v=void 0===p?100:p,x=e.showBelow,g=void 0===x?1:x,j=e.clickable,b=void 0===j||j,w=(0,s.Z)(e,_),C=h&&g||0,N=(0,d.useState)(0),Z=(0,y.Z)(N,2),k=Z[0],S=Z[1],E=(0,d.useState)(0),P=(0,y.Z)(E,2),M=P[0],B=P[1],L=k>=C,z=[r,i,h?null:"no-fixed",L?r+"-show":null,L?null:r+"-hide"].filter(Boolean).join(" ").trim();function D(){S(function(e){void 0===e&&(e=0);var t=0;return e100?100:t}(u)),B(W())}function O(){"number"===typeof u&&"number"===typeof v&&"number"===typeof M&&function(e,t,n){void 0===e&&(e=0),void 0===t&&(t=100),void 0===n&&(n=0);var r=0,i=setInterval((function(){n-r>=e?n-(r+=t)>=e?window.scrollTo(0,n-r):window.scrollTo(0,e):clearInterval(i)}),0)}(u,v,M)}return(0,d.useEffect)((function(){return window&&window.addEventListener("scroll",D),function(){window&&window.removeEventListener("scroll",D)}})),(0,m.jsxs)("div",(0,c.Z)({onClick:function(){return b&&O()},className:z},w,{ref:t,children:[a,"function"!==typeof o?o:o({percent:k,current:M,scrollToTop:O})]}))})),K=["prefixCls","className","style","color","max","dot","processing","count","children"],Y=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-badge":n,i=e.className,a=e.style,o=void 0===a?{}:a,l=e.color,d=e.max,u=void 0===d?99:d,f=e.dot,h=void 0!==f&&f,p=e.processing,v=void 0!==p&&p,x=e.count,y=e.children,g=(0,s.Z)(e,K),j={className:[h?null:r+"-count",h?"dot":null].filter(Boolean).join(" ").trim(),style:{}},b=[i,r,y?null:"nowrap",y?null:r+"-status",v?r+"-processing":null].filter(Boolean).join(" ").trim(),w={};return x||0===x?j.style=(0,c.Z)({backgroundColor:l},o):w.style=o||{},(0,m.jsxs)("span",(0,c.Z)({className:b},g,w,{ref:t,children:[l&&(0,m.jsx)("span",{className:r+"-dot",style:{backgroundColor:l}}),y,0!==x&&!l&&(0,m.jsx)("sup",(0,c.Z)({},j,{children:!h&&x&&u&&x>u?u+"+":x}))]}))})),$=["prefixCls","className","tagName","active","separator"],U=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-breadcrumb":n,i=e.className,a=e.tagName,o=void 0===a?"span":a,l=e.active,u=e.separator,f=(0,s.Z)(e,$),h=d.isValidElement(u),p=[r+"-item",i,l?"active":null,u?null:"no-separator",h?"no-before":null].filter(Boolean).join(" ").trim(),v=(0,c.Z)({className:p},f);return h||(v["data-separator"]=u),d.createElement(o,(0,c.Z)({},v,{ref:t}),(0,m.jsxs)(d.Fragment,{children:[h&&(0,m.jsx)("span",{className:r+"-separator",children:u}),e.children]}))})),J=["prefixCls","className","separator"],G=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-breadcrumb":n,i=e.className,a=e.separator,o=void 0===a?"/":a,l=(0,s.Z)(e,J),u=[r,i].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({},(0,c.Z)({className:u},l),{ref:t,children:d.Children.map(e.children,(function(e){return d.cloneElement(e,Object.assign({separator:o},e.props,{}))}))}))}));G.Item=U;var q=G,X=["prefixCls","vertical","children","className"],Q=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-btn-group":n,i=e.vertical,a=void 0!==i&&i,o=e.children,l=e.className,d=(0,s.Z)(e,X),u=[r,l,a&&r+"-vertical"].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({className:u},d,{ref:t,children:o}))})),ee=n(89437),te=n(60726);function ne(e,t){if(t)do{if(t===e)return!0}while(t=t.parentNode);return!1}function re(e){return"function"===typeof HTMLElement?e instanceof HTMLElement:e&&"object"===typeof e&&1===e.nodeType&&"string"===typeof e.nodeName}var ie=!("undefined"===typeof window||!window.document||!window.document.createElement)?function(e,t){return e&&e.contains&&"function"===typeof e.contains&&re(t)?e.contains(t):e&&e.compareDocumentPosition&&re(t)?e===t||!!e.compareDocumentPosition(t):ne(e,t)}:ne;function ae(e,t){var n="x"===t?"Left":"Top",r="Left"===n?"Right":"Bottom";return parseFloat(e["border"+n+"Width"])+parseFloat(e["border"+r+"Width"])}var oe="undefined"!==typeof window&&"undefined"!==typeof document,le=oe&&!(!window.MSInputMethodContext||!document.documentMode),se=oe&&/MSIE 10/.test(navigator.userAgent);function ce(e){return 11===e?le:10===e?se:le||se}function de(e,t,n,r){return Math.max(t["offset"+e],t["scroll"+e],n["client"+e],n["offset"+e],n["scroll"+e],ce(10)?parseInt(n["offset"+e],10)+parseInt(r["margin"+("Height"===e?"Top":"Left")],10)+parseInt(r["margin"+("Height"===e?"Bottom":"Right")],10):0)}function ue(e){var t={};try{if(ce(10)){t=e.getBoundingClientRect();var n=f(e,!0),r=f(e);t.top+=n,t.left+=r,t.bottom+=n,t.right+=r}else t=e.getBoundingClientRect()}catch(p){}var i,a={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},o="HTML"===e.nodeName?function(e){var t=e.body,n=e.documentElement,r=getComputedStyle(n);return{height:de("Height",t,n,r),width:de("Width",t,n,r)}}(e.ownerDocument):{},l=o.width||e.clientWidth||a.right-a.left,s=o.height||e.clientHeight||a.bottom-a.top,d=e.offsetWidth-l,u=e.offsetHeight-s;if(a.offsetLeft=e.offsetLeft||e.scrollLeft||0,a.offsetTop=e.offsetTop||e.offsetTop||0,d||u){var h=function(e,t){if(1!==e.nodeType)return[];var n=e.ownerDocument.defaultView.getComputedStyle(e,null);return t?n[t]:n}(e);d-=ae(h,"x"),u-=ae(h,"y"),a.width-=d,a.height-=u}return i=a,(0,c.Z)({},i,{right:i.left+i.width,bottom:i.top+i.height})}function fe(e){var t=e.getBoundingClientRect();return{width:e.offsetWidth||e.scrollWidth||t.width||0,height:e.offsetHeight||e.scrollHeight||t.height||0}}function he(e){var t=e||{},n=t.trigger,r=t.popup,i=t.placement,a=t.usePortal,o=t.autoAdjustOverflow,l={left:0,top:0,placement:i};if(!n||!r||!document)return l;var s=Math.max(document.documentElement.clientHeight,window.innerHeight||0),d=Math.max(document.documentElement.clientWidth,window.innerWidth||0);l.placement=i;var u=f(n.ownerDocument.documentElement,!0),h=f(n.ownerDocument.documentElement),p=(0,c.Z)({},ue(n),fe(n)),m=(0,c.Z)({},ue(r),fe(r)),v=s-p.bottom,x=d-p.left-p.width;switch(l.top=p.top+u,l.left=p.left,a||(l.top=p.offsetTop,l.left=p.offsetLeft),i&&/^(top)/.test(i)&&(l.top-=m.height),i&&/^(right)/.test(i)&&(l.left+=p.width),i&&/^(bottom)/.test(i)&&(l.top+=p.height),i&&/^(left)/.test(i)&&(l.left-=m.width),l.placement){case"bottomLeft":case"topLeft":case"rightTop":case"leftTop":default:break;case"bottom":case"top":l.left=l.left-(m.width-p.width)/2;break;case"bottomRight":case"topRight":l.left=l.left+h+p.width-m.width;break;case"right":case"left":l.top=l.top-(m.height-p.height)/2;break;case"rightBottom":case"leftBottom":l.top=l.top-m.height+p.height}return o&&(i&&/^(top)/.test(i)&&p.topm.height&&(l.placement=i.replace(/^top/,"bottom"),l.top=l.top+m.height+p.height),i&&/^(bottom)/.test(i)&&vm.height&&(l.placement=i.replace(/^bottom/,"top"),l.top=l.top-m.height-p.height),i&&/^(right)/.test(i)&&x0){var e,t=(0,te.Z)(D.current);try{for(t.s();!(e=t.n()).done;){var n=e.value;window.clearTimeout(n)}}catch(r){t.e(r)}finally{t.f()}D.current=[]}}function G(){J(),O.current="show";var t=me(e.delay);if(t.show){var n=window.setTimeout((function(){"show"===O.current&&ee()}),t.show);D.current.push(n)}else ee()}function q(t){if(J(),t||!e.isOutside){O.current="hide";var n=me(e.delay);if(n.hide){var r=window.setTimeout((function(){"hide"===O.current&&Q()}),n.hide);D.current.push(r)}else Q()}}function X(e,t,n){var r=t.currentTarget,i=t.relatedTarget||t.nativeEvent[n],a=!0;(z.current&&ie(z.current,i)||L.current&&ie(L.current,i))&&(a=!1),i&&i===r||ie(r,i)||e(a,t)}function Q(){T&&(B.current-=1,I(!1))}function ee(){T||(B.current+=1,I(!0))}return"click"!==x||p||(Y.onClick=function(e){var t=(V&&d.isValidElement(V)?V.props:{}).onClick;T?Q():ee(),t&&t(e,!T)}),"focus"!==x||p||(Y.onFocus=function(){return G()}),"hover"!==x||p||(Y.onMouseOver=Y.onMouseEnter=function(e){X(G,e,"fromElement")},Y.onMouseOut=Y.onMouseLeave=function(e){X(q,e,"toElement")},K.dialogProps&&(K.dialogProps.onMouseLeave=function(e){X(q,e,"toElement")})),K.style=(0,c.Z)({},K.style,W),(0,m.jsxs)(d.Fragment,{children:[(0,d.cloneElement)(V,Object.assign({},V.props,(0,c.Z)({},Y,{ref:L,className:[V.props.className,p?i+"-disabled":null].filter(Boolean).join(" ").trim()}))),(0,m.jsx)(S,(0,c.Z)({},K,{style:(0,c.Z)({},K.style,W),onEnter:function(e,t){P&&P(e,t);var n=he({placement:W.placement||j,trigger:L.current,popup:z.current,usePortal:o,autoAdjustOverflow:b});_((0,c.Z)({},n,{zIndex:B.current}))},className:[i,n,W.placement].filter(Boolean).join(" ").trim(),usePortal:o,transitionName:w,isOpen:T,hasBackdrop:!1,children:(0,d.cloneElement)(N,Object.assign((0,c.Z)({},N.props,{ref:z,className:[N.props&&N.props.className,j].filter(Boolean).join(" ").trim()})))}))]})})),xe=["prefixCls","className","content","visibleArrow"],ye=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){var e;return(0,r.Z)(this,n),(e=t.apply(this,arguments)).renderArrow=function(){var t=e.props.prefixCls;return(0,m.jsx)("div",{className:t+"-arrow",children:(0,m.jsxs)("svg",{viewBox:"0 0 30 30",children:[(0,m.jsx)("path",{fillOpacity:"0.2",d:"M8.11 6.302c1.015-.936 1.887-2.922 1.887-4.297v26c0-1.378-.868-3.357-1.888-4.297L.925 17.09c-1.237-1.14-1.233-3.034 0-4.17L8.11 6.302z"}),(0,m.jsx)("path",{fill:"#fff",d:"M8.787 7.036c1.22-1.125 2.21-3.376 2.21-5.03V0v30-2.005c0-1.654-.983-3.9-2.21-5.03l-7.183-6.616c-.81-.746-.802-1.96 0-2.7l7.183-6.614z"})]})})},e}return(0,i.Z)(n,[{key:"render",value:function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.visibleArrow,i=(0,s.Z)(e,xe),a=[t,n,r?null:"no-arrow"].filter(Boolean).join(" ").trim();return(0,m.jsx)(ve,(0,c.Z)({},i,{overlay:(0,m.jsxs)("div",{className:a,children:[r&&this.renderArrow(),(0,m.jsx)("div",{className:t+"-inner",children:this.props.content})]}),children:"object"===typeof this.props.children&&"Icon"!==this.props.children.type.name?this.props.children:(0,m.jsx)("span",{style:{display:"block",writingMode:"vertical-rl"},children:this.props.children})}))}}]),n}(d.Component);ye.defaultProps={prefixCls:"w-popover",placement:"top",usePortal:!0,isOpen:!1,visibleArrow:!0};var ge=["prefixCls","className","style","size","type","preIcon","addonAfter"],je=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-input":n,i=e.className,a=e.style,o=e.size,l=void 0===o?"default":o,u=e.type,f=void 0===u?"text":u,h=e.preIcon,p=void 0===h?null:h,v=e.addonAfter,x=(0,s.Z)(e,ge),y=d.useRef(null),g=d.useRef(null);(0,d.useImperativeHandle)(t,(function(){return y.current}));var j=[r,i,l?r+"-"+l:null,v?r+"-addon":null,e.disabled?"disabled":null].filter(Boolean).join(" ").trim();return(0,d.useEffect)((function(){!function(){if(g.current&&y.current){var e=window&&window.getComputedStyle(g.current,null);y.current.style.paddingRight=g.current.clientWidth+2*parseInt(e.right,10)+"px"}}()})),(0,m.jsxs)("div",{className:j,style:a,children:[(0,m.jsx)(M,{type:p}),(0,m.jsx)("input",(0,c.Z)({ref:y,type:f,autoComplete:"off"},x,{className:r+"-inner"})),v&&(0,m.jsx)("span",{className:r+"-addon-after",ref:g,children:v})]})})),be=n(649),we=["prefixCls","className","count","date","type","disabledHours","disabledMinutes","disabledSeconds","hideDisabled","onSelected"];function Ce(e){var t=e.prefixCls,n=void 0===t?"w-timepicker":t,r=e.count,i=void 0===r?24:r,a=e.date,o=e.type,l=void 0===o?"Hours":o,u=e.hideDisabled,f=e.onSelected,h=(0,s.Z)(e,we),p=(0,d.useRef)([]);function v(t){var n=e["disabled"+l];return!!n&&n(t,l,new Date(a))}var x=(0,d.useMemo)((function(){return(0,be.Z)(Array(i)).map((function(e,t){return v(t)&&p.current.push(t),{count:t,disabled:v(t)}})).filter((function(e){return!u||!e.disabled}))}),[u]);return(0,m.jsx)("div",(0,c.Z)({className:n+"-spinner"},h,{children:(0,m.jsx)("ul",{children:x.map((function(e,t){var n={};e.disabled||(n.onClick=function(t){return function(e,t){if(a){var n=new Date(a);n["set"+l](e),f&&f(l,e,p.current,n)}}(e.count)});var r=a&&l?new Date(a)["get"+l]():0;return(0,m.jsx)("li",(0,c.Z)({"data-index":r===e.count?t:void 0,ref:function(e){return e&&function(e){if(e&&e.parentNode&&e.dataset.index){var t=Number(e.dataset.index)*e.clientHeight;e.parentNode.parentNode&&(e.parentNode.parentNode.scrollTop=t)}}(e)}},n,{className:[e.disabled?"disabled":null,r===e.count?"selected":null,u&&e.disabled?"hide":null].filter(Boolean).join(" ").trim(),children:e.count<10?"0"+e.count:e.count}),t)}))})}))}var Ne=["prefixCls","className","precision"];function Ze(e){var t=e.prefixCls,n=void 0===t?"w-timepicker":t,r=e.className,i=e.precision,a=void 0===i?"second":i,o=(0,s.Z)(e,Ne);return(0,m.jsxs)("div",{className:[n,r].filter(Boolean).join(" ").trim(),children:[/^(second|minute|hour)$/.test(a)&&(0,m.jsx)(Ce,(0,c.Z)({type:"Hours",count:24},o)),/^(second|minute)$/.test(a)&&(0,m.jsx)(Ce,(0,c.Z)({type:"Minutes",count:60},o)),/^(second)$/.test(a)&&(0,m.jsx)(Ce,(0,c.Z)({type:"Seconds",count:60},o))]})}var ke=["prefixCls","className","disabled","value","format","popoverProps","allowClear","onChange","disabledHours","disabledMinutes","disabledSeconds","hideDisabled","precision"];function Se(e){var t=e.prefixCls,n=void 0===t?"w-timepicker":t,r=e.className,i=e.disabled,a=e.format,o=void 0===a?"HH:mm:ss":a,l=e.popoverProps,u=e.allowClear,f=void 0===u||u,h=e.onChange,p=e.disabledHours,v=e.disabledMinutes,x=e.disabledSeconds,g=e.hideDisabled,j=e.precision,b=(0,s.Z)(e,ke),w=(0,d.useState)(e.value),C=(0,y.Z)(w,2),N=C[0],Z=C[1];(0,d.useEffect)((function(){return Z(e.value)}),[e.value]);var k={disabledHours:p,disabledMinutes:v,disabledSeconds:x,hideDisabled:g,precision:j},S=N?(0,ee.Z)(o,new Date(N)):"",E=N||new Date,P=(0,c.Z)({},b,{value:S});return f&&""!==S&&S&&(P.addonAfter=(0,m.jsx)(L,{className:n+"-close-btn",icon:"close",disabled:e.disabled,onClick:function(){Z(void 0),h&&h()},size:e.size,basic:!0,type:"light"})),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0,visibleArrow:!1},l,{content:(0,m.jsx)(Ze,(0,c.Z)({className:n+"-popover"},k,{date:E,onSelected:function(e,t,n,r){Z(new Date(r));var i=r?(0,ee.Z)(o,r):"";h&&h(i,r,e,t,n)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65f6\u95f4",readOnly:!0,disabled:i},P,{className:[n+"-input",r].filter(Boolean).join(" ").trim()}))}))}var Ee=["date","row","col","index","today","panelDate","disabledDate","renderDay","onSelectDay"],Pe=["prefixCls","className","weekday","weekTitle","date","today","panelDate","disabledDate","renderDay","onSelectDay"];function Me(e){return Object.keys(e||{}).map((function(t){return e[t]?t:null})).filter(Boolean).join(" ").trim()}function Be(e){var t=e.date,n=e.col,r=e.index,i=e.today,a=e.panelDate,o=e.disabledDate,l=e.renderDay,u=e.onSelectDay,f=(0,s.Z)(e,Ee),h={end:0===n||6===n,prev:!1,today:!1,selected:!1,next:!1,disabled:!1},p=a;p&&function(e){return e instanceof Date&&!isNaN(e.getTime())}(p)||(p=new Date);var v=p.getFullYear(),x=p.getMonth(),y=(0,d.useMemo)((function(){return new Date(new Date(p).setDate(1)).getDay()}),[p.toDateString()]),g=(0,d.useMemo)((function(){return new Date(v,0===x?12:x+1,0).getDate()}),[p.toDateString()]),j=r;p&&((j=j-y+1)<1&&(h.prev=!0),j>g&&(h.next=!0));var b=new Date(new Date(p).setDate(j));i&&i.toDateString()===b.toDateString()&&(h.today=!0),t&&t.toDateString()===b.toDateString()&&(h.selected=!0);var w={onClick:function(){var e=b.getMonth();u&&u(b,{year:b.getFullYear(),month:0===e?12:e+1,day:b.getDate()})}};return o&&o(b,(0,c.Z)({},e,h))&&(h.disabled=!0,delete w.onClick),(0,m.jsx)("div",(0,c.Z)({className:Me(h)},f,w,{children:l?l(b.getDate(),(0,c.Z)({},e,h,{date:b})):(0,m.jsx)("div",{children:b.getDate()})}))}var Le=["\u661f\u671f\u5929","\u661f\u671f\u4e00","\u661f\u671f\u4e8c","\u661f\u671f\u4e09","\u661f\u671f\u56db","\u661f\u671f\u4e94","\u661f\u671f\u516d"],ze=["\u65e5","\u4e00","\u4e8c","\u4e09","\u56db","\u4e94","\u516d"];function De(e){var t=e.prefixCls,n=void 0===t?"w-datepicker":t,r=e.className,i=e.weekday,a=void 0===i?ze:i,o=e.weekTitle,l=void 0===o?Le:o,u=e.date,f=e.today,h=e.panelDate,p=e.disabledDate,v=e.renderDay,x=e.onSelectDay,y=(0,s.Z)(e,Pe),g=(0,d.useMemo)((function(){return(0,m.jsx)("div",{className:n+"-weekday",children:(a||[]).map((function(e,t){return(0,m.jsx)("div",{className:Me({end:0===t||6===t}),title:l&&l[t],children:e},t)}))})}),[n,a,l]);return(0,m.jsxs)("div",(0,c.Z)({},y,{className:[n?n+"-body":null,r].filter(Boolean).join(" ").trim(),children:[g,(0,m.jsx)("div",{className:[n?n+"-day-body":null].filter(Boolean).join(" ").trim(),children:(0,be.Z)(Array(6)).map((function(e,t){return(0,m.jsx)("div",{className:n+"-week",children:(0,be.Z)(Array(7)).map((function(e,n){return(0,m.jsx)(Be,{date:u,today:f,disabledDate:p,renderDay:v,panelDate:h,col:n,row:t,onSelectDay:function(e,t){x&&x(e,t)},index:7*t+n},n)}))},t)}))})]}))}var Oe=["prefixCls","className","panelDate","monthLabel","onSelected"];function Re(e){var t=e.prefixCls,n=void 0===t?"w-datepicker":t,r=e.className,i=e.panelDate,a=void 0===i?new Date:i,o=e.monthLabel,l=e.onSelected,d=void 0===l?u:l,f=(0,s.Z)(e,Oe);return(0,m.jsx)("div",(0,c.Z)({className:[n?n+"-month":null,r].filter(Boolean).join(" ").trim()},f,{children:(0,be.Z)(Array(12)).map((function(e,t){var n=a.getMonth();return(0,m.jsx)("div",{className:[n===t?"selected":null].filter(Boolean).join(" ").trim(),children:(0,m.jsx)("span",{onClick:function(){return d(t,!1)},children:o&&o[t]||t})},t)}))}))}var Ae=["prefixCls","panelNum","className","panelDate","onSelected"];function Te(e){var t=e.prefixCls,n=void 0===t?"w-datepicker":t,r=e.panelNum,i=void 0===r?[-7,-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6,7,8,9,10]:r,a=e.className,o=e.onSelected,l=void 0===o?u:o,f=(0,s.Z)(e,Ae),h=(0,d.useState)(e.panelDate),p=(0,y.Z)(h,2),v=p[0],x=p[1];return(0,m.jsx)("div",(0,c.Z)({className:[n?n+"-year":null,a].filter(Boolean).join(" ").trim()},f,{children:i&&i.map((function(e,t){var n=v.getFullYear(),r=n+i[t];return(0,m.jsx)("div",{className:[n===r?"selected":null,0===t||t===i.length-1?"paging":null].filter(Boolean).join(" ").trim(),children:(0,m.jsx)("span",{onClick:function(){return function(e,t){if(0===t||t===i.length-1){var n=new Date(v);n.setFullYear(e),x(n),l(e,!0)}else l(e)}(r,t)},children:r})},t)}))}))}var Ie=["prefixCls","className","panelDate","monthLabel","onSelected","todayButton"];function Fe(){for(var e=arguments.length,t=new Array(e),n=0;n0&&a.map((function(e,t){var n=e.label,r=(0,s.Z)(e,Ke);return(0,m.jsx)("div",(0,c.Z)({},r,{children:n}),t)}))})]})}),[a,n])}var $e=["prefixCls","className","style","today","date","data","monthLabel","titleFormat","todayLabel","panelDate","onPaging","onSelectDay"];function Ue(e){var t=e.prefixCls,n=void 0===t?"w-calendar":t,r=e.className,i=e.style,a=e.today,o=void 0===a?new Date:a,l=e.date,u=e.data,f=(e.monthLabel,e.titleFormat),h=void 0===f?"YYYY/MM":f,p=e.todayLabel,v=void 0===p?"\u4eca\u5929":p,x=e.onPaging,g=e.onSelectDay,j=(0,s.Z)(e,$e),b=[n,r].filter(Boolean).join(" ").trim(),w=(0,d.useState)(e.panelDate||new Date),C=(0,y.Z)(w,2),N=C[0],Z=C[1];function k(e){var t=new Date;if("today"===e)t=o||new Date;else{var n=N.getMonth();N&&"prev"===e&&N.setMonth(n-1),N&&"next"===e&&N.setMonth(n+1),t=N}Z(new Date(t)),x&&x(e,t.getMonth()+1,t)}(0,d.useEffect)((function(){e.panelDate!==N&&Z(N)}),[e.panelDate]);var S=(0,d.useMemo)((function(){return(0,m.jsx)("div",{className:n+"-title",children:(0,ee.Z)(h,N)})}),[n,h,N]),E=(0,d.useMemo)((function(){return(0,m.jsxs)("div",{className:n+"-btn-group",children:[(0,m.jsx)(M,{type:"down",onClick:function(){return k("prev")}}),(0,m.jsx)("span",{className:n+"-btn",onClick:function(){return k("today")},children:v}),(0,m.jsx)(M,{type:"down",onClick:function(){return k("next")}})]})}),[n,v]);return(0,m.jsxs)("div",{className:b,style:i,children:[(0,m.jsxs)("div",{className:n+"-caption",children:[S,E]}),(0,m.jsx)(De,(0,c.Z)({onSelectDay:function(e,t){Z(e),g&&g(e,t)},renderDay:function(e,t){return(0,m.jsx)(Ye,{prefixCls:n,day:e,data:u,currentDate:t.date})},date:l,today:o,panelDate:N||new Date},j))]})}var Je=["prefixCls","className","title","extra","footer","bordered","noHover","active","bodyStyle","bodyClassName","children"],Ge=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-card":n,i=e.className,a=e.title,o=e.extra,l=e.footer,u=e.bordered,f=void 0===u||u,h=e.noHover,p=void 0!==h&&h,v=e.active,x=void 0!==v&&v,y=e.bodyStyle,g=e.bodyClassName,j=e.children,b=(0,s.Z)(e,Je),w=(0,d.useMemo)((function(){return[r,i,f?r+"-bordered":null,p?r+"-no-hover":null,x?"active":null].filter(Boolean).join(" ").trim()}),[r,i,f,p]);return(0,m.jsxs)("div",(0,c.Z)({},b,{className:w,ref:t,children:[(a||o)&&(0,m.jsxs)("div",{className:r+"-head",children:[a&&(0,m.jsx)("div",{className:r+"-head-title",children:a}),o&&(0,m.jsx)("div",{className:r+"-extra",children:o})]}),j&&(0,m.jsx)("div",{className:[r+"-body",g].filter(Boolean).join(" ").trim(),style:y,children:j}),l&&(0,m.jsx)("div",{className:r+"-footer",children:l})]}))}));function qe(e,t){var n=e.position,r=void 0===n?0:n,i=e.direction,a=void 0===i?"horizontal":i,o=e.width,l=void 0===o?400:o,s=e.height,u=void 0===s?200:s,f=e.palyTime,h=void 0===f?2e3:f,p=e.scrollTime,v=void 0===p?200:p,x=e.autoPlay,g=void 0===x||x,j=e.afterChange,b=e.beforeChange,w=e.prefixCls,C=void 0===w?"w-carousel":w,N=e.className,Z=e.style,k=(0,d.useMemo)((function(){return[C,N].filter(Boolean).join(" ").trim()}),[C,N]),S=(0,d.useState)(r),E=(0,y.Z)(S,2),P=E[0],M=E[1],B=(0,d.useState)(.001*v+"s ease-in-out"),L=(0,y.Z)(B,2),z=L[0],D=L[1],O=(0,d.useRef)(P),R=d.Children.count(e.children)+1,A=(0,d.useRef)({stop:function(){},after:j,before:b});d.useImperativeHandle(t,(function(){return{gotoSlide:T,prevSlide:function(){return T(O.current-1)},nextSlide:function(){return T(O.current+1)},stopPlay:function(){return A.current.stop()}}}),[t]);var T=function(e){A.current.stop();var t=R-1,n=e>t?t:e;n=e<0?0:n,O.current=n,M(n),I()},I=function(e){if(void 0===e&&(e=h),g){var t=setInterval((function(){null==A.current.after||A.current.after(O.current),O.current++,O.current>=R&&(O.current=0),M(O.current),null==A.current.before||A.current.before(O.current)}),e);A.current.stop=function(){clearInterval(t)}}};(0,d.useEffect)((function(){return I(),function(){A.current.stop()}}),[g]),(0,d.useEffect)((function(){var t;return R===P+1&&(t=setTimeout((function(){A.current.before=function(){D(.001*v+"s ease-in-out"),A.current.before=e.beforeChange},D("none"),T(0)}),v)),function(){clearTimeout(t)}}),[P]);var F=d.Children.map(e.children,(function(e){return(0,m.jsx)("div",{style:(0,c.Z)({width:l,height:u},Z),children:e})})),H=(0,d.useMemo)((function(){var e={transform:"",display:""};switch(a){case"horizontal":e.transform="translate3d("+-P*l+"px, 0px, 0px)",e.display="flex";break;case"vertical":e.transform="translate3d(0px, "+-P*u+"px, 0px)",e.display="block"}return e}),[a,P,l,u]);return(0,m.jsx)("div",{className:k,style:{width:l,height:u},children:(0,m.jsxs)("div",{className:k+"-content",style:(0,c.Z)({width:l*R,transition:z},H),children:[F,(0,m.jsx)("div",{style:(0,c.Z)({width:l,height:u},Z),children:null==F?void 0:F[0]})]})})}var Xe=d.forwardRef(qe),Qe=["prefixCls","type","disabled","value","className","style","children","size","checked","onChange"],et=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-radio":n,i=e.type,a=void 0===i?"radio":i,o=e.disabled,l=void 0!==o&&o,u=e.value,f=void 0===u?"":u,h=e.className,p=e.style,v=e.children,x=e.size,g=e.checked,j=void 0!==g&&g,b=e.onChange,w=(0,s.Z)(e,Qe),C=(0,d.useState)(j),N=(0,y.Z)(C,2),Z=N[0],k=N[1],S=(0,d.useState)(),E=(0,y.Z)(S,2),P=E[0],M=E[1];j!==P&&M(j),(0,d.useMemo)((function(){j!==P&&k(j)}),[P]);var B=[r,h,l?"disabled":null,x?r+"-"+x:null].filter(Boolean).join(" ").trim();(0,d.useMemo)((function(){Z!==e.checked&&k(!!e.checked)}),[e.checked]);var L=v||f;return(0,m.jsxs)("label",{className:B,style:p,children:[(0,m.jsx)("input",(0,c.Z)({},(0,c.Z)({},w,{type:a,disabled:l,value:f}),{checked:Z,onChange:function(e){e.persist(),k(e.target.checked),b&&b(e)},ref:t})),L&&(0,m.jsx)("div",{className:r+"-text",children:L})]})})),tt=d.forwardRef((function(e,t){return(0,m.jsx)(et,(0,c.Z)({ref:t},e))})),nt=["prefixCls","className","name","value","onChange","children"],rt=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-radio-group":n,i=e.className,a=e.name,o=e.value,l=e.onChange,u=e.children,f=(0,s.Z)(e,nt);return(0,m.jsx)("div",(0,c.Z)({},f,{ref:t,className:[r,i].filter(Boolean).join(" ").trim(),children:d.Children.toArray(u).map((function(e){if(e)return d.isValidElement(e)?d.cloneElement(e,(0,c.Z)({},e.props||{},{checked:e.props.value===o,name:a,onChange:l})):e}))}))})),it=["prefixCls","className","name","value","onChange"],at=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-checkbox-group":n,i=e.className,a=e.name,o=e.value,l=e.onChange,u=(0,s.Z)(e,it),f=(0,d.useRef)([]),h=[r,i].filter(Boolean).join(" ").trim(),p=d.Children.toArray(e.children);return(0,d.useMemo)((function(){return f.current=o||[]}),[o]),(0,m.jsx)("div",(0,c.Z)({},u,{className:h,ref:t,children:d.Children.map(p,(function(e){if(d.isValidElement(e))return Array.isArray(o)&&e&&e.props&&e.props.value&&o.includes(e.props.value)&&(f.current.includes(e.props.value)||f.current.push(e.props.value)),d.cloneElement(e,Object.assign({},e.props,{name:a,checked:f.current.includes(e.props.value),onChange:function(t){if(!t.target.type||"checkbox"===t.target.type){var n=t.target.checked,r=f.current.includes(e.props.value);!r&&n?f.current.push(e.props.value):r&&!n&&(f.current=f.current.filter((function(t){return t!==e.props.value}))),l&&l(t,f.current)}}}))}))}))})),ot=["className","prefixCls","type","indeterminate","disabled","value"];function lt(e,t){var n=e.className,r=e.prefixCls,i=void 0===r?"w-checkbox":r,a=e.type,o=void 0===a?"checkbox":a,l=e.indeterminate,d=void 0!==l&&l,u=e.disabled,f=void 0!==u&&u,h=e.value,p=void 0===h?"":h,v=(0,s.Z)(e,ot),x=[n,d&&"indeterminate"].filter(Boolean).join(" ").trim();return(0,m.jsx)(et,(0,c.Z)({ref:t},v,{type:o,prefixCls:i,disabled:f,value:p,className:x}))}var st=d.forwardRef(lt);st.Group=at;var ct=st,dt=["prefixCls","className","icon","children","isActive","onItemClick","disabled","showArrow","header","extra"];var ut=["prefixCls","className","children","accordion","bordered","showArrow","activeKey","onChange"];function ft(e){var t=e;return Array.isArray(t)||(t=t?[t]:[]),t}function ht(e,t){var n=e.prefixCls,r=void 0===n?"w-collapse":n,i=e.className,a=e.children,o=e.accordion,l=void 0!==o&&o,u=e.bordered,f=e.showArrow,h=void 0===f||f,p=e.activeKey,v=e.onChange,x=(0,s.Z)(e,ut),g=(0,d.useState)(ft(p)),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=[r,i,u?"w-noborder":null].filter(Boolean).join(" ").trim();return(0,d.useMemo)((function(){p!==b&&w(ft(p))}),[p]),(0,d.useMemo)((function(){p!==b&&v&&v(b)}),[b,p]),(0,m.jsx)("div",(0,c.Z)({className:C},x,{ref:t,children:d.Children.map(a,(function(e,t){var n=e.key||String(t),i=e.props.disabled,a=!1;a=l?b[0]===n:b.indexOf(n)>-1;var o=(0,c.Z)({prefixCls:r,isActive:a,disabled:i,showArrow:h,onItemClick:i?function(){}:function(){return function(e){var t=b;if(l)t=t[0]===e?[]:[e];else{var n=(t=(0,be.Z)(t)).indexOf(e);n>-1?t.splice(n,1):t.push(e)}w(t)}(n)}},e.props);return d.cloneElement(e,o)}))}))}var pt=d.forwardRef(ht);pt.Panel=function(e){var t=e.prefixCls,n=void 0===t?"w-collapse":t,r=e.className,i=e.icon,a=void 0===i?"down":i,o=e.children,l=e.isActive,u=e.onItemClick,f=e.disabled,h=void 0!==f&&f,p=e.showArrow,v=e.header,x=e.extra,y=(0,s.Z)(e,dt),g=[n?n+"-item":null,r,l?n+"-active":null,h?n+"-disabled":null].filter(Boolean).join(" ").trim(),j="string"===typeof a?(0,m.jsx)(M,{type:a}):a;return(0,m.jsxs)("div",(0,c.Z)({className:g},y,{children:[(0,m.jsxs)("div",{className:n+"-header",onClick:u,children:[p&&j,(0,m.jsx)("span",{className:n+"-title",children:v}),x&&(0,m.jsx)("div",{className:n+"-extra",children:x})]}),(0,m.jsx)(w.Z,{in:l,unmountOnExit:!1,timeout:300,classNames:n+"-panel",children:function(e){return d.cloneElement((0,m.jsx)("div",{children:o}),{className:n+"-panel",style:(t=o,Object.assign({},t&&t.props?t.props.style:{},{transitionDuration:"300ms"})),ref:function(t){return function(e,t){t&&("exited"!==e&&"exiting"!==e||(t.style.height="1px"),"entered"!==e&&"entering"!==e||(t.style.height=t.scrollHeight+"px"))}(e,t)}});var t}})]}))};var mt=pt,vt=n(70556),xt=n.n(vt),yt=["prefixCls","className","text","children","onClick"];function gt(e){var t=e.prefixCls,n=void 0===t?"w-copy-to-clipboard":t,r=e.className,i=e.text,a=void 0===i?"":i,o=e.children,l=e.onClick,d=void 0===l?function(){return null}:l,u=(0,s.Z)(e,yt);var f=(0,c.Z)({},u,{className:[n,r].filter(Boolean).join(" ").trim(),onClick:function(e){if(!a)return d("",!1,e);xt()(a,(function(t){d(a,t,e)}))}});return(0,m.jsxs)("span",(0,c.Z)({},f,{children:[(0,m.jsx)("span",{className:n+"-select",children:a}),o]}))}var jt=["prefixCls","bodyStyle","className","popoverProps","datePickerProps","allowClear","format","onChange","value"];function bt(e){var t=e.prefixCls,n=void 0===t?"w-dateinputrange":t,r=e.bodyStyle,i=void 0===r?void 0:r,a=e.className,o=e.popoverProps,l=e.datePickerProps,u=e.allowClear,f=void 0===u||u,h=e.format,p=void 0===h?"YYYY/MM/DD":h,v=e.onChange,x=e.value,g=(0,s.Z)(e,jt),j=(0,d.useState)([]),b=(0,y.Z)(j,2),w=b[0],C=b[1];function N(e,t){var n=(0,be.Z)(w);n[t]=e,C(n),v&&v(e,n)}return(0,d.useEffect)((function(){var e=[],t=x;Array.isArray(t)&&null!=t&&t.length&&t.forEach((function(n,r){e[r]="string"===typeof t[r]?new Date(n):n})),C(e)}),[JSON.stringify(x)]),(0,m.jsxs)("div",{className:[n+"-contents",n+"-inner"].filter(Boolean).join(" ").trim(),style:(0,c.Z)({width:300},i),children:[(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0},o,{content:(0,m.jsx)(Ve,(0,c.Z)({date:w[0],className:n+"-popover"},l,{onChange:function(e){return N(e,0)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",readOnly:!0},g,{value:w[0]?(0,ee.Z)(p,w[0]):"",className:[n,a].filter(Boolean).join(" ").trim()}))})),(0,m.jsx)(M,{type:"swap-right",verticalAlign:"baseline",style:{fontSize:21,top:-1,margin:"0px 8px 0px 5px"}}),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0},o,{content:(0,m.jsx)(Ve,(0,c.Z)({date:w[1],className:n+"-popover"},l,{onChange:function(e){return N(e,1)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",readOnly:!0},g,{value:w[1]?(0,ee.Z)(p,w[1]):"",className:[n,a].filter(Boolean).join(" ").trim()}))})),f&&w.length>0&&(0,m.jsx)(M,{className:n+"-close-btn",color:"#ccc",onClick:function(){return C([])},type:"close"})]})}var wt=["prefixCls","className","popoverProps","datePickerProps","allowClear","format","onChange"];function Ct(e){var t=e.prefixCls,n=void 0===t?"w-dateinput":t,r=e.className,i=e.popoverProps,a=e.datePickerProps,o=e.allowClear,l=void 0===o||o,u=e.format,f=void 0===u?"YYYY/MM/DD":u,h=e.onChange,p=(0,s.Z)(e,wt),v=(0,d.useState)(e.value),x=(0,y.Z)(v,2),g=x[0],j=x[1],b=g||"";function w(e){j(e),h&&h(e)}return p.value="string"===typeof b?b:(0,ee.Z)(f,b),(0,d.useEffect)((function(){e.value!==g&&j(e.value)}),[e.value]),l&&p.value&&(p.addonAfter=(0,m.jsx)(M,{className:n+"-close-btn",onClick:function(){return w(void 0)},type:"close"})),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0},i,{content:(0,m.jsx)(Ve,(0,c.Z)({date:b&&new Date(b)||void 0,className:n+"-popover"},a,{onChange:function(e){return w(e)}})),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u9009\u62e9\u65e5\u671f",readOnly:!0},p,{className:[n,r].filter(Boolean).join(" ").trim()}))}))}var Nt=function(e){return e.children},Zt=["prefixCls","className","tagName","layout","bordered","label","isLastCell","colon","span","children","column"];var kt=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=t.className,i=t.tagName,a=void 0===i?"td":i,o=t.layout,l=t.bordered,u=t.label,f=t.colon,h=t.span,p=t.children,v=(0,s.Z)(e,Zt),x={className:[n?n+"-item-label":null,r,f?n+"-item-colon":null,u?null:n+"-item-no-label"].filter(Boolean).join(" ").trim()};return"horizontal"===o?l?(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)("th",(0,c.Z)({},x,{children:u})),(0,m.jsx)(a,(0,c.Z)({},v,{colSpan:h?2*h-1:h,className:n?n+"-item-content":"",children:p}))]}):(0,m.jsxs)(a,(0,c.Z)({},v,{colSpan:h,children:[(0,m.jsx)("span",(0,c.Z)({},x,{children:u})),(0,m.jsx)("span",{className:n?n+"-item-content":"",children:p})]})):(0,m.jsx)(a,{colSpan:h,className:n+"-item-"+("td"===a?"content":"label"),children:p})};function St(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=t.layout,i=t.bordered,a=t.column,o=t.colon,l=t.children,s=void 0===l?[]:l;function u(e){return s.map((function(t,l){return(0,d.createElement)(kt,(0,c.Z)({},t.props,{prefixCls:n,key:l,column:a,tagName:e?"th":"td",isLastCell:s.length-1===l,layout:r,colon:o,bordered:i}),e?t.props.label:t.props.children)}))}var f=n?n+"-row":"";return(0,m.jsxs)(d.Fragment,{children:["vertical"===r&&(0,m.jsx)("tr",{className:f,children:u(!0)}),(0,m.jsx)("tr",{className:f,children:u()})]})}var Et=["prefixCls","className","title","bordered","column","size","colon","children","layout"];function Pt(e,t){var n=e.prefixCls,r=void 0===n?"w-descriptions":n,i=e.className,a=e.title,o=e.bordered,l=e.column,u=void 0===l?3:l,f=e.size,h=e.colon,p=void 0===h||h,v=e.children,x=e.layout,y=void 0===x?"horizontal":x,g=(0,s.Z)(e,Et),j=[r,i,r&&y?r+"-"+y:null,o?r+"-bordered":null,f?r+"-"+f:null].filter(Boolean).join(" ").trim(),b=function(e,t){var n,r=[],i=null;return e.forEach((function(a,o){var l=a;i||(n=t,i=[],r.push(i)),o===e.length-1&&(l=d.cloneElement(l,{span:n}));var s=l.props.span,c=void 0===s?1:s;i.push(l),(n-=c)<=0&&(i=null)})),r}(d.Children.toArray(v),u);return(0,m.jsx)("div",{className:j,ref:t,children:(0,m.jsxs)("table",(0,c.Z)({},g,{children:[a&&(0,m.jsx)("caption",{className:r+"-title",children:a}),(0,m.jsx)("tbody",{children:b.map((function(e,t){return(0,m.jsx)(St,{prefixCls:r,bordered:o,colon:p,column:u,layout:y,children:e},t)}))})]}))})}var Mt=d.forwardRef(Pt);Mt.Item=Nt;var Bt=Mt,Lt=["prefixCls","className","children","dashed","type","align"],zt=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-divider":n,i=e.className,a=e.children,o=e.dashed,l=void 0!==o&&o,d=e.type,u=void 0===d?"horizontal":d,f=e.align,h=void 0===f?"center":f,p=(0,s.Z)(e,Lt),v=[i,r,r&&u?r+"-"+u:null,r&&h?r+"-"+h:null,a?r+"-with-text":null,l?r+"-dashed":null].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({className:v},p,{ref:t,children:a&&(0,m.jsx)("span",{className:r+"-inner-text",children:a})}))})),Dt=n(64649),Ot=["prefixCls","className","style","placement","size","title","footer","icon","isCloseButtonShown","bodyProps","timeout","isOpen","maskClosable"],Rt=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-drawer":n,i=t.className,a=t.style,o=t.placement,l=void 0===o?"right":o,u=t.size,f=void 0===u?260:u,h=t.title,p=t.footer,v=t.icon,x=t.isCloseButtonShown,y=void 0===x||x,g=t.bodyProps,j=t.timeout,b=void 0===j?300:j,w=t.isOpen,C=void 0!==w&&w,N=t.maskClosable,Z=void 0===N||N,k=(0,s.Z)(e,Ot),E=[i,r,l].filter(Boolean).join(" ").trim(),P=[g?g.className:null,r?r+"-body-inner":null].filter(Boolean).join(" ").trim(),B=(0,c.Z)({},a,(0,Dt.Z)({},/^(top|bottom)$/.test(l)?"height":"width",f)),z=(0,d.useMemo)((function(){return p?(0,m.jsx)("div",{className:r+"-footer",children:p}):null}),[p]),D=(0,d.useMemo)((function(){return v?(0,m.jsx)(M,{type:v}):null}),[v]),O=(0,d.useMemo)((function(){return h?(0,m.jsx)("h4",{children:h}):null}),[h]);return(0,m.jsx)(S,(0,c.Z)({className:E,timeout:b,isOpen:C,maskClosable:Z},k,{children:(0,m.jsxs)("div",{className:r+"-wrapper",style:B,children:[(h||v)&&(0,m.jsxs)("div",{className:r+"-header",children:[D,O,h&&y&&(0,m.jsx)(L,{basic:!0,onClick:e.onClose,icon:"close",type:"light"})]}),(0,m.jsx)("div",{className:r+"-body",children:(0,m.jsx)("div",(0,c.Z)({},g,{className:P,children:e.children}))}),z]})}))},At=["prefixCls","placement","className","menu","children","disabled"];function Tt(e){var t=e.prefixCls,n=void 0===t?"w-dropdown":t,r=e.placement,i=void 0===r?"bottomLeft":r,a=e.className,o=e.menu,l=e.children,u=e.disabled,f=(0,s.Z)(e,At),h=(0,d.useMemo)((function(){return[n,a].filter(Boolean).join(" ").trim()}),[n,a]);return(0,m.jsx)(ve,(0,c.Z)({isOutside:!0,autoAdjustOverflow:!0,className:h,disabled:u,placement:i},f,{overlay:o,children:d.cloneElement(l,Object.assign({},l.props))}))}var It=["prefixCls","className","icon","iconProps","size","description","children"],Ft=function(e){var t=e.prefixCls,n=void 0===t?"w-empty":t,r=e.className,i=e.icon,a=e.iconProps,o=e.size,l=void 0===o?64:o,d=e.description,u=void 0===d?"\u6682\u65e0\u6570\u636e":d,f=e.children,h=(0,s.Z)(e,It),p=[n,r].filter(Boolean).join(" ").trim();return(0,m.jsxs)("div",(0,c.Z)({className:p},h,{children:[(0,m.jsx)("div",{className:n+"-icon",children:i||(0,m.jsxs)("svg",(0,c.Z)({viewBox:"0 0 1024 1024",width:l,height:l},a,{children:[(0,m.jsx)("path",{d:"M20.48 860.16a491.52 102.4 0 1 0 983.04 0 491.52 102.4 0 1 0-983.04 0Z",fill:"#F5F5F5"}),(0,m.jsx)("path",{d:"M225.28 409.6l573.44-8.06912 112.78336 183.296H102.4z",fill:"#C4C5C7"}),(0,m.jsx)("path",{d:"M266.24 61.44h491.52a40.96 40.96 0 0 1 40.96 40.96v532.48a40.96 40.96 0 0 1-40.96 40.96H266.24a40.96 40.96 0 0 1-40.96-40.96V102.4a40.96 40.96 0 0 1 40.96-40.96z",fill:"#F5F5F7"}),(0,m.jsx)("path",{d:"M348.16 143.36h327.68a40.96 40.96 0 0 1 40.96 40.96v122.88a40.96 40.96 0 0 1-40.96 40.96H348.16a40.96 40.96 0 0 1-40.96-40.96V184.32a40.96 40.96 0 0 1 40.96-40.96zM327.68 409.6h368.64a20.48 20.48 0 0 1 0 40.96H327.68a20.48 20.48 0 0 1 0-40.96zM327.68 491.52h368.64a20.48 20.48 0 0 1 0 40.96H327.68a20.48 20.48 0 0 1 0-40.96z",fill:"#EBECEC"}),(0,m.jsx)("path",{d:"M673.44384 607.58016v13.43488c0 25.14944-20.0704 45.52704-44.8512 45.52704H382.95552l-2.2528-0.06144c-23.7568-1.16736-42.63936-21.07392-42.63936-45.4656v-13.45536c0-12.55424-10.0352-22.7328-22.44608-22.7328H102.4v250.30656C102.4 860.2624 122.49088 880.64 147.29216 880.64h719.31904c24.7808 0 44.89216-20.3776 44.89216-45.50656V584.82688H695.88992c-12.3904 0-22.44608 10.17856-22.44608 22.7328z",fill:"#E0E0E0"})]}))}),u&&(0,m.jsx)("div",{className:n+"-description",children:u}),f&&(0,m.jsx)("div",{className:n+"-footer",children:f})]}))},Ht=["className","dataLabel","prefixCls"],Wt=d.forwardRef((function(e,t){var n=e.className,r=e.dataLabel,i=void 0===r?"Browse":r,a=e.prefixCls,o=void 0===a?"w-fileinput":a,l=(0,s.Z)(e,Ht),d=[o,n].filter(Boolean).join(" ").trim();return(0,m.jsx)(je,(0,c.Z)({ref:t,"data-label":i,className:d},l,{type:"file"}))})),_t=function(e){var t=e.className,n=e.prefixCls,r=void 0===n?"w-fileinput-list":n,i=e.dataList,a=void 0===i?[]:i,o=e.uploadType,l=e.size,s=void 0===l?"middle":l,c=e.shape,u=void 0===c?"round":c,f=e.readonly,h=e.children,p=e.showFileIcon,v=void 0===p?{showPreviewIcon:!0,showRemoveIcon:!0}:p,x=e.onPreview,y=e.onAdd,g=e.onRemove,j=[r,r+"-size-"+s,r+"-shape-"+u,t].filter(Boolean).join(" ").trim();return(0,m.jsxs)("div",{className:j,children:[h&&!f&&d.isValidElement(h)&&d.cloneElement(h,{onClick:y}),(0,m.jsx)("div",{children:a.map((function(e,t){return(0,m.jsxs)("div",{className:r+"-"+o,children:["picture"===o&&(0,m.jsxs)("div",{className:r+"-info "+r+"-"+o+"-info",children:[(0,m.jsx)("img",{src:e.dataURL,alt:""}),(null==v?void 0:v.showPreviewIcon)&&(0,m.jsx)("div",{className:r+"-actions",children:(0,m.jsx)("span",{className:r+"-actions-search",onClick:function(){return null==x?void 0:x(e)},children:(0,m.jsx)(M,{type:"search",style:{color:"#fff",fontSize:16}})})})]}),(0,m.jsx)("div",{className:r+"-"+o+"-text",children:e.name}),(null==v?void 0:v.showRemoveIcon)&&(0,m.jsx)("div",{className:r+"-"+o+"-icon",onClick:function(){return null==g?void 0:g(t)},children:(0,m.jsx)(M,{type:"delete",style:{color:"#999"}})})]},t)}))})]})},Vt=function(e){var t=e.className,n=e.prefixCls,r=void 0===n?"w-fileinput-card":n,i=e.dataList,a=void 0===i?[]:i,o=e.maxNumber,l=void 0===o?3:o,s=e.shape,c=void 0===s?"round":s,d=e.size,u=void 0===d?"middle":d,f=e.readonly,h=e.children,p=e.showFileIcon,v=void 0===p?{showPreviewIcon:!0,showRemoveIcon:!0}:p,x=e.onAdd,y=e.onPreview,g=e.onRemove,j=[r,r+"-size-"+u,r+"-shape-"+c,t].filter(Boolean).join(" ").trim(),b=!(!v.showPreviewIcon&&!v.showRemoveIcon);return(0,m.jsxs)("div",{className:j,children:[a.map((function(e,t){return(0,m.jsxs)("div",{className:r+"-box",children:[(0,m.jsx)("div",{className:r+"-box-info",children:(0,m.jsx)("img",{src:e.dataURL,alt:""})}),(0,m.jsxs)("div",{className:b?r+"-actions":"",children:[(null==v?void 0:v.showPreviewIcon)&&(0,m.jsx)("span",{className:r+"-actions-remove",onClick:function(){return null==y?void 0:y(e)},children:(0,m.jsx)(M,{type:"search",style:{color:"#fff",fontSize:16}})}),(null==v?void 0:v.showRemoveIcon)&&(0,m.jsx)("span",{className:r+"-actions-remove",onClick:function(){return null==g?void 0:g(t)},children:(0,m.jsx)(M,{type:"delete",style:{color:"#fff",fontSize:16}})})]})]},t)})),l>a.length&&!f&&(0,m.jsx)("div",{className:r+"-box "+r+"-btn",onClick:x,children:h})]})},Kt=function(e){var t=new FileReader;return new Promise((function(n){t.addEventListener("load",(function(){return n(String(t.result))})),t.readAsDataURL(e)}))},Yt=function(e,t){for(var n=[],r=0;r0?S.map((function(e,t){return b(e,t)})):C;var P=d.Children.map(n,(function(e,t){return d.isValidElement(e)&&d.cloneElement(e,{key:t})})),M=[i,w,f?i+"-striped":null,p?i+"-no-hover":null,x?i+"-active":null,o?i+"-bordered":null,g&&"default"!==g?i+"-size-"+g:null].filter(Boolean).join(" ").trim();return(0,m.jsxs)("div",(0,c.Z)({className:M},E,{ref:t,children:[N&&(0,m.jsx)("div",{className:i+"-header",children:N}),P,Z&&(0,m.jsx)("div",{className:i+"-footer",children:Z})]}))}var dn=d.forwardRef(cn);dn.Item=ln;var un=dn,fn=n(56954),hn=["prefixCls","className","size","loading","tip","vertical","color","bgColor","children","indicator","fullscreen"],pn=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-loader":n,i=t.className,a=t.size,o=void 0===a?"default":a,l=t.loading,u=void 0===l||l,f=t.tip,h=t.vertical,p=t.color,v=t.bgColor,x=t.children,y=t.indicator,g=t.fullscreen,j=void 0!==g&&g,b=(0,s.Z)(e,hn),w=[r,i,o?r+"-"+o:null].filter(Boolean).join(" ").trim(),C=(0,d.useMemo)((function(){return(0,m.jsx)("svg",{viewBox:"25 25 50 50",children:(0,m.jsx)("circle",{cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:"5",strokeMiterlimit:"10"})})}),[]),N=(0,d.useMemo)((function(){return(0,m.jsx)("div",{className:[r+"-tips",j?r+"-fullscreen":null].filter(Boolean).join(" ").trim(),style:{color:p,backgroundColor:v},children:(0,m.jsxs)("div",{className:r+"-tips-nested",children:[y||C,f&&(0,m.jsx)("div",{className:[r+"-text",h?r+"-vertical":null].filter(Boolean).join(" ").trim(),children:f})]})})}),[j,v,r,h,f]);return(0,m.jsxs)("div",(0,c.Z)({className:w},b,{children:[(u||j)&&N,x&&d.cloneElement(x,Object.assign({},x.props,{className:[r+"-warp",u?r+"-blur":null].filter(Boolean).join(" ").trim()}))]}))},mn=["prefixCls","className","tagName","children","disabled","multiline","icon","text","active","addonAfter","isSubMenuItem"],vn={href:void 0,onClick:void 0,onMouseDown:void 0,onMouseEnter:void 0,onMouseLeave:void 0,tabIndex:-1};function xn(e,t){var n=e.prefixCls,r=void 0===n?"w-menu-item":n,i=e.className,a=e.tagName,o=void 0===a?"a":a,l=e.disabled,u=void 0!==l&&l,f=e.multiline,h=void 0!==f&&f,p=e.icon,v=e.text,x=e.active,y=void 0!==x&&x,g=e.addonAfter,j=e.isSubMenuItem,b=(0,s.Z)(e,mn),w=[r,y?"active":null,u?"w-disabled":null,i].filter(Boolean).join(" ").trim(),C=d.createElement(o,(0,c.Z)({},b,u?vn:{},{className:w,ref:t}),(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)(M,{className:r+"-icon",type:p}),(0,m.jsx)("div",{className:[r&&r+"-text",!h&&r+"-multiline"].filter(Boolean).join(" ").trim(),children:v}),g]}));return j?C:(0,m.jsxs)("li",{children:[" ",C," "]})}var yn=d.forwardRef(xn);yn.displayName="uiw.MenuItem";var gn=["prefixCls","className","title"],jn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-menu-divider":n,i=e.className,a=e.title,o=(0,s.Z)(e,gn),l=[r,i].filter(Boolean).join(" ").trim();return a?(0,m.jsx)("li",(0,c.Z)({},o,{ref:t,className:l,"data-menu":"divider",children:(0,m.jsx)("strong",{children:a})})):(0,m.jsx)("li",(0,c.Z)({},o,{ref:t,className:l}))}));jn.displayName="uiw.MenuDivider";var bn=["prefixCls","className","disabled","overlayProps","children","collapse","inlineIndent","inlineCollapsed"];function wn(e){var t=e.prefixCls,n=e.collapse,r=e.isOpen;return(0,d.useMemo)((function(){return(0,m.jsx)(M,{type:"caret-right",className:[t?t+"-collapse-icon":null,!n&&r?"w-open":null,n||r?null:"w-close"].filter(Boolean).join(" ").trim()})}),[t,n,r])}var Cn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-menu-subitem":n,i=e.className,a=e.disabled,o=e.overlayProps,l=void 0===o?{}:o,u=e.children,f=e.collapse,h=void 0!==f&&f,p=e.inlineIndent,v=(0,s.Z)(e,bn),x={},g={bordered:!0,children:u,inlineIndent:p,className:[r?r+"-overlay":null].filter(Boolean).join(" ").trim()},j=d.useRef(null),b=(0,d.useState)(!1),w=(0,y.Z)(b,2),C=w[0],N=w[1];return(0,d.useMemo)((function(){N(!1)}),[h]),h?(x.className=r+"-popup",x.trigger="hover",x.usePortal=!0,g.onClick=function(e){var t=e.currentTarget,n=e.relatedTarget||e.nativeEvent.target;t.children.length<1||function(e){var t=!1;if(e)do{e.dataset.menu||(t=!0),e.dataset.menu&&/^(subitem|divider)$/.test(e.dataset.menu)&&(t=!1)}while(!e.dataset.menu&&(e=e.parentNode));return t}(n)&&j.current&&j.current.hide()}):(delete g.onClick,g.bordered=!1,x.className=r+"-collapse",x.appear=!1,x.isOutside=!0,x.isClickOutside=!1,x.unmountOnExit=!1,x.trigger="click",x.transitionName=""+r,x.onExit=function(e){e.style.height=e.scrollHeight+"px",N(!1)},x.onExiting=function(e){e.style.height="0px"},x.onEnter=function(e){e.style.height="1px",N(!0)},x.onEntered=function(e){e.style.height="initial"},x.onEntering=function(e){e.style.height=e.scrollHeight+"px"}),(0,m.jsx)("li",{"data-menu":"subitem",ref:t,children:(0,m.jsx)(ve,(0,c.Z)({placement:"rightTop",autoAdjustOverflow:!0,disabled:a,isOpen:C,usePortal:!1,isOutside:!0},x,l,{ref:j,overlay:(0,m.jsx)(kn,(0,c.Z)({},g,{style:h?{}:{paddingLeft:p}})),children:(0,m.jsx)(yn,(0,c.Z)({},v,{ref:null,disabled:a,isSubMenuItem:!0,addonAfter:(0,m.jsx)(wn,{collapse:h,prefixCls:r,isOpen:C}),className:[r?r+"-title":null,h?null:r+"-collapse-title",i].filter(Boolean).join(" ").trim()}))}))})}));Cn.displayName="uiw.SubMenu";var Nn=["prefixCls","className","children","bordered","theme","inlineIndent","inlineCollapsed"],Zn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-menu":n,i=e.className,a=e.children,o=e.bordered,l=e.theme,u=void 0===l?"light":l,f=e.inlineIndent,h=void 0===f?10:f,p=e.inlineCollapsed,v=(0,s.Z)(e,Nn),x=(0,d.useMemo)((function(){return[r,o?"w-bordered":null,p?r+"-inline-collapsed":null,u?r+"-"+u:null,i].filter(Boolean).join(" ").trim()}),[r,o,p,u,i]);return(0,m.jsx)("ul",(0,c.Z)({},v,{ref:t,className:x,"data-menu":"menu",children:d.Children.map(a,(function(e,t){if(!d.isValidElement(e))return e;var n={};return e.props.children&&e.type===Cn&&(n.inlineIndent=h),d.cloneElement(e,Object.assign((0,c.Z)({},n),e.props,{key:""+t}))}))}))}));Zn.displayName="uiw.Menu",Zn.Item=yn,Zn.SubMenu=Cn,Zn.Divider=jn;var kn=Zn,Sn=kn,En=["prefixCls","className","type","title","description","showIcon","icon","rounded","isCloseButtonShown"],Pn=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(e){var i;return(0,r.Z)(this,n),(i=t.call(this,e)).handleClosed=function(e){var t=i.props.onClose;i.setState({isOpen:!1}),t&&t(e)},i.renderIcon=function(){var e=i.props,t=e.type,n=e.showIcon,r=i.props.icon;if(!r&&n)switch(t){case"success":r="circle-check";break;case"warning":r="warning";break;case"info":r="information";break;case"error":r="circle-close"}return r},i.state={isOpen:!0},i}return(0,i.Z)(n,[{key:"render",value:function(){var e=this.props,t=e.prefixCls,n=e.className,r=e.type,i=e.title,a=e.description,o=e.showIcon,l=e.rounded,d=e.isCloseButtonShown,u=(0,s.Z)(e,En),f=a||this.props.children,h=[t,n,t+"-"+r,l?t+"-rounded":null,o?t+"-icon":null,o?t+(i?"-title":"")+(f?"-description":""):null].filter(Boolean).join(" ").trim(),p=(0,m.jsxs)("div",(0,c.Z)({className:h},u,{children:[d&&(0,m.jsx)(L,{basic:!0,onClick:this.handleClosed,icon:"close",type:"light"}),o&&(0,m.jsx)(M,{type:this.renderIcon()}),(0,m.jsx)("span",{className:t+"-title",children:i}),(0,m.jsx)("span",{className:t+"-description",children:f})]}));return d?(0,m.jsx)(w.Z,{in:this.state.isOpen,unmountOnExit:!0,timeout:300,classNames:t,children:p}):p}}]),n}(d.Component);Pn.defaultProps={prefixCls:"w-message",rounded:!0,isCloseButtonShown:!1};var Mn=["prefixCls","format","onChange","className","popoverProps","pickerCaptionProps","allowClear","monthLabel"],Bn=["\u4e00\u6708","\u4e8c\u6708","\u4e09\u6708","\u56db\u6708","\u4e94\u6708","\u516d\u6708","\u4e03\u6708","\u516b\u6708","\u4e5d\u6708","\u5341\u6708","\u5341\u4e00\u6708","\u5341\u4e8c\u6708"];function Ln(e){var t=e.prefixCls,n=void 0===t?"w-monthpicker":t,r=e.format,i=void 0===r?"YYYY/MM":r,a=e.onChange,o=void 0===a?function(){}:a,l=e.className,u=e.popoverProps,f=e.pickerCaptionProps,h=void 0===f?{}:f,p=e.allowClear,v=void 0===p||p,x=e.monthLabel,g=void 0===x?Bn:x,j=(0,s.Z)(e,Mn),b=(0,d.useState)(!1),w=(0,y.Z)(b,2),C=w[0],N=w[1],Z=(0,d.useState)(new Date),k=(0,y.Z)(Z,2),S=k[0],E=k[1],P=(0,d.useState)("month"),M=(0,y.Z)(P,2),B=M[0],z=M[1],D=(0,d.useState)(e.value),O=(0,y.Z)(D,2),R=O[0],A=O[1];function T(e,t,n){var r=new Date(new Date(S)[e](t));n||z("month");var a=(0,ee.Z)(i,new Date(r));A(a),E(r),o&&o(r,a),"setMonth"===e&&N(!1)}return(0,d.useEffect)((function(){return A(e.value)}),[e.value]),j.value=(0,d.useMemo)((function(){return"string"===typeof R?R:R?(0,ee.Z)(i,R):""}),[i,R]),v&&j.value&&(j.addonAfter=(0,m.jsx)(L,{className:n+"-close-btn",icon:"close",onClick:function(){A(""),o&&o()},size:j.size,basic:!0,type:"light"})),(0,m.jsx)(ye,(0,c.Z)({trigger:"focus",placement:"bottomLeft",autoAdjustOverflow:!0,isOpen:C},u,{onVisibleChange:function(e){return N(e)},content:(0,m.jsxs)("div",{className:n+"-popover",children:[(0,m.jsx)(He,(0,c.Z)({panelDate:S,monthLabel:g},h,{onSelected:function(e){if(/^(month|year)$/.test(e))z(e);else{var t=new Date(S).getFullYear(),n=new Date(new Date(S).setFullYear("next"===B?t+1:t-1));E(n)}}})),"month"===B&&(0,m.jsx)(Re,{panelDate:S,monthLabel:g,onSelected:function(e,t){return T("setMonth",e,t)}}),"year"===B&&(0,m.jsx)(Te,{panelDate:S,onSelected:function(e,t){return T("setFullYear",e,t)}})]}),children:(0,m.jsx)(je,(0,c.Z)({placeholder:"\u8bf7\u8f93\u5165\u65e5\u671f",readOnly:!0},j,{className:[n,l].filter(Boolean).join(" ").trim()}))}))}var zn=["description","isOpen"],Dn={},On={},Rn=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){var e;return(0,r.Z)(this,n),(e=t.apply(this,arguments)).state={notifys:{}},e}return(0,i.Z)(n,[{key:"create",value:function(e){var t=this,n=e.placement,r=e.key;Dn[n]||(Dn[n]={}),e.isOpen=!1,Dn[n][r]=e,e.duration&&(On[r]=setTimeout((function(){t.closed(r,n)}),e.duration)),this.setState({notifys:Dn,placement:n},(function(){Dn[n][r].isOpen=!0,t.setState({notifys:Dn})}))}},{key:"closed",value:function(e,t){if(e&&t&&Dn[t][e]){Dn[t][e].isOpen=!1;var n=Dn[t][e];this.setState({notifys:Dn},(function(){clearTimeout(On[e]),delete On[e],delete Dn[t][e],n&&n.willUnmount&&n.willUnmount(n,Dn)}))}}},{key:"render",value:function(){var e=this,t=this.props.prefixCls,n=this.state.placement;return(0,m.jsx)(d.Fragment,{children:n&&Object.keys(this.state.notifys[n]).map((function(r){var i=e.state.notifys[n][r],a=i.description,o=i.isOpen,l=(0,s.Z)(i,zn);return"open"===l.type&&delete l.type,(0,m.jsx)(R,(0,c.Z)({className:t,useButton:!1,width:320},l,{usePortal:!1,hasBackdrop:!1,isOpen:o,content:a}),r)}))})}}]),n}(d.Component);Rn.defaultProps={prefixCls:"w-notify",placement:"topRight"};var An={},Tn={};function In(e,t){if(void 0===t&&(t="open"),e.placement||(e.placement="topRight"),e.type=t,!e.icon&&null!==e.icon)switch(e.type){case"success":e.icon="circle-check";break;case"warning":e.icon="warning";break;case"info":e.icon="information";break;case"error":e.icon="circle-close"}switch(e.type){case"info":e.type="primary";break;case"error":e.type="danger"}if(e.placement&&!An[e.placement]){var n=document.createElement("div");document.body.appendChild(n),n.className=["w-notify-warpper",e.placement].filter(Boolean).join(" ").trim(),Tn[e.placement]=n,An[e.placement]=C.render((0,m.jsx)(Rn,{}),n)}null!==e.duration&&(e.duration=1e3*(e.duration||4.5)),An[e.placement]&&An[e.placement].create((0,c.Z)({},e,{duration:e.duration,key:parseInt(String(1e15*Math.random()),10).toString(36),willUnmount:function(t,n){t&&(t.onClose&&t.onClose(),0===Object.keys(n[e.placement]).length&&An[e.placement]&&(delete An[e.placement],Tn[e.placement]&&document.body.removeChild(Tn[e.placement])))}}))}["open","success","warning","info","error"].forEach((function(e){In[e]=function(t){return void 0===t&&(t={}),In(t,e)}}));var Fn=In,Hn=d.forwardRef((function(e,t){return(0,m.jsx)("option",(0,c.Z)({},e,{ref:t}))})),Wn=d.forwardRef((function(e,t){return(0,m.jsx)("optgroup",(0,c.Z)({},e,{ref:t}))})),_n=["prefixCls","className","size"],Vn=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-select":n,i=e.className,a=e.size,o=void 0===a?"default":a,l=(0,s.Z)(e,_n);return(0,m.jsx)("select",(0,c.Z)({},l,{ref:t,className:[r,i,o?r+"-"+o:null].filter(Boolean).join(" ").trim()}))}));Vn.Option=Hn,Vn.Group=Wn;var Kn=Vn,Yn=["className","style","prefixCls","alignment","size","total","pageSize","pageSizeOptions","current","onChange","onShowSizeChange","divider"];function $n(e){var t=e.className,n=e.style,r=e.prefixCls,i=void 0===r?"w-pagination":r,a=e.alignment,o=void 0===a?"left":a,l=e.size,u=void 0===l?"default":l,f=e.total,h=void 0===f?0:f,p=e.pageSize,v=void 0===p?10:p,x=e.pageSizeOptions,g=void 0===x?[]:x,j=e.current,b=void 0===j?1:j,w=e.onChange,C=void 0===w?function(){return null}:w,N=e.onShowSizeChange,Z=e.divider,k=(0,s.Z)(e,Yn),S=(0,d.useState)(b),E=(0,y.Z)(S,2),P=E[0],M=E[1];(0,d.useEffect)((function(){return M(b)}),[b]);var B=[i,t,Z?"divider":null,u].filter(Boolean).join(" ").trim(),L=(0,d.useMemo)((function(){var e=[{type:"prev",disabled:1===P}],t=Math.ceil(h/v),n=t<=5?t:5,r=0,i=0;for(P>3&&t>5&&e.push({label:1}),P>4&&t>6&&e.push({type:"jumpPrev",label:"\u2022\u2022\u2022",goto:5});r3&&t>5&&(i=P-3);var a=(r+=1)+i;t-P===0&&t>5&&(a-=2),t-P===1&&t>5&&(a-=1),a<=t&&e.push({label:a,active:P===a})}return P+36&&e.push({type:"jumpNext",label:"\u2022\u2022\u2022",goto:5}),P+25&&e.push({label:t}),e.push({type:"next",disabled:P===t}),e}),[P,h,v]);return(0,m.jsxs)("ul",(0,c.Z)({className:B,style:(0,c.Z)({},n,{textAlign:o})},k,{children:[L.map((function(e,t){var n=(0,m.jsx)("a",{children:e.label});return/^(prev|next)$/.test(e.type)&&(n=(0,m.jsx)("a",{className:"arrow "+e.type})),(0,m.jsx)("li",{className:[e.active?"active":null,e.disabled?"disabled":null].filter(Boolean).join(" ").trim(),onClick:function(){return function(e){if(!e.active&&!e.disabled){var t=Math.ceil(h/v),n={};e.label&&(n.current=e.label),"prev"===e.type&&(n.current=P-1>0?P-1:1),"next"===e.type&&(n.current=P+1<=t?P+1:t),/^(jumpPrev|jumpNext)/.test(e.type)&&e.goto&&(n.current="jumpPrev"===e.type?P-e.goto:P+e.goto,n.current>t&&(n.current=t),n.current<1&&(n.current=1)),M(n.current),C&&C(n.current,h,v)}}(e)},children:n},t)})),g.length>0&&(0,m.jsx)("li",{className:i+"-options",children:(0,m.jsx)(Kn,{size:u,defaultValue:v,onChange:function(e){var t=Number(e.target.value),n=Math.ceil(h/t);N&&N(P>n?n:P,t)},children:g.map((function(e,t){return(0,m.jsxs)(Kn.Option,{value:e,children:[e,"\u6761/\u9875"]},t)}))})})]}))}var Un=["prefixCls","placeholder","value","autoFocus","className","size","style","disabled","onChange","onBlur","onFocus"];function Jn(e,t){void 0===e&&(e={});var n=e,r=n.prefixCls,i=void 0===r?"w-pin-code":r,a=n.placeholder,o=void 0===a?"\u25cb":a,l=n.value,f=void 0===l?[]:l,h=n.autoFocus,p=n.className,v=n.size,x=void 0===v?"default":v,g=n.style,j=n.disabled,b=n.onChange,w=void 0===b?u:b,C=n.onBlur,N=void 0===C?u:C,Z=n.onFocus,k=void 0===Z?u:Z,S=(0,s.Z)(e,Un),E=(0,d.useState)({}),P=(0,y.Z)(E,1)[0],M=(0,d.useState)(o),B=(0,y.Z)(M,2),L=B[0],z=B[1],D=(0,d.useState)(f),O=(0,y.Z)(D,2),R=O[0],A=O[1],T=[i,p,x?i+"-"+x:null,j?"disabled":null].filter(Boolean).join(" ").trim();function I(e){z(o),N(e)}function F(e){z(""),k(e)}return(0,d.useEffect)((function(){R!==f&&w(R)}),[R]),(0,m.jsx)("div",(0,c.Z)({className:T,style:g},S,{ref:t,children:(0,be.Z)(R).map((function(e,t){var n={min:0,type:"text",inputMode:"numeric",autoComplete:"off",value:e,onChange:function(e){return function(e,t){var n=e.target.value;n=n.charAt(n.length-1);var r=(0,be.Z)(R);Number(n)>-1&&n?(e.currentTarget.value=n,r[t]=n,P[t+1]&&P[t+1].focus(),A(r)):n||(r[t]="",A(r))}(e,t)},onKeyDown:function(e){return function(e,t){var n=e.currentTarget.value,r=e.key.toLocaleLowerCase();!n&&P[t-1]&&/(backspace|delete)/.test(r)&&P[t-1].focus()}(e,t)},onBlur:function(e){return I(e)},onFocus:function(e){return F(e)},className:i+"-inner",placeholder:L,disabled:j,size:x};return h&&0===t&&(n.autoFocus=!0),(0,d.createElement)(je,(0,c.Z)({ref:function(e){e&&(P[t]=e)}},n,{key:t}))}))}))}var Gn=d.forwardRef(Jn);function qn(e){return(0,m.jsx)(M,{type:e.type})}var Xn=["prefixCls","style","type","className","showText","percent","format","strokeWidth","width","status"],Qn=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){return(0,r.Z)(this,n),t.apply(this,arguments)}return(0,i.Z)(n,[{key:"relativeStrokeWidth",value:function(e,t){var n=this.props,r=n.strokeWidth,i=n.percent;if(t&&t.parentNode){var a=(r/t.parentNode.getBoundingClientRect().width*100).toFixed(1),o=parseInt((50-parseFloat(a)/2).toString(),10);if(t.setAttribute("stroke-width",a),t.setAttribute("d","M 50 50 m 0 -"+o+" a "+o+" "+o+" 0 1 1 0 "+2*o+" a "+o+" "+o+" 0 1 1 0 -"+2*o),"track"===e){var l=2*Math.PI*o;t.setAttribute("style","stroke-dasharray:"+l+"px,"+l+"px;stroke-dashoffset:"+(1-i/100)*l+"px;transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease;")}}}},{key:"render",value:function(){var e,t=this.props,n=t.prefixCls,r=t.style,i=t.className,a=t.showText,o=t.percent,l=t.format,d=t.width,u=t.status,f=(0,s.Z)(t,Xn),h=[n,i,n+"-circle",a?n+"-show-text":null,u?n+"-status-"+u:null,parseInt(o.toString(),10)>=100?n+"-status-success":null].filter(Boolean).join(" ").trim(),p=parseInt(o.toString(),10)>=100&&!("status"in this.props)?"success":u;if(a){var v=o+"%";"exception"===p?v=(0,m.jsx)(qn,{type:"close"}):"success"===p&&(v=(0,m.jsx)(qn,{type:"check"})),e=(0,m.jsx)("span",{className:n+"-text",style:{fontSize:.16*d+6},children:l?l(o):v})}return(0,m.jsxs)("div",(0,c.Z)({className:h,style:r},f,{children:[(0,m.jsxs)("svg",{viewBox:"0 0 100 100",width:""+d,children:[(0,m.jsx)("path",{ref:this.relativeStrokeWidth.bind(this,"bg"),className:n+"-trail",fill:"none"}),(0,m.jsx)("path",{ref:this.relativeStrokeWidth.bind(this,"track"),strokeLinecap:"round",className:n+"-stroke",fill:"none"})]}),e]}))}}]),n}(d.Component);Qn.defaultProps={prefixCls:"w-progress",showText:!0,percent:0,width:126,strokeWidth:6};var er=["prefixCls","style","className","showText","percent","format","strokeWidth","width","status"],tr=function(e){(0,o.Z)(n,e);var t=(0,l.Z)(n);function n(){return(0,r.Z)(this,n),t.apply(this,arguments)}return(0,i.Z)(n,[{key:"render",value:function(){var e,t=this.props,n=t.prefixCls,r=t.style,i=t.className,a=t.showText,o=t.percent,l=t.format,d=t.strokeWidth,u=t.status,f=(0,s.Z)(t,er),h=[n,i,n+"-line",a?n+"-show-text":null,u?n+"-status-"+u:null,parseInt(o.toString(),10)>=100?n+"-status-success":null].filter(Boolean).join(" ").trim();if(a){var p=parseInt(o.toString(),10)>=100&&!("status"in this.props)?"success":u,v=o+"%";"exception"===p?v=(0,m.jsx)(qn,{type:"circle-close"}):"success"===p&&(v=(0,m.jsx)(qn,{type:"circle-check"})),e=(0,m.jsx)("span",{className:n+"-text",children:l?l(o):v})}var x={width:o+"%",height:d};return(0,m.jsxs)("div",(0,c.Z)({className:h,style:r},f,{children:[(0,m.jsx)("div",{className:n+"-bar",children:(0,m.jsx)("div",{className:n+"-inner",children:(0,m.jsx)("div",{className:n+"-bg",style:x})})}),e]}))}}]),n}(d.Component);tr.defaultProps={prefixCls:"w-progress",showText:!0,percent:0,width:126,strokeWidth:6};var nr={Line:tr,Circle:Qn},rr=["prefixCls","count","value","className","allowHalf","character","readOnly","disabled","onChange","onHoverChange","color"];function ir(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-rate":n,i=t.count,a=void 0===i?5:i,o=t.value,l=void 0===o?0:o,f=t.className,h=t.allowHalf,p=t.character,v=void 0===p?"\u2605":p,x=t.readOnly,g=void 0!==x&&x,j=t.disabled,b=t.onChange,w=void 0===b?u:b,C=t.onHoverChange,N=void 0===C?u:C,Z=t.color,k=(0,s.Z)(e,rr),S=(0,d.useState)(l),E=(0,y.Z)(S,2),P=E[0],M=E[1],B=(0,d.useState)(-1),L=(0,y.Z)(B,2),z=L[0],D=L[1],O=[r,f,j?"disabled":null].filter(Boolean).join(" ").trim(),R=(0,d.useState)(),A=(0,y.Z)(R,2),T=A[0],I=A[1];function F(e,t){e.persist();var n=t,r=e.clientX-e.currentTarget.getBoundingClientRect().left<=e.currentTarget.getBoundingClientRect().width/2;return h?(e.persist(),n=r?t+.5:t+1):n=t+1,n}return l!==T&&I(l),(0,d.useMemo)((function(){P!==T&&M(l)}),[T]),(0,m.jsx)("div",(0,c.Z)({},k,{className:O,onMouseLeave:function(){D(-1)},children:(0,be.Z)(Array(a)).map((function(e,t){var n=P<=t+.5&&Math.ceil(P)-1===t&&-1===z||z===t+.5,i=[r+"-hight",t+1<=P&&-1===z?"star-on":null,t+1<=z?"hover-on":null,n?"half-on":null].filter(Boolean).join(" ").trim(),a={};return g||(a.onClick=function(e){return function(e,t){if(!g){var n=F(e,t);M(n),w(n)}}(e,t)},a.onMouseMove=function(e){return function(e,t){var n=F(e,t);z!==n&&(D(n),N(n))}(e,t)}),(0,m.jsxs)("span",(0,c.Z)({},a,{children:[(0,m.jsx)("span",{style:{color:Z},className:i,children:v}),(0,m.jsx)("span",{className:r+"-bg",children:v})]}),t)}))}))}var ar=["prefixCls","className","style","title","children","visible","color","disabled","bordered","closable","light","onClose"],or=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-tag":n,i=t.className,a=t.style,o=t.title,l=void 0===o?"":o,d=t.children,u=t.visible,f=void 0===u||u,h=t.color,p=void 0===h?"#6E6E6E":h,v=t.disabled,x=void 0!==v&&v,y=t.bordered,g=void 0===y||y,j=t.closable,b=t.light,w=void 0!==b&&b,C=t.onClose,N=(0,s.Z)(e,ar),Z=[r,i,w?r+"-light":null,x?"disabled":null].filter(Boolean).join(" ").trim(),k=(0,c.Z)({},a);return w?(k.color=p,k.borderColor=p,g&&w&&(k.boxShadow="inset 0 0 0 1px "+p)):(k.color="#fff",k.backgroundColor=p),f?(0,m.jsxs)("span",(0,c.Z)({className:Z,style:k},N,{children:[l||d,!x&&j?(0,m.jsx)("svg",{onClick:C,className:r+"-close",width:"15",height:"15",viewBox:"0 0 16 16",children:(0,m.jsx)("path",{d:"M9.41 8l2.29-2.29c.19-.18.3-.43.3-.71a1.003 1.003 0 0 0-1.71-.71L8 6.59l-2.29-2.3a1.003 1.003 0 0 0-1.42 1.42L6.59 8 4.3 10.29c-.19.18-.3.43-.3.71a1.003 1.003 0 0 0 1.71.71L8 9.41l2.29 2.29c.18.19.43.3.71.3a1.003 1.003 0 0 0 .71-1.71L9.41 8z"})}):null]})):null},lr=["allowClear","disabled","size","maxTagCount","option","loading","labelInValue","prefixCls","className","mode","style","isOpen","value","defaultValue","showSearch","tagProps","placeholder","onSearch","onChange","onSelect"];function sr(e){var t,n=e.allowClear,r=void 0!==n&&n,i=e.disabled,a=void 0!==i&&i,o=e.size,l=void 0===o?"default":o,u=e.maxTagCount,f=e.option,h=void 0===f?[]:f,p=e.loading,v=void 0!==p&&p,x=e.labelInValue,g=void 0!==x&&x,j=e.prefixCls,b=void 0===j?"w-search-select":j,w=e.className,C=e.mode,N=void 0===C?"single":C,Z=e.style,k=e.value,S=e.defaultValue,E=e.showSearch,P=e.tagProps,B=void 0===P?{}:P,L=e.placeholder,z=e.onSearch,D=e.onChange,O=e.onSelect,R=(0,s.Z)(e,lr),A=[b,w].filter(Boolean).join(" ").trim(),T=(0,d.useMemo)((function(){return"multiple"===N}),[N]),I=(0,d.useState)(!1),F=(0,y.Z)(I,2),H=F[0],W=F[1],_=(0,d.useState)([]),V=(0,y.Z)(_,2),K=V[0],Y=V[1],$=(0,d.useState)(""),U=(0,y.Z)($,2),J=U[0],G=U[1],q=(0,d.useState)(""),X=(0,y.Z)(q,2),Q=X[0],ee=X[1],te=(0,d.useRef)(null),ne=(0,d.useMemo)((function(){return u&&K.length>u?K.length-u:0}),[K.length]),re=(0,d.useRef)(null),ie=function(e){return void 0!==e&&""!==e},ae=(0,d.useRef)();ae.current=(0,d.useMemo)((function(){return K}),[K]),(0,d.useEffect)((function(){!ie(k)&&ie(S)&&le(S)}),[]),(0,d.useEffect)((function(){a&&W(!1)}),[a]),(0,d.useEffect)((function(){ie(k)&&le(k)}),[JSON.stringify(k)]);var oe=function(e,t){var n=e.find((function(e){return e.value===t}));return n};function le(e){var t=[];if(g)Array.isArray(e)?t=e:t.push(e);else if(Array.isArray(e))t=e.map((function(e){return oe(h,e)})).filter((function(e){return!!e}));else{var n=oe(h,e);n&&(G(n.label),t.push(n))}!T&&t.length>0&&G(t[0].label||""),Y(t)}var se=function(e){G(e),E&&(null==z||z(e))};function ce(e,t){var n=-1!==e?function(e){var t=ae.current;return t.splice(e,1),(0,be.Z)(t)}(e):[].concat((0,be.Z)(K),[t]),r=n.map((function(e){return e.value}));de(r,n)}function de(e,t){G(""),O&&O(e),pe(e,t),void 0===k&&Y(t)}function ue(e){var t;t="enter"===e&&r&&(K.length>0||J)?"close":"",ee(t)}function fe(e){W(!0),ee(E&&e?"loading":""),se(e)}function he(e){var t;e.stopPropagation(),null==(t=te.current)||t.focus(),Y([]),fe(""),W(!1),pe("",[])}function pe(e,t){D&&D(g?t:e)}return(0,m.jsx)(Tt,(0,c.Z)({className:A,trigger:"click",style:{marginTop:5},overlayStyl:{width:100},disabled:a},R,{onVisibleChange:function(e){var t=ae.current;W(e),e||se(""),!T&&t.length>0&&G(t[0].label)},isOpen:H,menu:(0,m.jsx)(Sn,{bordered:!0,style:{minHeight:25,maxHeight:280,minWidth:null!=(t=null==Z?void 0:Z.width)?t:200,overflowY:"scroll",width:null==Z?void 0:Z.width},children:h&&0!==h.length?h.map((function(e){var t=K.findIndex((function(t){return t.value===e.value}));return(0,m.jsx)(Sn.Item,{active:-1!==t,text:e.label,onClick:function(){return T?ce(t,e):function(e){W(!1);var t=[e];G(e.label),de(e.value,t)}(e)}},t)})):(0,m.jsx)("div",{style:{color:"#c7c7c7",fontSize:12},children:v?"\u6b63\u5728\u52a0\u8f7d\u6570\u636e...":"\u6ca1\u6709\u6570\u636e"})}),children:(0,m.jsx)("div",{ref:re,onMouseOver:function(){return ue("enter")},onMouseLeave:function(){return ue("leave")},onClick:function(){var e;return null==(e=te.current)?void 0:e.focus()},style:(0,c.Z)({width:"100%",maxWidth:"none"},Z),children:T?(0,m.jsxs)("div",{className:b+"-inner",children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"wrap",width:"100%"},children:[T&&K.slice(0,u).map((function(e,t){return(0,m.jsx)(or,(0,c.Z)({style:(0,c.Z)({height:20,margin:1,display:"flex",alignItems:"center"},B.style),className:b+"-tag",color:"#393E48"},B,{closable:!0,disabled:a,onClose:function(n){n.stopPropagation(),ce(t,e)},children:e.label}),t)})),!!ne&&(0,m.jsxs)(or,{style:{height:20,margin:1,display:"flex",alignItems:"center"},disabled:!0,children:["+",ne," \u2026"," "]}),(0,m.jsx)(je,{style:{flex:1},className:b+"-input-contents",readOnly:!E,size:l,ref:te,disabled:a,onKeyDown:function(e){T&&K.length>0&&!J&&8===e.keyCode&&ce(K.length-1)},onChange:function(e){return fe(e.target.value)},value:J,placeholder:K.length?"":L})]}),!a&&("close"===Q||"loading"===Q&&v)&&(0,m.jsx)(M,{type:Q,spin:v&&"loading"===Q,onClick:he})]}):(0,m.jsx)(je,{readOnly:!E,size:l,ref:te,disabled:a,onChange:function(e){return fe(e.target.value)},value:J,placeholder:L,addonAfter:!a&&("close"===Q||"loading"===Q&&v)&&(0,m.jsx)(M,{type:Q,spin:v&&"loading"===Q,onClick:he})})})}))}var cr=n(1064),dr=["prefixCls","className","style","status","itemWidth","icon","adjustMarginRight","stepNumber","title","description","progressDot"];var ur=["prefixCls","style","className","children","current","status","progressDot","direction"];function fr(e){var t=e.prefixCls,n=void 0===t?"w-steps":t,r=e.style,i=void 0===r?{}:r,a=e.children,o=e.current,l=e.status,u=void 0===l?"process":l,f=e.progressDot,h=void 0!==f&&f,p=e.direction,v=void 0===p?"horizontal":p,x=(0,s.Z)(e,ur),g=(0,d.useRef)(null),j=(0,d.useState)(0),b=(0,y.Z)(j,2),w=b[0],C=b[1],N=d.Children.toArray(a).filter((function(e){return!!e})),Z=N.length-1,k=[n,n+"-"+v,h?n+"-dot":null].filter(Boolean).join(" ").trim();return(0,d.useEffect)((function(){return function(){var e=g.current;if(e&&e.lastChild){var t=(e.lastChild.offsetWidth||0)+1;if(t===w||Math.abs(t-w)<=3)return;C(t)}}()})),(0,m.jsx)("div",(0,c.Z)({className:k,style:i},x,{ref:g,children:d.Children.map(a,(function(e,t){var r=(0,c.Z)({stepNumber:""+(t+1),prefixCls:n,progressDot:h},e.props);return t!==Z&&"vertical"!==v&&(r.itemWidth=100/Z+"%",r.adjustMarginRight=-Math.round(w/Z+1)),h&&"vertical"!==v&&(r.itemWidth=100/N.length+"%",r.adjustMarginRight=0),"error"===u&&t===o-1&&(r.className=n+"-next-error"),e.props.status||(r.status=t===o?u:t=100&&(n=100);var r=t*(n/100)+.5;return Math.floor(r)*x+l}function K(e){if(T.current){var t=(0,be.Z)(H),n=V(e[E?"clientY":"clientX"]-D.current+R.current);if(n!==O.current){t[z.current]=n;var r=U(t);B.current&&(B.current.style[E?"top":"left"]=r.left,B.current.style[E?"bottom":"right"]=r.right),_(t),O.current=n}}}function Y(){T.current=void 0,window.removeEventListener("mousemove",K,!1),window.removeEventListener("mouseup",Y,!1)}(0,d.useEffect)((function(){return W(Array.isArray(a)?a:[a])}),[a]),M.onClick=function(e){if(void 0===T.current){var t=L.current.getBoundingClientRect();_(function(e){if(!Array.isArray(a))return Array.isArray(e)?e:[e];var t=(0,be.Z)(H),n=t[0],r=t[1];(ne||n>r&&nr&&r>e)&&(t[1]=e);if(n>e&&r=e&&(t[1]=e),ie&&n=e&&(t[0]=e),oe[1]?e[1]:e[0],r=e[0]>e[1]?e[0]:e[1];t.left=$(n)+"%",t.right=100-$(r)+"%"}else t.right=100-$(e[0])+"%";return t}function J(e){return k&&!0!==k&&k[e]&&k[e].label?k[e].label:k&&!0!==k&&k[e]&&"string"===typeof k[e]?k[e]:S&&"function"===typeof S&&S(e)?S(e):e}var G=U();return j&&delete M.onClick,(0,m.jsxs)("div",(0,c.Z)({ref:L,className:[r,Z,j?"disabled":null,k?r+"-with-marks":null,E?r+"-vertical":null].filter(Boolean).join(" ").trim()},M,{children:[(0,m.jsx)("div",{ref:B,className:r+"-bar",style:(0,c.Z)((t={},(0,Dt.Z)(t,E?"top":"left",G.left),(0,Dt.Z)(t,E?"bottom":"right",G.right),t),!0!==w?{backgroundColor:w||"initial"}:{})}),(0,be.Z)(H).map((function(e,t){var n=$(e);return(0,m.jsx)("div",{className:r+"-handle",onMouseDown:function(e){return function(e,t){if(!j){z.current=e,T.current=!0,D.current=t[E?"clientY":"clientX"],B.current&&(R.current=B.current[E?"clientHeight":"clientWidth"],A.current=B.current[E?"offsetTop":"offsetLeft"]);var n=(0,be.Z)(H);Array.isArray(a)&&(R.current=1===z.current&&n[1]>n[0]||1!==z.current&&n[0]>n[1]?R.current+A.current:A.current),window.addEventListener("mousemove",K),window.addEventListener("mouseup",Y)}}(t,e)},style:(0,Dt.Z)({},E?"top":"left",n+"%"),children:(N||!1===N)&&(0,m.jsx)("div",{className:[r+"-tooltip",N?"open":null].filter(Boolean).join(" ").trim(),children:J(e)})},t)})),p&&(0,m.jsx)(pr,{prefixCls:r,min:l,step:x,marks:k,vertical:!!E,data:function(){for(var e=(f-l)/x,t=100*x/(f-l),n=[0],r=1;r0&&(t=gr(n,t+1)),t}function jr(e,t){void 0===e&&(e=[]),void 0===t&&(t=[]);for(var n=[],r=0;r0&&(n=n.concat(jr(e[r].children,t))):n.push(e[r]);return n}function br(e,t){t||(t={header:[],render:{}}),t&&!t.header&&(t.header=[]),t&&!t.render&&(t.render={});for(var n=[],r=[],i=0;i0&&(e[i].colSpan=jr(e[i].children).length),r.push(e[i])),e[i]&&e[i].children&&(n=n.concat(e[i].children.map((function(e){return e.children&&e.children.length>0&&(e.colSpan=jr(e.children).length),e}))));if(0===t.header.length){var a=gr(r);t.header.push(r.map((function(e){return 1===a||(!e.children||e.children&&0===e.children.length)&&(e.rowSpan=a),e})))}if(n&&n.length>0){var o=gr(n);t.header.push(n.map((function(e){return 1===o||(!e.children||e.children&&0===e.children.length)&&(e.rowSpan=o),e}))),t=br(n,t)}return t}function wr(e,t){void 0===t&&(t=[]);for(var n=0;n0&&o.map((function(e,t){return(0,m.jsx)("tr",{children:(e||[]).map((function(e,n){var i=e.title,a=e.ellipsis,o=(e.fixed,(0,s.Z)(e,Sr)),l=(0,m.jsx)("span",{className:a?(o.className||"")+" "+r+"-ellipsis":void 0,children:"function"===typeof i?i(e,n,t):i});return 0===o.colSpan?null:(0,m.jsx)(Zr,{colNum:n,item:e,prefixCls:r,onCellHead:d,rowNum:t,titleNode:l,locationWidth:f,updateLocation:h},n)}))},t)}))}))}function Pr(e){var t=e.defaultExpand,n=e.onClick,r=e.expandIcon,i=(0,d.useState)(t),a=(0,y.Z)(i,2),o=a[0],l=a[1];return(0,m.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},onClick:function(){l(!o),n(o)},children:r(o)})}function Mr(e){var t=e.rowKey,n=e.data,r=e.keys,i=e.render,a=e.ellipsis,o=e.prefixCls,l=e.onCell,s=void 0===l?u:l,f=e.isExpandedDom,h=e.hierarchy,p=e.indentSize,v=e.childrenColumnName,x=e.locationWidth,g=(0,d.useState)(!1),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=(0,d.useState)(0),N=(0,y.Z)(C,2),Z=N[0],k=N[1],S=(0,d.useState)([]),E=(0,y.Z)(S,2),P=E[0],B=E[1];(0,d.useEffect)((function(){w(!(null==n||!n.find((function(e){return e[v]})))),k(-1===(null==r?void 0:r.findIndex((function(e){return"uiw-expanded"===e.key})))?0:1)}),[n]);var L=(0,d.useMemo)((function(){return function(e,t){var n=P.includes(e);return(0,m.jsx)(M,{type:n?"minus-square-o":"plus-square-o",style:{marginRight:10,opacity:t?1:0,marginLeft:h*p,float:"left",marginTop:3.24},onClick:function(){B(n?P.filter((function(t){return t!==e})):[].concat((0,be.Z)(P),[e]))}})}}),[P]);return Array.isArray(n)&&n.length?(0,m.jsx)(d.Fragment,{children:n.map((function(n,l){var u=t?n[t]:l;return(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)("tr",{children:r.map((function(e,t){var r={children:n[e.key]};if(i[e.key]){var f=i[e.key](n[e.key],e.key,n,l,t);if(d.isValidElement(f))r.children=f;else{if(f.props&&(r=(0,c.Z)({},f.props,{children:r.children}),0===f.props.rowSpan||0===f.props.colSpan))return null;f.children&&(r.children=f.children)}}var y=Array.isArray(n[v]);return t===Z&&(b||h||y)&&(r.children=(0,m.jsxs)(m.Fragment,{children:[L(u,y),(0,m.jsx)("span",{style:{paddingLeft:h*p}}),r.children]})),e.fixed&&("right"===e.fixed?r.className=r.className+" "+o+"-fixed-right":r.className=r.className+" "+o+"-fixed-true"),(0,d.createElement)("td",(0,c.Z)({},r,{style:(0,c.Z)({},Cr(e.fixed,x,t)),children:(0,m.jsx)("span",{className:a&&a[e.key]?o+"-ellipsis":void 0,children:r.children}),key:t,className:o+"-tr-children-"+(e.align||"left")+" "+(e.className||"")+" "+(r.className||""),onClick:function(r){return s(n,{rowNum:l,colNum:t,keyName:e.key},r)}}))}))},u),f(n,l),P.includes(u)&&(0,m.jsx)(Mr,(0,c.Z)({},e,{data:n[v],hierarchy:h+1}))]},l)}))}):null}var Br=["prefixCls","className","columns","data","title","footer","bordered","onCell","onCellHead","empty","children","expandable","rowKey","scroll"];function Lr(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-table":n,i=t.className,a=t.columns,o=void 0===a?[]:a,l=t.data,f=void 0===l?[]:l,h=t.title,p=t.footer,v=t.bordered,x=t.onCell,g=void 0===x?u:x,j=t.onCellHead,b=void 0===j?u:j,w=t.empty,C=t.expandable,N=t.rowKey,Z=t.scroll,k=(0,s.Z)(e,Br),S=(0,d.useState)([]),E=(0,y.Z)(S,2),P=E[0],B=E[1],L=(0,d.useState)({}),z=(0,y.Z)(L,2),D=z[0],O=z[1],R=(0,d.useRef)({}),A=function(){for(var e=0,t=0,n=0;n-1;r--)R.current[r]&&(R.current[r].right=t,t=R.current[r].width+t);return R.current};(0,d.useEffect)((function(){var e=(null==C?void 0:C.childrenColumnName)||"children";if(C){if(C.defaultExpandAllRows)return void B(function t(n){var r=[],i=n.map((function(n,i){return Array.isArray(n[e])&&r.push.apply(r,(0,be.Z)(t(n[e]))),N?n[N]:i}));return[].concat(r,(0,be.Z)(i))}(f));if(C.defaultExpandedRowKeys)return void B(C.defaultExpandedRowKeys)}}),[]),(0,d.useEffect)((function(){C&&C.expandedRowKeys&&JSON.stringify(C.expandedRowKeys)!==JSON.stringify(P)&&B(C.expandedRowKeys)}),[null==C?void 0:C.expandedRowKeys]);var T=(0,d.useMemo)((function(){return function(e,t){if(!C)return!1;if(!C.expandedRowRender)return!1;var n=!0;return C.rowExpandable&&(n=C.rowExpandable(e)),n&&(0,m.jsx)("tr",{style:P.includes(N?e[N]:t)?{}:{display:"none"},children:(0,m.jsx)("td",{style:{paddingLeft:16},colSpan:o.length+1,children:C.expandedRowRender(e,t,!0)})})}}),[C,P]),I=(0,d.useMemo)((function(){var e=wr(o),t=[];return null!=C&&C.expandedRowRender?(e=[{key:"uiw-expanded",align:"center"}].concat((0,be.Z)(e)),t=[{title:"",key:"uiw-expanded",width:50,align:"center",render:function(e,t,n,r){var i;return(0,m.jsx)(Pr,{defaultExpand:void 0===C.defaultExpandAllRows?!(null==(i=C.defaultExpandedRowKeys)||!i.includes(N?n[N]:r)):!!C.defaultExpandAllRows,onClick:function(e){if(null==C.onExpand||C.onExpand(e,n,r),e){var t=P.filter((function(e){return N?e!==n[N]:e!==r}));C.onExpandedRowsChange?C.onExpandedRowsChange(t):B(t)}else{var i=[].concat((0,be.Z)(P),[N?n[N]:r]);C.onExpandedRowsChange?C.onExpandedRowsChange(i):B(i)}},expandIcon:function(e){return!C.rowExpandable||null!=C.rowExpandable&&C.rowExpandable(n)?C.expandIcon?C.expandIcon(e,n,r):e?(0,m.jsx)(M,{type:"minus-square-o"}):(0,m.jsx)(M,{type:"plus-square-o"}):null}})}}].concat((0,be.Z)(o))):t=(0,be.Z)(o),{keys:e,selfColumns:t}}),[o,P]),F=(0,d.useMemo)((function(){var e={table:{},div:{}};return Z&&(void 0!==Z.x&&(e.table.minWidth="100%",e.table.width=Z.x,e.div.overflowX="auto",e.div.overflowY="hidden"),void 0!==Z.y&&(e.div.maxHeight=Z.y,e.div.overflowY="scroll")),e}),[Z]),H=[r,i,v?r+"-bordered":null].filter(Boolean).join(" ").trim(),W=br(I.selfColumns),_=W.header,V=W.render,K=W.ellipsis;return(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)("div",(0,c.Z)({className:H},k,{style:(0,c.Z)({},k.style,F.div),children:(0,m.jsxs)("table",{style:(0,c.Z)({tableLayout:K?"fixed":"auto"},F.table),children:[h&&(0,m.jsx)("caption",{children:h}),o&&o.length>0&&(0,m.jsx)(Er,{onCellHead:b,data:_,locationWidth:D,updateLocation:function(e,t){R.current=(0,c.Z)({},R.current,(0,Dt.Z)({},t,(0,c.Z)({},R.current[t],e))),t===o.length-1&&O(A())}}),f&&f.length>0&&(0,m.jsx)("tbody",{children:(0,m.jsx)(Mr,{rowKey:N,locationWidth:D,data:f,keys:I.keys,render:V,ellipsis:K,prefixCls:r,onCell:g,hierarchy:0,isExpandedDom:T,indentSize:(null==C?void 0:C.indentSize)||16,childrenColumnName:(null==C?void 0:C.childrenColumnName)||"children"})}),f&&0===f.length&&w&&(0,m.jsx)("tbody",{children:(0,m.jsx)("tr",{children:(0,m.jsx)("td",{colSpan:o.length,style:{position:"relative",left:0},children:w})})}),e.children]})})),p&&(0,m.jsx)("div",{className:r+"-footer",children:p})]})}var zr=["prefixCls","className","label"],Dr=["prefixCls","className","children","type","activeKey","onTabClick"];function Or(e){var t,n=e.prefixCls,r=void 0===n?"w-tabs":n,i=e.className,a=e.children,o=e.type,l=void 0===o?"default":o,u=e.onTabClick,f=(0,s.Z)(e,Dr),h=(0,d.useState)(e.activeKey),p=(0,y.Z)(h,2),v=p[0],x=p[1],g=(0,d.useState)({width:0,left:0}),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=(0,d.useRef)(),N=[r,i,l?r+"-"+l:null].filter(Boolean).join(" ").trim(),Z=(0,d.useState)({content:0,nav:[],flowLeft:-1,displayStart:0,displayEnd:0}),k=(0,y.Z)(Z,2),S=k[0],E=k[1],P=(0,d.useState)([]),M=(0,y.Z)(P,2),B=M[0],L=M[1],z=(0,d.useState)(),D=(0,y.Z)(z,2),O=D[0],R=D[1],A=(0,d.useCallback)((function(e){null!==e&&(R(O),e.addEventListener("scroll",(function(e){var t=e.target,n=t.clientWidth,r=t.scrollLeft;S.displayStart=r,S.displayEnd=n+r,E((0,c.Z)({},S))})),S.displayEnd=e.getBoundingClientRect().width,E((0,c.Z)({},S)))}),[]),T=(0,d.useCallback)((function(e,t){null!==e&&(e.addEventListener("click",(function(t){C.current=e})),I(e.getBoundingClientRect().width,t))}),[]),I=function(e,t){var n=0;S.nav.slice(0,t+1).forEach((function(e){return n+=e.width})),S.nav[t]={width:e,curWidth:Math.floor(n),index:t},E(S)};(0,d.useEffect)((function(){F()}),[S.displayEnd>(null==(t=S.nav[S.nav.length-1])?void 0:t.curWidth)]);var F=function(){var e=[];S.nav.length>0&&(S.nav.forEach((function(t){var n=t.curWidth-15;(nS.displayEnd)&&e.push(t.index)})),L(e))};function H(){C.current&&"line"===l&&w({width:C.current.clientWidth,left:C.current.offsetLeft})}return(0,d.useEffect)((function(){return x(e.activeKey)}),[e.activeKey]),(0,d.useEffect)((function(){return H()}),[v]),(0,m.jsxs)("div",(0,c.Z)({className:N},f,{children:[(0,m.jsxs)("div",{style:{display:"flex"},children:[(0,m.jsx)("div",{style:{overflow:"hidden"},children:(0,m.jsx)("div",{className:r+"-bar",ref:A,children:(0,m.jsxs)("div",{className:r+"-nav",style:{width:"max-content"},children:[W(a),(0,m.jsx)("div",{style:b,className:r+"-slide"})]})})}),B.length>0&&(0,m.jsx)(ye,{trigger:"click",placement:"bottomRight",visibleArrow:!1,content:(0,m.jsx)("div",{className:r+"-nav-hidden",children:W(B.map((function(e){return a[e]})))}),children:(0,m.jsx)("div",{onClick:F,className:r+"-flow-content",children:(0,m.jsx)("span",{children:"\u2026"})})})]}),d.Children.map(a,(function(e){return e&&v===e.key?d.cloneElement(e,Object.assign({},e.props,{})):null}))]}));function W(e){return d.Children.map(e,(function(e,t){if(!e)return null;var n={className:[r+"-item",e.key===v?"active":null,e.props.disabled?"disabled":null].filter(Boolean).join(" ").trim(),children:e.props.label};return e.props.disabled||(n.onClick=function(t){x(e.key),u&&u(e.key,e,t),H()}),(0,m.jsx)("div",(0,c.Z)({ref:function(e){return T(e,t)}},n),t)}))}}Or.Pane=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-tabs-pane":n,i=t.className,a=(0,s.Z)(e,zr);return(0,m.jsx)("div",(0,c.Z)({className:[r,i].filter(Boolean).join(" ").trim()},a))};var Rr=["prefixCls","className"],Ar=d.forwardRef((function(e,t){var n=e.prefixCls,r=void 0===n?"w-textarea":n,i=e.className,a=(0,s.Z)(e,Rr);return(0,m.jsx)("textarea",(0,c.Z)({className:[r,i].filter(Boolean).join(" ").trim()},a,{ref:t,children:e.children}))})),Tr=["prefixCls","className","placement","isOpen","trigger","delay","usePortal","visibleArrow","onVisibleChange"],Ir=function(e){void 0===e&&(e={});var t=e,n=t.prefixCls,r=void 0===n?"w-tooltip":n,i=t.className,a=t.placement,o=void 0===a?"top":a,l=t.isOpen,d=void 0!==l&&l,u=t.trigger,f=t.delay,h=t.usePortal,p=void 0===h||h,v=t.visibleArrow,x=void 0===v||v,y=t.onVisibleChange,g=(0,s.Z)(e,Tr),j=[r,i,x?null:"no-arrow"].filter(Boolean).join(" ").trim();return(0,m.jsx)(ve,(0,c.Z)({usePortal:p,isOpen:d,trigger:u,delay:f,onVisibleChange:y,placement:o},g,{overlay:(0,m.jsxs)("div",{className:j,children:[x&&(0,m.jsx)("div",{className:r+"-arrow"}),(0,m.jsx)("div",{className:r+"-inner",children:e.content})]}),children:"object"===typeof e.children?e.children:(0,m.jsx)("span",{children:e.children})}))},Fr=["prefixCls","renderTitle","icon","iconAnimation","isSelected","openKeys","selectedKeys","data","level","parent","onItemClick","onItemSelected"],Hr=function(e){var t=e.label;return(0,d.useMemo)((function(){return(0,m.jsx)("span",{children:t})}),[t])};function Wr(e){var t=e.prefixCls,n=e.renderTitle,r=e.icon,i=e.iconAnimation,a=e.isSelected,o=e.openKeys,l=e.selectedKeys,f=e.data,h=e.level,p=e.parent,v=e.onItemClick,x=void 0===v?u:v,y=e.onItemSelected,g=void 0===y?u:y,j=(0,s.Z)(e,Fr),b=!1;p&&(p.key||0===p.key)&&(b=!!(o&&o.indexOf(p.key)>-1));var C=(0,d.useCallback)((function(e){e.style.height=e.scrollHeight+"px"}),[]),N=(0,d.useCallback)((function(e){e.style.height="1px"}),[]),Z=(0,d.useCallback)((function(e,t){e.style.height="1px"}),[]),k=(0,d.useCallback)((function(e,t){e.style.height=e.scrollHeight+"px"}),[]),S=(0,d.useCallback)((function(e,t){e.style.height="initial"}),[]);return(0,m.jsx)(w.Z,{classNames:t,in:b,timeout:200,onExit:C,onExiting:N,onEnter:Z,onEntered:S,onEntering:k,children:(0,m.jsx)("ul",{className:[1!==h&&b?[t+"-open"]:null,1===h||b?null:[t+"-close"]].filter(Boolean).join(" ").trim(),children:f.map((function(e,s){var d;e.parent=p;var u=!!(l&&l.indexOf(e.key)>-1),f=!e.children,v=o&&o.indexOf(e.key)>-1&&!!e.children,y="function"===typeof r?r(e,{isOpen:!!v,noChild:f,openKeys:o,selectedKeys:l}):r,b=f?[]:Kr(e.children),w=l?l.filter((function(e){return b.indexOf(e)>-1})):[],C=w.length>0&&b.length!==w.length;return(0,m.jsxs)("li",{style:{display:e.hideNode?"none":"block"},children:[(0,m.jsxs)("div",{className:t+"-label",children:[(0,m.jsx)("span",{style:{display:f?"none":"auto"},className:t+"-switcher",onClick:function(t){return x(e,t)},children:(0,m.jsx)(M,{type:y||"caret-right",className:["function"===typeof r?t+"-switcher-noop":null,f?"no-child":null,i?null:"no-animation",v?"open":null].filter(Boolean).join(" ").trim()})}),(0,m.jsx)("div",{onClick:function(t){return g(e,t)},className:[t+"-title",u&&a?"selected":null,e.disabled?"disabled":null].filter(Boolean).join(" ").trim(),children:n?n(e,{selected:u,noChild:f,openKeys:o,isHalfChecked:C,selectedKeys:l}):(0,m.jsx)(Hr,{label:e.label})})]}),e.children&&(0,m.jsx)(Wr,(0,c.Z)({},j,(d={prefixCls:t,icon:r,iconAnimation:i,isSelected:a,openKeys:o,selectedKeys:l,onItemClick:x,onItemSelected:g,renderTitle:n},(0,Dt.Z)(d,"prefixCls",t),(0,Dt.Z)(d,"data",e.children),(0,Dt.Z)(d,"level",h+1),(0,Dt.Z)(d,"parent",e),d)))]},s)}))})})}var _r=["prefixCls","icon","data","openKeys","selectedKeys","defaultExpandAll","showLine","iconAnimation","isSelected","checkStrictly","multiple","onExpand","onSelected","className","autoExpandParent","renderTitle","onChange","value"],Vr=function(e,t){if(!(e instanceof Array)||!(t instanceof Array))return!1;if(e.length0&&(n=n.concat(e(t.children,void 0,r?r-1:void 0)))})),n},Yr=function e(t,n){return void 0===t&&(t={}),void 0===n&&(n=[]),t.key&&n.push(t.key),t.parent&&(n=e(t.parent,n)),n},$r=function e(t,n,r){return void 0===t&&(t={}),void 0===n&&(n=[]),void 0===r&&(r=[]),t.key&&t.children&&Vr(n,Kr(t.children,void 0,1))&&(r.push(t.key),t.parent&&!t.parent.parent&&(Vr(n,Kr(t.children))&&(n=n.concat(r)),Vr(n,Kr(t.parent.children))&&r.push(t.parent.key))),t.parent&&(r=e(t.parent,n,r)),r};function Ur(e){var t=e.prefixCls,n=void 0===t?"w-tree":t,r=e.icon,i=void 0===r?"caret-right":r,a=e.data,o=void 0===a?[]:a,l=e.openKeys,f=void 0===l?[]:l,h=e.selectedKeys,p=void 0===h?[]:h,v=e.defaultExpandAll,x=void 0!==v&&v,g=e.showLine,j=void 0!==g&&g,b=e.iconAnimation,w=void 0===b||b,C=e.isSelected,N=void 0===C||C,Z=e.checkStrictly,k=void 0!==Z&&Z,S=e.multiple,E=void 0!==S&&S,P=e.onExpand,M=void 0===P?u:P,B=e.onSelected,L=void 0===B?u:B,z=e.className,D=e.autoExpandParent,O=void 0===D||D,R=e.renderTitle,A=e.onChange,T=e.value,I=(0,s.Z)(e,_r),F=(0,d.useState)(f),H=(0,y.Z)(F,2),W=H[0],_=H[1],V=(0,d.useState)(T||p),K=(0,y.Z)(V,2),Y=K[0],$=K[1];(0,d.useEffect)((function(){$(e.value||e.selectedKeys||[])}),[JSON.stringify(e.selectedKeys),JSON.stringify(e.value)]),(0,d.useEffect)((function(){var e=(0,be.Z)(W);if(x)e=Kr(o);else if(O){var t;(t=e).push.apply(t,(0,be.Z)(Kr(o||[],void 0,1)))}_(e)}),[]);var U=[z,n,j?n+"-line":null].filter(Boolean).join(" ").trim();return(0,m.jsx)("div",(0,c.Z)({className:U},I,{children:(0,m.jsx)(Wr,{icon:i,iconAnimation:w,isSelected:N,openKeys:W,selectedKeys:Y,prefixCls:n,renderTitle:R,onItemClick:function(e,t){if(e.children){var n=(0,be.Z)(W),r=n.find((function(t){return t===e.key})),i=t.currentTarget.className.replace(/(\s)open/g,""),a=!1;!r&&e.key?(n.push(e.key),t.currentTarget.className=[i,"open"].filter(Boolean).join(" ").trim(),a=!0):(n=n.filter((function(t){return t!==e.key})),t.currentTarget.className=i),_(n),M&&M(e.key,a,e,t)}},onItemSelected:function(e,t){var n=(0,be.Z)(Y),r=n.find((function(t){return t===e.key})),i=!1;r||0===r?n=n.filter((function(t){return t!==e.key})):(i=!0,n.push(e.key)),k&&(r?n=(n=n.filter((function(t){return-1===Kr(e.children).indexOf(t)}))).filter((function(t){return-1===Yr(e.parent).indexOf(t)})):(n=(n=n.concat(Kr(e.children).filter((function(e){return-1===n.indexOf(e)})))).concat($r(e,n)),n=Array.from(new Set(n)))),E||(n=r?[]:[e.key]),$(n),L&&L(n,e.key,i,e,t),null==A||A(e.key,n)},data:o,level:1})}))}var Jr=["prefixCls"];function Gr(e){var t=e.prefixCls,n=void 0===t?"w-treechecked":t,r=(0,s.Z)(e,Jr);return r.className=[n,r.className].filter(Boolean).join(" ").trim(),r.checkStrictly=!0,r.isSelected=!1,r.multiple=!0,(0,m.jsx)(Ur,(0,c.Z)({renderTitle:function(e,t){var r={};return t.isHalfChecked&&(r.indeterminate=!0),t.selected?r.checked=!0:r.checked=!1,(0,m.jsxs)(d.Fragment,{children:[(0,m.jsx)(ct,(0,c.Z)({className:n+"-checked"},r)),e.label&&(0,m.jsx)("span",{children:e.label})]})}},r))}var qr=function(e){var t=e.prefixCls,n=void 0===t?"w-search-tree":t,r=e.size,i=void 0===r?"default":r,a=e.disabled,o=void 0!==a&&a,l=e.allowClear,s=void 0!==l&&l,u=e.loading,f=void 0!==u&&u,h=e.selectCloseDrop,p=void 0!==h&&h,v=e.className,x=e.style,g=e.placeholder,j=e.content,b=e.options,w=e.values,C=e.onChange,N=e.onSearch,Z=e.emptyOption,k=[n,v].filter(Boolean).join(" ").trim(),S=(0,d.useState)(!1),E=(0,y.Z)(S,2),P=E[0],B=E[1],L=(0,d.useState)(w),z=(0,y.Z)(L,2),D=z[0],O=z[1],R=(0,d.useRef)(),A=(0,d.useState)(""),T=(0,y.Z)(A,2),I=T[0],F=T[1];R.current=(0,d.useMemo)((function(){return D}),[D]);var H=(0,d.useState)(""),W=(0,y.Z)(H,2),_=W[0],V=W[1],K=(0,d.useRef)(null);function Y(e){var t="enter"===e&&s&&(D.length||I)?"close":"";V(t)}(0,d.useEffect)((function(){O(w)}),[JSON.stringify(w)]);var $=function(e,t,n){void 0===n&&(n=!0),O(e),G(""),null==C||C(e,t,n)},U=function(e){var t=R.current,n=t[e];t.splice(e,1),$((0,be.Z)(t),n,!1)};function J(e){B(!0),G(e),V(e?"loading":"")}var G=function(e){F(e),null==N||N(e)},q=(0,d.useMemo)((function(){if(Z)return"boolean"===typeof Z?(0,m.jsx)(Ft,{style:{minWidth:200,width:null==x?void 0:x.width}}):Z;var e=(0,c.Z)({},j.props,{onSelected:function(e,t,n){void 0===n&&(n=!0),B(!p),$(e,t,n)},values:D,options:b});return d.cloneElement(j,e)}),[JSON.parse(JSON.stringify(D)),b,Z]);return(0,m.jsx)(Tt,{className:k,trigger:"click",onVisibleChange:function(e){B(e),e||G("")},disabled:o,isOpen:P,menu:(0,m.jsx)(Ge,{bodyStyle:!0===Z?{padding:0}:void 0,children:q}),children:(0,m.jsx)("div",{onMouseOver:function(){return Y("enter")},onMouseLeave:function(){return Y("leave")},onClick:function(){var e;return null==(e=K.current)?void 0:e.focus()},style:(0,c.Z)({minWidth:200,maxWidth:"none"},x),children:(0,m.jsxs)("div",{className:n+"-inner",children:[(0,m.jsxs)("div",{style:{display:"flex",flexFlow:"wrap",width:"100%"},children:[D.map((function(e,t){return(0,m.jsx)(or,{style:{height:20,margin:1,display:"flex",alignItems:"center"},className:n+"-tag",closable:!0,disabled:o,color:"#393E48",onClose:function(e){e.stopPropagation(),U(t)},children:e.label},t)})),(0,m.jsx)(je,{ref:K,style:{},className:n+"-input-contents",size:i,disabled:o,onKeyDown:function(e){D.length>0&&!I&&8===e.keyCode&&U(D.length-1)},onChange:function(e){return J(e.target.value)},value:I,placeholder:D.length?"":g})]}),!o&&(0,m.jsx)("span",{style:{height:25,width:14},className:n+"-close-tag-contents",children:("close"===_||"loading"===_&&f)&&(0,m.jsx)(M,{type:_,spin:f&&"loading"===_,onClick:function(e){var t;e.stopPropagation(),null==(t=K.current)||t.focus(),J(""),B(!1),O([]),$([])}})})]})})})},Xr=["onChange","onSearch","multiple","options","value","emptyOption","treeProps"];function Qr(e){var t=(0,d.useState)({}),n=(0,y.Z)(t,2),r=n[0],i=n[1],a=(0,d.useState)([]),o=(0,y.Z)(a,2),l=o[0],s=o[1];(0,d.useEffect)((function(){var t,n={},r=null==(t=e.values)?void 0:t.map((function(e){return n[e.key]=e.label,e.key}));i(n),s(r||[])}),[e.values]);var u=function e(t,n,r){var i=function(e,t,r){r?n[e]=t:delete n[e]},a=function e(t){if(t.parent){var r=t.parent.children.filter((function(e){return!n[e.key]})).length;i(t.parent.key,t.parent.label,0===r),e(t.parent)}};return t.forEach((function(t){var o,l;null!=(o=t.children)&&o.length&&(n=e(t.children,n,r)),i(t.key,null==(l=t.label)?void 0:l.toString(),r),a(t)})),n};return(0,m.jsx)(Gr,(0,c.Z)({defaultExpandAll:!0},e,{data:e.options,selectedKeys:l,onSelected:function(t,n,i,a){var o=u([a],r,i),l=!1;"number"===typeof n&&(l=!0);var s=Object.entries(o).map((function(e){var t=(0,y.Z)(e,2),n=t[0],r=t[1];return{key:l?Number.parseInt(n):n,label:r}}));null==e.onSelected||e.onSelected(s,{key:a.key,label:a.label},i)}}))}function ei(e){var t=(0,d.useState)([]),n=(0,y.Z)(t,2),r=n[0],i=n[1];(0,d.useEffect)((function(){var t,n=[];null!=(t=e.values)&&t.length&&(n[0]=e.values[0].key),i(n)}),[e.values]);return(0,m.jsx)(Ur,(0,c.Z)({defaultExpandAll:!0},e,{multiple:!1,data:e.options,selectedKeys:r,onSelected:function(t,n,r,i){var a={key:i.key,label:i.label};null==e.onSelected||e.onSelected(r?[a]:[],a,r)}}))}var ti,ni=function(e){var t=e.onChange,n=(e.onSearch,e.multiple),r=void 0===n||n,i=e.options,a=void 0===i?[]:i,o=e.value,l=void 0===o?[]:o,u=e.emptyOption,f=void 0===u?!a.length:u,h=e.treeProps,p=(0,s.Z)(e,Xr),v=(0,d.useState)(Array.isArray(l)?l:[l]),x=(0,y.Z)(v,2),g=x[0],j=x[1],b=(0,d.useState)(a),w=(0,y.Z)(b,2),C=w[0],N=w[1],Z=(0,d.useState)(f),k=(0,y.Z)(Z,2),S=k[0],E=k[1];return(0,d.useEffect)((function(){j(Array.isArray(l)?l:[])}),[JSON.stringify(l)]),(0,m.jsx)(qr,(0,c.Z)({},p,{emptyOption:S,selectCloseDrop:!r,onSearch:function(e){!function t(n,r){void 0===r&&(r=!0),n.forEach((function(n){var i,a=!n.label.includes(e.trim())&&r;if(null!=(i=n.children)&&i.length){t(n.children,a);var o=n.children.find((function(e){return!e.hideNode}));n.hideNode=a&&!o}else n.hideNode=a}))}(a),N((0,be.Z)(a));var t=!0;a.forEach((function(e){return t=t&&!!e.hideNode})),E("boolean"===typeof f&&t?t:f)},onChange:function(e,n,r){j(e),null==t||t(n,e,r)},values:g,options:C,content:r?(0,m.jsx)(Qr,(0,c.Z)({},h)):(0,m.jsx)(ei,(0,c.Z)({},h))}))};!function(e){e[e.UnChecked=0]="UnChecked",e[e.AllChecked=1]="AllChecked",e[e.Indeterminate=2]="Indeterminate"}(ti||(ti={}));var ri=function(e){var t=e.placeholder,n=e.options,r=e.value,i=void 0===r?[]:r,a=e.showSearch,o=void 0!==a&&a,l=e.selectedAll,s=void 0!==l&&l,u=e.bodyStyle,f=e.style,h=e.className,p=e.prefixCls,v=void 0===p?"w-transfer":p,x=[v,h].filter(Boolean).join(" ").trim(),g=(0,d.useState)(""),j=(0,y.Z)(g,2),b=j[0],w=j[1],C=(0,d.useState)(""),N=(0,y.Z)(C,2),Z=N[0],k=N[1],S=(0,d.useState)(n||[]),E=(0,y.Z)(S,2),P=E[0],B=E[1],L=(0,d.useRef)(0),z=(0,d.useState)(new Map),D=(0,y.Z)(z,2),O=D[0],R=D[1],A=(0,d.useState)(new Map),T=(0,y.Z)(A,2),I=T[0],F=T[1],H=(0,d.useState)([]),W=(0,y.Z)(H,2),_=W[0],V=W[1],K=(0,d.useState)([]),Y=(0,y.Z)(K,2),$=Y[0],U=Y[1],J=(0,d.useState)([]),G=(0,y.Z)(J,2),q=G[0],X=G[1],Q=(0,d.useState)({left:ti.UnChecked,right:ti.UnChecked}),ee=(0,y.Z)(Q,2),te=ee[0],ne=ee[1];(0,d.useEffect)((function(){i&&(X(i||[]),null==i||i.forEach((function(e){return O.set(e.key,e.label)})),re((function(e){return!(null==i||!i.find((function(t){return e.key===t.key})))})))}),[JSON.stringify(i)]);var re=function(e){L.current=0;!function t(n){n.forEach((function(n){var r,i=e(n);if(null!=(r=n.children)&&r.length){t(n.children);var a=n.children.find((function(e){return!e.hideNode}));n.hideNode=i&&!a}else n.hideNode=i;n.hideNode||L.current++}))}(P),B((0,be.Z)(P))},ie=function e(t,n,r){var i=function(e,t,r){r?n.set(e,t):n.delete(e)},a=function e(t){if(t.parent){var r=t.parent.children.filter((function(e){return!n.get(e.key)&&!e.hideNode})).length;i(t.parent.key,t.parent.label,0===r),e(t.parent)}};return t.forEach((function(t){var o,l;null!=(o=t.children)&&o.length&&(n=e(t.children,n,r)),i(t.key,null==(l=t.label)?void 0:l.toString(),r),a(t)})),n},ae=function(t){"left"===t?(I.forEach((function(e,t){O.set(t,e)})),F(new Map),V([])):($.forEach((function(e){O.delete(e)})),U([])),R(O);var n=[];O.forEach((function(e,t){return n.push({key:t,label:e})})),null==e.onChange||e.onChange(t,n)},oe=function(e){return(0,m.jsx)(M,{onClick:function(){return e.click()},type:"down-square-o",className:v+"-arrow",style:(0,c.Z)({fontSize:20,stroke:"#e9e9e9",fill:"#333"},e.style)})};return(0,m.jsxs)("div",{className:x,style:(0,c.Z)({width:400},f),children:[(0,m.jsxs)(Ge,{bodyStyle:{padding:"5px 9px"},title:(0,m.jsxs)("div",{children:[s&&(0,m.jsx)(ct,{indeterminate:_.length=L.current&&!!_.length,onChange:function(e){var t=e.target.checked;if(te.left=t?1:0,t){var n=[];!function e(t){t.forEach((function(t){var r;null!=(r=t.children)&&r.length&&e(t.children),t.hideNode||(I.set(t.key,t.label),n.push(t.key))}))}(P),F(I),V(n)}else V([]),F(new Map);ne(te)}}),(0,m.jsxs)("label",{style:{marginLeft:3},children:[_.length,"/",L.current]})]}),className:v+"-card",children:[o&&(0,m.jsx)(je,{placeholder:t,value:b,onChange:function(t){return n=t.target.value,re((function(e){var t=!e.label.includes(n.trim());return t||(t=!!q.find((function(t){return t.key===e.key}))),t})),w(n),void(null==e.onSearch||e.onSearch("left",n));var n}}),(0,m.jsx)("div",{className:v+"-cheked-content",children:(0,m.jsx)(Gr,{defaultExpandAll:!0,placeholder:t||"\u641c\u7d22\u9009\u9879",data:P,selectedKeys:_,onSelected:function(e,t,n,r){V(e);var i=ie([r],I,n);F(i)}})})]}),(0,m.jsxs)("div",{className:v+"-arrow-content",children:[(0,m.jsx)(oe,{click:function(){return ae("left")},style:{transform:"rotate(-90deg)",background:_.length>0?"#393E48":"none"}}),(0,m.jsx)(oe,{click:function(){return ae("right")},style:{transform:"rotate(90deg)",background:$.length>0?"#393E48":"none"}})]}),(0,m.jsxs)(Ge,{bodyStyle:{padding:"5px 9px"},className:v+"-card",title:(0,m.jsxs)("div",{children:[s&&(0,m.jsx)(ct,{indeterminate:$.length=a)&&Object.keys(n.O).every((function(e){return n.O[e](r[s])}))?r.splice(s--,1):(l=!1,a0&&e[d-1][2]>a;d--)e[d]=e[d-1];e[d]=[r,i,a]}}(),n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.f={},n.e=function(e){return Promise.all(Object.keys(n.f).reduce((function(t,r){return n.f[r](e,t),t}),[]))},n.u=function(e){return"static/js/"+({889:"vendors-prismjs",6982:"vendors-standalone"}[e]||e)+"."+{163:"414b5e93",207:"891adb65",221:"7580ea33",433:"cf28cdac",486:"fc977627",643:"91db4530",694:"fccf5cec",745:"3a86c62c",747:"7519f1c0",748:"56e2408a",766:"254f786a",782:"b7fa1e08",875:"e828b928",889:"b53bdc3b",922:"b1f148e3",1016:"a3866702",1059:"91abc879",1061:"7f36cd06",1127:"d65f8357",1151:"3c560b1f",1169:"09eaca86",1317:"38dbb8a4",1358:"e579baca",1584:"048d5dac",1619:"830956b8",1756:"87f583cc",1820:"d404a4dc",1892:"0f341f07",1971:"d746cb8b",2078:"53137233",2156:"7b48207d",2190:"18817a1e",2230:"0487b22b",2316:"413d8a55",2367:"dba82a13",2411:"d8c23241",2448:"1d46904a",2456:"624e63f5",2582:"fabc7c5c",2595:"e601585c",2679:"0780e749",2692:"db178ecc",2737:"c8116116",2782:"ce63e3d0",2795:"45c184a0",2926:"f11fdc77",3151:"59d27efa",3257:"5693b5c1",3259:"80ff41ab",3261:"d4120c57",3313:"33356ac6",3450:"812a2002",3518:"3579bf63",3769:"535a1903",3811:"ac38cada",3812:"83ac04ae",3917:"316e9c73",3931:"088517c5",4010:"349a3d51",4036:"412a4652",4098:"110d30f0",4128:"2505f70b",4188:"764534ec",4396:"dcc82407",4405:"15ee9209",4503:"a6713aef",4648:"a5de3d8b",4781:"ce661c8a",4877:"1dee8156",4948:"8038256e",5146:"76b73d7f",5244:"0e01a7a9",5253:"7a8716a8",5308:"e281d313",5364:"b95913d0",5393:"a06f5064",5408:"19d641d9",5468:"aef3688e",5595:"00fd464d",5821:"41b747c6",5865:"9fe51960",5930:"65ea3787",5933:"55737de8",6019:"add10037",6036:"289c2eb8",6510:"698ec559",6536:"e713d674",6566:"511e95c6",6659:"32d92089",6715:"a9d7daaa",6730:"c74d0eb6",6869:"38330ca9",6878:"c6cec0d9",6982:"00edacc6",7079:"3aa94426",7087:"1de73bab",7104:"f7b287e5",7157:"0f42dd2c",7217:"1be488ae",7266:"bba9c51f",7313:"40ed89a6",7390:"96fe4a22",7541:"025255de",7664:"f92b74f7",7761:"c492e98f",7763:"444dce16",7834:"e8f08b7c",7861:"757503f5",7875:"c9cd6434",7884:"3e37630b",7970:"2adbe6f1",8023:"07209052",8073:"95c42d7b",8312:"58a5729e",8398:"cc6aa9ea",8488:"148bfa75",8566:"a4d8e2ab",8586:"9d605493",8709:"44b46cf7",8747:"04252521",8768:"5facbb82",8849:"d5dd1a61",8898:"10b18297",8915:"82c6b45a",9057:"b21f426b",9121:"4a2401c8",9137:"f4e2b7b0",9147:"d6a507a2",9188:"b7ce0cf2",9200:"0a1f7353",9253:"16f819ac",9260:"adf4d77e",9384:"67a326ee",9429:"3b8debbf",9503:"3ae7abde",9636:"279db5c1",9673:"bbfc1dea",9763:"de473cb5",9776:"44d6d181",9777:"80804360",9820:"1374775d",9836:"8cd96a11",9853:"c230e14a",9900:"2d8ffaaf",9961:"9db8f620"}[e]+".chunk.js"},n.miniCssF=function(e){return"static/css/"+e+"."+{163:"4f744b40",221:"4f744b40",433:"4f744b40",643:"4f744b40",694:"4f744b40",748:"4f744b40",875:"4f744b40",1059:"4f744b40",1061:"4f744b40",1169:"4f744b40",1317:"4f744b40",1584:"4f744b40",1619:"4f744b40",1820:"4f744b40",2156:"4f744b40",2190:"4f744b40",2230:"4f744b40",2316:"4f744b40",2367:"4f744b40",2411:"4f744b40",2582:"4f744b40",2595:"4f744b40",2737:"4f744b40",2782:"4f744b40",3313:"4f744b40",3518:"4f744b40",3812:"4f744b40",3917:"4f744b40",4010:"4f744b40",4098:"4f744b40",4128:"4f744b40",4188:"4f744b40",4396:"774af801",4405:"4f744b40",4503:"4f744b40",4648:"4f744b40",4877:"6e864cd4",4948:"4f744b40",5244:"4f744b40",5308:"4f744b40",5393:"4f744b40",5408:"4f744b40",5595:"4f744b40",5865:"4f744b40",5933:"4f744b40",6510:"4f744b40",6715:"4f744b40",6730:"4f744b40",7087:"4f744b40",7104:"4f744b40",7157:"4f744b40",7390:"4f744b40",7541:"4f744b40",7761:"4f744b40",7834:"4f744b40",7875:"4f744b40",7884:"4f744b40",8023:"4f744b40",8073:"4f744b40",8566:"4f744b40",8898:"4f744b40",9121:"4f744b40",9200:"14abaeb3",9253:"4f744b40",9260:"4f744b40",9384:"4f744b40",9503:"4f744b40",9673:"4f744b40",9763:"4f744b40",9776:"4f744b40",9777:"4f744b40",9853:"4f744b40"}[e]+".chunk.css"},n.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={},t="website:";n.l=function(r,i,a,o){if(e[r])e[r].push(i);else{var l,s;if(void 0!==a)for(var c=document.getElementsByTagName("script"),d=0;d\n \n \n \n \n);\n\nconst dark = logo;\n\nconst light = (\n \n);\n\nexport default {\n dark,\n light,\n};\n","import { Link } from 'react-router-dom';\n\nexport default function NoMatch() {\n return (\n \n
It looks like you're lost...
\n
\n Go to the home page\n
\n
\n );\n}\n","import { Loader, Icon } from 'uiw';\n\nexport default function De() {\n return (\n } />\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {};","import React, { useMemo } from 'react';\nimport { Select } from 'uiw';\nimport pkg from 'uiw/package.json';\nimport styles from './index.module.less';\n\ntype OptionsProps = {\n version?: string;\n};\n\nfunction Options(props = {} as OptionsProps) {\n return useMemo(() => {props.version}, [props.version]);\n}\n\nexport type VersionSelectProps = {\n data: string[];\n};\n\nconst VersionSelect = (props = {} as VersionSelectProps) => {\n function onChange(e: React.ChangeEvent) {\n const version = e.target.value;\n const isV1 = version.split('.')[0] === '1';\n if (isV1) {\n window.location.href = `https://unpkg.com/uiw@${version}/dist/index.html`;\n } else {\n window.location.href = `https://unpkg.com/@uiw/doc@${version}/web/index.html`;\n }\n }\n // @ts-ignore\n // eslint-disable-next-line no-undef\n const currentVersion = pkg.version;\n const versionList = props.data;\n const firstVersion = versionList[0];\n if (firstVersion !== currentVersion) {\n versionList.unshift(currentVersion);\n }\n return useMemo(\n () => (\n \n \n
\n ),\n [versionList],\n );\n};\n\nexport default VersionSelect;\n","// extracted by mini-css-extract-plugin\nexport default {\"sider\":\"index_sider__vrASx\",\"menuWarpper\":\"index_menuWarpper__asOzy\",\"subMenu\":\"index_subMenu__c4Mvo\",\"layoutWrap\":\"index_layoutWrap__6CE3D\",\"layoutSider\":\"index_layoutSider__1t-SG\"};","// extracted by mini-css-extract-plugin\nexport default {\"title\":\"index_title__O5TzH\",\"menu\":\"index_menu__9HE8I\",\"divider\":\"index_divider__1cINS\"};","import React from 'react';\n\nexport default {\n home: (\n \n ),\n component: (\n \n ),\n github: (\n \n ),\n issue: (\n \n ),\n gitee: (\n \n ),\n plugin: (\n \n ),\n};\n","import { NavLink } from 'react-router-dom';\nimport { useLocation } from 'react-router-dom';\nimport styles from './index.module.less';\nimport menu from '../../menu.json';\nimport nav from '../icons/nav';\n\nexport default function SiderMenu() {\n const location = useLocation();\n const data = menu.find((item) => new RegExp(`^${item.path || ''}`).test(location.pathname));\n\n if (!data?.children) {\n return null;\n }\n return (\n \n
\n {(nav as any)[data.icon]}\n {data.name}\n
\n
\n {data.children &&\n data.children.map((item, idx) => {\n if (item.divider) {\n return (\n
\n {item.name}\n
\n );\n }\n if (/^http(?:|s):\\/\\//.test(item.path || '')) {\n return (\n
\n {item.name}\n \n \n );\n }\n return (\n
\n {item.name}\n \n );\n })}\n
\n
\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"logo\":\"index_logo__kUQOi\",\"top\":\"index_top__DLxV-\",\"nav\":\"index_nav__SdXbb\",\"navTop\":\"index_navTop__08yh1\",\"btn\":\"index_btn__YYGUe\",\"btnTop\":\"index_btnTop__PlNw6\"};","import React from 'react';\n\ntype InitialState = {\n layout: 'top' | 'left' | 'mix';\n};\n\nexport const initialState: InitialState = {\n layout: 'top',\n};\n\nexport const reducer = (state: InitialState, action: InitialState) => {\n return {\n ...state,\n ...action,\n };\n};\n\nexport interface Context {\n state: InitialState;\n dispatch: React.Dispatch;\n}\n\nexport const ThemeContext = React.createContext({\n state: initialState,\n dispatch: () => null,\n});\n","import React from 'react';\n\nexport default {\n menu: (\n \n ),\n menutop: (\n \n ),\n china: (\n \n ),\n};\n","import { Fragment, useContext } from 'react';\nimport { Tooltip } from 'uiw';\nimport { NavLink, Link } from 'react-router-dom';\nimport styles from './index.module.less';\nimport data from '../../menu.json';\nimport { ThemeContext } from '../../contexts';\nimport nav from '../icons/nav';\nimport logo from '../icons/logo';\nimport menu from '../icons/menu';\nimport pkg from 'uiw/package.json';\n\nexport default function Nav() {\n const { state, dispatch } = useContext(ThemeContext);\n return (\n \n \n \n {logo.dark}\n {state.layout === 'top' && (\n \n UIW{pkg.version}\n \n )}\n \n
\n \n {data.map(({ path, name, icon }, idx) => {\n if (Object.keys(nav).includes(icon)) {\n icon = (nav as any)[icon];\n }\n if (/^https?:(?:\\/\\/)?/.test(path)) {\n if (state.layout === 'top') {\n return (\n
\n {icon} {name}\n \n );\n }\n return (\n
{name}}\n >\n \n {icon}\n \n \n );\n }\n let activeStyle: React.CSSProperties = {\n color: '#fff',\n };\n if (state.layout === 'top') {\n return (\n
(isActive ? activeStyle : undefined)}\n >\n {icon} {name}\n \n );\n }\n\n return (\n
{name}}\n >\n (isActive ? activeStyle : undefined)}\n >\n {icon}\n \n \n );\n })}\n
\n \n
\n \n {menu.china}\n \n \n
\n
\n \n );\n}\n","import { Fragment, useContext } from 'react';\nimport { Outlet } from 'react-router-dom';\nimport { Layout, Affix } from 'uiw';\nimport VersionSelect from '../components/VersionSelect';\nimport styles from './index.module.less';\nimport version from '../version.json';\nimport SiderMenu from '../components/SiderMenu';\nimport Nav from '../components/Nav';\nimport { ThemeContext } from '../contexts';\n\nconst { Header, Sider, Content } = Layout;\nexport interface ComponentsProps {\n siderMenu?: boolean;\n}\n\nexport default function Components(props: ComponentsProps) {\n const { siderMenu = true } = props;\n const { state } = useContext(ThemeContext);\n return (\n \n {state.layout === 'top' ? (\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n ) : (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n )}\n \n );\n}\n","import { lazy, Suspense } from 'react';\nimport { RouteObject } from 'react-router-dom';\nimport NoMatch from './components/NoMatch';\nimport Loading from './components/Loading';\nimport BaseLayout from './layouts/BaseLayout';\n\nconst Loadable = (Component: any) => (props: any) =>\n (\n }>\n \n \n );\n\nconst Home = Loadable(lazy(() => import('./routes/home')));\nconst Extensions = Loadable(lazy(() => import('./routes/extensions')));\n\nconst GuideQuickStart = Loadable(lazy(() => import('./routes/guide/quick-start')));\nconst GuideImport = Loadable(lazy(() => import('./routes/guide/import')));\nconst GuideCreateReactApp = Loadable(lazy(() => import('./routes/guide/create-react-app')));\nconst GuideKKT = Loadable(lazy(() => import('./routes/guide/kkt')));\nconst GuideDocs = Loadable(lazy(() => import('./routes/guide/docs')));\nconst GuideVscode = Loadable(lazy(() => import('./routes/guide/vscode')));\nconst GuideRecommendation = Loadable(lazy(() => import('./routes/guide/recommendation')));\n\nconst Overview = Loadable(lazy(() => import('./routes/overview')));\nconst Colors = Loadable(lazy(() => import('./routes/components/colors')));\nconst Alert = Loadable(lazy(() => import('./routes/components/alert')));\nconst AutoLink = Loadable(lazy(() => import('./routes/components/auto-link')));\nconst ResetCss = Loadable(lazy(() => import('./routes/components/reset-css')));\nconst Avatar = Loadable(lazy(() => import('./routes/components/avatar')));\nconst Affix = Loadable(lazy(() => import('./routes/components/affix')));\nconst Calendar = Loadable(lazy(() => import('./routes/components/calendar')));\nconst Checkbox = Loadable(lazy(() => import('./routes/components/checkbox')));\nconst CopyToClipboard = Loadable(lazy(() => import('./routes/components/copy-to-clipboard')));\nconst Collapse = Loadable(lazy(() => import('./routes/components/collapse')));\nconst Card = Loadable(lazy(() => import('./routes/components/card')));\nconst Carousel = Loadable(lazy(() => import('./routes/components/carousel')));\nconst Descriptions = Loadable(lazy(() => import('./routes/components/descriptions')));\nconst Loader = Loadable(lazy(() => import('./routes/components/loader')));\nconst Icon = Loadable(lazy(() => import('./routes/components/icon')));\nconst Divider = Loadable(lazy(() => import('./routes/components/divider')));\nconst Drawer = Loadable(lazy(() => import('./routes/components/drawer')));\nconst DatePicker = Loadable(lazy(() => import('./routes/components/date-picker')));\nconst DateInput = Loadable(lazy(() => import('./routes/components/date-input')));\nconst Dropdown = Loadable(lazy(() => import('./routes/components/dropdown')));\nconst Badge = Loadable(lazy(() => import('./routes/components/badge')));\nconst Progress = Loadable(lazy(() => import('./routes/components/progress')));\nconst Pagination = Loadable(lazy(() => import('./routes/components/pagination')));\nconst PinCode = Loadable(lazy(() => import('./routes/components/pin-code')));\nconst Input = Loadable(lazy(() => import('./routes/components/input')));\nconst Button = Loadable(lazy(() => import('./routes/components/button')));\nconst Radio = Loadable(lazy(() => import('./routes/components/radio')));\nconst Select = Loadable(lazy(() => import('./routes/components/select')));\nconst SearchSelect = Loadable(lazy(() => import('./routes/components/search-select')));\nconst Split = Loadable(lazy(() => import('./routes/components/split')));\nconst Switch = Loadable(lazy(() => import('./routes/components/switch')));\nconst Slider = Loadable(lazy(() => import('./routes/components/slider')));\nconst Grid = Loadable(lazy(() => import('./routes/components/grid')));\nconst Form = Loadable(lazy(() => import('./routes/components/form')));\nconst FileInput = Loadable(lazy(() => import('./routes/components/file-input')));\nconst Breadcrumb = Loadable(lazy(() => import('./routes/components/breadcrumb')));\nconst List = Loadable(lazy(() => import('./routes/components/list')));\nconst Layout = Loadable(lazy(() => import('./routes/components/layout')));\nconst Notify = Loadable(lazy(() => import('./routes/components/notify')));\nconst Tree = Loadable(lazy(() => import('./routes/components/tree')));\nconst TreeChecked = Loadable(lazy(() => import('./routes/components/tree-checked')));\nconst SearchTree = Loadable(lazy(() => import('./routes/components/search-tree')));\nconst Transfer = Loadable(lazy(() => import('./routes/components/transfer')));\nconst Tag = Loadable(lazy(() => import('./routes/components/tag')));\nconst Tabs = Loadable(lazy(() => import('./routes/components/tabs')));\nconst Tooltip = Loadable(lazy(() => import('./routes/components/tooltip')));\nconst Table = Loadable(lazy(() => import('./routes/components/table')));\nconst TimePicker = Loadable(lazy(() => import('./routes/components/time-picker')));\nconst Rate = Loadable(lazy(() => import('./routes/components/rate')));\nconst Overlay = Loadable(lazy(() => import('./routes/components/overlay')));\nconst BackTop = Loadable(lazy(() => import('./routes/components/back-top')));\nconst Portal = Loadable(lazy(() => import('./routes/components/portal')));\nconst OverlayTrigger = Loadable(lazy(() => import('./routes/components/overlay-trigger')));\nconst Popover = Loadable(lazy(() => import('./routes/components/popover')));\nconst Message = Loadable(lazy(() => import('./routes/components/message')));\nconst MonthPicker = Loadable(lazy(() => import('./routes/components/month-picker')));\nconst Textarea = Loadable(lazy(() => import('./routes/components/textarea')));\nconst Modal = Loadable(lazy(() => import('./routes/components/modal')));\nconst Formatter = Loadable(lazy(() => import('./routes/components/formatter')));\nconst Steps = Loadable(lazy(() => import('./routes/components/steps')));\nconst Menu = Loadable(lazy(() => import('./routes/components/menu')));\nconst Empty = Loadable(lazy(() => import('./routes/components/empty')));\n\nexport const routes: RouteObject[] = [\n {\n path: '/extensions',\n element: ,\n children: [\n { index: true, element: },\n { path: '*', element: },\n ],\n },\n {\n path: '/guide',\n element: ,\n children: [\n { index: true, element: },\n { path: '/guide/quick-start', element: },\n { path: '/guide/import', element: },\n { path: '/guide/create-react-app', element: },\n { path: '/guide/kkt', element: },\n { path: '/guide/vscode', element: },\n { path: '/guide/docs', element: },\n { path: '/guide/recommendation', element: },\n { path: '*', element: },\n ],\n },\n {\n path: '/components',\n element: ,\n children: [\n { index: true, element: },\n { path: '/components/overview', element: },\n { path: '/components/colors', element: },\n { path: '/components/reset-css', element: },\n { path: '/components/alert', element: },\n { path: '/components/auto-link', element: },\n { path: '/components/avatar', element: },\n { path: '/components/affix', element: },\n { path: '/components/calendar', element: },\n { path: '/components/checkbox', element: },\n { path: '/components/copy-to-clipboard', element: },\n { path: '/components/collapse', element: },\n { path: '/components/card', element: },\n { path: '/components/carousel', element: },\n { path: '/components/descriptions', element: },\n { path: '/components/loader', element: },\n { path: '/components/icon', element: },\n { path: '/components/divider', element: },\n { path: '/components/drawer', element: },\n { path: '/components/date-picker', element: },\n { path: '/components/date-input', element: },\n { path: '/components/dropdown', element: },\n { path: '/components/badge', element: },\n { path: '/components/progress', element: },\n { path: '/components/pagination', element: },\n { path: '/components/pin-code', element: },\n { path: '/components/input', element: },\n { path: '/components/button', element: },\n { path: '/components/radio', element: },\n { path: '/components/select', element: },\n { path: '/components/search-select', element: },\n { path: '/components/split', element: },\n { path: '/components/switch', element: },\n { path: '/components/slider', element: },\n { path: '/components/grid', element: },\n { path: '/components/form', element: },\n { path: '/components/file-input', element: },\n { path: '/components/breadcrumb', element: },\n { path: '/components/list', element:
},\n { path: '/components/layout', element: },\n { path: '/components/notify', element: },\n { path: '/components/tree', element: },\n { path: '/components/tree-checked', element: },\n { path: '/components/search-tree', element: },\n { path: '/components/transfer', element: },\n { path: '/components/tag', element: },\n { path: '/components/tabs', element: },\n { path: '/components/tooltip', element: },\n { path: '/components/table', element: },\n { path: '/components/time-picker', element: },\n { path: '/components/rate', element: },\n { path: '/components/overlay', element: },\n { path: '/components/back-top', element: },\n { path: '/components/portal', element: },\n { path: '/components/overlay-trigger', element: },\n { path: '/components/popover', element: },\n { path: '/components/message', element: },\n { path: '/components/month-picker', element: },\n { path: '/components/textarea', element: },\n { path: '/components/modal', element: },\n { path: '/components/formatter', element: },\n { path: '/components/steps', element: },\n { path: '/components/menu', element: },\n { path: '/components/empty', element: },\n { path: '*', element: },\n ],\n },\n {\n path: '/',\n element: ,\n },\n];\n","import React, { useReducer } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useRoutes, HashRouter } from 'react-router-dom';\nimport '@uiw/reset.css';\nimport { routes } from './routers';\nimport './styles/index.less';\nimport { ThemeContext, reducer, initialState } from './contexts';\n\nconst App = () => useRoutes(routes);\nexport const Provider = ({ children }: { children: React.ReactNode }) => {\n const [state, dispatch] = useReducer(reducer, initialState);\n return {children};\n};\n\nReactDOM.render(\n \n \n \n \n ,\n document.getElementById('root'),\n);\n","export function noop() {}\n","/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} top `true` or `false`\n * @returns {number} amount of scrolled pixels\n */\nexport function getScroll(target: HTMLElement | Window | null, top?: boolean) {\n if (typeof window === 'undefined') {\n return 0;\n }\n\n const prop = top ? 'pageYOffset' : 'pageXOffset';\n const method = top ? 'scrollTop' : 'scrollLeft';\n const isWindow: boolean = target === window;\n\n let ret = isWindow ? (target as Window)[prop] : (target as HTMLElement)[method];\n if (isWindow && typeof ret !== 'number') {\n ret = document.documentElement[method];\n }\n\n return ret;\n}\n","import { getScroll } from '@uiw/utils';\n\nexport const getTargetRect = (target: HTMLElement | Window | null) => {\n return target !== window\n ? (target as HTMLElement).getBoundingClientRect()\n : ({ top: 0, left: 0, bottom: 0 } as ClientRect);\n};\n\nexport const getOffset = (element: HTMLElement, target: HTMLElement | Window | null) => {\n const elemRect = element.getBoundingClientRect();\n const targetRect = getTargetRect(target);\n const scrollTop = getScroll(target, true);\n const scrollLeft = getScroll(target);\n\n const docElem = window.document.body;\n const clientTop = docElem.clientTop || 0;\n const clientLeft = docElem.clientLeft || 0;\n\n return {\n top: elemRect.top - targetRect.top + scrollTop - clientTop,\n left: elemRect.left - targetRect.left + scrollLeft - clientLeft,\n width: elemRect.width,\n height: elemRect.height,\n };\n};\n\nexport const getDefaultTarget = () => (typeof window !== 'undefined' ? window : null);\n","import React from 'react';\nimport { IProps, HTMLDivProps, noop } from '@uiw/utils';\nimport { getDefaultTarget, getOffset } from './utils';\n\nexport interface AffixProps extends IProps, Omit {\n /**\n * 距离窗口顶部达到指定偏移量后触发\n */\n offsetTop?: number;\n /**\n * 距离窗口底部达到指定偏移量后触发\n */\n offsetBottom?: number;\n target?: () => Window | HTMLElement | null;\n /**\n * 固定状态改变时触发的回调函数\n */\n onChange?: (affixed?: boolean) => void;\n}\n\nexport interface AffixState {\n affixStyle?: React.CSSProperties;\n placeholderStyle?: React.CSSProperties;\n}\n\nexport default class Affix extends React.Component {\n public static defaultProps: AffixProps = {\n prefixCls: 'w-affix',\n onChange: noop,\n };\n public state: AffixState = {\n placeholderStyle: undefined,\n affixStyle: undefined,\n };\n private box: any;\n private target!: Window | HTMLElement | null;\n private readonly events = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];\n private eventHandlers: Record = {};\n private timeout?: number;\n constructor(props: AffixProps & HTMLDivProps) {\n super(props);\n this.updatePosition = this.updatePosition.bind(this);\n }\n componentDidMount() {\n const target = this.props.target || getDefaultTarget;\n // Wait for parent component ref has its value\n this.timeout = window.setTimeout(() => {\n this.target = target();\n this.setTargetEventListeners();\n });\n }\n componentWillUnmount() {\n this.clearEventListeners();\n clearTimeout(this.timeout);\n }\n updatePosition() {\n let { offsetTop } = this.props;\n const { offsetBottom } = this.props;\n if (!this.box || !this.box.offsetParent) {\n return;\n }\n\n const elemSize = {\n width: this.box.clientWidth,\n height: this.box.clientHeight,\n };\n const offsetMode = { top: true, bottom: false };\n if (typeof offsetTop !== 'number' && typeof offsetBottom !== 'number') {\n offsetMode.top = true;\n offsetTop = 0;\n }\n\n if (typeof offsetBottom === 'number') {\n offsetMode.top = false;\n offsetMode.bottom = true;\n }\n\n const elemOffset = getOffset(this.box, this.target);\n const box = this.box.getBoundingClientRect();\n const bottom = document.documentElement.clientHeight - box.y - elemOffset.height;\n\n if (offsetMode.top && box.y < 0) {\n this.setPlaceholderStyle({ ...elemSize });\n this.setAffixStyle({\n position: 'fixed',\n top: offsetTop || 0,\n left: elemOffset.left,\n width: elemOffset.width,\n });\n } else if (offsetMode.bottom && bottom < 0) {\n this.setPlaceholderStyle({ ...elemSize });\n this.setAffixStyle({\n position: 'fixed',\n bottom: offsetBottom || 0,\n left: elemOffset.left,\n width: elemOffset.width,\n });\n } else {\n this.setPlaceholderStyle();\n this.setAffixStyle();\n }\n }\n setAffixStyle(affixStyle?: React.CSSProperties) {\n const { onChange } = this.props;\n const affixed = !!this.state.affixStyle;\n this.setState({ affixStyle }, () => {\n onChange && onChange(affixed);\n });\n }\n setPlaceholderStyle(placeholderStyle?: React.CSSProperties) {\n this.setState({ placeholderStyle });\n }\n // 设置监听事件\n setTargetEventListeners() {\n this.clearEventListeners();\n this.events.forEach((eventName) => {\n this.eventHandlers[eventName] = this.updatePosition;\n this.target && this.target.addEventListener(eventName, this.updatePosition, false);\n });\n }\n clearEventListeners() {\n this.events.forEach((eventName) => {\n const handler = this.eventHandlers[eventName];\n this.target && this.target.removeEventListener(eventName, handler, false);\n });\n }\n getInstance = (node: HTMLDivElement) => {\n if (node) {\n this.box = node;\n }\n };\n public render() {\n const { prefixCls, className, children, offsetTop, offsetBottom, target, onChange, ...resetProps } = this.props;\n const cls = [className, prefixCls].filter(Boolean).join(' ').trim();\n return (\n \n );\n }\n}\n","import React, { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\n\nexport const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nexport interface PortalProps {\n children?: React.ReactNode;\n /**\n * The HTML element that children will be mounted to.\n * @default document.body\n */\n container?: HTMLElement;\n /**\n * Callback invoked when the children of this `Portal` have been added to the DOM.\n * @deprecated v4.9.0+\n */\n onChildrenMount?: (portalElement: HTMLElement) => void;\n /** @deprecated v4.9.0+ */\n visible?: boolean;\n}\n\nexport default function Portal(props: PortalProps) {\n const { container } = props;\n const defaultNode = useRef();\n const containerRef = useRef(container);\n\n useEffect(() => {\n return () => {\n if (defaultNode.current && containerRef.current) {\n containerRef.current.removeChild(defaultNode.current);\n defaultNode.current = undefined;\n }\n };\n }, []);\n\n if (!canUseDOM) {\n return null;\n }\n if (!containerRef.current) {\n containerRef.current = document.body;\n }\n if (!defaultNode.current) {\n defaultNode.current = document.createElement('div');\n containerRef.current.appendChild(defaultNode.current);\n }\n return ReactDOM.createPortal(props.children, defaultNode.current);\n}\n","/**\n * Overlay 组件\n * ---------------\n * 动画库 react-transition-group 文档\n * 老的文档\n * https://facebook.github.io/react/docs/animation.html\n * 新的文档\n * https://reactcommunity.org/react-transition-group/\n * 动画效果\n * https://daneden.github.io/animate.css/\n */\nimport React, { cloneElement, useEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { TransitionProps } from 'react-transition-group/Transition';\nimport Portal, { PortalProps } from '@uiw/react-portal';\nimport { IProps, noop } from '@uiw/utils';\n\nimport './style/index.less';\n\nexport interface OverlayProps extends IProps, Omit {\n timeout?: TransitionProps['timeout'];\n isOpen?: boolean;\n usePortal?: boolean;\n maskClosable?: boolean;\n dialogProps?: React.HTMLProps;\n backdropProps?: React.HTMLProps;\n portalProps?: PortalProps;\n hasBackdrop?: boolean;\n unmountOnExit?: boolean;\n transitionName?: string;\n onEnter?: (node: HTMLElement, isAppearing: boolean) => void;\n onOpening?: (node: HTMLElement, isAppearing: boolean) => void;\n onOpened?: (node: HTMLElement, isAppearing: boolean) => void;\n onClosing?: (node: HTMLElement) => void;\n onClosed?: (node: HTMLElement | React.MouseEvent) => void;\n onClose?: (evn: React.MouseEvent) => void;\n}\n\nexport default function Overlay(props: OverlayProps) {\n const {\n className,\n style,\n isOpen: _ = false,\n prefixCls = 'w-overlay',\n usePortal = true,\n maskClosable = true,\n backdropProps = {},\n portalProps = {},\n hasBackdrop = true,\n unmountOnExit = true, // 设置 true 销毁根节点\n timeout = 300,\n transitionName = 'w-overlay',\n // onEnter = noop,\n onOpening = noop,\n onOpened = noop,\n onClosing = noop,\n onClosed = noop,\n onClose = noop,\n children,\n dialogProps = {},\n ...otherProps\n } = props;\n\n const [isOpen, setIsOpen] = useState(props.isOpen || false);\n const [visible, setVisible] = useState(false);\n const container = useRef(null);\n const overlay = useRef(null);\n useEffect(() => {\n if (isOpen !== props.isOpen && props.isOpen) {\n setVisible(true);\n }\n if (isOpen !== props.isOpen && !props.isOpen) {\n overlayWillClose();\n setIsOpen(false);\n }\n }, [props.isOpen]);\n\n useEffect(() => {\n if (visible) {\n overlayWillOpen();\n setIsOpen(true);\n }\n }, [visible]);\n\n const decoratedChild =\n typeof children === 'object' ? (\n cloneElement(children, {\n ...dialogProps,\n style: { ...children.props.style, ...dialogProps.style },\n className: [children.props.className, `${prefixCls}-content`].filter(Boolean).join(' ').trim(),\n tabIndex: 0,\n })\n ) : (\n \n {children}\n \n );\n\n function handleClosed(node: HTMLElement | React.MouseEvent) {\n setVisible(false);\n onClosed && onClosed(node);\n }\n\n function handleBackdropMouseDown(e: React.MouseEvent) {\n if (e.target !== container.current && usePortal) {\n return;\n }\n if (maskClosable && hasBackdrop) {\n overlayWillClose();\n setIsOpen(false);\n onClose && onClose(e);\n }\n backdropProps && backdropProps.onMouseDown && backdropProps.onMouseDown(e);\n }\n\n function overlayWillOpen() {\n if (hasBackdrop && usePortal) {\n document.body.classList.add(`${prefixCls}-open`);\n }\n }\n\n function overlayWillClose() {\n if (hasBackdrop && usePortal) {\n document.body.classList.remove(`${prefixCls}-open`);\n }\n // if (unmountOnExit) {\n // setVisible(false)\n // }\n }\n\n const TransitionGroupComp = (\n \n {(status) => {\n return (\n \n {hasBackdrop &&\n cloneElement(
, {\n ...backdropProps,\n onMouseDown: handleBackdropMouseDown,\n className: [`${prefixCls}-backdrop`, backdropProps.className].filter(Boolean).join(' ').trim(),\n tabIndex: maskClosable ? 0 : null,\n })}\n {usePortal ? (\n
\n {cloneElement(decoratedChild, { 'data-status': status })}\n
\n ) : (\n cloneElement(decoratedChild, { 'data-status': status })\n )}\n
\n );\n }}\n \n );\n if (visible && usePortal) {\n return {TransitionGroupComp};\n } else {\n return TransitionGroupComp;\n }\n}\n","import React from 'react';\nimport svgPaths from '@uiw/icons/fonts/w-icon.json';\nimport './style/index.less';\n\nexport type IconsName = keyof typeof svgPaths;\ntype TagType = React.ComponentType | keyof JSX.IntrinsicElements;\n\nexport interface IconProps extends React.HTMLAttributes {\n style?: React.CSSProperties;\n className?: string;\n prefixCls?: string;\n /**\n * HTML tag to use for the rendered element.\n * @default \"span\"\n */\n tagName?: Tag;\n type?: IconsName | null | E;\n spin?: boolean;\n color?: string;\n verticalAlign?: 'middle' | 'baseline';\n}\n\nexport default function Icon(props: IconProps) {\n const {\n className,\n prefixCls = 'w-icon',\n verticalAlign = 'middle',\n tagName: TagName = 'span',\n color,\n type,\n spin = false,\n ...others\n } = props;\n\n let svg = null;\n if (typeof type === 'string') {\n svg = (\n \n );\n } else if (React.isValidElement(type)) {\n svg = React.cloneElement(type, {\n fill: color,\n });\n } else {\n return null;\n }\n others.style = { fill: 'currentColor', ...others.style };\n const propps = {\n ...others,\n className: [\n prefixCls,\n className,\n prefixCls && verticalAlign ? `${prefixCls}-${verticalAlign}` : null,\n spin && prefixCls ? `${prefixCls}-spin` : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim(),\n };\n\n return React.createElement(TagName, { ...propps } as any, svg);\n}\n","import React from 'react';\nimport Icon, { IconProps } from '@uiw/react-icon';\nimport { IProps, HTMLButtonProps } from '@uiw/utils';\nimport './style/index.less';\n\nexport type ButtonType = 'primary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'link';\nexport type ButtonSize = 'large' | 'default' | 'small';\n\nexport interface ButtonProps extends IProps, Omit {\n basic?: boolean;\n disabled?: boolean;\n active?: boolean;\n loading?: boolean;\n block?: boolean;\n icon?: IconProps['type'];\n type?: ButtonType;\n size?: ButtonSize;\n htmlType?: 'button' | 'submit' | 'reset';\n onClick?: (e: React.MouseEvent & MouseEvent) => void;\n}\n\nexport default React.forwardRef((props, ref) => {\n const {\n prefixCls = 'w-btn',\n disabled = false,\n active = false,\n loading = false,\n block = false,\n basic = false,\n htmlType = 'button',\n type = 'light',\n size = 'default',\n icon,\n className,\n children,\n ...others\n } = props;\n const cls = [\n className,\n prefixCls,\n size ? `${prefixCls}-size-${size}` : null,\n type ? `${prefixCls}-${type}` : null,\n basic ? `${prefixCls}-basic` : null,\n loading ? `${prefixCls}-loading` : null,\n disabled || loading ? 'disabled' : null,\n active ? 'active' : null,\n block ? 'block' : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim();\n\n return (\n \n );\n});\n","import React, { useState, useEffect } from 'react';\nimport Overlay, { OverlayProps } from '@uiw/react-overlay';\nimport Button, { ButtonType, ButtonProps } from '@uiw/react-button';\nimport Icon, { IconProps } from '@uiw/react-icon';\nimport { IProps, noop } from '@uiw/utils';\nimport './style/index.less';\n\nexport interface ModalProps extends IProps, OverlayProps {\n type?: ButtonType;\n cancelText?: string;\n confirmButtonProps?: Omit;\n cancelButtonProps?: Omit;\n content?: React.ReactNode;\n confirmText?: string;\n title?: string;\n icon?: IconProps['type'];\n useButton?: boolean;\n usePortal?: boolean;\n autoFocus?: boolean;\n isCloseButtonShown?: boolean;\n isOpen?: boolean;\n bodyStyle?: React.CSSProperties;\n maxWidth?: number;\n minWidth?: number;\n width?: number;\n onCancel?: (evn: React.MouseEvent & MouseEvent) => void;\n onConfirm?: (evn: React.MouseEvent & MouseEvent) => void;\n}\n\nexport default React.forwardRef((props, ref) => {\n const {\n prefixCls = 'w-modal',\n className,\n children,\n useButton = true,\n usePortal = true,\n autoFocus = false,\n isOpen: _ = false,\n title,\n cancelText,\n cancelButtonProps,\n confirmButtonProps,\n content,\n confirmText = '确认',\n type = 'light',\n icon,\n maxWidth = 500,\n minWidth = 320,\n width,\n isCloseButtonShown = true,\n onCancel = noop,\n onConfirm = noop,\n bodyStyle,\n ...other\n } = props;\n const [isOpen, setIsOpen] = useState(props.isOpen);\n useEffect(() => {\n if (props.isOpen !== isOpen) {\n setIsOpen(props.isOpen);\n }\n }, [props.isOpen]);\n\n const [loading, setLoading] = useState(false);\n const cls = [prefixCls, className, type ? `${type}` : null].filter(Boolean).join(' ').trim();\n function onClose() {\n setIsOpen(false);\n }\n async function handleCancel(e: React.MouseEvent & MouseEvent) {\n setLoading(true);\n try {\n onCancel && (await onCancel(e));\n } catch (e) {}\n setIsOpen(false);\n setLoading(false);\n }\n async function handleConfirm(e: React.MouseEvent & MouseEvent) {\n setLoading(true);\n try {\n onConfirm && (await onConfirm(e));\n } catch (e) {}\n setIsOpen(false);\n setLoading(false);\n }\n return (\n \n \n
\n {(title || icon) && (\n
\n {icon && }\n {title &&
{title}
}\n {isCloseButtonShown && \n )}\n
\n {children || content}\n
\n {useButton && (\n
\n \n {cancelText && (\n \n )}\n
\n )}\n
\n
\n \n );\n});\n","import React from 'react';\nimport Modal, { ModalProps } from '@uiw/react-modal';\nimport { IProps } from '@uiw/utils';\nimport './style/index.less';\n\nexport interface AlertProps extends IProps, ModalProps {\n width?: number;\n}\n\nexport default (props: AlertProps = {}) => {\n const { prefixCls = 'w-alert', className, width = 400, ...other } = props;\n const cls = [prefixCls, className].filter(Boolean).join(' ').trim();\n return (\n \n {props.children}\n \n );\n};\n","import React, { Fragment } from 'react';\n\nconst delimiter =\n /((?:https?:\\/\\/)?(?:(?:[a-z0-9]?(?:[a-z0-9\\-]{1,61}[a-z0-9])?\\.[^\\.|\\s])+[a-z\\.]*[a-z]+|(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3})(?::\\d{1,5})*[a-z0-9.,_\\/~#&=;%+?\\-\\\\(\\\\)]*)/gi;\n\nexport type AutoLinkProps = {\n text?: string;\n} & React.AnchorHTMLAttributes;\n\nexport default (props: AutoLinkProps = {}) => {\n const { text = '', ...other } = props;\n return (\n \n {text.split(delimiter).map((word, idx) => {\n const match = word.match(delimiter);\n if (match && match[0]) {\n const url = match[0];\n return (\n \n {url}\n \n );\n }\n return {word};\n })}\n \n );\n};\n","import React from 'react';\nimport Icon, { IconProps } from '@uiw/react-icon';\nimport { HTMLSpanProps, noop } from '@uiw/utils';\nimport './style/index.less';\nimport { useState } from 'react';\nimport { useEffect } from 'react';\n\nexport interface AvatarProps extends HTMLSpanProps {\n style?: React.CSSProperties;\n className?: string;\n prefixCls?: string;\n icon?: IconProps['type'];\n alt?: string;\n src?: string;\n size?: 'large' | 'default' | 'small' | 'mini';\n shape?: 'square' | 'circle';\n onError?: (event: React.SyntheticEvent) => boolean;\n}\n\nexport default React.forwardRef((props, ref) => {\n const {\n prefixCls = 'w-avatar',\n shape = 'circle',\n size = 'default',\n className,\n src,\n alt,\n icon,\n onError = noop,\n ...resetProps\n } = props;\n let children = props.children;\n const [isImgExist, setIsImgExist] = useState(true);\n const cls = [\n prefixCls,\n className,\n size ? `${prefixCls}-${size}` : null,\n shape ? `${prefixCls}-${shape}` : null,\n src ? `${prefixCls}-image` : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim();\n\n useEffect(() => {\n setIsImgExist(true);\n }, [props.src]);\n\n if (isImgExist && src) {\n children = (\n {\n const errorFlag = onError ? onError(evn) : undefined;\n if (errorFlag !== false) {\n setIsImgExist(false);\n }\n }}\n />\n );\n } else if (icon && typeof icon === 'string') {\n children = ;\n } else if (icon && React.isValidElement(icon)) {\n children = icon;\n }\n return (\n \n {children}\n \n );\n});\n","/**\n * 获取当前滚动条所在位置\n */\nexport function getScrollTop() {\n let scrollTop = 0;\n if (document && document.documentElement && document.documentElement.scrollTop) {\n scrollTop = document.documentElement.scrollTop;\n } else if (document.body) {\n scrollTop = document.body.scrollTop;\n }\n return scrollTop;\n}\n\n/**\n * TODO\n * @param {*} position 滚动到何处\n * @param {*} step 步长\n * @param {*} current 滚动条当前位置\n */\nexport function scrollToAnimate(position: number = 0, step: number = 100, current: number = 0) {\n let start = 0;\n const timer = setInterval(() => {\n if (current - start >= position) {\n start += step;\n if (current - start >= position) {\n window.scrollTo(0, current - start);\n } else {\n window.scrollTo(0, position);\n }\n } else {\n clearInterval(timer);\n }\n }, 0);\n}\n/**\n * 获取滚动条位置百分比\n */\nexport function getScrollPercent(offsetTop: number = 0) {\n let percent = 0;\n if (offsetTop < getScrollTop()) {\n percent = Math.round(\n ((getScrollTop() - offsetTop) / (document.body.scrollHeight - offsetTop - window.innerHeight)) * 100,\n );\n }\n return percent > 100 ? 100 : percent;\n}\n","import React, { useState, useEffect } from 'react';\nimport { IProps, HTMLDivProps } from '@uiw/utils';\nimport { getScrollPercent, getScrollTop, scrollToAnimate } from './utils';\nimport './style/index.less';\n\nexport interface BackTopProps extends IProps, HTMLDivProps {\n offsetTop?: number;\n clickable?: boolean;\n content?: JSX.Element | string;\n fixed?: boolean;\n /**\n * 滚动距离多少时显示组件\n */\n showBelow?: number;\n speed?: number;\n}\n\nexport interface IBackTopState {\n percent: number;\n current: number;\n}\n\nexport default React.forwardRef((props, ref) => {\n const {\n prefixCls = 'w-back-top',\n className,\n content,\n children,\n offsetTop = 0,\n fixed = true,\n speed = 100,\n showBelow = 1,\n clickable = true,\n ...other\n } = props;\n const topShowBelow = !fixed ? 0 : showBelow || 0;\n const [percent, setPercent] = useState(0);\n const [current, setCurrent] = useState(0);\n const visible = percent >= topShowBelow;\n const cls = [\n prefixCls,\n className,\n !fixed ? 'no-fixed' : null,\n visible ? `${prefixCls}-show` : null,\n !visible ? `${prefixCls}-hide` : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim();\n useEffect(() => {\n window && window.addEventListener('scroll', onScroll);\n return function () {\n window && window.removeEventListener('scroll', onScroll);\n };\n });\n function onScroll() {\n setPercent(getScrollPercent(offsetTop));\n setCurrent(getScrollTop());\n }\n function scrollToTop() {\n if (typeof offsetTop === 'number' && typeof speed === 'number' && typeof current === 'number') {\n scrollToAnimate(offsetTop, speed, current);\n }\n }\n return (\n clickable && scrollToTop()} className={cls} {...other} ref={ref}>\n {content}\n {typeof children !== 'function' ? children : children({ percent, current, scrollToTop: scrollToTop })}\n
\n );\n});\n","import React from 'react';\nimport { IProps, HTMLSpanProps } from '@uiw/utils';\nimport './style/index.less';\n\nexport interface BadgeProps extends IProps, HTMLSpanProps {\n color?: string;\n dot?: boolean;\n processing?: boolean;\n max?: number;\n count?: number;\n}\n\nexport default React.forwardRef((props, ref) => {\n const {\n prefixCls = 'w-badge',\n className,\n style = {},\n color,\n max = 99,\n dot = false,\n processing = false,\n count,\n children,\n ...other\n } = props;\n const supProps = {\n className: [!dot ? `${prefixCls}-count` : null, dot ? 'dot' : null].filter(Boolean).join(' ').trim(),\n style: {},\n };\n const cls = [\n className,\n prefixCls,\n !children ? 'nowrap' : null,\n !children ? `${prefixCls}-status` : null,\n processing ? `${prefixCls}-processing` : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim();\n\n const warpperProps: HTMLSpanProps = {};\n if (count || count === 0) {\n supProps.style = { backgroundColor: color, ...style };\n } else {\n warpperProps.style = style || {};\n }\n return (\n \n {color && }\n {children}\n {count !== 0 && !color && {!dot && count && max && count > max ? `${max}+` : count}}\n \n );\n});\n","import React, { Fragment } from 'react';\nimport { IProps } from '@uiw/utils';\nimport './style/item.less';\n\ntype ElementTag = T extends HTMLElement ? React.HTMLAttributes : T;\n\nexport interface BreadcrumbItemProps extends IProps, ElementTag {\n tagName?: T extends HTMLElement ? keyof JSX.IntrinsicElements : T;\n separator?: JSX.Element | string;\n active?: boolean;\n 'data-separator'?: JSX.Element | string;\n}\n\ntype RefElement = T extends HTMLElement ? T : never;\n\nconst BreadcrumbItem = React.forwardRef((props, ref) => {\n const { prefixCls = 'w-breadcrumb', className, tagName: TagName = 'span', active, separator, ...other } = props;\n const isElm = React.isValidElement(separator);\n const cls = [\n `${prefixCls}-item`,\n className,\n active ? 'active' : null,\n !separator ? 'no-separator' : null,\n isElm ? 'no-before' : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim();\n const otherProps = { className: cls, ...other };\n if (!isElm) {\n otherProps['data-separator'] = separator;\n }\n return React.createElement(\n TagName,\n {\n ...otherProps,\n ref,\n },\n \n {isElm && {separator}}\n {props.children}\n ,\n );\n});\n\nexport default BreadcrumbItem;\n","import React from 'react';\nimport { HTMLDivProps } from '@uiw/utils';\nimport Item from './Item';\nimport './style/index.less';\n\nexport interface BreadcrumbProps extends HTMLDivProps {\n style?: React.CSSProperties;\n className?: string;\n prefixCls?: string;\n separator?: JSX.Element | string;\n}\n\nconst Breadcrumb = React.forwardRef((props, ref) => {\n const { prefixCls = 'w-breadcrumb', className, separator = '/', ...other } = props;\n const cls = [prefixCls, className].filter(Boolean).join(' ').trim();\n return (\n \n {React.Children.map(props.children, (element: any) => {\n return React.cloneElement(element, Object.assign({ separator }, element.props, {}));\n })}\n
\n );\n});\ntype Breadcrumb = typeof Breadcrumb & {\n Item: typeof Item;\n};\n\n(Breadcrumb as Breadcrumb).Item = Item;\n\nexport default Breadcrumb as Breadcrumb;\n","import Breadcrumb from './Breadcrumb';\n\nexport * from './Item';\nexport * from './Breadcrumb';\n\nexport default Breadcrumb;\n","import React from 'react';\nimport { HTMLDivProps, IProps } from '@uiw/utils';\nimport './style/index.less';\n\nexport interface ButtonGroupProps extends IProps, HTMLDivProps {\n vertical?: boolean;\n}\n\nexport default React.forwardRef((props, ref) => {\n const { prefixCls = 'w-btn-group', vertical = false, children, className, ...resetProps } = props;\n\n const cls = [prefixCls, className, vertical && `${prefixCls}-vertical`].filter(Boolean).join(' ').trim();\n\n return (\n \n {children}\n
\n );\n});\n","const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nfunction fallback(context: HTMLElement, node: HTMLElement) {\n if (node) {\n do {\n if (node === context) return true;\n } while ((node = node.parentNode as HTMLElement));\n }\n\n return false;\n}\n\nfunction isDOM(item: Node) {\n return typeof HTMLElement === 'function'\n ? item instanceof HTMLElement\n : item && typeof item === 'object' && item.nodeType === 1 && typeof item.nodeName === 'string';\n}\n\nconst contains = (() => {\n // HTML DOM and SVG DOM may have different support levels,\n // so we need to check on context instead of a document root element.\n return canUseDOM\n ? function (context: HTMLElement, node: HTMLElement) {\n if (context && context.contains && typeof context.contains === 'function' && isDOM(node)) {\n return context.contains(node);\n }\n if (context && context.compareDocumentPosition && isDOM(node)) {\n return context === node || !!(context.compareDocumentPosition(node) && 16);\n }\n return fallback(context, node);\n }\n : fallback;\n})();\n\nexport default contains;\n","export interface BordersSize extends CSSStyleDeclaration {\n [key: string]: any;\n}\n\n/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles\n * Result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {number} borders - The borders size of the given axis\n */\n\nexport default function getBordersSize(styles: BordersSize, axis: 'x' | 'y'): number {\n const sideA: string = axis === 'x' ? 'Left' : 'Top';\n const sideB: string = sideA === 'Left' ? 'Right' : 'Bottom';\n return parseFloat(styles[`border${sideA}Width`]) + parseFloat(styles[`border${sideB}Width`]);\n}\n","export default typeof window !== 'undefined' && typeof document !== 'undefined';\n","import isBrowser from './isBrowser';\n\ninterface Document {\n documentMode?: any;\n}\n\ninterface Window {\n MSInputMethodContext?: any;\n}\n\nconst isIE11 = isBrowser && !!((window as Window).MSInputMethodContext && (document as Document).documentMode);\nconst isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);\n\n/**\n * Determines if the browser is Internet Explorer\n * @method\n * @memberof Popper.Utils\n * @param {Number} version to check\n * @returns {Boolean} isIE\n */\nexport default function isIE(version: number) {\n if (version === 11) {\n return isIE11;\n }\n if (version === 10) {\n return isIE10;\n }\n return isIE11 || isIE10;\n}\n","import isIE from './isIE';\n\ninterface BodyElement extends HTMLBodyElement {\n [key: string]: any;\n}\n\ninterface IHTMLElement extends HTMLElement {\n [key: string]: any;\n}\n\ninterface ComputedStyle extends CSSStyleDeclaration {\n [key: string]: any;\n}\n\nfunction getSize(axis: 'Height' | 'Width', body: BodyElement, html: IHTMLElement, computedStyle: ComputedStyle) {\n return Math.max(\n body[`offset${axis}`],\n body[`scroll${axis}`],\n html[`client${axis}`],\n html[`offset${axis}`],\n html[`scroll${axis}`],\n isIE(10)\n ? parseInt(html[`offset${axis}`], 10) +\n parseInt(computedStyle[`margin${axis === 'Height' ? 'Top' : 'Left'}`], 10) +\n parseInt(computedStyle[`margin${axis === 'Height' ? 'Bottom' : 'Right'}`], 10)\n : 0,\n );\n}\n\nexport type WindowSize = { height?: number; width?: number };\n\nexport default function getWindowSizes(document: HTMLDocument): WindowSize {\n const body = document.body as HTMLBodyElement;\n const html = document.documentElement as HTMLElement;\n const computedStyle = getComputedStyle(html) as CSSStyleDeclaration;\n\n return {\n height: getSize('Height', body, html, computedStyle),\n width: getSize('Width', body, html, computedStyle),\n };\n}\n","import { getScroll } from '@uiw/utils';\nimport getStyleComputedProperty from './getStyleComputedProperty';\nimport getBordersSize from './getBordersSize';\nimport getWindowSizes, { WindowSize } from './getWindowSizes';\nimport getClientRect from './getClientRect';\nimport isIE from './isIE';\n\nexport interface IBoundingClientRect {\n left: number;\n right: number;\n top: number;\n bottom: number;\n width: number;\n height: number;\n offsetLeft?: number;\n offsetTop?: number;\n}\n\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\nexport default function getBoundingClientRect(element: HTMLElement) {\n let rect = {} as IBoundingClientRect;\n\n // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n try {\n if (isIE(10)) {\n rect = element.getBoundingClientRect();\n const scrollTop = getScroll(element, true);\n const scrollLeft = getScroll(element);\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } else {\n rect = element.getBoundingClientRect();\n }\n // eslint-disable-next-line\n } catch (e) {}\n\n const result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top,\n } as IBoundingClientRect;\n\n // subtract scrollbar size from sizes\n const sizes: WindowSize = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument!) : {};\n const width = sizes.width || element.clientWidth || result.right - result.left;\n const height = sizes.height || element.clientHeight || result.bottom - result.top;\n\n let horizScrollbar = element.offsetWidth - width;\n let vertScrollbar = element.offsetHeight - height;\n\n result.offsetLeft = element.offsetLeft || element.scrollLeft || 0;\n result.offsetTop = element.offsetTop || element.offsetTop || 0;\n\n // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n if (horizScrollbar || vertScrollbar) {\n const styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result) as IBoundingClientRect;\n}\n","/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\nexport default function getClientRect(offsets: ClientRect): ClientRect {\n return {\n ...offsets,\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height,\n };\n}\n","/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\nexport default function getStyleComputedProperty(\n element: HTMLElement,\n property?: keyof CSSStyleDeclaration,\n): CSSStyleDeclaration | any {\n if (element.nodeType !== 1) {\n return [];\n }\n // NOTE: 1 DOM access here\n const window = element.ownerDocument!.defaultView;\n const css: CSSStyleDeclaration = (window as Window).getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n","export type Sizes = {\n width: number;\n height: number;\n};\n\n/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\nexport default function getOuterSizes(element: HTMLElement): Sizes {\n let rect = element.getBoundingClientRect();\n // const window = element.ownerDocument.defaultView;\n // const styles = window.getComputedStyle(element);\n // const x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);\n // const y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);\n const result: Sizes = {\n width: element.offsetWidth || element.scrollWidth || rect.width || 0,\n height: element.offsetHeight || element.scrollHeight || rect.height || 0,\n };\n return result;\n}\n","import { getScroll } from '@uiw/utils';\nimport getBoundingClientRect, { IBoundingClientRect } from './util/getBoundingClientRect';\nimport getOuterSizes from './util/getOuterSizes';\nimport { OverlayStyl, OverlayTriggerProps, Placement } from './';\n\ntype GetStyleOptions = {\n trigger: HTMLElement | IBoundingClientRect;\n popup: HTMLElement | IBoundingClientRect;\n placement: OverlayStyl['placement'];\n usePortal: OverlayTriggerProps['usePortal'];\n autoAdjustOverflow: OverlayTriggerProps['autoAdjustOverflow'];\n};\n\nexport function getStyle(options: GetStyleOptions) {\n let { trigger: triggerDom, popup: popupDom, placement, usePortal, autoAdjustOverflow } = options || {};\n const sty = {\n left: 0,\n top: 0,\n placement,\n } as OverlayStyl;\n\n if (!triggerDom || !popupDom || !document) {\n return sty;\n }\n\n const winSizeHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);\n const winSizeWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n\n sty.placement = placement;\n const scrollTop = getScroll((triggerDom as HTMLElement).ownerDocument!.documentElement, true);\n const scrollLeft = getScroll((triggerDom as HTMLElement).ownerDocument!.documentElement);\n const trigger = {\n ...getBoundingClientRect(triggerDom as HTMLElement),\n ...getOuterSizes(triggerDom as HTMLElement),\n };\n const popup = {\n ...getBoundingClientRect(popupDom as HTMLElement),\n ...getOuterSizes(popupDom as HTMLElement),\n };\n\n const bottom = winSizeHeight - trigger.bottom;\n const right = winSizeWidth - trigger.left - trigger.width;\n\n sty.top = trigger.top + scrollTop;\n sty.left = trigger.left;\n\n if (!usePortal) {\n sty.top = trigger.offsetTop as number;\n sty.left = trigger.offsetLeft as number;\n }\n\n if (placement && /^(top)/.test(placement)) {\n sty.top -= popup.height;\n }\n if (placement && /^(right)/.test(placement)) {\n sty.left += trigger.width;\n }\n if (placement && /^(bottom)/.test(placement)) {\n sty.top += trigger.height;\n }\n if (placement && /^(left)/.test(placement)) {\n sty.left -= popup.width;\n }\n switch (sty.placement) {\n case 'bottomLeft':\n case 'topLeft':\n break;\n case 'bottom':\n // eslint-disable-next-line\n case 'top':\n sty.left = sty.left - (popup.width - trigger.width) / 2;\n break;\n case 'bottomRight':\n case 'topRight':\n sty.left = sty.left + scrollLeft + trigger.width - popup.width;\n break;\n case 'rightTop':\n case 'leftTop':\n break;\n case 'right':\n // eslint-disable-next-line\n case 'left':\n sty.top = sty.top - (popup.height - trigger.height) / 2;\n break;\n case 'rightBottom':\n case 'leftBottom':\n sty.top = sty.top - popup.height + trigger.height;\n break;\n default:\n break;\n }\n if (autoAdjustOverflow) {\n if (placement && /^(top)/.test(placement) && trigger.top < popup.height && bottom > popup.height) {\n sty.placement = placement.replace(/^top/, 'bottom') as Placement;\n sty.top = sty.top + popup.height + trigger.height;\n }\n if (placement && /^(bottom)/.test(placement) && bottom < popup.height && trigger.top > popup.height) {\n sty.placement = placement.replace(/^bottom/, 'top') as Placement;\n sty.top = sty.top - popup.height - trigger.height;\n }\n if (placement && /^(right)/.test(placement) && right < popup.width) {\n sty.placement = placement.replace(/^right/, 'left') as Placement;\n sty.left = sty.left - trigger.width - popup.width;\n }\n if (placement && /^(left)/.test(placement) && trigger.left < popup.width) {\n sty.placement = placement.replace(/^left/, 'right') as Placement;\n sty.left = sty.left + trigger.width + popup.width;\n }\n\n if (placement && /^(left|right)/.test(placement) && usePortal) {\n // Top\n if (\n (/(Top)$/.test(placement) && trigger.top < 0) ||\n (/(right|left)$/.test(placement) && trigger.top + trigger.height / 2 < popup.height / 2) ||\n (/(Bottom)$/.test(placement) && trigger.top + trigger.height < popup.height)\n ) {\n sty.top = scrollTop;\n }\n } else {\n // Top\n if (placement && /(Top)$/.test(placement) && trigger.top < 0) {\n sty.top -= trigger.top;\n }\n if (placement && /(Bottom)$/.test(placement) && trigger.bottom < popup.height) {\n // eslint-disable-next-line\n sty.top = sty.top + (popup.height - trigger.bottom);\n }\n if (placement && /(right|left)$/.test(placement) && trigger.bottom - trigger.height / 2 < popup.height / 2) {\n sty.top = sty.top + popup.height / 2 - (trigger.bottom - trigger.height / 2);\n }\n }\n // Bottom Public Part\n if (placement && /^(left|right)/.test(placement)) {\n if (/(Top)$/.test(placement) && bottom + trigger.height < popup.height) {\n sty.top = sty.top - (popup.height - bottom - trigger.height); // eslint-disable-line\n }\n if (/(right|left)$/.test(placement) && bottom + trigger.height / 2 < popup.height / 2) {\n sty.top = sty.top - (popup.height / 2 - bottom - trigger.height / 2); // eslint-disable-line\n }\n if (/(Bottom)$/.test(placement) && bottom < 0) {\n sty.top = sty.top + bottom; // eslint-disable-line\n }\n }\n\n if (placement && /^(top|bottom)/.test(placement) && usePortal) {\n // left\n if (\n (/(Left)$/.test(placement) && trigger.left < 0) ||\n (/(top|bottom)$/.test(placement) && trigger.left + trigger.width / 2 < popup.width / 2) ||\n (/(Right)$/.test(placement) && trigger.left + trigger.width < popup.width)\n ) {\n sty.left = scrollLeft;\n }\n // right\n if (/(top|bottom)$/.test(placement) && right + trigger.width / 2 < popup.width / 2) {\n sty.left = trigger.left + trigger.width + right - popup.width;\n }\n } else if (placement && /(top|bottom)$/.test(placement) && right + trigger.width / 2 < popup.width / 2) {\n sty.left = sty.left + (right + trigger.width / 2 - popup.width / 2); // eslint-disable-line\n }\n if (placement && /^(top|bottom)/.test(placement)) {\n if (/(Left)$/.test(placement) && trigger.width + right < popup.width) {\n sty.left = sty.left - (popup.width - trigger.width - right);\n }\n if (/(Right)$/.test(placement) && right < 0) {\n sty.left = sty.left + right; // eslint-disable-line\n }\n }\n }\n return sty;\n}\n","import React, { cloneElement, useEffect, useRef, useState, useImperativeHandle } from 'react';\nimport { IProps, noop } from '@uiw/utils';\nimport Overlay, { OverlayProps } from '@uiw/react-overlay';\nimport contains from './utils';\nimport { IBoundingClientRect } from './util/getBoundingClientRect';\nimport { getStyle } from './getStyle';\nimport './style/index.less';\n\nexport interface OverlayTriggerProps extends IProps, OverlayProps {\n onVisibleChange?: (isVisbale: boolean) => void;\n onEnter?: (node: HTMLElement, isAppearing: boolean) => void;\n overlay?: React.ReactNode | any;\n trigger?: 'click' | 'hover' | 'focus';\n usePortal?: boolean;\n isOpen?: boolean;\n disabled?: boolean;\n isOutside?: boolean;\n isClickOutside?: boolean;\n autoAdjustOverflow?: boolean;\n placement?: Placement;\n delay?: Delay;\n}\n\nexport interface OverlayTriggerState {\n show: boolean;\n trigger: OverlayTriggerProps['trigger'];\n overlayStyl: OverlayStyl;\n transitionName: OverlayProps['transitionName'];\n}\n\nexport type Delay =\n | number\n | {\n show?: number;\n hide?: number;\n };\n\nexport type Placement =\n | 'top'\n | 'topLeft'\n | 'topRight'\n | 'left'\n | 'leftTop'\n | 'leftBottom'\n | 'right'\n | 'rightTop'\n | 'rightBottom'\n | 'bottom'\n | 'bottomLeft'\n | 'bottomRight';\n\nexport type OverlayStyl = {\n placement: Placement;\n top: number;\n bottom: number;\n left: number;\n right: number;\n zIndex: number;\n};\n\ninterface ITriggerProps {\n onClick?: (e: MouseEvent) => void;\n onFocus?: (e: MouseEvent) => void;\n onMouseOver?: (e: React.MouseEvent) => void;\n onMouseOut?: (e: React.MouseEvent) => void;\n onMouseEnter?: (e: React.MouseEvent) => void;\n onMouseLeave?: (e: React.MouseEvent) => void;\n}\n\nconst normalizeDelay = (delay?: Delay) => (delay && typeof delay === 'object' ? delay : { show: delay, hide: delay });\n\nexport type OverlayTriggerRef = {\n hide: () => void;\n show: () => void;\n};\n\nexport default React.forwardRef((props, ref) => {\n const {\n className,\n\n prefixCls = 'w-overlay-trigger',\n usePortal = true,\n isOutside = false,\n isClickOutside = true,\n disabled = false,\n isOpen: _ = false,\n trigger = 'hover',\n placement = 'top',\n\n autoAdjustOverflow,\n transitionName,\n\n children,\n overlay,\n onVisibleChange = noop,\n onEnter = noop,\n ...other\n } = props;\n\n const zIndex = useRef(999);\n const triggerRef = useRef();\n const popupRef = useRef();\n const timeoutRef = useRef([]);\n const hoverStateRef = useRef<'show' | 'hide' | null>(null);\n const [isOpen, setIsOpen] = useState(!!props.isOpen);\n const [overlayStyl, setOverlayStyl] = useState({\n placement,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n zIndex: zIndex.current,\n });\n useImperativeHandle(ref, () => ({\n hide: () => hide(),\n show: () => show(),\n }));\n\n const child: any = React.Children.only(children);\n const overlayProps: OverlayProps = {\n ...other,\n placement,\n isOpen,\n dialogProps: {},\n };\n const triggerProps: ITriggerProps = {};\n\n function getChildProps() {\n if (child && React.isValidElement(child)) {\n return child.props;\n }\n return {};\n }\n\n useEffect(() => {\n if (isClickOutside) {\n document && document.addEventListener('mousedown', handleClickOutside);\n window.addEventListener('resize', handleResize);\n }\n return () => {\n document && isClickOutside && document.removeEventListener('mousedown', handleClickOutside);\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n useEffect(() => {\n if (props.isOpen !== isOpen) {\n setIsOpen(!!props.isOpen);\n }\n }, [props.isOpen]);\n\n useEffect(() => {\n const styls = getStyle({\n placement: overlayStyl.placement || placement,\n trigger: triggerRef.current as HTMLElement | IBoundingClientRect,\n popup: popupRef.current as HTMLElement | IBoundingClientRect,\n usePortal,\n autoAdjustOverflow,\n });\n setOverlayStyl({ ...styls, zIndex: zIndex.current });\n onVisibleChange(isOpen);\n }, [isOpen]);\n\n const handleResize = () => {\n zIndex.current -= 1;\n setIsOpen(false);\n onVisibleChange && onVisibleChange(false);\n };\n\n const handleClickOutside = (e: MouseEvent) => {\n const popNode = popupRef.current;\n const childNode = triggerRef.current;\n if (\n popNode &&\n childNode &&\n e.target &&\n !contains(popNode, e.target as HTMLElement) &&\n !contains(childNode, e.target as HTMLElement)\n ) {\n zIndex.current -= 1;\n setIsOpen(false);\n onVisibleChange && onVisibleChange(false);\n }\n };\n\n function clearTimeouts() {\n if (timeoutRef.current.length > 0) {\n for (const timeoutId of timeoutRef.current) {\n window.clearTimeout(timeoutId);\n }\n timeoutRef.current = [];\n }\n }\n function handleShow() {\n clearTimeouts();\n hoverStateRef.current = 'show';\n\n const delay = normalizeDelay(props.delay);\n\n if (!delay.show) {\n show();\n return;\n }\n const handle = window.setTimeout(() => {\n if (hoverStateRef.current === 'show') show();\n }, delay.show);\n timeoutRef.current.push(handle);\n }\n\n function handleHide(isOutside: boolean) {\n clearTimeouts();\n if (!isOutside && props.isOutside) return;\n hoverStateRef.current = 'hide';\n\n const delay = normalizeDelay(props.delay);\n\n if (!delay.hide) {\n hide();\n return;\n }\n\n const handle = window.setTimeout(() => {\n if (hoverStateRef.current === 'hide') hide();\n }, delay.hide);\n\n timeoutRef.current.push(handle);\n }\n\n // Simple implementation of mouseEnter and mouseLeave.\n // React's built version is broken: https://github.com/facebook/react/issues/4251\n // for cases when the trigger is disabled and mouseOut/Over can cause flicker\n // moving from one child element to another.\n function handleMouseOverOut(handler: Function, e: React.MouseEvent, relatedNative: 'fromElement' | 'toElement') {\n const target = e.currentTarget as HTMLElement;\n const related = (e.relatedTarget || (e.nativeEvent as any)[relatedNative]) as HTMLElement;\n let isOutside = true;\n if (\n (popupRef.current && contains(popupRef.current, related)) ||\n (triggerRef.current && contains(triggerRef.current, related))\n ) {\n isOutside = false;\n }\n if ((!related || related !== target) && !contains(target, related)) {\n handler(isOutside, e);\n }\n }\n\n function hide() {\n if (!isOpen) return;\n zIndex.current -= 1;\n setIsOpen(false);\n }\n\n function show() {\n if (isOpen) return;\n zIndex.current += 1;\n setIsOpen(true);\n }\n\n function handleEnter(node: HTMLElement, isAppearing: boolean) {\n onEnter && onEnter(node, isAppearing);\n const styls = getStyle({\n placement: overlayStyl.placement || placement,\n trigger: triggerRef.current as HTMLElement | IBoundingClientRect,\n popup: popupRef.current as HTMLElement | IBoundingClientRect,\n usePortal,\n autoAdjustOverflow,\n });\n setOverlayStyl({ ...styls, zIndex: zIndex.current });\n }\n\n if (trigger === 'click' && !disabled) {\n triggerProps.onClick = (e) => {\n const { onClick } = getChildProps() as any;\n isOpen ? hide() : show();\n if (onClick) onClick(e, !isOpen);\n };\n }\n if (trigger === 'focus' && !disabled) {\n triggerProps.onFocus = () => handleShow();\n }\n\n if (trigger === 'hover' && !disabled) {\n triggerProps.onMouseOver = triggerProps.onMouseEnter = (e) => {\n handleMouseOverOut(handleShow, e, 'fromElement');\n };\n triggerProps.onMouseOut = triggerProps.onMouseLeave = (e) => {\n handleMouseOverOut(handleHide, e, 'toElement');\n };\n if (overlayProps.dialogProps) {\n overlayProps.dialogProps!.onMouseLeave = (e) => {\n handleMouseOverOut(handleHide, e, 'toElement');\n };\n }\n }\n overlayProps.style = { ...overlayProps.style, ...overlayStyl };\n return (\n \n {cloneElement(\n child,\n Object.assign({}, child.props, {\n ...triggerProps,\n ref: triggerRef,\n className: [child.props.className, disabled ? `${prefixCls}-disabled` : null]\n .filter(Boolean)\n .join(' ')\n .trim(),\n }),\n )}\n \n {cloneElement(\n overlay,\n Object.assign({\n ...overlay.props,\n ref: popupRef,\n className: [overlay.props && overlay.props.className, placement].filter(Boolean).join(' ').trim(),\n }),\n )}\n \n \n );\n});\n","import React from 'react';\nimport OverlayTrigger, { OverlayTriggerProps } from '@uiw/react-overlay-trigger';\nimport './style/index.less';\n\nexport interface PopoverProps extends OverlayTriggerProps {\n content?: React.ReactNode;\n visibleArrow?: boolean;\n}\n\nexport default class Popover extends React.Component {\n public static defaultProps: PopoverProps = {\n prefixCls: 'w-popover',\n placement: 'top',\n usePortal: true,\n isOpen: false,\n visibleArrow: true,\n };\n renderArrow = () => {\n const { prefixCls } = this.props;\n return (\n \n );\n };\n render() {\n const { prefixCls, className, content, visibleArrow, ...other } = this.props;\n const cls = [prefixCls, className, !visibleArrow ? 'no-arrow' : null].filter(Boolean).join(' ').trim();\n return (\n \n {visibleArrow && this.renderArrow()}\n {this.props.content}
\n \n }\n >\n {typeof this.props.children === 'object' && (this.props.children as JSX.Element).type.name !== 'Icon' ? (\n this.props.children\n ) : (\n {this.props.children}\n )}\n \n );\n }\n}\n","import React, { useEffect, useImperativeHandle } from 'react';\nimport Icon, { IconProps } from '@uiw/react-icon';\nimport { IProps, HTMLInputProps } from '@uiw/utils';\nimport './style/input.less';\n\nexport interface InputProps extends IProps, Omit {\n preIcon?: IconProps['type'];\n addonAfter?: React.ReactNode;\n size?: 'large' | 'default' | 'small';\n}\n\nexport default React.forwardRef((props, ref) => {\n const {\n prefixCls = 'w-input',\n className,\n style,\n size = 'default',\n type = 'text',\n preIcon = null,\n addonAfter,\n ...otherProps\n } = props;\n const inputRef = React.useRef(null);\n const addonRef = React.useRef(null);\n useImperativeHandle(ref, () => inputRef.current);\n const cls = [\n prefixCls,\n className,\n size ? `${prefixCls}-${size}` : null,\n addonAfter ? `${prefixCls}-addon` : null,\n props.disabled ? 'disabled' : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim();\n\n useEffect(() => {\n computedInputPadding();\n });\n\n function computedInputPadding() {\n if (addonRef.current && inputRef.current) {\n const input = window && window.getComputedStyle(addonRef.current, null);\n inputRef.current.style.paddingRight = `${\n addonRef.current.clientWidth + parseInt(input.right as string, 10) * 2\n }px`;\n }\n }\n return (\n \n \n \n {addonAfter && (\n \n {addonAfter}\n \n )}\n
\n );\n});\n","import React, { useMemo, useRef } from 'react';\nimport { IProps, HTMLDivProps, HTMLLiProps } from '@uiw/utils';\nimport './style/time-picker.less';\n\nexport interface TimePickerPanelProps extends IProps, HTMLDivProps {\n onSelected?: (\n type: TimePickerPanelProps['type'],\n num: number,\n disableds: number[],\n date: TimePickerPanelProps['date'],\n ) => void;\n count?: number;\n hideDisabled?: boolean;\n disabledHours?: (\n num: number,\n type: TimePickerPanelProps['type'],\n date: TimePickerPanelProps['date'],\n ) => boolean | undefined;\n disabledMinutes?: (\n num: number,\n type: TimePickerPanelProps['type'],\n date: TimePickerPanelProps['date'],\n ) => boolean | undefined;\n disabledSeconds?: (\n num: number,\n type: TimePickerPanelProps['type'],\n date: TimePickerPanelProps['date'],\n ) => boolean | undefined;\n type?: 'Hours' | 'Minutes' | 'Seconds';\n date?: Date;\n}\n\nexport default function TimePickerPanel(props: TimePickerPanelProps) {\n const {\n prefixCls = 'w-timepicker',\n className,\n count = 24,\n date,\n type = 'Hours',\n disabledHours,\n disabledMinutes,\n disabledSeconds,\n hideDisabled,\n onSelected,\n ...other\n } = props;\n const disableds = useRef([]);\n function getMaybeNumber() {\n if (date && type) {\n return new Date(date)[`get${type}` as 'getHours' | 'getMinutes' | 'getSeconds']();\n }\n return 0;\n }\n function handleClick(num: number, e: React.MouseEvent) {\n if (!date) return;\n const currentDate = new Date(date);\n currentDate[`set${type}` as 'setHours' | 'setMinutes' | 'setSeconds'](num);\n onSelected && onSelected(type, num, disableds.current, currentDate);\n }\n function getDisabledItem(num: number) {\n const disabled = props[`disabled${type}` as 'disabledHours' | 'disabledMinutes' | 'disabledSeconds'];\n if (disabled) {\n return disabled(num, type, new Date(date!));\n }\n return false;\n }\n function getItemInstance(tag: HTMLLIElement) {\n if (tag && tag.parentNode && tag.dataset['index']) {\n const offsetTop = Number(tag.dataset['index']) * tag.clientHeight;\n if (tag.parentNode.parentNode) {\n (tag.parentNode.parentNode as HTMLDivElement).scrollTop = offsetTop;\n }\n }\n }\n const data = useMemo(() => {\n return [...Array(count)]\n .map((_, idx) => {\n const disabled = getDisabledItem(idx);\n if (disabled) disableds.current.push(idx);\n return {\n count: idx,\n disabled: getDisabledItem(idx),\n };\n })\n .filter((item) => (hideDisabled && item.disabled ? false : true));\n }, [hideDisabled]);\n\n return (\n \n
\n {data.map((item, idx) => {\n const liProps = {} as HTMLLiProps;\n if (!item.disabled) {\n liProps.onClick = (e) => handleClick(item.count, e);\n }\n const currentCount = getMaybeNumber();\n return (\n - tag && getItemInstance(tag)}\n {...liProps}\n className={[\n item.disabled ? 'disabled' : null,\n currentCount === item.count ? 'selected' : null,\n hideDisabled && item.disabled ? 'hide' : null,\n ]\n .filter(Boolean)\n .join(' ')\n .trim()}\n >\n {item.count < 10 ? `0${item.count}` : item.count}\n
\n );\n })}\n
\n
\n );\n}\n","import React from 'react';\nimport { IProps } from '@uiw/utils';\nimport TimePanel, { TimePickerPanelProps } from './Panel';\nimport './style/time-picker.less';\n\nexport interface TimePickerTimeProps extends IProps, TimePickerPanelProps {\n precision?: Precision;\n}\n\nexport type Precision = 'hour' | 'minute' | 'second';\n\nexport function TimePickerTime(props: TimePickerTimeProps) {\n const { prefixCls = 'w-timepicker', className, precision = 'second', ...other } = props;\n return (\n \n {/^(second|minute|hour)$/.test(precision as Precision) && }\n {/^(second|minute)$/.test(precision as Precision) && }\n {/^(second)$/.test(precision as Precision) && }\n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport Popover, { PopoverProps } from '@uiw/react-popover';\nimport Input, { InputProps } from '@uiw/react-input';\nimport Button from '@uiw/react-button';\nimport { IProps } from '@uiw/utils';\nimport formatter from '@uiw/formatter';\nimport { TimePickerTime, TimePickerTimeProps } from './Time';\nimport './style/index.less';\n\nexport * from './Panel';\nexport * from './Time';\n\nexport interface TimePickerProps extends IProps, Omit {\n value?: Date;\n format?: string;\n popoverProps?: PopoverProps;\n disabledHours?: TimePickerTimeProps['disabledHours'];\n precision?: TimePickerTimeProps['precision'];\n disabledMinutes?: TimePickerTimeProps['disabledMinutes'];\n disabledSeconds?: TimePickerTimeProps['disabledSeconds'];\n hideDisabled?: TimePickerTimeProps['hideDisabled'];\n allowClear?: boolean;\n disabled?: boolean;\n onChange?: (\n dataStr?: string,\n date?: Date | '',\n type?: TimePickerTimeProps['type'],\n num?: number,\n disableds?: number[],\n ) => void;\n}\n\nexport default function TimePicker(props: TimePickerProps) {\n const {\n prefixCls = 'w-timepicker',\n className,\n disabled,\n value,\n format = 'HH:mm:ss',\n popoverProps,\n allowClear = true,\n onChange,\n disabledHours,\n disabledMinutes,\n disabledSeconds,\n hideDisabled,\n precision,\n ...inputProps\n } = props;\n const [date, setDate] = useState(props.value);\n useEffect(() => setDate(props.value), [props.value]);\n const timeProps = {\n disabledHours,\n disabledMinutes,\n disabledSeconds,\n hideDisabled,\n precision,\n };\n const inputValue = date ? formatter(format, new Date(date)) : '';\n const datePickerTime = date || new Date();\n const _props: InputProps = { ...inputProps, value: inputValue };\n if (allowClear && inputValue !== '' && !!inputValue) {\n _props.addonAfter = (\n