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

@uiw/doc 4.21.12 → 5.0.0-bate-0

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

Files changed (458) hide show

package/web/static/js/9429.3b8debbf.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9429],{19429:function(t,n,e){e.r(n),n.default='\u5728 KKT \u4e2d\u4f7f\u7528\n===\n\n[`kkt@5x`](https://github.com/kktjs/kkt) \u65b0\u7684\u7248\u672c\uff0c\u662f\u57fa\u4e8e [create-react-app@3x](https://github.com/facebook/create-react-app) \u8f7b\u5ea6\u7ef4\u62a4\u57fa\u4e8e `TypeScript` \u91cd\u5199\u7684\u7248\u672c\uff0c\u6b64\u5de5\u5177\u53ef\u4ee5\u5728\u4e0d `eject` \u4e5f\u4e0d\u521b\u5efa\u989d\u5916 react-scripts \u7684\u60c5\u51b5\u4e0b\u4fee\u6539 [create-react-app@3x](https://github.com/facebook/create-react-app) \u5185\u7f6e\u7684 webpack \u914d\u7f6e\uff0c\u7136\u540e\u4f60\u5c06\u62e5\u6709 [create-react-app](https://github.com/facebook/create-react-app) \u7684\u4e00\u5207\u7279\u6027\uff0c\u4e14\u53ef\u4ee5\u6839\u636e\u4f60\u7684\u9700\u8981\u53bb\u914d\u7f6e `webpack` \u7684 `plugins`, `loaders` \u7b49\uff0c\u672a\u6765\u5c06\u5728 `kkt` \u4e2d\u96c6\u6210 [@kktjs/kkt-ssr](https://github.com/kktjs/kkt-ssr) \u670d\u52a1\u7aef\u6e32\u67d3\u3002\n\n\u8981\u5f00\u59cb\u4f7f\u7528 [uiw](https://github.com/uiwjs/uiw) \u548c [kkt](https://github.com/kktjs/kkt)\uff0c\u8bf7\u6309\u7167\u4e0b\u5217\u6b65\u9aa4\u64cd\u4f5c\uff1a\n\n1. \u5b89\u88c5\u6700\u65b0\u7248\u672c\u7684 Node LTS\u3002 [\u8bf7\u53c2\u9605\u6b64\u5904\u83b7\u53d6\u8bf4\u660e](https://docs.npmjs.com/getting-started/installing-node)\n2. \u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efa\u65b0\u7684 `kkt` \u9879\u76ee\uff1a\n\n\u4f60\u53ef\u4ee5\u76f4\u63a5\u901a\u8fc7\u4e0b\u9762\u547d\u4ee4\u521d\u59cb\u5316\u4e00\u4e2a\u5de5\u7a0b\uff0c\u76f4\u63a5\u5f00\u59cb\u5f00\u53d1\n\n```bash\nnpx create-kkt my-app -e uiw\n# or npm\nnpm create kkt my-app -e uiw\n# or yarn\nyarn create kkt my-app -e uiw\n```\n\n\u6ce8\u610f [npx](https://github.com/npm/npm/releases/tag/v5.2.0) \u547d\u4ee4\u53ea\u5728 npm 5.2+ \u6216\u66f4\u9ad8\u7248\u672c\u4e2d\u652f\u6301\u3002\n\n\u4f60\u4e5f\u53ef\u4ee5\u4f7f\u7528 [kkt](https://github.com/kktjs/kkt) \u5de5\u5177\u901a\u8fc7\u4e0b\u9762\u6b65\u9aa4\uff0c\u4e00\u6b65\u4e00\u6b65\u7684\u521b\u5efa\u4e00\u4e2a [kkt](https://github.com/kktjs/kkt) \u5de5\u7a0b\n\n```bash\nnpx create-kkt my-app\n```\n\n\u6b64\u65f6\uff0c\u60a8\u5c06\u80fd\u591f\u5728\u672c\u5730\u542f\u52a8\u9ed8\u8ba4 `kkt` \u5e94\u7528\u7a0b\u5e8f\uff1a\n\n```bash\ncd my-app\nnpm start\n```\n\n\u6709\u5173 `KKT` \u7684\u66f4\u591a\u4fe1\u606f\uff0c[\u8bf7\u53c2\u9605\u81ea\u8ff0\u6587\u4ef6](https://github.com/kktjs/kkt)\u3002\n\n1. \u5b89\u88c5 [uiw](https://github.com/uiwjs/uiw) \u5305\uff1a\n\n```bash\nnpm i uiw\n```\n\n4. \u6253\u5f00 `src/App.js` \u5e76\u5c06\u5185\u5bb9\u66ff\u6362\u4e3a\uff1a\n\n```jsx\nimport React, { Component } from \'react\';\nimport { Button } from \'uiw\';\n\nexport default class App extends Component {\n render() {\n return <Button size="small" type="primary">Click Me</Button>;\n }\n}\n```\n\n### \u4ece create-react-app \u8fc1\u79fb\u5230 kkt \u4e2d\n\n```diff\n{\n "name": "my-app",\n "version": "0.1.0",\n "private": true,\n+ "devDependencies": {\n+ "kkt": "~7.0.6"\n+ },\n "dependencies": {\n "@testing-library/jest-dom": "^5.11.4",\n "@testing-library/react": "^11.1.0",\n "@testing-library/user-event": "^12.1.10",\n "react": "^17.0.1",\n "react-dom": "^17.0.1",\n- "react-scripts": "4.0.1",\n "web-vitals": "^0.2.4",\n+ "uiw": "^4.7.12"\n },\n "scripts": {\n- "start": "react-scripts start",\n+ "start": "kkt start",\n- "build": "react-scripts build",\n+ "build": "kkt build",\n- "test": "react-scripts test",\n+ "test": "kkt test --env=jsdom",\n+ "test:coverage": "kkt test --env=jsdom --coverage"\n- "eject": "react-scripts eject"\n },\n "eslintConfig": {\n "extends": [\n "react-app",\n "react-app/jest"\n ]\n },\n "browserslist": {\n "production": [\n ">0.2%",\n "not dead",\n "not op_mini all"\n ],\n "development": [\n "last 1 chrome version",\n "last 1 firefox version",\n "last 1 safari version"\n ]\n }\n}\n```'}}]);
2	- //# sourceMappingURL=9429.3b8debbf.chunk.js.map

package/web/static/js/9429.3b8debbf.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9429.3b8debbf.chunk.js","mappings":"gHAAA","sources":["routes/guide/kkt/README.md"],"sourcesContent":["export default \"在 KKT 中使用\\n===\\n\\n[`kkt@5x`](https://github.com/kktjs/kkt) 新的版本，是基于 [create-react-app@3x](https://github.com/facebook/create-react-app) 轻度维护基于 `TypeScript` 重写的版本，此工具可以在不 `eject` 也不创建额外 react-scripts 的情况下修改 [create-react-app@3x](https://github.com/facebook/create-react-app) 内置的 webpack 配置，然后你将拥有 [create-react-app](https://github.com/facebook/create-react-app) 的一切特性，且可以根据你的需要去配置 `webpack` 的 `plugins`, `loaders` 等，未来将在 `kkt` 中集成 [@kktjs/kkt-ssr](https://github.com/kktjs/kkt-ssr) 服务端渲染。\\n\\n要开始使用 [uiw](https://github.com/uiwjs/uiw) 和 [kkt](https://github.com/kktjs/kkt)，请按照下列步骤操作：\\n\\n1. 安装最新版本的 Node LTS。 [请参阅此处获取说明](https://docs.npmjs.com/getting-started/installing-node)\\n2. 使用以下命令创建新的 `kkt` 项目：\\n\\n你可以直接通过下面命令初始化一个工程，直接开始开发\\n\\n```bash\\nnpx create-kkt my-app -e uiw\\n# or npm\\nnpm create kkt my-app -e uiw\\n# or yarn\\nyarn create kkt my-app -e uiw\\n```\\n\\n注意 [**npx**](https://github.com/npm/npm/releases/tag/v5.2.0) 命令只在 npm 5.2+ 或更高版本中支持。\\n\\n你也可以使用 [kkt](https://github.com/kktjs/kkt) 工具通过下面步骤，一步一步的创建一个 [kkt](https://github.com/kktjs/kkt) 工程\\n\\n```bash\\nnpx create-kkt my-app\\n```\\n\\n此时，您将能够在本地启动默认 `kkt` 应用程序：\\n\\n```bash\\ncd my-app\\nnpm start\\n```\\n\\n有关 `KKT` 的更多信息，[请参阅自述文件](https://github.com/kktjs/kkt)。\\n\\n1. 安装 [uiw](https://github.com/uiwjs/uiw) 包：\\n\\n```bash\\nnpm i uiw\\n```\\n\\n4. 打开 `src/App.js` 并将内容替换为：\\n\\n```jsx\\nimport React, { Component } from 'react';\\nimport { Button } from 'uiw';\\n\\nexport default class App extends Component {\\n render() {\\n return <Button size=\\\"small\\\" type=\\\"primary\\\">Click Me</Button>;\\n }\\n}\\n```\\n\\n### 从 create-react-app 迁移到 kkt 中\\n\\n```diff\\n{\\n \\\"name\\\": \\\"my-app\\\",\\n \\\"version\\\": \\\"0.1.0\\\",\\n \\\"private\\\": true,\\n+ \\\"devDependencies\\\": {\\n+ \\\"kkt\\\": \\\"~7.0.6\\\"\\n+ },\\n \\\"dependencies\\\": {\\n \\\"@testing-library/jest-dom\\\": \\\"^5.11.4\\\",\\n \\\"@testing-library/react\\\": \\\"^11.1.0\\\",\\n \\\"@testing-library/user-event\\\": \\\"^12.1.10\\\",\\n \\\"react\\\": \\\"^17.0.1\\\",\\n \\\"react-dom\\\": \\\"^17.0.1\\\",\\n- \\\"react-scripts\\\": \\\"4.0.1\\\",\\n \\\"web-vitals\\\": \\\"^0.2.4\\\",\\n+ \\\"uiw\\\": \\\"^4.7.12\\\"\\n },\\n \\\"scripts\\\": {\\n- \\\"start\\\": \\\"react-scripts start\\\",\\n+ \\\"start\\\": \\\"kkt start\\\",\\n- \\\"build\\\": \\\"react-scripts build\\\",\\n+ \\\"build\\\": \\\"kkt build\\\",\\n- \\\"test\\\": \\\"react-scripts test\\\",\\n+ \\\"test\\\": \\\"kkt test --env=jsdom\\\",\\n+ \\\"test:coverage\\\": \\\"kkt test --env=jsdom --coverage\\\"\\n- \\\"eject\\\": \\\"react-scripts eject\\\"\\n },\\n \\\"eslintConfig\\\": {\\n \\\"extends\\\": [\\n \\\"react-app\\\",\\n \\\"react-app/jest\\\"\\n ]\\n },\\n \\\"browserslist\\\": {\\n \\\"production\\\": [\\n \\\">0.2%\\\",\\n \\\"not dead\\\",\\n \\\"not op_mini all\\\"\\n ],\\n \\\"development\\\": [\\n \\\"last 1 chrome version\\\",\\n \\\"last 1 firefox version\\\",\\n \\\"last 1 safari version\\\"\\n ]\\n }\\n}\\n```\";"],"names":[],"sourceRoot":""}

package/web/static/js/9503.c58f4568.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9503],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),c=t(41473),s=t(32131),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,c=e.codeSandbox,s=(0,o.Z)(e,l),d=(0,r.Z)({},s);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),c&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(c.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",k="index_markdown__hcQCp",v=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,c.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,c.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(s.Z,{source:b,className:k,components:{code:function(e){var n=e.inline,i=e.node,c=(0,o.Z)(e,v),s=c,d=s.noPreview,a=s.bordered,l=s.noScroll,h=s.bgWhite,f=s.noCode,m=s.codePen,k=s.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},c));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},c)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},82186:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),c=(t(41473),t(36131)),s=t(86082),d=t(69286);function a(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-back-top/README.md",dependencies:{BackTop:c.BackTop,Button:c.Button},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(5364).then(t.bind(t,95364));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9503.c58f4568.chunk.js.map

package/web/static/js/9503.c58f4568.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9503.c58f4568.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?6e49","components/Markdown/index.tsx","routes/components/back-top/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandbox,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { BackTop, Button } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-back-top/README.md\"\n dependencies={{ BackTop, Button }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-back-top/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","BackTop","Button","md","default"],"sourceRoot":""}

package/web/static/js/9636.279db5c1.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9636],{69636:function(n,e,t){t.r(e),e.default="Carousel \u8d70\u9a6c\u706f\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-carousel/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-carousel.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-carousel)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-carousel.svg?label=@uiw/react-carousel)](https://npmjs.com/@uiw/react-carousel)\n\n\u6eda\u52a8\u64ad\u653e\u3002\u5728 v4.15.0+ \u6dfb\u52a0\u3002\n\n```jsx\nimport { Carousel } from 'uiw';\n// or\nimport Carousel from '@uiw/react-carousel';\n```\n\n## \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n return (\n <div style={{ display:'flex' }}>\n <Carousel>\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n <span style={{marginLeft:10}}/>\n <Carousel direction=\"vertical\" >\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u63a7\u5236\u64ad\u653e\u9891\u7387\n\npalyTime\u8bbe\u7f6e\u6bcf\u5e27\u505c\u7559\u65f6\u95f4\uff0cscrollTime\u8bbe\u7f6e\u5207\u6362\u5e27\u7684\u901f\u5ea6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n return (\n <Carousel palyTime={1000} scrollTime={500}>\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u5207\u6362\u5230\u6307\u5b9a\u5e27\n\n\u624b\u52a8\u5207\u6362\u5230\u6307\u5b9a\u5e27\u7684\u4f4d\u7f6e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport { Carousel } from 'uiw';\n\nfunction Demo() {\n\n const ref=React.useRef()\n const [autoPlay,autoPlaySet]=React.useState(true)\n\n return (\n <React.Fragment>\n <Carousel\n ref={ref}\n position={2}\n autoPlay={autoPlay}\n afterChange={(current)=>console.log('after',current)}\n beforeChange={(current)=>console.log('before',current)}\n >\n <div style={{ height: '100%', background: '#1EABCD' }}>\n <span>1</span>\n </div>\n <div style={{ height: '100%', background: '#393b46' }}>\n <span>2</span>\n </div>\n <div style={{ height: '100%', background: '#008EF0' }}>\n <span>3</span>\n </div>\n <div style={{ height: '100%', background: '#393E48' }}>\n <span>4</span>\n </div>\n </Carousel>\n <button onClick={() => ref.current.gotoSlide(1)}>\u8df3\u8f6c</button>\n <button onClick={() => ref.current.prevSlide()}>\u4e0a\u4e00\u5f20</button>\n <button onClick={() => ref.current.nextSlide()}>\u4e0b\u4e00\u5f20</button>\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'\u6682\u505c':'\u5f00\u59cb'}</button>\n </React.Fragment>\n );\n }\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| width \| \u5bbd\u5ea6 \| number \| 400 \|\n\| height \| \u9ad8\u5ea6 \| number \| 200 \|\n\| position \| \u8bbe\u7f6e\u521d\u59cb\u5e27\u4f4d\u7f6e \| number \| 0 \|\n\| palyTime \| \u6bcf\u5e27\u505c\u7559\u65f6\u95f4(ms) \| number \| 2000 \|\n\| scrollTime \| \u6eda\u52a8\u52a8\u753b\u7684\u901f\u5ea6(ms) \| number \| 200 \|\n\| autoPlay \| \u662f\u5426\u81ea\u52a8\u64ad\u653e \| boolean \| true \|\n\| afterChange \| \u5207\u6362\u9762\u677f\u524d\u7684\u56de\u8c03 \| (current) => void \| - \|\n\| beforeChange \| \u5207\u6362\u9762\u677f\u540e\u7684\u56de\u8c03 \| (current) => void \| - \|\n\| direction \| \u6eda\u52a8\u65b9\u4f4d`horizontal`\u6a2a\u5411\uff0c`vertical`\u7ad6\u5411 \| horizontal \\\| vertical \| horizontal \|\n\n### ref\n\n```ts\n // \u8df3\u8f6c\u5230\u6307\u5b9a\u5e27\n gotoSlide: (slideNumber: number) => void;\n // \u4e0a\u4e00\u9488\n prevSlide: () => void;\n // \u4e0b\u4e00\u5e27\n nextSlide: () => void;\n // \u6682\u505c\u64ad\u653e\n stopPlay: () => void;\n```\n\n\n"}}]);
2	- //# sourceMappingURL=9636.279db5c1.chunk.js.map

package/web/static/js/9636.279db5c1.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9636.279db5c1.chunk.js","mappings":"gHAAA","sources":["../../packages/react-carousel/README.md"],"sourcesContent":["export default \"Carousel 走马灯\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-carousel/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-carousel.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-carousel)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-carousel.svg?label=@uiw/react-carousel)](https://npmjs.com/@uiw/react-carousel)\\n\\n滚动播放。在 v4.15.0+ 添加。\\n\\n```jsx\\nimport { Carousel } from 'uiw';\\n// or\\nimport Carousel from '@uiw/react-carousel';\\n```\\n\\n## 基础用法\\n\\n最简单的用法。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div style={{ display:'flex' }}>\\n <Carousel>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <span style={{marginLeft:10}}/>\\n <Carousel direction=\\\"vertical\\\" >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 控制播放频率\\n\\npalyTime设置每帧停留时间，scrollTime设置切换帧的速度\\n\\n\\n```jsx\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Carousel palyTime={1000} scrollTime={500}>\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 切换到指定帧\\n\\n手动切换到指定帧的位置\\n\\n\\n```jsx\\nimport React from 'react';\\nimport { Carousel } from 'uiw';\\n\\nfunction Demo() {\\n\\n const ref=React.useRef()\\n const [autoPlay,autoPlaySet]=React.useState(true)\\n\\n return (\\n <React.Fragment>\\n <Carousel\\n ref={ref}\\n position={2}\\n autoPlay={autoPlay}\\n afterChange={(current)=>console.log('after',current)}\\n beforeChange={(current)=>console.log('before',current)}\\n >\\n <div style={{ height: '100%', background: '#1EABCD' }}>\\n <span>1</span>\\n </div>\\n <div style={{ height: '100%', background: '#393b46' }}>\\n <span>2</span>\\n </div>\\n <div style={{ height: '100%', background: '#008EF0' }}>\\n <span>3</span>\\n </div>\\n <div style={{ height: '100%', background: '#393E48' }}>\\n <span>4</span>\\n </div>\\n </Carousel>\\n <button onClick={() => ref.current.gotoSlide(1)}>跳转</button>\\n <button onClick={() => ref.current.prevSlide()}>上一张</button>\\n <button onClick={() => ref.current.nextSlide()}>下一张</button>\\n <button onClick={() =>autoPlaySet(autoPlay?false:true)}>{autoPlay?'暂停':'开始'}</button>\\n </React.Fragment>\\n );\\n }\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n## API\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| width | 宽度 | number | 400 |\\n| height | 高度 | number | 200 |\\n| position | 设置初始帧位置 | number | 0 |\\n| palyTime | 每帧停留时间(ms) | number | 2000 |\\n| scrollTime | 滚动动画的速度(ms) | number | 200 |\\n| autoPlay | 是否自动播放 | boolean | true |\\n| afterChange | 切换面板前的回调 | (current) => void | - |\\n| beforeChange | 切换面板后的回调 | (current) => void | - |\\n| direction | 滚动方位`horizontal`横向，`vertical`竖向 | horizontal \\\\| vertical | horizontal |\\n\\n### ref\\n\\n```ts\\n // 跳转到指定帧\\n gotoSlide: (slideNumber: number) => void;\\n // 上一针\\n prevSlide: () => void;\\n // 下一帧\\n nextSlide: () => void;\\n // 暂停播放\\n stopPlay: () => void;\\n```\\n\\n\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9673.59e1cf05.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9673],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(32131),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);function m(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var f="index_docinfo__3Vx8S",v="index_markdown__hcQCp",k=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:b,className:v,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,k),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,m=c.noCode,f=c.codePen,v=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f,codeSandbox:v};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f,codeSandbox:v})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},20605:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(36131)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-input/README.md",dependencies:{Divider:s.Divider,Input:s.Input,InputNumber:s.InputNumber,Form:s.Form,Notify:s.Notify,Button:s.Button,Tag:s.Tag,Row:s.Row,Col:s.Col},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(5146).then(t.bind(t,5146));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9673.59e1cf05.chunk.js.map

package/web/static/js/9673.59e1cf05.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9673.59e1cf05.chunk.js","mappings":"wFAAA,SAASA,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEPF,EAAoBK,KAAO,WAAa,MAAO,IAC/CL,EAAoBM,QAAUN,EAC9BA,EAAoBO,GAAK,MACzBC,EAAOC,QAAUT,G,oNCEF,SAASU,EAAT,GAAqF,IAArEC,EAAoE,EAApEA,QAASC,EAA2D,EAA3DA,aAAcC,EAA6C,EAA7CA,QAASC,EAAoC,EAApCA,YAAgBC,GAAoB,YAC3FC,GAAuB,UAAQD,GAyDrC,OAxDIF,IACFG,EAAMC,cAAgB,CACpBC,MAAM,MAAD,OAAQP,EAAR,WACLQ,cAAe,CAAC,OAChBC,IAAKJ,EAAMZ,MAAQ,IAAIiB,QAAQ,UAAW,wCAC1CC,KAAM,mDACNC,aAAa,yBAAD,OAA2BZ,EAA3B,qBACZa,YAAY,yLAAD,OAA2Lb,EAA3L,qFAGXG,IACFE,EAAMS,kBAAoB,CACxBC,MAAO,CACL,sBAAuB,CACrBC,QAAQ,iKAQV,oBAAqB,CACnBA,QAAQ,8BAEV,eAAgB,CACdA,SAAUX,EAAMZ,MAAQ,IAAIiB,QAAQ,UAAW,yCAEjD,YAAa,CACXM,QAAQ,qJAEV,eAAgB,CACdA,QAAS,CACPC,KAAM,WACNC,YAAY,QAAD,OAAUlB,EAAV,WACXC,aAAc,CACZkB,MAAO,UACP,YAAa,UACbC,IAAK,UAEPC,gBAAiB,CACf,oBAAqB,SACrBC,IAAK,UAEPC,QAAS,MACTC,QAAS,CACPC,MAAO,YACPC,MAAO,YACPC,KAAM,wBAERC,aAAc,CAAC,QAAS,WAAY,eAAgB,yBAMvD,SAAC,KAAD,kBAAiBvB,GAAjB,IAAwBJ,aAAcA,EAAc4B,MAAO,CAAEC,aAAc,M,eC7DrE,SAAS,IAA2B,IAA1BzB,EAAyB,uDAAJ,GACpC0B,EAAS1B,EAAT0B,KACFC,EAAM,QAAQL,KAAKI,GAAQ,IAAMA,EAA3B,mDAA8EA,GAC1F,OACE,UAAC,EAAAE,SAAD,wGAEGD,IACC,cAAGE,KAAMF,EAAKG,OAAO,SAASC,IAAI,sBAAlC,+DAIF,mBACA,cAAGF,KAAK,sCAAsCC,OAAO,SAASC,IAAI,sBAAlE,uCAGA,SAAC,EAAAC,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,0CAAlD,8BAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,+BAAlD,qBAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,+BAAlD,kBAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,mCAAlD,uBAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,sBAAlD,yCCtCN,MAA0B,uBAA1B,EAA4D,wB,oBCYtDK,EAAa,SAAbA,IAAuD,IAAzCC,EAAwC,uDAA1B,GAAI/C,EAAsB,uDAAP,GAQnD,OAPA+C,EAAKC,SAAQ,SAACC,GACM,SAAdA,EAAKJ,KACP7C,GAAQiD,EAAKC,MACJD,EAAKE,UAAYC,MAAMC,QAAQJ,EAAKE,YAC7CnD,GAAQ8C,EAAWG,EAAKE,cAGrBnD,GAGM,SAASsD,EAAc1C,GACpC,IAAQ2C,EAAmC3C,EAAnC2C,WAAY/C,EAAuBI,EAAvBJ,aAAc8B,EAAS1B,EAAT0B,KAClC,GAA0BkB,EAAAA,EAAAA,UAAS,IAAnC,eAAOC,EAAP,KAAcC,EAAd,KAEMnD,EAAUoD,EAAAA,IAAe,QAY/B,OAXAC,EAAAA,EAAAA,YAAU,WACJL,GACFA,IACGM,MAAK,SAACC,GACLJ,EAASI,MAEVC,OAAM,iBAGV,IAEEN,GAKH,4BACE,SAAC,IAAD,CACEO,OAAQP,EACRQ,UAAWC,EACXC,WAAY,CASVnE,KAAM,YAAiC,IAA9BoE,EAA6B,EAA7BA,OAAQnB,EAAqB,EAArBA,KAASrC,GAAY,YACpC,EAAiFA,EAAzEyD,EAAR,EAAQA,UAAWC,EAAnB,EAAmBA,SAAUC,EAA7B,EAA6BA,SAAUC,EAAvC,EAAuCA,QAASC,EAAhD,EAAgDA,OAAQhE,EAAxD,EAAwDA,QAASC,EAAjE,EAAiEA,YACjE,GAAI0D,EACF,OAAO,2BAAUxD,IAEnB,IAAM8D,EAAS,CACbL,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAhE,QAAAA,EACAC,YAAAA,GAEF,OAAgF,IAA5EiE,OAAO1E,KAAKyE,GAAQE,QAAO,SAACpD,GAAD,YAA2BqD,IAAjBH,EAAOlD,MAAqBsD,QAC5D,2BAAUlE,KAGjB,SAACN,EAAD,CACEC,QAASA,EACTP,KAAM8C,EAAWG,EAAKE,UACtB3C,aAAcA,EACR6D,UAAAA,EAAWC,SAAAA,EAAUC,SAAAA,EAAUC,QAAAA,EAASC,OAAAA,EAAQhE,QAAAA,EAASC,YAAAA,SAMzE,gBAAKuD,UAAWC,EAAhB,UACE,SAACa,EAAD,CAAQzC,KAAMA,SA9CX,O,+JCrCI,SAAS0C,IACtB,OACE,SAAC,IAAD,CACE1C,KAAK,0EACL9B,aAAc,CAAEoC,QAAAA,EAAAA,QAASqC,MAAAA,EAAAA,MAAOC,YAAAA,EAAAA,YAAaC,KAAAA,EAAAA,KAAMC,OAAAA,EAAAA,OAAQC,OAAAA,EAAAA,OAAQC,IAAAA,EAAAA,IAAKC,IAAAA,EAAAA,IAAKC,IAAAA,EAAAA,KAC7EjC,YAAU,iBAAE,oGACO,+BADP,cACJkC,EADI,yBAEHA,EAAGC,SAAWD,GAFX","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?6e49","components/Markdown/index.tsx","routes/components/input/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandbox,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Divider, Input, InputNumber, Form, Notify, Button, Tag, Row, Col } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-input/README.md\"\n dependencies={{ Divider, Input, InputNumber, Form, Notify, Button, Tag, Row, Col }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-input/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Input","InputNumber","Form","Notify","Button","Tag","Row","Col","md","default"],"sourceRoot":""}

package/web/static/js/9763.7b002e7c.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9763],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(32131),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",k="index_markdown__hcQCp",v=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:b,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,v),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},21072:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(36131)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-collapse/README.md",dependencies:{Collapse:s.Collapse,Button:s.Button,Icon:s.Icon},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(9836).then(t.bind(t,59836));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9763.7b002e7c.chunk.js.map

package/web/static/js/9763.7b002e7c.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9763.7b002e7c.chunk.js","mappings":"wFAAA,SAASA,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEPF,EAAoBK,KAAO,WAAa,MAAO,IAC/CL,EAAoBM,QAAUN,EAC9BA,EAAoBO,GAAK,MACzBC,EAAOC,QAAUT,G,oNCEF,SAASU,EAAT,GAAqF,IAArEC,EAAoE,EAApEA,QAASC,EAA2D,EAA3DA,aAAcC,EAA6C,EAA7CA,QAASC,EAAoC,EAApCA,YAAgBC,GAAoB,YAC3FC,GAAuB,UAAQD,GAyDrC,OAxDIF,IACFG,EAAMC,cAAgB,CACpBC,MAAM,MAAD,OAAQP,EAAR,WACLQ,cAAe,CAAC,OAChBC,IAAKJ,EAAMZ,MAAQ,IAAIiB,QAAQ,UAAW,wCAC1CC,KAAM,mDACNC,aAAa,yBAAD,OAA2BZ,EAA3B,qBACZa,YAAY,yLAAD,OAA2Lb,EAA3L,qFAGXG,IACFE,EAAMS,kBAAoB,CACxBC,MAAO,CACL,sBAAuB,CACrBC,QAAQ,iKAQV,oBAAqB,CACnBA,QAAQ,8BAEV,eAAgB,CACdA,SAAUX,EAAMZ,MAAQ,IAAIiB,QAAQ,UAAW,yCAEjD,YAAa,CACXM,QAAQ,qJAEV,eAAgB,CACdA,QAAS,CACPC,KAAM,WACNC,YAAY,QAAD,OAAUlB,EAAV,WACXC,aAAc,CACZkB,MAAO,UACP,YAAa,UACbC,IAAK,UAEPC,gBAAiB,CACf,oBAAqB,SACrBC,IAAK,UAEPC,QAAS,MACTC,QAAS,CACPC,MAAO,YACPC,MAAO,YACPC,KAAM,wBAERC,aAAc,CAAC,QAAS,WAAY,eAAgB,yBAMvD,SAAC,KAAD,kBAAiBvB,GAAjB,IAAwBJ,aAAcA,EAAc4B,MAAO,CAAEC,aAAc,M,eC7DrE,SAAS,IAA2B,IAA1BzB,EAAyB,uDAAJ,GACpC0B,EAAS1B,EAAT0B,KACFC,EAAM,QAAQL,KAAKI,GAAQ,IAAMA,EAA3B,mDAA8EA,GAC1F,OACE,UAAC,EAAAE,SAAD,wGAEGD,IACC,cAAGE,KAAMF,EAAKG,OAAO,SAASC,IAAI,sBAAlC,+DAIF,mBACA,cAAGF,KAAK,sCAAsCC,OAAO,SAASC,IAAI,sBAAlE,uCAGA,SAAC,EAAAC,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,0CAAlD,8BAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,+BAAlD,qBAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,+BAAlD,kBAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,mCAAlD,uBAGA,SAAC,EAAAG,QAAD,CAASC,KAAK,cACd,cAAGH,OAAO,SAASC,IAAI,sBAAsBF,KAAK,sBAAlD,yCCtCN,MAA0B,uBAA1B,EAA4D,wB,oBCYtDK,EAAa,SAAbA,IAAuD,IAAzCC,EAAwC,uDAA1B,GAAI/C,EAAsB,uDAAP,GAQnD,OAPA+C,EAAKC,SAAQ,SAACC,GACM,SAAdA,EAAKJ,KACP7C,GAAQiD,EAAKC,MACJD,EAAKE,UAAYC,MAAMC,QAAQJ,EAAKE,YAC7CnD,GAAQ8C,EAAWG,EAAKE,cAGrBnD,GAGM,SAASsD,EAAc1C,GACpC,IAAQ2C,EAAmC3C,EAAnC2C,WAAY/C,EAAuBI,EAAvBJ,aAAc8B,EAAS1B,EAAT0B,KAClC,GAA0BkB,EAAAA,EAAAA,UAAS,IAAnC,eAAOC,EAAP,KAAcC,EAAd,KAEMnD,EAAUoD,EAAAA,IAAe,QAY/B,OAXAC,EAAAA,EAAAA,YAAU,WACJL,GACFA,IACGM,MAAK,SAACC,GACLJ,EAASI,MAEVC,OAAM,iBAGV,IAEEN,GAKH,4BACE,SAAC,IAAD,CACEO,OAAQP,EACRQ,UAAWC,EACXC,WAAY,CASVnE,KAAM,YAAiC,IAA9BoE,EAA6B,EAA7BA,OAAQnB,EAAqB,EAArBA,KAASrC,GAAY,YACpC,EAAiFA,EAAzEyD,EAAR,EAAQA,UAAWC,EAAnB,EAAmBA,SAAUC,EAA7B,EAA6BA,SAAUC,EAAvC,EAAuCA,QAASC,EAAhD,EAAgDA,OAAQhE,EAAxD,EAAwDA,QAASC,EAAjE,EAAiEA,YACjE,GAAI0D,EACF,OAAO,2BAAUxD,IAEnB,IAAM8D,EAAS,CACbL,UAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAhE,QAAAA,EACAC,YAAAA,GAEF,OAAgF,IAA5EiE,OAAO1E,KAAKyE,GAAQE,QAAO,SAACpD,GAAD,YAA2BqD,IAAjBH,EAAOlD,MAAqBsD,QAC5D,2BAAUlE,KAGjB,SAACN,EAAD,CACEC,QAASA,EACTP,KAAM8C,EAAWG,EAAKE,UACtB3C,aAAcA,EACR6D,UAAAA,EAAWC,SAAAA,EAAUC,SAAAA,EAAUC,QAAAA,EAASC,OAAAA,EAAQhE,QAAAA,EAASC,YAAAA,SAMzE,gBAAKuD,UAAWC,EAAhB,UACE,SAACa,EAAD,CAAQzC,KAAMA,SA9CX,O,+JCrCI,SAAS0C,IACtB,OACE,SAAC,IAAD,CACE1C,KAAK,6EACL9B,aAAc,CAAEyE,SAAAA,EAAAA,SAAUC,OAAAA,EAAAA,OAAQC,KAAAA,EAAAA,MAClC5B,YAAU,iBAAE,oGACO,gCADP,cACJ6B,EADI,yBAEHA,EAAGC,SAAWD,GAFX","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?6e49","components/Markdown/index.tsx","routes/components/collapse/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandbox,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Collapse, Button, Icon } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-collapse/README.md\"\n dependencies={{ Collapse, Button, Icon }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-collapse/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Collapse","Button","Icon","md","default"],"sourceRoot":""}

package/web/static/js/9776.1a1f6831.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9776],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),c=t(41473),s=t(32131),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,c=e.codeSandbox,s=(0,o.Z)(e,l),d=(0,r.Z)({},s);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),c&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(c.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",v="index_markdown__hcQCp",k=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,c.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,c.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(s.Z,{source:b,className:v,components:{code:function(e){var n=e.inline,i=e.node,c=(0,o.Z)(e,k),s=c,d=s.noPreview,a=s.bordered,l=s.noScroll,h=s.bgWhite,f=s.noCode,m=s.codePen,v=s.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},c));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},c)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},3536:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),c=(t(41473),t(36131)),s=t(86082),d=t(69286);function a(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-badge/README.md",dependencies:{Badge:c.Badge,Divider:c.Divider,Row:c.Row,Col:c.Col,Avatar:c.Avatar,Icon:c.Icon},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(8312).then(t.bind(t,98312));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9776.1a1f6831.chunk.js.map

package/web/static/js/9776.1a1f6831.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9776.1a1f6831.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?6e49","components/Markdown/index.tsx","routes/components/badge/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandbox,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Badge, Divider, Row, Col, Avatar, Icon } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default function Page() {\n return (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-badge/README.md\"\n dependencies={{ Badge, Divider, Row, Col, Avatar, Icon }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-badge/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Badge","Row","Col","Avatar","Icon","md","default"],"sourceRoot":""}

package/web/static/js/9777.ace40a4f.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9777],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(32131),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",v="index_markdown__hcQCp",k=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:b,className:v,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,k),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen,v=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:v})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},62787:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(36131)),c=t(86082),d=t(69286);n.default=function(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-radio/README.md",dependencies:{Radio:s.Radio,RadioGroup:s.RadioGroup,RadioButton:s.RadioButton,Button:s.Button,Divider:s.Divider,Form:s.Form,Row:s.Row,Col:s.Col,Notify:s.Notify},renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(4781).then(t.bind(t,54781));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9777.ace40a4f.chunk.js.map

package/web/static/js/9777.ace40a4f.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9777.ace40a4f.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?6e49","components/Markdown/index.tsx","routes/components/radio/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandbox,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport { Radio, RadioGroup, RadioButton, Button, Divider, Form, Row, Col, Notify } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-radio/README.md\"\n dependencies={{\n Radio,\n RadioGroup,\n RadioButton,\n Button,\n Divider,\n Form,\n Row,\n Col,\n Notify,\n }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-radio/README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Radio","RadioGroup","RadioButton","Button","Form","Row","Col","Notify","md","default"],"sourceRoot":""}

package/web/static/js/9820.39dfb9cc.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9820],{79820:function(n,e,t){t.r(e),e.default="OverlayTrigger \u57fa\u7840\u89e6\u53d1\u5f39\u51fa\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-overlay-trigger/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-overlay-trigger.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-overlay-trigger)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-overlay-trigger.svg?label=@uiw/react-overlay-trigger)](https://npmjs.com/@uiw/react-overlay-trigger)\n\n\u57fa\u7840\u5f39\u51fa\u89e6\u53d1\u7ec4\u4ef6\uff0c\u5728\u7ec4\u4ef6 [`<Overlay>`](#/components/overlay) \u7684\u57fa\u7840\u4e0a\u6dfb\u52a0\u4e8b\u4ef6\u548c 12 \u4e2a\u65b9\u5411\u7684\u4f4d\u7f6e\uff0c\u7ec4\u4ef6 [`<Tooltip>`](#/components/tooltip)\uff0c[`<Popover>`](#/components/popover) \u662f\u57fa\u4e8e\u8fd9\u4e2a\u7ec4\u4ef6\u5c01\u88c5\u7684\uff0c\u5f39\u51fa\u6846\u56f4\u7ed5\u5bf9\u8c61\u6307\u5b9a\u4f4d\u7f6e\u3002\n\n```jsx\nimport { OverlayTrigger } from 'uiw';\n// or\nimport OverlayTrigger from '@uiw/react-overlay-trigger';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger } from 'uiw';\n\nconst tooltip = (\n <div style={{ backgroundColor: '#fff', border: '1px solid #333', padding: 10, borderRadius: 3 }}>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </div>\n);\nconst Demo = () => (\n <OverlayTrigger placement=\"top\" trigger=\"click\" overlay={tooltip}>\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u914d\u5408\u7ec4\u4ef6\u4f7f\u7528\n\n\u4e0b\u9762\u914d\u5408 [`<Card />`](#/components/card) \u7ec4\u4ef6\u4f7f\u7528\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\nconst Demo = () => (\n <OverlayTrigger placement=\"top\" overlay={card}>\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4f4d\u7f6e\n\n\u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card, Button } from 'uiw';\nconst btnStl = {position: 'relative', width: 70, height: 50 }\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\nconst Demo = () => (\n <div>\n <div style={{ position: 'relative' }}>\n <OverlayTrigger placement=\"topLeft\" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"top\" overlay={card}>\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"topRight\" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: 'relative', paddingTop: 10 }}>\n <OverlayTrigger placement=\"leftTop\" overlay={card}>\n <Button style={{ ...btnStl }}>LT</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"rightTop\" overlay={card}>\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: 'relative', paddingTop: 10 }}>\n <OverlayTrigger placement=\"left\" overlay={card}>\n <Button style={{ ...btnStl }}>Left</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"right\" overlay={card}>\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: 'relative', paddingTop: 10 }}>\n <OverlayTrigger placement=\"leftBottom\" overlay={card}>\n <Button style={{ ...btnStl }}>LB</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"rightBottom\" overlay={card}>\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n </OverlayTrigger>\n </div>\n <div style={{ position: 'relative', paddingTop: 10 }}>\n <OverlayTrigger placement=\"bottomLeft\" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"bottom\" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n </OverlayTrigger>\n <OverlayTrigger placement=\"bottomRight\" overlay={card}>\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n </OverlayTrigger>\n </div>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u9f20\u6807\u7ecf\u8fc7\u4e8b\u4ef6\n\n\u9ed8\u8ba4\u79bb\u5f00\u89e6\u53d1\u533a\u57df\u9690\u85cf\u5f39\u51fa\u76ee\u6807\uff0c\u8bbe\u7f6e `isOutside` \u503c\u4e3a `true`\uff0c\u5728\u89e6\u53d1\u533a\u57df\u6216\u5f39\u51fa\u76ee\u6807\u533a\u57df\u5185\uff0c\u4e0d\u9690\u85cf\u5f39\u51fa\u76ee\u6807\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card, Divider } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\n\nclass Demo extends React.Component {\n constructor() {\n super()\n this.state = {\n isVisbale: false,\n }\n }\n onVisibleChange(isVisbale) {\n this.setState({ isVisbale })\n }\n render() {\n return (\n <div>\n <OverlayTrigger\n placement=\"top\"\n isOutside={true}\n onVisibleChange={this.onVisibleChange.bind(this)}\n overlay={card}\n >\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n <Divider />\n <div>\u72b6\u6001\uff1a{this.state.isVisbale ? '' : '\u4e0d'}\u53ef\u89c1</div>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\n\n\u5ef6\u8fdf\u5c5e\u6027\uff0c\u53ea\u9488\u5bf9 `trigger=hover` \u6709\u6548\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\nconst Demo = () => (\n <OverlayTrigger delay={{ show: 0, hide: 4000 }} placement=\"top\" overlay={card}>\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6\uff0c\u5ef6\u8fdf `4s` \u6d88\u5931</span>\n </OverlayTrigger>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7ec4\u4ef6\u53d7\u63a7\n\n\u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 isOpen \u53ef\u4ee5\u6587\u5b57\u63d0\u793a\u624b\u52a8\u63a7\u5236\u72b6\u6001\u7684\u5c55\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card, Divider, Switch } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\n\nclass Demo extends React.Component {\n constructor() {\n super()\n this.state = {\n isOpen: false,\n }\n }\n onChange(e) {\n this.clickChecked = false;\n this.setState({ isOpen: e.target.checked });\n }\n onVisibleChange(isOpen) {\n console.log('onVisibleChange: ', isOpen);\n this.setState({ isOpen: isOpen });\n }\n render() {\n return (\n <div>\n <OverlayTrigger\n onVisibleChange={this.onVisibleChange.bind(this)}\n isOpen={this.state.isOpen}\n placement=\"right\"\n onEnter={(node, isAppearing) => {\n console.log('~~', node, isAppearing);\n }}\n overlay={card}\n >\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n <Divider />\n <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\n </div>\n );\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### usePortal\n\n\u8bbe\u7f6e `usePortal={false}` \u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u91cc\u9762\u3002\n\n\x3c!--rehype:bgWhite=true&noScroll=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { OverlayTrigger, Card, Divider } from 'uiw';\n\nconst card = (\n <Card active>\n <strong>Hellow uiw!</strong> Check this info.<br />\n \u5c55\u793a 12 \u4e2a\u65b9\u5411\u4f4d\u7f6e\n </Card>\n);\n\nclass Demo extends React.Component {\n constructor() {\n super()\n this.state = {\n isOpen: false,\n }\n }\n onVisibleChange(isOpen) {\n this.setState({ isOpen })\n }\n render() {\n return (\n <div>\n <div style={{ position: 'relative' }}>\n <OverlayTrigger\n usePortal={false}\n isOutside={true}\n autoAdjustOverflow\n placement=\"top\"\n trigger=\"click\"\n onVisibleChange={this.onVisibleChange.bind(this)}\n overlay={card}\n >\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u70b9\u51fb\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6</span>\n </OverlayTrigger>\n </div>\n <Divider />\n <div>\u72b6\u6001\uff1a{this.state.isOpen ? '' : '\u4e0d'}\u53ef\u89c1</div>\n </div>\n );\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| placement \| \u6307\u5b9a\u5f39\u51fa\u6846\u4f4d\u7f6e \| Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} \| - \|\n\| trigger \| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3 \| Enum{`hover`, `click`, `focus`} \| `hover` \|\n\| disabled \| \u662f\u5426\u7981\u7528\u5f39\u51fa\u76ee\u6807 \| Boolean \| `false` \|\n\| overlay \| \u5f39\u51fa\u5185\u5bb9 \| Function/Element \| - \|\n\| delay \| \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\uff0c`{ show: 2000, hide: 4000 }` \u6216\u8005\u76f4\u63a5\u8bbe\u7f6e `2000`\uff0c\u53ea\u5bf9 `trigger=hover` \u6709\u6548 \| Object/Number \| - \|\n\| isOpen \| \u9ed8\u8ba4\u662f\u5426\u663e\u793a\u5f39\u7a97 \| Boolean \| `false` \|\n\| isOutside \| \u9ed8\u8ba4\u79bb\u5f00\u89e6\u53d1\u533a\u57df\u9690\u85cf\u5f39\u51fa\u76ee\u6807\uff0c\u8bbe\u7f6e\u503c\u4e3a `true`\uff0c\u5728\u89e6\u53d1\u533a\u57df\u548c\u5f39\u51fa\u76ee\u6807\u533a\u57df\u5185\uff0c\u4e0d\u9690\u85cf\u5f39\u51fa\u76ee\u6807\u3002 \| Boolean \| `false` \|\n\| isClickOutside \| \u70b9\u51fb\u76ee\u6807\u533a\u57df\u4ee5\u5916\u7684\u533a\u57df\uff0c\u662f\u5426\u9690\u85cf\u3002 \| Boolean \| `true` \|\n\| autoAdjustOverflow \| \u5f39\u51fa\u5c42\u88ab\u906e\u6321\u65f6\u81ea\u52a8\u8c03\u6574\u4f4d\u7f6e \| Boolean \| `false` \|\n\| onVisibleChange \| \u663e\u793a\u9690\u85cf\u7684\u56de\u8c03 \| Function(isVisiable:bool) \| - \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Overlay](#/components/overlay)\u3002\n"}}]);
2	- //# sourceMappingURL=9820.39dfb9cc.chunk.js.map

package/web/static/js/9820.39dfb9cc.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9820.39dfb9cc.chunk.js","mappings":"gHAAA","sources":["../../packages/react-overlay-trigger/README.md"],"sourcesContent":["export default \"OverlayTrigger 基础触发弹出\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-overlay-trigger/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-overlay-trigger.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-overlay-trigger)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-overlay-trigger.svg?label=@uiw/react-overlay-trigger)](https://npmjs.com/@uiw/react-overlay-trigger)\\n\\n基础弹出触发组件，在组件 [`<Overlay>`](#/components/overlay) 的基础上添加事件和 12 个方向的位置，组件 [`<Tooltip>`](#/components/tooltip)，[`<Popover>`](#/components/popover) 是基于这个组件封装的，弹出框围绕对象指定位置。\\n\\n```jsx\\nimport { OverlayTrigger } from 'uiw';\\n// or\\nimport OverlayTrigger from '@uiw/react-overlay-trigger';\\n```\\n\\n### 基础用法\\n\\n最简单的用法。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger } from 'uiw';\\n\\nconst tooltip = (\\n <div style={{ backgroundColor: '#fff', border: '1px solid #333', padding: 10, borderRadius: 3 }}>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </div>\\n);\\nconst Demo = () => (\\n <OverlayTrigger placement=\\\"top\\\" trigger=\\\"click\\\" overlay={tooltip}>\\n <span>鼠标移动到此处，点击显示和消失触发事件</span>\\n </OverlayTrigger>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 配合组件使用\\n\\n下面配合 [`<Card />`](#/components/card) 组件使用。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card } from 'uiw';\\n\\nconst card = (\\n <Card active>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </Card>\\n);\\nconst Demo = () => (\\n <OverlayTrigger placement=\\\"top\\\" overlay={card}>\\n <span>鼠标移动到此处，显示和消失触发事件</span>\\n </OverlayTrigger>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 位置\\n\\n位置有 12 个方向，根据 placement 参数来设置。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Button } from 'uiw';\\nconst btnStl = {position: 'relative', width: 70, height: 50 }\\n\\nconst card = (\\n <Card active>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </Card>\\n);\\nconst Demo = () => (\\n <div>\\n <div style={{ position: 'relative' }}>\\n <OverlayTrigger placement=\\\"topLeft\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"top\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"topRight\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\\n </OverlayTrigger>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <OverlayTrigger placement=\\\"leftTop\\\" overlay={card}>\\n <Button style={{ ...btnStl }}>LT</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"rightTop\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\\n </OverlayTrigger>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <OverlayTrigger placement=\\\"left\\\" overlay={card}>\\n <Button style={{ ...btnStl }}>Left</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"right\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\\n </OverlayTrigger>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <OverlayTrigger placement=\\\"leftBottom\\\" overlay={card}>\\n <Button style={{ ...btnStl }}>LB</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"rightBottom\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\\n </OverlayTrigger>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <OverlayTrigger placement=\\\"bottomLeft\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"bottom\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\\n </OverlayTrigger>\\n <OverlayTrigger placement=\\\"bottomRight\\\" overlay={card}>\\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\\n </OverlayTrigger>\\n </div>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 鼠标经过事件\\n\\n默认离开**触发区域**隐藏弹出目标，设置 `isOutside` 值为 `true`，在**触发区域**或**弹出目标区域**内，不隐藏**弹出目标**。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Divider } from 'uiw';\\n\\nconst card = (\\n <Card active>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </Card>\\n);\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super()\\n this.state = {\\n isVisbale: false,\\n }\\n }\\n onVisibleChange(isVisbale) {\\n this.setState({ isVisbale })\\n }\\n render() {\\n return (\\n <div>\\n <OverlayTrigger\\n placement=\\\"top\\\"\\n isOutside={true}\\n onVisibleChange={this.onVisibleChange.bind(this)}\\n overlay={card}\\n >\\n <span>鼠标移动到此处，显示和消失触发事件</span>\\n </OverlayTrigger>\\n <Divider />\\n <div>状态：{this.state.isVisbale ? '' : '不'}可见</div>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 延迟进入和消失\\n\\n延迟属性，只针对 `trigger=hover` 有效。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card } from 'uiw';\\n\\nconst card = (\\n <Card active>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </Card>\\n);\\nconst Demo = () => (\\n <OverlayTrigger delay={{ show: 0, hide: 4000 }} placement=\\\"top\\\" overlay={card}>\\n <span>鼠标移动到此处，显示和消失触发事件，延迟 `4s` 消失</span>\\n </OverlayTrigger>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 组件受控\\n\\n通过设置属性 isOpen 可以文字提示手动控制状态的展示。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Divider, Switch } from 'uiw';\\n\\nconst card = (\\n <Card active>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </Card>\\n);\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super()\\n this.state = {\\n isOpen: false,\\n }\\n }\\n onChange(e) {\\n this.clickChecked = false;\\n this.setState({ isOpen: e.target.checked });\\n }\\n onVisibleChange(isOpen) {\\n console.log('onVisibleChange: ', isOpen);\\n this.setState({ isOpen: isOpen });\\n }\\n render() {\\n return (\\n <div>\\n <OverlayTrigger\\n onVisibleChange={this.onVisibleChange.bind(this)}\\n isOpen={this.state.isOpen}\\n placement=\\\"right\\\"\\n onEnter={(node, isAppearing) => {\\n console.log('~~', node, isAppearing);\\n }}\\n overlay={card}\\n >\\n <span>鼠标移动到此处，显示和消失触发事件</span>\\n </OverlayTrigger>\\n <Divider />\\n <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\\n </div>\\n );\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### usePortal\\n\\n设置 `usePortal={false}` 将模态对话框生成到根节点的里面。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { OverlayTrigger, Card, Divider } from 'uiw';\\n\\nconst card = (\\n <Card active>\\n <strong>Hellow uiw!</strong> Check this info.<br />\\n 展示 12 个方向位置\\n </Card>\\n);\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super()\\n this.state = {\\n isOpen: false,\\n }\\n }\\n onVisibleChange(isOpen) {\\n this.setState({ isOpen })\\n }\\n render() {\\n return (\\n <div>\\n <div style={{ position: 'relative' }}>\\n <OverlayTrigger\\n usePortal={false}\\n isOutside={true}\\n autoAdjustOverflow\\n placement=\\\"top\\\"\\n trigger=\\\"click\\\"\\n onVisibleChange={this.onVisibleChange.bind(this)}\\n overlay={card}\\n >\\n <span>鼠标移动到此处，点击显示和消失触发事件</span>\\n </OverlayTrigger>\\n </div>\\n <Divider />\\n <div>状态：{this.state.isOpen ? '' : '不'}可见</div>\\n </div>\\n );\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| placement | 指定弹出框位置 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | - |\\n| trigger | 悬停/点击弹出窗口 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| disabled | 是否禁用弹出目标 | Boolean | `false` |\\n| overlay | 弹出内容 | Function/Element | - |\\n| delay | 延迟进入和消失，`{ show: 2000, hide: 4000 }` 或者直接设置 `2000`，只对 `trigger=hover` 有效 | Object/Number | - |\\n| isOpen | 默认是否显示弹窗 | Boolean | `false` |\\n| isOutside | 默认离开**触发区域**隐藏弹出目标，设置值为 `true`，在触发区域和弹出目标区域内，不隐藏**弹出目标**。 | Boolean | `false` |\\n| isClickOutside | 点击目标区域以外的区域，是否隐藏。 | Boolean | `true` |\\n| autoAdjustOverflow | 弹出层被遮挡时自动调整位置 | Boolean | `false` |\\n| onVisibleChange | 显示隐藏的回调 | Function(isVisiable:bool) | - |\\n\\n更多属性文档请参考 [Overlay](#/components/overlay)。\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9836.8cd96a11.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9836],{59836:function(n,e,a){a.r(e),e.default='Collapse \u6298\u53e0\u9762\u677f\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-collapse.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-collapse)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-collapse.svg?label=@uiw/react-collapse)](https://npmjs.com/@uiw/react-collapse)\n\n\u53ef\u4ee5\u6298\u53e0/\u5c55\u5f00\u7684\u5185\u5bb9\u533a\u57df\u3002\n\n```jsx\nimport { Collapse } from \'uiw\';\n// or\nimport Collapse from \'@uiw/react-collapse\';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n\u53ef\u4ee5\u540c\u65f6\u5c55\u5f00\u591a\u4e2a\u9762\u677f\uff0c\u8fd9\u4e2a\u4f8b\u5b50\u9ed8\u8ba4\u5c55\u5f00\u4e86\u7b2c\u4e00\u4e2a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nconst genExtra = () => (\n <div\n onClick={(event) => {\n // If you don\'t want click extra trigger collapse, you can prevent this:\n event.stopPropagation();\n }}\n >\u8bbe\u7f6e</div>\n);\n\nReactDOM.render(\n <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1" extra={genExtra()}>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2" extra={genExtra()}>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" extra={genExtra()}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Collapse.Panel>\n </Collapse>\n </div>,\n _mount_\n);\n```\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::1:\', key)}>\n <Collapse.Panel header="\u5927\u8bdd\u897f\u6e38" key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Collapse.Panel>\n <Collapse.Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3" disabled >\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Collapse.Panel>\n </Collapse>\n </div>,\n _mount_\n);\n```\n\n## \u624b\u98ce\u7434\u6298\u53e0\u9762\u677f\n\n\u624b\u98ce\u7434\uff0c\u6bcf\u6b21\u53ea\u6253\u5f00\u4e00\u4e2atab\u3002\u9ed8\u8ba4\u6253\u5f00\u7b2c\u4e00\u4e2a\u3002`Panel` \u7684 `key` \u5c5e\u6027\u5e76\u975e\u5fc5\u987b\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse, Button } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props)\n this.state = {\n activeName: \'0\'\n }\n }\n render() {\n const Panel = Collapse.Panel\n return (\n <div>\n <Button\n type="primary"\n style={{marginBottom: \'15px\'}}\n onClick={() => this.setState({ activeName: this.state.activeName === \'2\'?\'\':\'2\' })}\n >\n \u6253\u5f00\u6216\u5173\u95ed\u7b2c\u4e09\u4e2a\n </Button>\n <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log(\'key::2:\', key)}>\n <Panel header="\u5927\u8bdd\u897f\u6e38">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" showArrow={false}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u7b80\u6d01\u98ce\u683c\u65e0\u8fb9\u6846\n\n\u901a\u8fc7\u8bbe\u7f6e`bordered={true}`\u6ca1\u6709\u8fb9\u6846\u7684\u7b80\u6d01\u6837\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n <div>\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log(\'key::3:\', key)}>\n <Panel header="\u5927\u8bdd\u897f\u6e38">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>,\n _mount_\n);\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\n\n\u81ea\u5b9a\u4e49\u5404\u4e2a\u9762\u677f\u7684\u80cc\u666f\u8272\u3001\u5706\u89d2\u3001\u8fb9\u8ddd\u548c\u56fe\u6807\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse } from \'uiw\';\n\nconst customPanelStyle = {\n background: \'#f7f7f7\',\n borderRadius: 4,\n marginBottom: 24,\n border: 0,\n overflow: \'hidden\',\n};\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n <div>\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log(\'key::4:\', key)}>\n <Panel header="\u5927\u8bdd\u897f\u6e38" style={customPanelStyle}>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header="\u897f\u6e38\xb7\u964d\u9b54\u7bc7" style={customPanelStyle}>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" style={customPanelStyle}>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>,\n _mount_\n);\n```\n\n## \u81ea\u5b9a\u4e49\u9762\u677f\u6807\u9898\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n <div>\n <Collapse showArrow={false} activeKey={[\'1\']} onChange={key=>console.log(\'key::5:\', key)}>\n <Panel header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>,\n _mount_\n);\n```\n\n## \u6307\u5b9a\u6298\u53e0\u56fe\u6807\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Collapse, Icon } from \'uiw\';\n\nconst Panel = Collapse.Panel;\n\nReactDOM.render(\n <div>\n <Collapse activeKey={[\'1\']} onChange={key=>console.log(\'key::6:\', key)}>\n <Panel icon="caret-down" header={<span>\u5927\u8bdd\u897f\u6e38 <Icon type="smile-o"/></span>} key="1">\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 </div>\n <div>\u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 </div>\n <div>\u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 </div>\n <div>\u4e00\u4e07\u5e74</div>\n </Panel>\n <Panel icon={<Icon type="down-circle" />} header={<span>\u897f\u6e38\xb7\u964d\u9b54\u7bc7 <Icon type="smile-o"/></span>} key="2">\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b</div>\n <div>\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </Panel>\n <Panel icon={<span>\u6298\u53e0-</span>} header="\u56fd\u4ea7\u96f6\u96f6\u6f06" key="3">\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n </Panel>\n </Collapse>\n </div>,\n _mount_\n);\n```\n\n## Props\n\n### Collapse\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| accordion \| \u624b\u98ce\u7434\u6548\u679c \| Boolean \| false \|\n\| activeKey \| \u5f53\u524d\u6fc0\u6d3b tab \u9762\u677f\u7684 key, accordion \u6a21\u5f0f\u4e0b\u9ed8\u8ba4\u7b2c\u4e00\u4e2a\u5143\u7d20 \| String[]/String \| false \|\n\| showArrow \| \u5728\u8fd9\u91cc\u4f7f\u7528\uff0c\u8868\u793a\u63a7\u5236\u6240\u6709\u7684\u9762\u677f\u56fe\u6807\u662f\u5426\u5c55\u793a \| Boolean \| true \|\n\| bordered \| \u8bbe\u7f6e\u6ca1\u6709\u8fb9\u6846\u7684\u7b80\u6d01\u6837\u5f0f \| Boolean \| false \|\n\| onChange \| \u5207\u6362\u9762\u677f\u7684\u56de\u8c03 \| (activeKey: string[]) => void \| - \|\n\n### Collapse.Panel\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| disabled \| \u7981\u7528\u540e\u7684\u9762\u677f\u5c55\u5f00\u4e0e\u5426\u5c06\u65e0\u6cd5\u901a\u8fc7\u7528\u6237\u4ea4\u4e92\u6539\u53d8 \| Boolean \| false \|\n\| header \| \u9762\u677f\u5934\u5185\u5bb9 \| String/ReactNode \| - \|\n\| icon \| \u6307\u5b9a\u56fe\u6807 \| String/ReactNode \| - \|\n\| isActive \| \u662f\u5426\u5c55\u5f00 \| Boolean \| - \|\n\| extra \| \u81ea\u5b9a\u4e49\u6e32\u67d3\u6bcf\u4e2a\u9762\u677f\u53f3\u4e0a\u89d2\u7684\u5185\u5bb9 \| ReactNode \| - \|\n\| showArrow \| \u662f\u5426\u663e\u793a\u5c55\u5f00\u56fe\u6807 \| Boolean \| true \|\n\| key \| \u5bf9\u5e94 `activeKey`\uff0c\u975e\u5fc5\u586b \| \| - \|\n'}}]);
2	- //# sourceMappingURL=9836.8cd96a11.chunk.js.map

package/web/static/js/9836.8cd96a11.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9836.8cd96a11.chunk.js","mappings":"gHAAA","sources":["../../packages/react-collapse/README.md"],"sourcesContent":["export default \"Collapse 折叠面板\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-collapse/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-collapse.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-collapse)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-collapse.svg?label=@uiw/react-collapse)](https://npmjs.com/@uiw/react-collapse)\\n\\n可以折叠/展开的内容区域。\\n\\n```jsx\\nimport { Collapse } from 'uiw';\\n// or\\nimport Collapse from '@uiw/react-collapse';\\n```\\n\\n## 基本用法\\n\\n可以同时展开多个面板，这个例子默认展开了第一个。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nconst genExtra = () => (\\n <div\\n onClick={(event) => {\\n // If you don't want click extra trigger collapse, you can prevent this:\\n event.stopPropagation();\\n }}\\n >设置</div>\\n);\\n\\nReactDOM.render(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\" extra={genExtra()}>\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\" extra={genExtra()}>\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" extra={genExtra()}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Collapse.Panel>\\n </Collapse>\\n </div>,\\n _mount_\\n);\\n```\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::1:', key)}>\\n <Collapse.Panel header=\\\"大话西游\\\" key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"西游·降魔篇\\\" key=\\\"2\\\">\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Collapse.Panel>\\n <Collapse.Panel header=\\\"国产零零漆\\\" key=\\\"3\\\" disabled >\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Collapse.Panel>\\n </Collapse>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## 手风琴折叠面板\\n\\n手风琴，每次只打开一个tab。默认打开第一个。`Panel` 的 `key` 属性并非必须。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props)\\n this.state = {\\n activeName: '0'\\n }\\n }\\n render() {\\n const Panel = Collapse.Panel\\n return (\\n <div>\\n <Button\\n type=\\\"primary\\\"\\n style={{marginBottom: '15px'}}\\n onClick={() => this.setState({ activeName: this.state.activeName === '2'?'':'2' })}\\n >\\n 打开或关闭第三个\\n </Button>\\n <Collapse accordion activeKey={[this.state.activeName]} onChange={key=>console.log('key::2:', key)}>\\n <Panel header=\\\"大话西游\\\">\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\">\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" showArrow={false}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 简洁风格无边框\\n\\n通过设置`bordered={true}`没有边框的简洁样式。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n <div>\\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::3:', key)}>\\n <Panel header=\\\"大话西游\\\">\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\">\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## 自定义面板\\n\\n自定义各个面板的背景色、圆角、边距和图标。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse } from 'uiw';\\n\\nconst customPanelStyle = {\\n background: '#f7f7f7',\\n borderRadius: 4,\\n marginBottom: 24,\\n border: 0,\\n overflow: 'hidden',\\n};\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n <div>\\n <Collapse accordion bordered={true} activeKey={[]} onChange={key=>console.log('key::4:', key)}>\\n <Panel header=\\\"大话西游\\\" style={customPanelStyle}>\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header=\\\"西游·降魔篇\\\" style={customPanelStyle}>\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" style={customPanelStyle}>\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## 自定义面板标题\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n <div>\\n <Collapse showArrow={false} activeKey={['1']} onChange={key=>console.log('key::5:', key)}>\\n <Panel header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Panel>\\n <Panel header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## 指定折叠图标\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Collapse, Icon } from 'uiw';\\n\\nconst Panel = Collapse.Panel;\\n\\nReactDOM.render(\\n <div>\\n <Collapse activeKey={['1']} onChange={key=>console.log('key::6:', key)}>\\n <Panel icon=\\\"caret-down\\\" header={<span>大话西游 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"1\\\">\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。 </div>\\n <div>如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。 </div>\\n <div>如果非要在这份爱上加上一个期限，我希望是…… </div>\\n <div>一万年</div>\\n </Panel>\\n <Panel icon={<Icon type=\\\"down-circle\\\" />} header={<span>西游·降魔篇 <Icon type=\\\"smile-o\\\"/></span>} key=\\\"2\\\">\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；</div>\\n <div>曾经牵挂，才能了无牵挂。</div>\\n </Panel>\\n <Panel icon={<span>折叠-</span>} header=\\\"国产零零漆\\\" key=\\\"3\\\">\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n </Panel>\\n </Collapse>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Props\\n\\n### Collapse\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| accordion | 手风琴效果 | Boolean | false |\\n| activeKey | 当前激活 tab 面板的 key, accordion 模式下默认第一个元素 | String[]/String | false |\\n| showArrow | 在这里使用，表示控制所有的面板图标是否展示 | Boolean | true |\\n| bordered | 设置没有边框的简洁样式 | Boolean | false |\\n| onChange | 切换面板的回调 | (activeKey: string[]) => void | - |\\n\\n### Collapse.Panel\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| disabled | 禁用后的面板展开与否将无法通过用户交互改变 | Boolean | false |\\n| header | 面板头内容 | String/ReactNode | - |\\n| icon | 指定图标 | String/ReactNode | - |\\n| isActive | 是否展开 | Boolean | - |\\n| extra | 自定义渲染每个面板右上角的内容 | ReactNode | - |\\n| showArrow | 是否显示展开图标 | Boolean | true |\\n| key | 对应 `activeKey`，非必填 | | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/9853.cc0b350d.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[9853],{84934:function(e){function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=function(){return[]},n.resolve=n,n.id=84934,e.exports=n},86082:function(e,n,t){"use strict";t.d(n,{Z:function(){return b}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(32131),d=t(75752),a=t(64508),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(36131);function f(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.path,t=/^http/.test(n\|\|"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,u.jsxs)(s.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,u.jsx)(h.Divider,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}var m="index_docinfo__3Vx8S",k="index_markdown__hcQCp",v=["inline","node"],x=function e(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return n.forEach((function(n){"text"===n.type?t+=n.value:n.children&&Array.isArray(n.children)&&(t+=e(n.children))})),t};function b(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),b=h[0],j=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){j(e)})).catch((function(){}))}),[]),b?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:b,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,v),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var b={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(b).filter((function(e){return void 0!==b[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:x(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},17068:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(86082)),c=t(69286);n.default=function(){return(0,c.jsx)(s.Z,{path:"https://github.com/uiwjs/reset-css/blob/master/README.md",renderPage:(0,r.Z)(i().mark((function e(){var n;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(3259).then(t.bind(t,83259));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	- //# sourceMappingURL=9853.cc0b350d.chunk.js.map

package/web/static/js/9853.cc0b350d.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/9853.cc0b350d.chunk.js","mappings":"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","sources":["../../node_modules/@babel/standalone|sync|nonrecursive","components/Markdown/Code.tsx","components/Markdown/Footer.tsx","webpack://website/./src/components/Markdown/index.module.less?6e49","components/Markdown/index.tsx","routes/components/reset-css/index.tsx"],"sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = 84934;\nmodule.exports = webpackEmptyContext;","import CodePreview, { CodePreviewProps } from '@uiw/react-code-preview';\n\nexport interface CodeProps extends CodePreviewProps {\n code: string;\n version: string;\n codePen: boolean;\n codeSandbox?: boolean;\n dependencies: any;\n}\n\nexport default function Code({ version, dependencies, codePen, codeSandbox, ...other }: CodeProps) {\n const props: CodePreviewProps = { ...other };\n if (codePen) {\n props.codePenOption = {\n title: `uiw${version} - demo`,\n includeModule: ['uiw'],\n js: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n html: '<div id=\"container\" style=\"padding: 24px\"></div>',\n css_external: `https://unpkg.com/uiw@${version}/dist/uiw.min.css`,\n js_external: `https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@${version}/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js`,\n };\n }\n if (codeSandbox) {\n props.codeSandboxOption = {\n files: {\n 'sandbox.config.json': {\n content: `{\n \"template\": \"node\",\n \"container\": {\n \"startScript\": \"start\",\n \"node\": \"14\"\n }\n }`,\n },\n 'public/index.html': {\n content: `<div id=\"container\"></div>`,\n },\n 'src/index.js': {\n content: (props.code || '').replace('_mount_', 'document.getElementById(\"container\")'),\n },\n '.kktrc.js': {\n content: `import lessModules from \"@kkt/less-modules\";\\nexport default (conf, env, options) => {\\nconf = lessModules(conf, env, options);\\nreturn conf;\\n};`,\n },\n 'package.json': {\n content: {\n name: 'uiw-demo',\n description: `uiw v${version} - demo`,\n dependencies: {\n react: '^17.0.2',\n 'react-dom': '^17.0.2',\n uiw: 'latest',\n },\n devDependencies: {\n '@kkt/less-modules': '~7.1.1',\n kkt: '~7.1.5',\n },\n license: 'MIT',\n scripts: {\n start: 'kkt start',\n build: 'kkt build',\n test: 'kkt test --env=jsdom',\n },\n browserslist: ['>0.2%', 'not dead', 'not ie <= 11', 'not op_mini all'],\n },\n },\n },\n };\n }\n return <CodePreview {...props} dependencies={dependencies} style={{ marginBottom: 0 }} />;\n}\n","import React, { Fragment } from 'react';\nimport { Divider } from 'uiw';\n\nexport type FooterProps = {\n path?: string;\n};\n\nexport default function (props: FooterProps = {}) {\n const { path } = props;\n const url = /^http/.test(path || '') ? path : `https://github.com/uiwjs/uiw/blob/master/${path}`;\n return (\n <Fragment>\n 犯了错误还是想对文件做出贡献？\n {url && (\n <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n 在Github上编辑本页！\n </a>\n )}\n <br />\n <a href=\"https://github.com/uiwjs/uiw/issues\" target=\"_blank\" rel=\"noopener noreferrer\">\n 反馈建议\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw/issues/new\">\n 提交bug\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/uiwjs/uiw\">\n Github\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt\">\n kkt\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/kktjs/kkt-ssr\">\n @kkt/ssr\n </a>\n <Divider type=\"vertical\" />\n <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"http://uiw.gitee.io\">\n 国内镜像\n </a>\n </Fragment>\n );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"docinfo\":\"index_docinfo__3Vx8S\",\"markdown\":\"index_markdown__hcQCp\"};","import { useEffect, useState } from 'react';\nimport MarkdownPreview from '@uiw/react-markdown-preview';\nimport pkg from 'uiw/package.json';\nimport Code from './Code';\nimport Footer from './Footer';\nimport styles from './index.module.less';\n\nexport type CreatePageProps<T> = {\n dependencies?: T;\n path: string;\n renderPage?: () => Promise<string>;\n};\n\nconst getCodeStr = (data: any[] = [], code: string = '') => {\n data.forEach((node) => {\n if (node.type === 'text') {\n code += node.value;\n } else if (node.children && Array.isArray(node.children)) {\n code += getCodeStr(node.children);\n }\n });\n return code;\n};\n\nexport default function CreatePage<T>(props: CreatePageProps<T>) {\n const { renderPage, dependencies, path } = props;\n const [mdStr, setMdStr] = useState('');\n\n const version = pkg.version || '2.0.0';\n useEffect(() => {\n if (renderPage) {\n renderPage()\n .then((str) => {\n setMdStr(str);\n })\n .catch(() => {});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n if (!mdStr) {\n return null;\n }\n\n return (\n <div>\n <MarkdownPreview\n source={mdStr}\n className={styles.markdown}\n components={{\n /**\n * bordered 边框\n * bgWhite 设置代码预览背景白色，否则为格子背景。\n * noCode 不显示代码编辑器。\n * noPreview 不显示代码预览效果。\n * noScroll 预览区域不显示滚动条。\n * codePen 显示 Codepen 按钮，要特别注意包导入的问题，实例中的 import 主要用于 Codepen 使用。\n */\n code: ({ inline, node, ...props }) => {\n const { noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox } = props as any;\n if (inline) {\n return <code {...props} />;\n }\n const config = {\n noPreview,\n bordered,\n noScroll,\n bgWhite,\n noCode,\n codePen,\n codeSandbox,\n } as any;\n if (Object.keys(config).filter((name) => config[name] !== undefined).length === 0) {\n return <code {...props} />;\n }\n return (\n <Code\n version={version}\n code={getCodeStr(node.children)}\n dependencies={dependencies}\n {...{ noPreview, bordered, noScroll, bgWhite, noCode, codePen, codeSandbox }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/reset-css/blob/master/README.md\"\n renderPage={async () => {\n const md = await import('./README.md');\n return md.default || md;\n }}\n />\n);\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","md","default"],"sourceRoot":""}