npm - @uiw/doc - Versions diffs - 4.11.4 → 4.12.0 - Mend

@uiw/doc 4.11.4 → 4.12.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 (757) hide show

package/web/static/js/8023.5a102373.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8023.5a102373.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/date-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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\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 } = 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 } 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 }}\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 { DateInput, Notify, Form, Row, Col, 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-date-input/README.md\"\n dependencies={{ DateInput, Notify, Form, Row, Col, Button }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-date-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","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","DateInput","Notify","Form","Row","Col","Button","md","default"],"sourceRoot":""}

package/web/static/js/8073.d4cb3d0e.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8073],{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 j}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(64357),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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from "webpack";\nimport 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:"latest","react-dom":"latest",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(53864);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.iz,{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.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{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.iz,{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",x=["inline","node"],b=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 j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,x),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,f=c.noCode,m=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},4916: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(53864)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-date-picker/README.md",dependencies:{DatePicker:s.Mt},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(3769).then(t.bind(t,53769));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=8073.d4cb3d0e.chunk.js.map

package/web/static/js/8073.d4cb3d0e.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8073.d4cb3d0e.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/date-picker/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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\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 } = 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 } 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 }}\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 { DatePicker } 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-date-picker/README.md\"\n dependencies={{ DatePicker }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-date-picker/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","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","DatePicker","md","default"],"sourceRoot":""}

package/web/static/js/8312.58a5729e.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8312],{98312:function(n,e,o){o.r(e),e.default='Badge \u6807\u8bb0\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-badge/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-badge.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-badge)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-badge.svg?label=@uiw/react-badge)](https://npmjs.com/@uiw/react-badge)\n\n\u51fa\u73b0\u5728\u6309\u94ae\u3001\u56fe\u6807\u65c1\u7684\u6570\u5b57\u6216\u72b6\u6001\u6807\u8bb0\u3002\n\n```jsx\nimport { Badge } from \'uiw\';\n// or\nimport Badge from \'@uiw/react-badge\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Badge, Row, Col, Avatar, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Row gutter={20}>\n <Col fixed>\n <Badge count={9}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col>\n <Badge dot count={9}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n </Row>\n <Divider />\n <Badge count={12}>\n \u8bc4\u8bba\n </Badge>\n </div>,\n _mount_\n);\n```\n\n### \u5c01\u9876\u6570\u5b57\n\n\u4e0d\u5305\u88f9\u4efb\u4f55\u5143\u7d20\u5373\u662f\u72ec\u7acb\u4f7f\u7528\uff0c\u53ef\u81ea\u5b9a\u6837\u5f0f\u5c55\u73b0\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Badge, Row, Col, Avatar, Divider } from \'uiw\';\n\nconst styl={ marginRight: 20, display: \'inline-block\' }\n\nReactDOM.render(\n <Row gutter={20}>\n <Col fixed>\n <Badge count={99}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} style={{ backgroundColor: \'#87d068\' }}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={99} max={10} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} max={999} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n <Col fixed>\n <Badge count={100} max={999} style={styl}>\n <Avatar shape="square" size="large" />\n </Badge>\n </Col>\n </Row>,\n _mount_\n);\n```\n\n### \u72ec\u7acb\u4f7f\u7528\n\n\u4e0d\u5305\u88f9\u4efb\u4f55\u5143\u7d20\u5373\u662f\u72ec\u7acb\u4f7f\u7528\uff0c\u53ef\u81ea\u5b9a\u6837\u5f0f\u5c55\u73b0\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Badge, Row, Col } from \'uiw\';\n\nReactDOM.render(\n <Row gutter={10}>\n <Col fixed>\n <Badge count={25} />\n </Col>\n <Col fixed>\n <Badge count={4} style={{ backgroundColor: \'#fff\', color: \'#f04134\', boxShadow: \'rgb(217, 217, 217) 0px 0px 0px 1px inset\' }} /> \n </Col>\n <Col fixed>\n <Badge count={109} style={{ backgroundColor: \'#87d068\' }} /> \n </Col>\n </Row>,\n _mount_\n);\n```\n\n### \u5c0f\u7ea2\u70b9\n\n\u4ee5\u7ea2\u70b9\u7684\u5f62\u5f0f\u6807\u6ce8\u9700\u8981\u5173\u6ce8\u7684\u5185\u5bb9\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Badge } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Badge dot style={{ marginRight: 10 }}>\n \u6570\u636e\u67e5\u8be2\n </Badge>\n <Badge dot count={4}>\n <Icon type=\'mail-o\' />\n </Badge>\n </div>,\n _mount_\n);\n```\n\n### \u72b6\u6001\u70b9\n\n\u7528\u4e8e\u8868\u793a\u72b6\u6001\u7684\u5c0f\u5706\u70b9\uff0c\u53ef\u4ee5\u8bbe\u7f6e `processing={true}` \u8ba9\u72b6\u6001\u70b9\uff0c\u663e\u793a\u52a8\u753b\u6548\u679c\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport { Badge } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Badge color="#28a745" />\n <Badge color="#008EF0" />\n <Badge color="#dc3545" />\n <Badge color="#393E48" />\n <Badge color="#ffc107" />\n <Badge color="#f95c2b" />\n <Badge color="#dc3545"/>\n <Badge color="#c2c2c2"/>\n <Badge color="#F95C2B" processing />\n <br />\n <Badge color="#28a745">Success</Badge>\n <br />\n <Badge color="#dc3545">Error</Badge>\n <br />\n <Badge color="#c2c2c2">Default</Badge>\n <br />\n <Badge color="#008EF0" processing>Processing</Badge>\n <br />\n <Badge color="#ffc107">Warning</Badge>\n <Badge color="#ffc107" processing>Warning</Badge>\n </div>,\n _mount_\n);\n```\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| style \| \u9ed8\u8ba4\u8bbe\u7f6e\u8ba1\u6570\u5706\u70b9\u6837\u5f0f\uff0c\u8bbe\u7f6e `color`\uff0c`style` \u8bbe\u7f6e\u5916\u5c42\u8282\u70b9\u6837\u5f0f \| Object \| - \|\n\| count \| \u5c55\u793a\u7684\u6570\u5b57 \| Number \| - \|\n\| max \| \u6700\u5927\u503c\uff0c\u8d85\u8fc7\u6700\u5927\u503c\u4f1a\u663e\u793a \'{max}+\' \| Number \| `99` \|\n\| dot \| \u4e0d\u5c55\u793a\u6570\u5b57\uff0c\u53ea\u6709\u4e00\u4e2a\u5c0f\u7ea2\u70b9 \| Boolean \| `false` \|\n\| processing \| \u4e0d\u5c55\u793a\u6570\u5b57\uff0c\u53ea\u6709\u4e00\u4e2a\u5c0f\u7ea2\u70b9 \| Boolean \| - \|\n\| color \| \u8bbe\u7f6e Badge \u4e3a\u72b6\u6001\u70b9\u7684\u989c\u8272 \| String \| - \|\n'}}]);
2	+ //# sourceMappingURL=8312.58a5729e.chunk.js.map

package/web/static/js/8312.58a5729e.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8312.58a5729e.chunk.js","mappings":"gHAAA","sources":["../../packages/react-badge/README.md"],"sourcesContent":["export default \"Badge 标记\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-badge/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-badge.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-badge)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-badge.svg?label=@uiw/react-badge)](https://npmjs.com/@uiw/react-badge)\\n\\n出现在按钮、图标旁的数字或状态标记。\\n\\n```jsx\\nimport { Badge } from 'uiw';\\n// or\\nimport Badge from '@uiw/react-badge';\\n```\\n\\n### 基础用法\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Badge, Row, Col, Avatar, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Row gutter={20}>\\n <Col fixed>\\n <Badge count={9}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n <Col fixed>\\n <Badge count={100}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n <Col>\\n <Badge dot count={9}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n </Row>\\n <Divider />\\n <Badge count={12}>\\n 评论\\n </Badge>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 封顶数字\\n\\n不包裹任何元素即是独立使用，可自定样式展现。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Badge, Row, Col, Avatar, Divider } from 'uiw';\\n\\nconst styl={ marginRight: 20, display: 'inline-block' }\\n\\nReactDOM.render(\\n <Row gutter={20}>\\n <Col fixed>\\n <Badge count={99}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n <Col fixed>\\n <Badge count={100} style={{ backgroundColor: '#87d068' }}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n <Col fixed>\\n <Badge count={99} max={10} style={styl}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n <Col fixed>\\n <Badge count={100} max={999} style={styl}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n <Col fixed>\\n <Badge count={100} max={999} style={styl}>\\n <Avatar shape=\\\"square\\\" size=\\\"large\\\" />\\n </Badge>\\n </Col>\\n </Row>,\\n _mount_\\n);\\n```\\n\\n### 独立使用\\n\\n不包裹任何元素即是独立使用，可自定样式展现。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Badge, Row, Col } from 'uiw';\\n\\nReactDOM.render(\\n <Row gutter={10}>\\n <Col fixed>\\n <Badge count={25} />\\n </Col>\\n <Col fixed>\\n <Badge count={4} style={{ backgroundColor: '#fff', color: '#f04134', boxShadow: 'rgb(217, 217, 217) 0px 0px 0px 1px inset' }} /> \\n </Col>\\n <Col fixed>\\n <Badge count={109} style={{ backgroundColor: '#87d068' }} /> \\n </Col>\\n </Row>,\\n _mount_\\n);\\n```\\n\\n### 小红点\\n\\n以红点的形式标注需要关注的内容。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Badge } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Badge dot style={{ marginRight: 10 }}>\\n 数据查询\\n </Badge>\\n <Badge dot count={4}>\\n <Icon type='mail-o' />\\n </Badge>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 状态点\\n\\n用于表示状态的小圆点，可以设置 `processing={true}` 让状态点，显示动画效果。\\n\\n \\n```jsx\\nimport { Badge } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Badge color=\\\"#28a745\\\" />\\n <Badge color=\\\"#008EF0\\\" />\\n <Badge color=\\\"#dc3545\\\" />\\n <Badge color=\\\"#393E48\\\" />\\n <Badge color=\\\"#ffc107\\\" />\\n <Badge color=\\\"#f95c2b\\\" />\\n <Badge color=\\\"#dc3545\\\"/>\\n <Badge color=\\\"#c2c2c2\\\"/>\\n <Badge color=\\\"#F95C2B\\\" processing />\\n <br />\\n <Badge color=\\\"#28a745\\\">Success</Badge>\\n <br />\\n <Badge color=\\\"#dc3545\\\">Error</Badge>\\n <br />\\n <Badge color=\\\"#c2c2c2\\\">Default</Badge>\\n <br />\\n <Badge color=\\\"#008EF0\\\" processing>Processing</Badge>\\n <br />\\n <Badge color=\\\"#ffc107\\\">Warning</Badge>\\n <Badge color=\\\"#ffc107\\\" processing>Warning</Badge>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## API\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| style | 默认设置计数圆点样式，设置 `color`，`style` 设置外层节点样式 | Object | - |\\n| count | 展示的数字 | Number | - |\\n| max | 最大值，超过最大值会显示 '{max}+' | Number | `99` |\\n| dot | 不展示数字，只有一个小红点 | Boolean | `false` |\\n| processing | 不展示数字，只有一个小红点 | Boolean | - |\\n| color | 设置 Badge 为状态点的颜色 | String | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8398.cc6aa9ea.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8398],{58398:function(n,e,t){t.r(e),e.default='Loader \u52a0\u8f7d\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-loader/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-loader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-loader)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-loader.svg?label=@uiw/react-loader)](https://npmjs.com/@uiw/react-loader)\n\n\u7528\u4e8e\u9875\u9762\u548c\u533a\u5757\u7684\u52a0\u8f7d\u4e2d\u72b6\u6001\u3002\n\n```jsx\nimport { Loader } from \'uiw\';\n// or\nimport Loader from \'@uiw/react-loader\';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Loader } from "uiw";\n\nReactDOM.render(\n <div>\n <Loader size="small" />\n <Loader />\n <Loader size="large" />\n </div>,\n _mount_\n);\n```\n\n\n### \u8b66\u544a\u63d0\u793a\u4e2d\u52a0\u8f7d\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React, { Component } from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Loader, Row, Col, Message, Icon } from "uiw";\n\nclass Demo extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: true,\n };\n }\n render() {\n return (\n <div>\n <Row gutter={10}>\n <Col>\n <Button\n style={{ marginBottom: 10 }}\n size="small"\n onClick={() => {\n this.setState({\n loading: !this.state.loading,\n });\n }}\n >\n \u70b9\u51fb\u5207\u6362\u52a0\u8f7d\u72b6\u6001\n </Button>\n </Col>\n </Row>\n <Row gutter={10}>\n <Col fixed>\n <Loader loading={this.state.loading}>\n <Message\n type="success"\n title="\u6210\u529f\u63d0\u793a\u6807\u9898"\n description={\n <span>\n <Icon\n type="uiw"\n verticalAlign="baseline"\n style={{ fill: "#009688" }}\n />\n \u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002\n </span>\n }\n />\n </Loader>\n </Col>\n <Col fixed>\n <Loader loading={this.state.loading}>\n <Message\n type="warning"\n title="\u6210\u529f\u63d0\u793a\u6807\u9898"\n description="\u8fd9\u91cc\u662f\u6210\u529f\u63d0\u793a\u8be6\u60c5\u63cf\u8ff0\u3002"\n />\n </Loader>\n </Col>\n </Row>\n </div>\n );\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u5361\u7247\u52a0\u8f7d\u4e2d\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Loader, Card, Col, Row } from "uiw";\n\nReactDOM.render(\n <Row gutter={10}>\n <Col fixed>\n <Card\n title="\u56fe\u6807\u4e0e\u6587\u5b57\u4e00\u884c\u663e\u793a"\n extra={<a href="#">\u66f4\u591a</a>}\n style={{ minWidth: 230 }}\n >\n <Loader color="red" tip="\u52a0\u8f7d\u4e2d..." style={{ width: "100%" }}>\n <div>\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n </div>\n </Loader>\n </Card>\n </Col>\n <Col fixed>\n <Card\n title="\u56fe\u6807\u4e0e\u6587\u5b57\u5782\u76f4\u663e\u793a"\n extra={<a href="#">\u66f4\u591a</a>}\n style={{ minWidth: 230 }}\n >\n <Loader tip="loading..." vertical style={{ width: "100%" }}>\n <div>\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n </div>\n </Loader>\n </Card>\n </Col>\n <Col fixed>\n <Card\n title="\u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272"\n extra={<a href="#">\u66f4\u591a</a>}\n style={{ minWidth: 230 }}\n >\n <Loader\n bgColor="rgba(0, 0, 0, 0.4)"\n color="#fff"\n tip="loading..."\n vertical\n style={{ width: "100%" }}\n >\n <div>\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n </div>\n </Loader>\n </Card>\n </Col>\n </Row>,\n _mount_\n);\n```\n\n\n### \u81ea\u5b9a\u4e49\u52a0\u8f7d\u56fe\u6807\u52a8\u753b\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Loader, Card, Icon } from "uiw";\n\nReactDOM.render(\n <div>\n <Card title="Card\u6807\u9898" extra={<a href="#">\u66f4\u591a</a>} style={{ width: 300 }}>\n <Loader\n tip="\u52a0\u8f7d\u4e2d..."\n color="red"\n indicator={\n <Icon\n type="loading"\n spin={true}\n style={{ verticalAlign: "text-top" }}\n />\n }\n style={{ width: "100%" }}\n >\n <div>\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n \u5361\u7247\u5185\u5bb9\n <br />\n </div>\n </Loader>\n </Card>\n </div>,\n _mount_\n);\n```\n\n\n### \u6574\u9875\u52a0\u8f7d\n\n\u9875\u9762\u6570\u636e\u52a0\u8f7d\u65f6\u663e\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 { Loader, Icon, Button } from "uiw";\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n fullscreen: false,\n };\n }\n render() {\n return (\n <div>\n <Button\n style={{ marginBottom: 10 }}\n type="primary"\n onClick={() => {\n this.setState(\n {\n fullscreen: !this.state.fullscreen,\n },\n () => {\n setTimeout(() => {\n this.setState({\n fullscreen: !this.state.fullscreen,\n });\n }, 3000);\n }\n );\n }}\n >\n \u663e\u793a\u6574\u9875\u52a0\u8f7d\uff0c3 \u79d2\u540e\u6d88\u5931\n </Button>\n {this.state.fullscreen && (\n <Loader\n tip="\u52a0\u8f7d\u4e2d..."\n size="large"\n bgColor="rgba(255, 255, 255, 0.9)"\n fullscreen={this.state.fullscreen}\n />\n )}\n </div>\n );\n }\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---------- \| ------- \| ------- \| --------- \|\n\| size \| \u5c3a\u5bf8 \| Enum{`small`, `default`, `large`} \| `default` \|\n\| loading \| \u662f\u5426\u65cb\u8f6c \| Boolean \| `true` \|\n\| indicator \| \u52a0\u8f7d\u6307\u793a\u7b26\uff0c\u53ef\u4ee5\u52a0\u8f7d\u4e00\u4e2a Icon \u52a8\u753b \| ReactNode \| - \|\n\| tip \| \u5f53\u4f5c\u4e3a\u5305\u88f9\u5143\u7d20\u65f6\uff0c\u53ef\u4ee5\u81ea\u5b9a\u4e49\u63cf\u8ff0\u6587\u6848 \| String \| - \|\n\| color \| \u8bbe\u7f6e\u56fe\u6807\u4e0e\u6587\u5b57\u7684\u989c\u8272 \| String \| - \|\n\| vertical \| \u56fe\u6807\u4e0e\u6587\u5b57\u5782\u76f4\u663e\u793a \| Boolean \| - \|\n\| bgColor \| \u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272 \| String \| - \|\n\| fullscreen \| \u662f\u5426\u5168\u5c4f\u663e\u793a \| Boolean \| `false` \|\n'}}]);
2	+ //# sourceMappingURL=8398.cc6aa9ea.chunk.js.map

package/web/static/js/8398.cc6aa9ea.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8398.cc6aa9ea.chunk.js","mappings":"gHAAA","sources":["../../packages/react-loader/README.md"],"sourcesContent":["export default \"Loader 加载器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-loader/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-loader.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-loader)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-loader.svg?label=@uiw/react-loader)](https://npmjs.com/@uiw/react-loader)\\n\\n用于页面和区块的加载中状态。\\n\\n```jsx\\nimport { Loader } from 'uiw';\\n// or\\nimport Loader from '@uiw/react-loader';\\n```\\n\\n### 基础实例\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Loader } from \\\"uiw\\\";\\n\\nReactDOM.render(\\n <div>\\n <Loader size=\\\"small\\\" />\\n <Loader />\\n <Loader size=\\\"large\\\" />\\n </div>,\\n _mount_\\n);\\n```\\n\\n\\n### 警告提示中加载\\n\\n\\n```jsx\\nimport React, { Component } from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Loader, Row, Col, Message, Icon } from \\\"uiw\\\";\\n\\nclass Demo extends Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n loading: true,\\n };\\n }\\n render() {\\n return (\\n <div>\\n <Row gutter={10}>\\n <Col>\\n <Button\\n style={{ marginBottom: 10 }}\\n size=\\\"small\\\"\\n onClick={() => {\\n this.setState({\\n loading: !this.state.loading,\\n });\\n }}\\n >\\n 点击切换加载状态\\n </Button>\\n </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col fixed>\\n <Loader loading={this.state.loading}>\\n <Message\\n type=\\\"success\\\"\\n title=\\\"成功提示标题\\\"\\n description={\\n <span>\\n <Icon\\n type=\\\"uiw\\\"\\n verticalAlign=\\\"baseline\\\"\\n style={{ fill: \\\"#009688\\\" }}\\n />\\n 这里是成功提示详情描述。\\n </span>\\n }\\n />\\n </Loader>\\n </Col>\\n <Col fixed>\\n <Loader loading={this.state.loading}>\\n <Message\\n type=\\\"warning\\\"\\n title=\\\"成功提示标题\\\"\\n description=\\\"这里是成功提示详情描述。\\\"\\n />\\n </Loader>\\n </Col>\\n </Row>\\n </div>\\n );\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 卡片加载中\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Loader, Card, Col, Row } from \\\"uiw\\\";\\n\\nReactDOM.render(\\n <Row gutter={10}>\\n <Col fixed>\\n <Card\\n title=\\\"图标与文字一行显示\\\"\\n extra={<a href=\\\"#\\\">更多</a>}\\n style={{ minWidth: 230 }}\\n >\\n <Loader color=\\\"red\\\" tip=\\\"加载中...\\\" style={{ width: \\\"100%\\\" }}>\\n <div>\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n </div>\\n </Loader>\\n </Card>\\n </Col>\\n <Col fixed>\\n <Card\\n title=\\\"图标与文字垂直显示\\\"\\n extra={<a href=\\\"#\\\">更多</a>}\\n style={{ minWidth: 230 }}\\n >\\n <Loader tip=\\\"loading...\\\" vertical style={{ width: \\\"100%\\\" }}>\\n <div>\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n </div>\\n </Loader>\\n </Card>\\n </Col>\\n <Col fixed>\\n <Card\\n title=\\\"自定义背景颜色\\\"\\n extra={<a href=\\\"#\\\">更多</a>}\\n style={{ minWidth: 230 }}\\n >\\n <Loader\\n bgColor=\\\"rgba(0, 0, 0, 0.4)\\\"\\n color=\\\"#fff\\\"\\n tip=\\\"loading...\\\"\\n vertical\\n style={{ width: \\\"100%\\\" }}\\n >\\n <div>\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n </div>\\n </Loader>\\n </Card>\\n </Col>\\n </Row>,\\n _mount_\\n);\\n```\\n\\n\\n### 自定义加载图标动画\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Loader, Card, Icon } from \\\"uiw\\\";\\n\\nReactDOM.render(\\n <div>\\n <Card title=\\\"Card标题\\\" extra={<a href=\\\"#\\\">更多</a>} style={{ width: 300 }}>\\n <Loader\\n tip=\\\"加载中...\\\"\\n color=\\\"red\\\"\\n indicator={\\n <Icon\\n type=\\\"loading\\\"\\n spin={true}\\n style={{ verticalAlign: \\\"text-top\\\" }}\\n />\\n }\\n style={{ width: \\\"100%\\\" }}\\n >\\n <div>\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n 卡片内容\\n <br />\\n </div>\\n </Loader>\\n </Card>\\n </div>,\\n _mount_\\n);\\n```\\n\\n\\n### 整页加载\\n\\n页面数据加载时显示。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Loader, Icon, Button } from \\\"uiw\\\";\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n fullscreen: false,\\n };\\n }\\n render() {\\n return (\\n <div>\\n <Button\\n style={{ marginBottom: 10 }}\\n type=\\\"primary\\\"\\n onClick={() => {\\n this.setState(\\n {\\n fullscreen: !this.state.fullscreen,\\n },\\n () => {\\n setTimeout(() => {\\n this.setState({\\n fullscreen: !this.state.fullscreen,\\n });\\n }, 3000);\\n }\\n );\\n }}\\n >\\n 显示整页加载，3 秒后消失\\n </Button>\\n {this.state.fullscreen && (\\n <Loader\\n tip=\\\"加载中...\\\"\\n size=\\\"large\\\"\\n bgColor=\\\"rgba(255, 255, 255, 0.9)\\\"\\n fullscreen={this.state.fullscreen}\\n />\\n )}\\n </div>\\n );\\n }\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| ---------- | ------- | ------- | --------- |\\n| size | 尺寸 | Enum{`small`, `default`, `large`} | `default` |\\n| loading | 是否旋转 | Boolean | `true` |\\n| indicator | 加载指示符，可以加载一个 Icon 动画 | ReactNode | - |\\n| tip | 当作为包裹元素时，可以自定义描述文案 | String | - |\\n| color | 设置图标与文字的颜色 | String | - |\\n| vertical | 图标与文字垂直显示 | Boolean | - |\\n| bgColor | 自定义背景颜色 | String | - |\\n| fullscreen | 是否全屏显示 | Boolean | `false` |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8488.148bfa75.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8488],{18488:function(n,e,t){t.r(e),e.default="MonthPicker \u6708\u4efd\u9009\u62e9\u5668\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\n\n\u6a21\u6001\u5bf9\u8bdd\u6846\u3002\n\n```jsx\nimport { MonthPicker } from 'uiw';\n// or\nimport MonthPicker from '@uiw/react-month-picker';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { MonthPicker, Row, Col } from 'uiw';\n\nconst Demo = () => {\n const [formatDate, setFormatDate] = React.useState('2019/04')\n function onChange(date, formatDate) {\n setFormatDate(formatDate)\n }\n return (\n <Row gutter={10}>\n <Col fixed>\n <MonthPicker size=\"large\" onChange={onChange} placeholder=\"Select month\" />\n </Col>\n <Col fixed>\n <MonthPicker disabled value={formatDate} placeholder=\"Select month\" />\n </Col>\n </Row>\n )\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n if(current.date) {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}`,\n });\n } else {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u65f6\u95f4\u6210\u529f\uff0c\u65f6\u95f4\u4e3a\uff1a${current.date}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n console.log('--\x3e>', initial, current);\n }}\n fields={{\n date: {\n labelClassName: 'fieldLabel',\n labelFor: 'date-inline',\n children: <MonthPicker id=\"date-inline\" />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <Row gutter={10}>\n <Col fixed>{fields.date}</Col>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n )\n }}\n </Form>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u521d\u59cb\u65f6\u95f4\u503c \| Date \| - \|\n\| placeholder \| \u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57 \| String \| - \|\n\| allowClear \| \u662f\u5426\u663e\u793a\u6e05\u9664\u6309\u94ae \| Boolean \| true \|\n\| format \| \u683c\u5f0f\u5316\u65f6\u95f4\uff0c\u89c4\u5219\u67e5\u770b [`formatter`](#/components/formatter) \u6587\u6863 \| String \| `YYYY/MM/DD` \|\n\| onChange \| \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 \| Function(Date, formatDate) \| - \|\n\| popoverProps \| \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<Popover>`](#/components/popover) \u7ec4\u4ef6 \| Object \| - \|\n\| pickerCaptionProps \| \u5c06\u53c2\u6570\u4f20\u9012\u7ed9\u5185\u90e8 [`<DatePicker>`](#/components/date-picker) `PickerCaption` \u7ec4\u4ef6 \| [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) \| - \|\n\| disabled \| \u7ec4\u4ef6 [`<Input>`](#/components/input) \u7684\u5c5e\u6027\uff0c\u7981\u7528\u65e5\u5386 \| Boolean \| - \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [`<Input>`](#/components/input)\u3002"}}]);
2	+ //# sourceMappingURL=8488.148bfa75.chunk.js.map

package/web/static/js/8488.148bfa75.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8488.148bfa75.chunk.js","mappings":"gHAAA","sources":["../../packages/react-month-picker/README.md"],"sourcesContent":["export default \"MonthPicker 月份选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-month-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-month-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-month-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?label=@uiw/react-month-picker)](https://npmjs.com/@uiw/react-month-picker)\\n\\n模态对话框。\\n\\n```jsx\\nimport { MonthPicker } from 'uiw';\\n// or\\nimport MonthPicker from '@uiw/react-month-picker';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { MonthPicker, Row, Col } from 'uiw';\\n\\nconst Demo = () => {\\n const [formatDate, setFormatDate] = React.useState('2019/04')\\n function onChange(date, formatDate) {\\n setFormatDate(formatDate)\\n }\\n return (\\n <Row gutter={10}>\\n <Col fixed>\\n <MonthPicker size=\\\"large\\\" onChange={onChange} placeholder=\\\"Select month\\\" />\\n </Col>\\n <Col fixed>\\n <MonthPicker disabled value={formatDate} placeholder=\\\"Select month\\\" />\\n </Col>\\n </Row>\\n )\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 在表单中使用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, MonthPicker, Notify, Row, Col, Button } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n if(current.date) {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交时间成功，时间为：${current.date}`,\\n });\\n } else {\\n Notify.error({\\n title: '提交失败！',\\n description: `表单提交时间成功，时间为：${current.date}，将自动填充初始化值！`,\\n });\\n }\\n console.log('-->>', initial, current);\\n }}\\n fields={{\\n date: {\\n labelClassName: 'fieldLabel',\\n labelFor: 'date-inline',\\n children: <MonthPicker id=\\\"date-inline\\\" />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <Row gutter={10}>\\n <Col fixed>{fields.date}</Col>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 初始时间值 | Date | - |\\n| placeholder | 输入框提示文字 | String | - |\\n| allowClear | 是否显示清除按钮 | Boolean | true |\\n| format | 格式化时间，规则查看 [`formatter`](#/components/formatter) 文档 | String | `YYYY/MM/DD` |\\n| onChange | 选择一天时调用。 | Function(Date, formatDate) | - |\\n| popoverProps | 将参数传递给内部 [`<Popover>`](#/components/popover) 组件 | Object | - |\\n| pickerCaptionProps | 将参数传递给内部 [`<DatePicker>`](#/components/date-picker) `PickerCaption` 组件 | [`PickerCaptionProps`](https://github.com/uiwjs/uiw/blob/207c787ed478ffb7205ecdf95754ad2c97bb69c9/packages/react-date-picker/src/DatePickerCaption.tsx#L18-L23) | - |\\n| disabled | 组件 [`<Input>`](#/components/input) 的属性，禁用日历 | Boolean | - |\\n\\n更多属性文档请参考 [`<Input>`](#/components/input)。\";"],"names":[],"sourceRoot":""}

package/web/static/js/8566.55d3039d.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8566],{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(89171),d=t(75752),a=t(64357),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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from "webpack";\nimport 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:"latest","react-dom":"latest",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(53864);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.iz,{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.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{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.iz,{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;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m};return 0===Object.keys(k).filter((function(e){return void 0!==k[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})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},20873: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(53864)),c=t(86082),d=t(69286);function a(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-divider/README.md",dependencies:{Divider:s.iz},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(8849).then(t.bind(t,28849));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=8566.55d3039d.chunk.js.map

package/web/static/js/8566.55d3039d.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8566.55d3039d.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/divider/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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\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 } = 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 } 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 }}\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 } 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-divider/README.md\"\n dependencies={{ Divider }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-divider/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","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","Divider","md","default"],"sourceRoot":""}

package/web/static/js/8586.9d605493.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8586],{88586:function(n,e,t){t.r(e),e.default="Switch \u5f00\u5173\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-switch/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-switch.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-switch)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-switch.svg?label=@uiw/react-switch)](https://npmjs.com/@uiw/react-switch)\n\n\u8868\u793a\u4e24\u79cd\u76f8\u4e92\u5bf9\u7acb\u7684\u72b6\u6001\u95f4\u7684\u5207\u6362\uff0c\u591a\u7528\u4e8e\u89e6\u53d1\u300c\u5f00/\u5173\u300d\u3002\u9009\u4e2d\u65f6\u7684\u5185\u5bb9\u652f\u6301\u54cd\u5e94\u5f0f\u3002\n\n```jsx\nimport { Switch } from 'uiw';\n// or\nimport Switch from '@uiw/react-switch';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### Form \u4e2d\u4f7f\u7528 Switch\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Switch, Row, Col, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <Form\n onChange={({ initial, current }) => { }}\n resetOnSubmit={false}\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\n onSubmit={({initial, current}) => {\n console.log('switch::', initial, current)\n const ErrObj = {};\n if(Object.keys(ErrObj).length > 0) {\n const err = new Error();\n err.filed = ErrObj;\n throw err;\n }\n }}\n fields={{\n switch: {\n checked: true,\n initialValue: true,\n label: '\u8bf7\u8f93\u5165\u5185\u5bb9',\n help: '\u5fc5\u9009\u9009\u9879\uff01',\n validator: value => !value ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Switch style={{ maxWidth: 200 }} />,\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.switch}</Col>\n </Row>\n <Row>\n <Col>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n );\n }}\n </Form>\n);\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8bbe\u7f6e\u6587\u5b57\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch\n data-checked=\"\u5f00\"\n data-unchecked=\"\u5173\"\n onChange={(e) => {\n console.log('e', e.target.checked);\n }}\n style={{ marginRight: 10 }}\n />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n### \u7981\u7528\u72b6\u6001\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch disabled checked style={{ marginRight: 10 }} />\n <Switch disabled style={{ marginRight: 10 }} />\n <Switch disabled data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5c3a\u5bf8\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Switch } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Switch size=\"large\" style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n <Switch size=\"large\" checked style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} />\n <Switch style={{ marginRight: 10 }} data-checked=\"\u5f00\" data-unchecked=\"\u5173\" />\n <Switch size=\"small\" data-checked=\"\u5f00\" data-unchecked=\"\u5173\">\u7535\u6e90</Switch>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u63a7\u5236\u7ec4\u4ef6\n\n\u901a\u8fc7 `checked` \u5c5e\u6027\u6539\u53d8 `Switch` \u7ec4\u4ef6\u72b6\u6001\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Switch, Button } from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n checked: true\n }\n }\n onChange(e) {\n console.log('~~~:::');\n this.setState({ checked: e.target.checked });\n }\n render() {\n return (\n <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\n <Switch onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\n <Button\n size=\"small\"\n type=\"primary\"\n onClick={() => {\n this.setState({ checked: !this.state.checked });\n }}\n >\n \u70b9\u51fb\u6309\u94ae\u6539\u53d8 Switch \u72b6\u6001\n </Button>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Switch \n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|------ \|-------- \|---------- \|-------- \|\n\| value \| \u6839\u636e value \u8fdb\u884c\u6bd4\u8f83\uff0c\u5224\u65ad\u662f\u5426\u9009\u4e2d \| String/Number/Boolean \| - \|\n\| name \| \u7528\u4e8e\u8868\u5355\u5bf9\u5e94\u7684\u540d\u79f0 \| String \| - \|\n\| checked \| \u6307\u5b9a\u5f53\u524d\u662f\u5426\u9009\u4e2d \| boolean \| false \|\n\| disabled \| \u662f\u5426\u7981\u7528 \| boolean \| false \|\n\| onChange \| \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 \| Function(e:Event) \| - \|\n\| data-checked \| \u9009\u4e2d\u65f6\u7684\u5185\u5bb9 \| string/ReactNode \| - \|\n\| data-unchecked \| \u975e\u9009\u4e2d\u65f6\u7684\u5185\u5bb9 \| string/ReactNode \| - \|\n\| size \| \u5f00\u5173\u5927\u5c0f\uff0c\u53ef\u9009\u503c\uff1a`large` `default` `small` \| string \| default \|\n"}}]);
2	+ //# sourceMappingURL=8586.9d605493.chunk.js.map

package/web/static/js/8586.9d605493.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8586.9d605493.chunk.js","mappings":"gHAAA","sources":["../../packages/react-switch/README.md"],"sourcesContent":["export default \"Switch 开关\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-switch/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-switch.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-switch)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-switch.svg?label=@uiw/react-switch)](https://npmjs.com/@uiw/react-switch)\\n\\n表示两种相互对立的状态间的切换，多用于触发「开/关」。选中时的内容支持响应式。\\n\\n```jsx\\nimport { Switch } from 'uiw';\\n// or\\nimport Switch from '@uiw/react-switch';\\n```\\n\\n### 基本用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch checked style={{ marginRight: 10 }} />\\n <Switch style={{ marginRight: 10 }} />\\n <Switch data-checked=\\\"开\\\" data-unchecked=\\\"关\\\">电源</Switch>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### Form 中使用 Switch\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Switch, Row, Col, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <Form\\n onChange={({ initial, current }) => { }}\\n resetOnSubmit={false}\\n onSubmitError={(error) => error && error.filed ? { ...error.filed } : null}\\n onSubmit={({initial, current}) => {\\n console.log('switch::', initial, current)\\n const ErrObj = {};\\n if(Object.keys(ErrObj).length > 0) {\\n const err = new Error();\\n err.filed = ErrObj;\\n throw err;\\n }\\n }}\\n fields={{\\n switch: {\\n checked: true,\\n initialValue: true,\\n label: '请输入内容',\\n help: '必选选项！',\\n validator: value => !value ? '必填选项！' : null,\\n children: <Switch style={{ maxWidth: 200 }} />,\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col>{fields.switch}</Col>\\n </Row>\\n <Row>\\n <Col>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n );\\n }}\\n </Form>\\n);\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 设置文字\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch\\n data-checked=\\\"开\\\"\\n data-unchecked=\\\"关\\\"\\n onChange={(e) => {\\n console.log('e', e.target.checked);\\n }}\\n style={{ marginRight: 10 }}\\n />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n### 禁用状态\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch disabled checked style={{ marginRight: 10 }} />\\n <Switch disabled style={{ marginRight: 10 }} />\\n <Switch disabled data-checked=\\\"开\\\" data-unchecked=\\\"关\\\">电源</Switch>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 尺寸\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Switch } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Switch size=\\\"large\\\" style={{ marginRight: 10 }} data-checked=\\\"开\\\" data-unchecked=\\\"关\\\" />\\n <Switch size=\\\"large\\\" checked style={{ marginRight: 10 }} />\\n <Switch style={{ marginRight: 10 }} />\\n <Switch style={{ marginRight: 10 }} data-checked=\\\"开\\\" data-unchecked=\\\"关\\\" />\\n <Switch size=\\\"small\\\" data-checked=\\\"开\\\" data-unchecked=\\\"关\\\">电源</Switch>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 控制组件\\n\\n通过 `checked` 属性改变 `Switch` 组件状态。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Switch, Button } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n checked: true\\n }\\n }\\n onChange(e) {\\n console.log('~~~:::');\\n this.setState({ checked: e.target.checked });\\n }\\n render() {\\n return (\\n <div style={{ backgroundColor: '#fff', margin: -15, padding: 15, borderRadius: '5px 5px 0 0' }}>\\n <Switch onChange={this.onChange.bind(this)} checked={this.state.checked} style={{ marginRight: 10 }} />\\n <Button\\n size=\\\"small\\\"\\n type=\\\"primary\\\"\\n onClick={() => {\\n this.setState({ checked: !this.state.checked });\\n }}\\n >\\n 点击按钮改变 Switch 状态\\n </Button>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Switch \\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|------ |-------- |---------- |-------- |\\n| value | 根据 value 进行比较，判断是否选中 | String/Number/Boolean | - |\\n| name | 用于表单对应的名称 | String | - |\\n| checked | 指定当前是否选中 | boolean | false |\\n| disabled | 是否禁用 | boolean | false |\\n| onChange | 变化时回调函数 | Function(e:Event) | - |\\n| data-checked | 选中时的内容 | string/ReactNode | - |\\n| data-unchecked | 非选中时的内容 | string/ReactNode | - |\\n| size | 开关大小，可选值：`large` `default` `small` | string | default |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8709.44b46cf7.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8709],{88709:function(n,e,t){t.r(e),e.default='Dropdown \u4e0b\u62c9\u83dc\u5355\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\n\n\u5411\u4e0b\u5f39\u51fa\u7684\u5217\u8868\u3002\n\n```jsx\nimport { Dropdown } from \'uiw\';\n// or\nimport Dropdown from \'@uiw/react-dropdown\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Dropdown menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u9f20\u6807\u7ecf\u8fc7\u51fa\u73b0\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n <Dropdown trigger="click" menu={menu}>\n <a href=\'#\' onClick={e => e.preventDefault()}>\n \u70b9\u51fb\u6211\u51fa\u73b0\u4e0b\u62c9\u83dc\u5355 <Icon type="down" />\n </a>\n </Dropdown>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u88ab\u7981\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nReactDOM.render(\n <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button disabled icon="copy">\u70b9\u51fb\u53f3\u8fb9</Button>\n <Dropdown disabled trigger="click" placement="bottomRight" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown disabled menu={menu}>\n <Button basic type="link"> (\u8d85\u8fde\u63a5\u6837\u5f0f)link </Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="primary">\u4e3b\u8981\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="success">\u6210\u529f\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="warning">\u8b66\u544a\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="danger">\u9519\u8bef\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="light">\u4eae\u6309\u94ae</Button>\n </Dropdown>\n <Dropdown disabled menu={menu}>\n <Button type="dark">\u6697\u6309\u94ae</Button>\n </Dropdown>\n </div>,\n _mount_\n);\n```\n\n### \u5f39\u51fa\u4f4d\u7f6e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, ButtonGroup, Button } from \'uiw\';\n\nconst menu = (\n <div>\n <Menu bordered style={{ maxWidth: 200 }}>\n <Menu.Item icon="reload" text="\u91cd\u65b0\u52a0\u8f7d" />\n <Menu.Divider />\n <Menu.Item icon="heart-on" text="\u53e6\u5b58\u4e3a" active />\n <Menu.Item icon="appstore" text="\u5e94\u7528\u5546\u57ce" />\n <Menu.Item icon="bar-chart" text="\u6708\u7edf\u8ba1\u62a5\u8868\u5bfc\u51fa" />\n <Menu.Item icon="setting" text="\u504f\u597d\u8bbe\u7f6e" />\n </Menu>\n </div>\n);\n\nReactDOM.render(\n <div>\n <ButtonGroup style={{ marginRight: 5, display: \'inline-block\' }}>\n <Button icon="copy">top</Button>\n <Dropdown trigger="click" placement="top" menu={menu}>\n <Button icon="more" />\n </Dropdown>\n </ButtonGroup>\n <Dropdown menu={menu} trigger="click" placement="topLeft">\n <Button type="primary">topLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="topRight">\n <Button type="success">topRight</Button>\n </Dropdown>\n <Divider />\n <Dropdown menu={menu} trigger="click" placement="bottomRight">\n <Button type="light">bottomRight</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottom">\n <Button type="warning">bottom</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="bottomLeft">\n <Button type="danger">bottomLeft</Button>\n </Dropdown>\n <Dropdown menu={menu} trigger="click" placement="right">\n <Button type="dark">right</Button>\n </Dropdown>\n </div>,\n _mount_\n);\n```\n\n### \u9009\u62e9\u5668\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Dropdown, Menu, Button, Icon } from \'uiw\';\n\nfunction Select(props) {\n const { option, onChange } = props;\n const [open, setOpen] = React.useState(false);\n const [value, setValue] = React.useState(props.value);\n const label = option.find(item => value === item.value);\n\n React.useEffect(() => {\n if (props.value !== value) {\n setValue(props.value);\n }\n }, [props.value]);\n\n return (\n <Dropdown\n trigger="click"\n onVisibleChange={(isOpen) => setOpen(isOpen)}\n isOpen={open}\n menu={\n <div>\n <Menu bordered style={{ minWidth: 120 }}>\n {option.map((item, idx) => {\n const active = value === item.value;\n return (\n <Menu.Item\n key={idx}\n active={active}\n text={item.label}\n onClick={(e) => {\n setValue(item.value)\n setOpen(false)\n onChange && onChange(item.value, e)\n }}\n />\n );\n })}\n </Menu>\n </div>\n }\n >\n <Button type="link">{label.label}<Icon type={open ? \'up\' : \'down\'} /></Button>\n </Dropdown>\n )\n}\n\nconst option = [\n { label: \'\u5f80\u8fd4\', value: 1 },\n { label: \'\u5355\u7a0b\', value: 2 },\n { label: \'\u8054\u7a0b\', value: 3 },\n { label: \'Nomad\', value: 4 },\n];\n\nconst option2 = [\n { label: \'\u7ecf\u6d4e\u8231\', value: 1 },\n { label: \'\u8c6a\u534e\u7ecf\u6d4e\u8231\', value: 2 },\n { label: \'\u5546\u52a1\u8231\', value: 3 },\n { label: \'\u5934\u7b49\u8231\', value: 4 },\n];\n\nReactDOM.render(\n <div>\n <Select option={option} value={1} onChange={(item) => { console.log(\'item\', item); }} />\n <Select option={option2} value={2} onChange={(item) => { console.log(\'item\', item); }} />\n </div>,\n _mount_\n);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| -------- \| -------- \| -------- \| -------- \|\n\| menu \| \u83dc\u5355 \| [`<Menu>`](#/components/menu) \| - \|\n\| disabled \| \u83dc\u5355\u662f\u5426\u7981\u7528 \| Boolean \| - \|\n\| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) \| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3 \| Enum{`hover`, `click`, `focus`} \| `hover` \|\n\| placement[`<OverlayTrigger>`](#/components/overlay-trigger) \| \u6307\u5b9a\u5f39\u51fa\u6846\u4f4d\u7f6e\uff0c\u652f\u6301 12 \u4e2a\u8bbf\u95ee\u5c55\u793a\u83dc\u5355\u3002 \| Enum{} \| `bottomLeft` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002'}}]);
2	+ //# sourceMappingURL=8709.44b46cf7.chunk.js.map

package/web/static/js/8709.44b46cf7.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8709.44b46cf7.chunk.js","mappings":"gHAAA","sources":["../../packages/react-dropdown/README.md"],"sourcesContent":["export default \"Dropdown 下拉菜单\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-dropdown/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-dropdown.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-dropdown)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?label=@uiw/react-dropdown)](https://npmjs.com/@uiw/react-dropdown)\\n\\n向下弹出的列表。\\n\\n```jsx\\nimport { Dropdown } from 'uiw';\\n// or\\nimport Dropdown from '@uiw/react-dropdown';\\n```\\n\\n### 基本用法\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, ButtonGroup, Button, Divider, Icon } from 'uiw';\\n\\nconst menu = (\\n <div>\\n <Menu bordered style={{ minWidth: 120 }}>\\n <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表\\\" />\\n <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n </Menu>\\n </div>\\n);\\n\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <div>\\n <Dropdown menu={menu}>\\n <a href='#' onClick={e => e.preventDefault()}>\\n 鼠标经过出现菜单 <Icon type=\\\"down\\\" />\\n </a>\\n </Dropdown>\\n <Dropdown trigger=\\\"click\\\" menu={menu}>\\n <a href='#' onClick={e => e.preventDefault()}>\\n 点击我出现下拉菜单 <Icon type=\\\"down\\\" />\\n </a>\\n </Dropdown>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 被禁用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, ButtonGroup, Button } from 'uiw';\\n\\nconst menu = (\\n <div>\\n <Menu bordered style={{ maxWidth: 200 }}>\\n <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n <Menu.Divider />\\n <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n </Menu>\\n </div>\\n);\\n\\nReactDOM.render(\\n <div>\\n <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n <Button disabled icon=\\\"copy\\\">点击右边</Button>\\n <Dropdown disabled trigger=\\\"click\\\" placement=\\\"bottomRight\\\" menu={menu}>\\n <Button icon=\\\"more\\\" />\\n </Dropdown>\\n </ButtonGroup>\\n <Dropdown disabled menu={menu}>\\n <Button basic type=\\\"link\\\"> (超连接样式)link </Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"primary\\\">主要按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"success\\\">成功按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"warning\\\">警告按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"danger\\\">错误按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"light\\\">亮按钮</Button>\\n </Dropdown>\\n <Dropdown disabled menu={menu}>\\n <Button type=\\\"dark\\\">暗按钮</Button>\\n </Dropdown>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 弹出位置\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, ButtonGroup, Button } from 'uiw';\\n\\nconst menu = (\\n <div>\\n <Menu bordered style={{ maxWidth: 200 }}>\\n <Menu.Item icon=\\\"reload\\\" text=\\\"重新加载\\\" />\\n <Menu.Divider />\\n <Menu.Item icon=\\\"heart-on\\\" text=\\\"另存为\\\" active />\\n <Menu.Item icon=\\\"appstore\\\" text=\\\"应用商城\\\" />\\n <Menu.Item icon=\\\"bar-chart\\\" text=\\\"月统计报表导出\\\" />\\n <Menu.Item icon=\\\"setting\\\" text=\\\"偏好设置\\\" />\\n </Menu>\\n </div>\\n);\\n\\nReactDOM.render(\\n <div>\\n <ButtonGroup style={{ marginRight: 5, display: 'inline-block' }}>\\n <Button icon=\\\"copy\\\">top</Button>\\n <Dropdown trigger=\\\"click\\\" placement=\\\"top\\\" menu={menu}>\\n <Button icon=\\\"more\\\" />\\n </Dropdown>\\n </ButtonGroup>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topLeft\\\">\\n <Button type=\\\"primary\\\">topLeft</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"topRight\\\">\\n <Button type=\\\"success\\\">topRight</Button>\\n </Dropdown>\\n <Divider />\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomRight\\\">\\n <Button type=\\\"light\\\">bottomRight</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottom\\\">\\n <Button type=\\\"warning\\\">bottom</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"bottomLeft\\\">\\n <Button type=\\\"danger\\\">bottomLeft</Button>\\n </Dropdown>\\n <Dropdown menu={menu} trigger=\\\"click\\\" placement=\\\"right\\\">\\n <Button type=\\\"dark\\\">right</Button>\\n </Dropdown>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 选择器\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Dropdown, Menu, Button, Icon } from 'uiw';\\n\\nfunction Select(props) {\\n const { option, onChange } = props;\\n const [open, setOpen] = React.useState(false);\\n const [value, setValue] = React.useState(props.value);\\n const label = option.find(item => value === item.value);\\n\\n React.useEffect(() => {\\n if (props.value !== value) {\\n setValue(props.value);\\n }\\n }, [props.value]);\\n\\n return (\\n <Dropdown\\n trigger=\\\"click\\\"\\n onVisibleChange={(isOpen) => setOpen(isOpen)}\\n isOpen={open}\\n menu={\\n <div>\\n <Menu bordered style={{ minWidth: 120 }}>\\n {option.map((item, idx) => {\\n const active = value === item.value;\\n return (\\n <Menu.Item\\n key={idx}\\n active={active}\\n text={item.label}\\n onClick={(e) => {\\n setValue(item.value)\\n setOpen(false)\\n onChange && onChange(item.value, e)\\n }}\\n />\\n );\\n })}\\n </Menu>\\n </div>\\n }\\n >\\n <Button type=\\\"link\\\">{label.label}<Icon type={open ? 'up' : 'down'} /></Button>\\n </Dropdown>\\n )\\n}\\n\\nconst option = [\\n { label: '往返', value: 1 },\\n { label: '单程', value: 2 },\\n { label: '联程', value: 3 },\\n { label: 'Nomad', value: 4 },\\n];\\n\\nconst option2 = [\\n { label: '经济舱', value: 1 },\\n { label: '豪华经济舱', value: 2 },\\n { label: '商务舱', value: 3 },\\n { label: '头等舱', value: 4 },\\n];\\n\\nReactDOM.render(\\n <div>\\n <Select option={option} value={1} onChange={(item) => { console.log('item', item); }} />\\n <Select option={option2} value={2} onChange={(item) => { console.log('item', item); }} />\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| -------- | -------- | -------- | -------- |\\n| menu | 菜单 | [`<Menu>`](#/components/menu) | - |\\n| disabled | 菜单是否禁用 | Boolean | - |\\n| trigger[`<OverlayTrigger>`](#/components/overlay-trigger) | 悬停/点击弹出窗口 | Enum{`hover`, `click`, `focus`} | `hover` |\\n| placement[`<OverlayTrigger>`](#/components/overlay-trigger) | 指定弹出框位置，支持 12 个访问展示菜单。 | Enum{} | `bottomLeft` |\\n\\n更多属性文档请参考 [OverlayTrigger](#/components/overlay-trigger)。\";"],"names":[],"sourceRoot":""}

package/web/static/js/875.db3e9748.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[875],{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 j}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(64357),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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from "webpack";\nimport 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:"latest","react-dom":"latest",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(53864);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.iz,{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.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{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.iz,{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",k="index_markdown__hcQCp",b=["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 j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,b),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,m=c.noCode,f=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f};return 0===Object.keys(k).filter((function(e){return void 0!==k[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})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},36074: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/uiw/tree/master/website/src/routes/guide/quick-start/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(922).then(t.bind(t,70922));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=875.db3e9748.chunk.js.map

package/web/static/js/875.db3e9748.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/875.db3e9748.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/guide/quick-start/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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\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 } = 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 } 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 }}\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/uiw/tree/master/website/src/routes/guide/quick-start/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","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":""}

package/web/static/js/8768.0dfc18cd.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8768],{78768:function(n,e,t){t.r(e),e.default="FileInput \u4e0a\u4f20\u8f93\u5165\u6846\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u4ec5\u4ec5\u662f\u5bf9 `<input type=\"file\">` \u7684\u7f8e\u5316\uff0c\u4ed6\u662f\u57fa\u4e8e Input \u7ec4\u4ef6\u5c01\u88c5 \u3002\n\n```jsx\nimport { FileInput } from 'uiw';\n// or\nimport FileInput from '@uiw/react-file-input';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n const onChange = (e) => {\n console.log(e)\n }\n return (\n <div>\n <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} size=\"small\" onChange={onChange} />\n <br />\n <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} />\n <br />\n </div>\n )\n}\n\nReactDOM.render(\n <Demo />,\n _mount_\n);\n```\n\n### \u56fe\u7247\u5899\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { FileInput, Button } from 'uiw';\n\nconst Demo = () => {\n return (\n <div>\n <FileInput\n uploadType=\"card\"\n size=\"large\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n <br />\n <FileInput\n uploadType=\"card\"\n shape=\"circle\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n <br />\n <FileInput\n uploadType=\"card\"\n size=\"small\"\n showFileIcon={{\n showPreviewIcon: false,\n showRemoveIcon: true\n }}\n onPreview={(file) => console.log(file)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n ]}\n onChange={(items) => console.log(items)}\n >\n <Icon type=\"plus\" />\n </FileInput>\n </div>\n )\n}\n\nReactDOM.render(\n <Demo />,\n _mount_\n);\n```\n\n### \u56fe\u7247\u5217\u8868\u6837\u5f0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { FileInput, Button } from 'uiw';\n\nReactDOM.render(\n <div>\n <FileInput\n uploadType=\"picture\"\n size=\"large\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n shape=\"circle\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"picture\"\n size=\"small\"\n onPreview={() => console.log(234)}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n <br />\n <FileInput\n uploadType=\"text\"\n multiple\n maxNumber={2}\n value={[\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n ]}\n >\n <Button>\u65b0\u589e</Button>\n </FileInput>\n </div>,\n _mount_\n);\n```\n\n### \u5728`Form`\u8868\u5355\u4e2d\u4f7f\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Icon } from 'uiw';\n\nReactDOM.render(\n <div>\n <Form \n fields={{\n picture1: {\n label: '\u56fe\u7247\u5899',\n initialValue: [\n { \n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"card\">\n <Icon type=\"plus\" />\n </FileInput>\n )\n },\n picture2: {\n label: '\u56fe\u7247\u5217\u8868',\n initialValue: [\n { \n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n }\n ],\n children: (\n <FileInput uploadType=\"picture\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n picture3: {\n label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n children: (\n <FileInput uploadType=\"text\">\n <Button>\u65b0\u589e</Button>\n </FileInput>\n )\n },\n }}>\n {({ fields, state, canSubmit }) => {\n return (\n <div>\n <Row>\n <Col>{fields.picture1}</Col>\n </Row>\n <Row>\n <Col>{fields.picture2}</Col>\n </Row>\n <Row>\n <Col>{fields.picture3}</Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: '10px 0 0 10px' }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>,\n _mount_\n);\n```\n\n## Props \n\n- `uploadType: input` \u57fa\u7840\u8f93\u5165\u6846\u4e0a\u4f20\n\n- `uploadType: picture` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u663e\u793a\u56fe\u7247\n\n- `uploadType: text` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u4e0d\u663e\u793a\u56fe\u7247\n\n- `uploadType: card` \u56fe\u7247\u5899\u5217\u8868\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| uploadType \| \u4e0a\u4f20\u5c55\u793a\u7c7b\u578b \| `input`\u3001`picture`\u3001`text`\u3001`card` \| `input` \|\n\| className \| CSS\u7c7b\u540d\u79f0 \| String \| - \|\n\| multiple \| \u662f\u5426\u591a\u9009\u4e0a\u4f20 \| boolean \| - \|\n\n\n### Props uploadType input\u7c7b\u578b\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| dataLabel \| input \u540e\u7f6e\u6587\u5b57 \| `string` \| `Browse` \|\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Input](#/components/input)\u3002\n\n\n### Props uploadType \u975einput\u7c7b\u578b\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u9ed8\u8ba4\u56fe\u7247\u5217\u8868 \| FileInputValue[] \| - \|\n\| readonly \| \u662f\u5426\u662f\u53ea\u8bfb\u6a21\u5f0f \| boolean \| false \|\n\| maxNumber \| \u6587\u4ef6\u4e0a\u4f20\u6570\u91cf \| boolean \| false \|\n\| shape \| \u56fe\u7247\u5c55\u793a\u5f62\u72b6 \| `circle`\u3001`round` \| `round` \|\n\| size \| \u56fe\u7247\u5c55\u793a\u5927\u5c0f \| `large`\u3001`middle`\u3001`small` \| `middle` \|\n\| showFileIcon \| \u8bbe\u7f6e\u56fe\u6807\u6309\u94ae\u662f\u5426\u5c55\u793a \| {showPreviewIcon?: boolean,showRemoveIcon?: boolean} \| {showPreviewIcon: true, showRemoveIcon: true} \|\n\| onChange \| \u6587\u4ef6\u4e0a\u4f20\u56de\u8c03 \| (value: FileInputValue[]) => void \| - \|\n\| onPreview \| \u9884\u89c8\u56fe\u6807\u65f6\u7684\u56de\u8c03 \| (value: FileInputValue[]) => void \| - \|\n\n"}}]);
2	+ //# sourceMappingURL=8768.0dfc18cd.chunk.js.map

package/web/static/js/8768.0dfc18cd.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8768.0dfc18cd.chunk.js","mappings":"gHAAA","sources":["../../packages/react-file-input/README.md"],"sourcesContent":["export default \"FileInput 上传输入框\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\\n\\n这个组件仅仅是对 `<input type=\\\"file\\\">` 的美化，他是基于 Input 组件封装。\\n\\n```jsx\\nimport { FileInput } from 'uiw';\\n// or\\nimport FileInput from '@uiw/react-file-input';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n const onChange = (e) => {\\n console.log(e)\\n }\\n return (\\n <div>\\n <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} size=\\\"small\\\" onChange={onChange} />\\n <br />\\n <FileInput multiple=\\\"multiple\\\" style={{ maxWidth: 200 }} />\\n <br />\\n </div>\\n )\\n}\\n\\nReactDOM.render(\\n <Demo />,\\n _mount_\\n);\\n```\\n\\n### 图片墙\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Button } from 'uiw';\\n\\nconst Demo = () => {\\n return (\\n <div>\\n <FileInput\\n uploadType=\\\"card\\\"\\n size=\\\"large\\\"\\n showFileIcon={{\\n showPreviewIcon: false,\\n showRemoveIcon: true\\n }}\\n onPreview={(file) => console.log(file)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n ]}\\n onChange={(items) => console.log(items)}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"card\\\"\\n shape=\\\"circle\\\"\\n showFileIcon={{\\n showPreviewIcon: false,\\n showRemoveIcon: true\\n }}\\n onPreview={(file) => console.log(file)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n ]}\\n onChange={(items) => console.log(items)}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"card\\\"\\n size=\\\"small\\\"\\n showFileIcon={{\\n showPreviewIcon: false,\\n showRemoveIcon: true\\n }}\\n onPreview={(file) => console.log(file)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\\n ]}\\n onChange={(items) => console.log(items)}\\n >\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n </div>\\n )\\n}\\n\\nReactDOM.render(\\n <Demo />,\\n _mount_\\n);\\n```\\n\\n### 图片列表样式\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { FileInput, Button } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <FileInput\\n uploadType=\\\"picture\\\"\\n size=\\\"large\\\"\\n onPreview={() => console.log(234)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"picture\\\"\\n shape=\\\"circle\\\"\\n onPreview={() => console.log(234)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"picture\\\"\\n size=\\\"small\\\"\\n onPreview={() => console.log(234)}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n <br />\\n <FileInput\\n uploadType=\\\"text\\\"\\n multiple\\n maxNumber={2}\\n value={[\\n { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\\n ]}\\n >\\n <Button>新增</Button>\\n </FileInput>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 在`Form`表单中使用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Icon } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Form \\n fields={{\\n picture1: {\\n label: '图片墙',\\n initialValue: [\\n { \\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n }\\n ],\\n children: (\\n <FileInput uploadType=\\\"card\\\">\\n <Icon type=\\\"plus\\\" />\\n </FileInput>\\n )\\n },\\n picture2: {\\n label: '图片列表',\\n initialValue: [\\n { \\n dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\\n }\\n ],\\n children: (\\n <FileInput uploadType=\\\"picture\\\">\\n <Button>新增</Button>\\n </FileInput>\\n )\\n },\\n picture3: {\\n label: '图片名称列表',\\n children: (\\n <FileInput uploadType=\\\"text\\\">\\n <Button>新增</Button>\\n </FileInput>\\n )\\n },\\n }}>\\n {({ fields, state, canSubmit }) => {\\n return (\\n <div>\\n <Row>\\n <Col>{fields.picture1}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.picture2}</Col>\\n </Row>\\n <Row>\\n <Col>{fields.picture3}</Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: '10px 0 0 10px' }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Props \\n\\n- `uploadType: input` 基础输入框上传\\n\\n- `uploadType: picture` 图片列展示列表，显示图片\\n\\n- `uploadType: text` 图片列展示列表，不显示图片\\n\\n- `uploadType: card` 图片墙列表\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| uploadType | 上传展示类型 | `input`、`picture`、`text`、`card` | `input` |\\n| className | CSS类名称 | String | - |\\n| multiple | 是否多选上传 | boolean | - |\\n\\n\\n### Props uploadType input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| dataLabel | input 后置文字 | `string` | `Browse` |\\n\\n更多属性文档请参考 [Input](#/components/input)。\\n\\n\\n### Props uploadType 非input类型\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 默认图片列表 | FileInputValue[] | - |\\n| readonly | 是否是只读模式 | boolean | false |\\n| maxNumber | 文件上传数量 | boolean | false |\\n| shape | 图片展示形状 | `circle`、`round` | `round` |\\n| size | 图片展示大小 | `large`、`middle`、`small` | `middle` |\\n| showFileIcon | 设置图标按钮是否展示 | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\\n| onChange | 文件上传回调 | (value: FileInputValue[]) => void | - |\\n| onPreview | 预览图标时的回调 | (value: FileInputValue[]) => void | - |\\n\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8849.d5dd1a61.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8849],{28849:function(i,n,e){e.r(n),n.default="Divider \u5206\u5272\u7ebf\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-divider/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-divider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-divider)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?label=@uiw/react-divider)](https://npmjs.com/@uiw/react-divider)\n\n\u533a\u9694\u5185\u5bb9\u7684\u5206\u5272\u7ebf\u3002\n\n```jsx\nimport { Divider } from 'uiw';\n// or\nimport Divider from '@uiw/react-divider';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n\u57fa\u7840\u5b9e\u4f8b\u5305\u542b\u865a\u7ebf\u5206\u5272\u7ebf\u3001\u5e26\u6587\u672c\u7684\u5206\u5272\u7ebf\u3001\u5b9e\u7ebf\u5206\u5272\u7ebf\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Divider } from 'uiw';\n\nReactDOM.render(\n <div style={{ maxWidth: 530 }}>\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider />\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 <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\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 \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 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74</div>\n <Divider dashed />\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\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>,\n _mount_\n);\n```\n\n### \u5782\u76f4\u5206\u5272\u7ebf\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Divider } from 'uiw';\n\nReactDOM.render(\n <div>\n \u9996\u9875\n <Divider type=\"vertical\" />\n <a href=\"#\">\u5217\u8868\u9875\u9762</a>\n <Divider type=\"vertical\" />\n <a href=\"#\">\u6587\u7ae0\u8be6\u60c5</a>\n </div>,\n _mount_\n);\n```\n\n### \u6807\u9898\u5bf9\u9f50\u4f4d\u7f6e\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Divider } from 'uiw';\n\nReactDOM.render(\n <div style={{ maxWidth: 530 }}>\n <Divider dashed />\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider align=\"left\">\u5927\u8bdd\u897f\u6e38</Divider>\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 <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\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 <Divider dashed align=\"right\">\u5927\u8bdd\u897f\u6e38</Divider>\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\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>,\n _mount_\n);\n```\n\n## API\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| type \| \u6c34\u5e73\u8fd8\u662f\u5782\u76f4\u7c7b\u578b \| enum{`horizontal`,`vertical`}\t\| `horizontal` \|\n\| dashed \| \u662f\u5426\u865a\u7ebf \|\tBoolean\t\| `false` \|\n\| align \| \u5206\u5272\u7ebf\u6807\u9898\u7684\u5bf9\u9f50\u4f4d\u7f6e \| Enum{`left`, `right`, `center`}\t\| `center` \|\n"}}]);
2	+ //# sourceMappingURL=8849.d5dd1a61.chunk.js.map

package/web/static/js/8849.d5dd1a61.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8849.d5dd1a61.chunk.js","mappings":"gHAAA","sources":["../../packages/react-divider/README.md"],"sourcesContent":["export default \"Divider 分割线\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-divider/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-divider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-divider)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-divider.svg?label=@uiw/react-divider)](https://npmjs.com/@uiw/react-divider)\\n\\n区隔内容的分割线。\\n\\n```jsx\\nimport { Divider } from 'uiw';\\n// or\\nimport Divider from '@uiw/react-divider';\\n```\\n\\n### 基础实例\\n\\n基础实例包含虚线分割线、带文本的分割线、实线分割线。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div style={{ maxWidth: 530 }}>\\n <div>周星驰：香港演员、导演。祖籍浙江宁波，1962年6月22日生于香港，他是香港最为重要的喜剧片演员与编导之一。中学毕业以后考入香港无线电视台艺员训练班的夜间部。结业后成为无线艺人，最初曾在《香城浪子》《射雕英雄传》等剧集中担任临时演员。</div>\\n <Divider />\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n <Divider>大话西游</Divider>\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。如果上天能够给我一个再来一次的机会，我会对那个女孩子说三个字：我爱你。如果非要在这份爱上加上一个期限，我希望是…… 一万年</div>\\n <Divider dashed />\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；曾经牵挂，才能了无牵挂。</div>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 垂直分割线\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n 首页\\n <Divider type=\\\"vertical\\\" />\\n <a href=\\\"#\\\">列表页面</a>\\n <Divider type=\\\"vertical\\\" />\\n <a href=\\\"#\\\">文章详情</a>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 标题对齐位置\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div style={{ maxWidth: 530 }}>\\n <Divider dashed />\\n <div>周星驰：香港演员、导演。祖籍浙江宁波，1962年6月22日生于香港，他是香港最为重要的喜剧片演员与编导之一。中学毕业以后考入香港无线电视台艺员训练班的夜间部。结业后成为无线艺人，最初曾在《香城浪子》《射雕英雄传》等剧集中担任临时演员。</div>\\n <Divider align=\\\"left\\\">大话西游</Divider>\\n <div>古有关云长全神贯注下象棋刮骨疗毒，今有我零零漆聚精会神看A片挖骨取弹头。</div>\\n <Divider>大话西游</Divider>\\n <div>曾经有一份真诚的爱情放在我面前，我没有珍惜，等我失去的时候我才后悔莫及，人世间最痛苦的事莫过于此。</div>\\n <Divider dashed align=\\\"right\\\">大话西游</Divider>\\n <div>曾经痛苦，才知道真正的痛苦；曾经执著，才能放下执著；曾经牵挂，才能了无牵挂。</div>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## API\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| type | 水平还是垂直类型 | enum{`horizontal`,`vertical`}\\t| `horizontal` |\\n| dashed | 是否虚线 |\\tBoolean\\t| `false` |\\n| align | 分割线标题的对齐位置 | Enum{`left`, `right`, `center`}\\t| `center` |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/8898.57ba65ab.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[8898],{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 j}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(64357),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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from "webpack";\nimport 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:"latest","react-dom":"latest",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(53864);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.iz,{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.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,u.jsx)(h.iz,{type:"vertical"}),(0,u.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,u.jsx)(h.iz,{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.iz,{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",k="index_markdown__hcQCp",x=["inline","node"],b=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 j(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,s.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,s=(0,o.Z)(e,x),c=s,d=c.noPreview,a=c.bordered,l=c.noScroll,h=c.bgWhite,m=c.noCode,f=c.codePen;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var k={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f};return 0===Object.keys(k).filter((function(e){return void 0!==k[e]})).length?(0,u.jsx)("code",(0,r.Z)({},s)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},77002:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=t(41473),c=t(53864),d=t(86082),a=t(69286);n.default=function(){return(0,a.jsx)(d.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-search-tree/README.md",dependencies:{Form:c.l0,Button:c.zx,TreeChecked:c.Ki,SearchTree:c.Ws,Row:c.X2,Col:c.JX,Card:c.Zb,Icon:c.JO,useState:s.useState},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(766).then(t.bind(t,80766));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=8898.57ba65ab.chunk.js.map

package/web/static/js/8898.57ba65ab.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/8898.57ba65ab.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/search-tree/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@16.x/umd/react.development.js;https://unpkg.com/react-dom@16.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.0.2/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 webpack from \"webpack\";\\nimport 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: 'latest',\n 'react-dom': 'latest',\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 } = 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 } 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 }}\n />\n );\n },\n }}\n />\n <div className={styles.docinfo}>\n <Footer path={path} />\n </div>\n </div>\n );\n}\n","import React, { useState } from 'react';\nimport { Form, Button, TreeChecked, SearchTree, Row, Col, Card, Icon } from 'uiw';\nimport Markdown from '../../../components/Markdown';\n\nexport default () => (\n <Markdown\n path=\"https://github.com/uiwjs/uiw/tree/master/packages/react-search-tree/README.md\"\n dependencies={{ Form, Button, TreeChecked, SearchTree, Row, Col, Card, Icon, useState }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-search-tree/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","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","Form","Button","TreeChecked","SearchTree","Row","Col","Card","Icon","md","default"],"sourceRoot":""}