npm - @uiw/doc - Versions diffs - 4.11.6 → 4.12.2 - Mend

@uiw/doc 4.11.6 → 4.12.2

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 (797) hide show

package/web/static/js/2867.35ca4c44.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/web/static/js/2937.94f91537.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2937],{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(2642),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var j={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(j).filter((function(e){return void 0!==j[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{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,useRef:s.useRef,useState:s.useState,React:s},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=2937.94f91537.chunk.js.map

package/web/static/js/2937.94f91537.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/web/static/js/3153.cb1a3310.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3153],{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 v}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(2642),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(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 v(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),v=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(){}))}),[]),v?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:v,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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var v={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(v).filter((function(e){return void 0!==v[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},14198:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return l}});var r=t(27791),o=t(50189),i=t(57135),s=t.n(i),c=t(41473),d=t(53864),a=t(86082),u=t(69286);function l(){return(0,u.jsx)(a.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-loader/README.md",dependencies:(0,o.Z)((0,o.Z)({},c),{},{Loader:d.aN,Row:d.X2,Col:d.JX,Message:d.v0,Card:d.Zb,Icon:d.JO,Button:d.zx}),renderPage:(0,r.Z)(s().mark((function e(){var n;return s().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(8398).then(t.bind(t,58398));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=3153.cb1a3310.chunk.js.map

package/web/static/js/3153.cb1a3310.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/web/static/js/3257.5693b5c1.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3257],{23257:function(e,n,t){t.r(n),n.default='Descriptions \u63cf\u8ff0\u5217\u8868\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-descriptions/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-descriptions.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-descriptions)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?label=@uiw/react-descriptions)](https://npmjs.com/@uiw/react-descriptions)\n\n\u6210\u7ec4\u5c55\u793a\u591a\u4e2a\u53ea\u8bfb\u5b57\u6bb5\u3002\n\n```jsx\nimport { Descriptions } from \'uiw\';\n// or\nimport Descriptions from \'@uiw/react-descriptions\';\n```\n\n## \u57fa\u7840\u7528\u6cd5\n\n\u7b80\u5355\u7684\u5c55\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Descriptions } from \'uiw\';\n\nReactDOM.render(\n <Descriptions title="\u7528\u6237\u4fe1\u606f">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>,\n _mount_\n);\n```\n\n## \u5e26\u8fb9\u6846\u7684\n\n\u5e26\u8fb9\u6846\u548c\u80cc\u666f\u989c\u8272\u5217\u8868\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Descriptions, Badge } from \'uiw\';\n\nReactDOM.render(\n <Descriptions title="\u8be6\u7ec6\u4fe1\u606f" bordered>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>,\n _mount_,\n);\n```\n\n## \u81ea\u5b9a\u4e49\u5c3a\u5bf8\n\n\u81ea\u5b9a\u4e49\u5c3a\u5bf8\uff0c\u9002\u5e94\u5728\u5404\u79cd\u5bb9\u5668\u4e2d\u5c55\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Descriptions, Divider, Radio, RadioGroup } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super();\n this.state = {\n value: \'default\',\n }\n }\n onChange(e) {\n this.setState({\n value: e.target.value,\n });\n }\n render() {\n return (\n <div>\n <RadioGroup value={this.state.value} onChange={this.onChange.bind(this)}>\n <Radio value="default">\u9ed8\u8ba4(default)</Radio>\n <Radio value="large">\u5927\u5c3a\u5bf8(large)</Radio>\n <Radio value="small">\u5c0f\u5c3a\u5bf8(small)</Radio>\n </RadioGroup>\n <Divider />\n <Descriptions bordered title="\u8be6\u7ec6\u4fe1\u606f" size={this.state.value}>\n <Descriptions.Item label="\u9879\u76ee">UI\u7ec4\u4ef6\u5e93</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6536\u8d39">\u514d\u8d39</Descriptions.Item>\n <Descriptions.Item label="\u662f\u5426\u6301\u7eed\u7ef4\u62a4">\u662f</Descriptions.Item>\n <Descriptions.Item label="\u521b\u5efa\u65f6\u95f4">2018-04-24 18:00:00</Descriptions.Item>\n <Descriptions.Item label="\u66f4\u65b0\u65f6\u95f4" span={2}>\n 2019-04-24 18:00:00\n </Descriptions.Item>\n <Descriptions.Item label="\u72b6\u6001" span={3}>\n <Badge color="#008EF0" processing> \u6b63\u5728\u8fd0\u884c\u4e2d</Badge>\n </Descriptions.Item>\n <Descriptions.Item label="\u5b9a\u5236\u7ec4\u4ef6">\uffe5280.00</Descriptions.Item>\n <Descriptions.Item label="\u8fdc\u7a0b\u534f\u52a9">\uffe520.00</Descriptions.Item>\n <Descriptions.Item label="\u4fee\u590dbug">\uffe560.00</Descriptions.Item>\n <Descriptions.Item label="\u8be6\u7ec6\u8bf4\u660e">\n \u4e94\u5341\u591a\u4e2a\u7ec4\u4ef6\u5e93\n <br />\n \u5f53\u524d\u7248\u672c 3.4.1\n <br />\n \u5f53\u524d react \u7248\u672c >= 16.7.0\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u81ea\u5b9a\u4e49\u5c3a\u5bf8" size={this.state.value}>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">-</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u5782\u76f4\n\n\u5782\u76f4\u7684\u5217\u8868\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true&noScroll=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Descriptions, Divider } from \'uiw\';\n\nReactDOM.render(\n <>\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical">\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n <Divider />\n <Descriptions title="\u5782\u76f4\u7684\u5217\u8868" layout="vertical" bordered>\n <Descriptions.Item label="\u59d3\u540d">\u8c03\u8c03</Descriptions.Item>\n <Descriptions.Item label="\u624b\u673a\u53f7\u7801">1360000000</Descriptions.Item>\n <Descriptions.Item label="\u5c45\u4f4f\u5730">\u4e0a\u6d77\u5e02\uff0c\u9752\u6d66\u533a</Descriptions.Item>\n <Descriptions.Item label="\u5907\u6ce8">\u5782\u76f4\u5217\u8868\u8bbe\u7f6e layout \u503c\u4e3a vertical\u3002</Descriptions.Item>\n <Descriptions.Item label="\u5730\u5740">\n \u4e2d\u56fd\u6e56\u5317\u7701\u9ec4\u5188\u5e02\u7f57\u7530\u53bf666\u53f7\n </Descriptions.Item>\n </Descriptions>\n </>,\n _mount_,\n);\n```\n\n## Props\n\n### Descriptions\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---- \| ---- \| ---- \| ---- \|\n\| title \| \u6807\u9898 \| ReactNode \| - \|\n\| bordered \| \u662f\u5426\u5c55\u793a\u8fb9\u6846 \| boolean \| `false` \|\n\| colon \| \u7c7b\u5bb9\u8868\u8ff0 `label` \u6dfb\u52a0 `:` \u5192\u53f7 \| boolean \| `true` \|\n\| size \| \u8bbe\u7f6e\u5217\u8868\u7684\u5927\u5c0f\u3002\u8bbe\u7f6e `bordered={ture}` \u751f\u6548\u3002 \| `large`, `small`, `default` \| `default` \|\n\| layout \| \u63cf\u8ff0\u5e03\u5c40 \| `horizontal`, `vertical` \| `horizontal` \|\n\| column \| \u4e00\u884c\u7684 `DescriptionItems` \u6570\u91cf \| Number \| 3 \|\n\n### Descriptions.Item\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\| ---- \| ---- \| ---- \| ---- \|\n\| label \| \u5185\u5bb9\u7684\u63cf\u8ff0 \| ReactNode \| - \|\n\| span \| \u5305\u542b\u5217\u7684\u6570\u91cf \| Number \| 1 \|'}}]);
2	+ //# sourceMappingURL=3257.5693b5c1.chunk.js.map

package/web/static/js/3257.5693b5c1.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/3257.5693b5c1.chunk.js","mappings":"gHAAA","sources":["../../packages/react-descriptions/README.md"],"sourcesContent":["export default \"Descriptions 描述列表\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-descriptions/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-descriptions.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-descriptions)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?label=@uiw/react-descriptions)](https://npmjs.com/@uiw/react-descriptions)\\n\\n成组展示多个只读字段。\\n\\n```jsx\\nimport { Descriptions } from 'uiw';\\n// or\\nimport Descriptions from '@uiw/react-descriptions';\\n```\\n\\n## 基础用法\\n\\n简单的展示。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions } from 'uiw';\\n\\nReactDOM.render(\\n <Descriptions title=\\\"用户信息\\\">\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">-</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>,\\n _mount_\\n);\\n```\\n\\n## 带边框的\\n\\n带边框和背景颜色列表。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions, Badge } from 'uiw';\\n\\nReactDOM.render(\\n <Descriptions title=\\\"详细信息\\\" bordered>\\n <Descriptions.Item label=\\\"项目\\\">UI组件库</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否收费\\\">免费</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否持续维护\\\">是</Descriptions.Item>\\n <Descriptions.Item label=\\\"创建时间\\\">2018-04-24 18:00:00</Descriptions.Item>\\n <Descriptions.Item label=\\\"更新时间\\\" span={2}>\\n 2019-04-24 18:00:00\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"状态\\\" span={3}>\\n <Badge color=\\\"#008EF0\\\" processing> 正在运行中</Badge>\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"定制组件\\\">￥280.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"远程协助\\\">￥20.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"修复bug\\\">￥60.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"详细说明\\\">\\n 五十多个组件库\\n <br />\\n 当前版本 3.4.1\\n <br />\\n 当前 react 版本 >= 16.7.0\\n </Descriptions.Item>\\n </Descriptions>,\\n _mount_,\\n);\\n```\\n\\n## 自定义尺寸\\n\\n自定义尺寸，适应在各种容器中展示。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions, Divider, Radio, RadioGroup } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super();\\n this.state = {\\n value: 'default',\\n }\\n }\\n onChange(e) {\\n this.setState({\\n value: e.target.value,\\n });\\n }\\n render() {\\n return (\\n <div>\\n <RadioGroup value={this.state.value} onChange={this.onChange.bind(this)}>\\n <Radio value=\\\"default\\\">默认(default)</Radio>\\n <Radio value=\\\"large\\\">大尺寸(large)</Radio>\\n <Radio value=\\\"small\\\">小尺寸(small)</Radio>\\n </RadioGroup>\\n <Divider />\\n <Descriptions bordered title=\\\"详细信息\\\" size={this.state.value}>\\n <Descriptions.Item label=\\\"项目\\\">UI组件库</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否收费\\\">免费</Descriptions.Item>\\n <Descriptions.Item label=\\\"是否持续维护\\\">是</Descriptions.Item>\\n <Descriptions.Item label=\\\"创建时间\\\">2018-04-24 18:00:00</Descriptions.Item>\\n <Descriptions.Item label=\\\"更新时间\\\" span={2}>\\n 2019-04-24 18:00:00\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"状态\\\" span={3}>\\n <Badge color=\\\"#008EF0\\\" processing> 正在运行中</Badge>\\n </Descriptions.Item>\\n <Descriptions.Item label=\\\"定制组件\\\">￥280.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"远程协助\\\">￥20.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"修复bug\\\">￥60.00</Descriptions.Item>\\n <Descriptions.Item label=\\\"详细说明\\\">\\n 五十多个组件库\\n <br />\\n 当前版本 3.4.1\\n <br />\\n 当前 react 版本 >= 16.7.0\\n </Descriptions.Item>\\n </Descriptions>\\n <Divider />\\n <Descriptions title=\\\"自定义尺寸\\\" size={this.state.value}>\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">-</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 垂直\\n\\n垂直的列表。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Descriptions, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <>\\n <Descriptions title=\\\"垂直的列表\\\" layout=\\\"vertical\\\">\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">垂直列表设置 layout 值为 vertical。</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>\\n <Divider />\\n <Descriptions title=\\\"垂直的列表\\\" layout=\\\"vertical\\\" bordered>\\n <Descriptions.Item label=\\\"姓名\\\">调调</Descriptions.Item>\\n <Descriptions.Item label=\\\"手机号码\\\">1360000000</Descriptions.Item>\\n <Descriptions.Item label=\\\"居住地\\\">上海市，青浦区</Descriptions.Item>\\n <Descriptions.Item label=\\\"备注\\\">垂直列表设置 layout 值为 vertical。</Descriptions.Item>\\n <Descriptions.Item label=\\\"地址\\\">\\n 中国湖北省黄冈市罗田县666号\\n </Descriptions.Item>\\n </Descriptions>\\n </>,\\n _mount_,\\n);\\n```\\n\\n## Props\\n\\n### Descriptions\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| ---- | ---- | ---- | ---- |\\n| title | 标题 | ReactNode | - |\\n| bordered | 是否展示边框 | boolean | `false` |\\n| colon | 类容表述 `label` 添加 `:` 冒号 | boolean | `true` |\\n| size | 设置列表的大小。设置 `bordered={ture}` 生效。 | `large`, `small`, `default` | `default` |\\n| layout | 描述布局 | `horizontal`, `vertical` | `horizontal` |\\n| column | 一行的 `DescriptionItems` 数量 | Number | 3 |\\n\\n### Descriptions.Item\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n| ---- | ---- | ---- | ---- |\\n| label | 内容的描述 | ReactNode | - |\\n| span | 包含列的数量 | Number | 1 |\";"],"names":[],"sourceRoot":""}

package/web/static/js/3261.d4120c57.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3261],{83261:function(r,e,n){n.r(e),e.default='Breadcrumb \u9762\u5305\u5c51\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-breadcrumb/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-breadcrumb.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-breadcrumb)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-breadcrumb.svg?label=@uiw/react-breadcrumb)](https://npmjs.com/@uiw/react-breadcrumb)\n\n\u663e\u793a\u5f53\u524d\u9875\u9762\u7684\u8def\u5f84\uff0c\u5feb\u901f\u8fd4\u56de\u4e4b\u524d\u7684\u4efb\u610f\u9875\u9762\u3002\n\n```jsx\nimport { Breadcrumb } from \'uiw\';\n// or\nimport Breadcrumb from \'@uiw/react-breadcrumb\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u9002\u7528\u5e7f\u6cdb\u7684\u57fa\u7840\u7528\u6cd5\uff0c\u5728 `Breadcrumb` \u4e2d\u4f7f\u7528 `Breadcrumb.Item` \u6807\u7b7e\u8868\u793a\u4ece\u9996\u9875\u5f00\u59cb\u7684\u6bcf\u4e00\u7ea7\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e \n```jsx\nimport { Breadcrumb } from \'uiw\';\n\nReactDOM.render(\n <Breadcrumb>\n <Breadcrumb.Item>\u9996\u9875</Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\u6d3b\u52a8\u7ba1\u7406</Breadcrumb.Item>\n <Breadcrumb.Item>\u6d3b\u52a8\u5217\u8868</Breadcrumb.Item>\n <Breadcrumb.Item active>\u6d3b\u52a8\u8be6\u60c5</Breadcrumb.Item>\n </Breadcrumb>,\n _mount_\n);\n```\n\n### \u81ea\u5b9a\u4e49\u5206\u9694\u7b26\n\n\u4f7f\u7528 `separator=">"` \u53ef\u4ee5\u81ea\u5b9a\u4e49\u5206\u9694\u7b26\uff0c\u5206\u9694\u7b26\u4e5f\u53ef\u4ee5\u662f\u56fe\u6807\u3002\n\n\x3c!--rehype:codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Breadcrumb, Divider } from \'uiw\';\n\nReactDOM.render(\n <div>\n <Breadcrumb>\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n <Divider />\n <Breadcrumb separator="#">\n <Breadcrumb.Item><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<span>+</span>}><a href="#">Home</a></Breadcrumb.Item>\n <Breadcrumb.Item separator={<Icon type="home" verticalAlign="baseline" />}><a href="#">Icon</a></Breadcrumb.Item>\n <Breadcrumb.Item separator=">"><a href="#">Library</a></Breadcrumb.Item>\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>,\n _mount_\n);\n```\n\n### \u5e26\u6709\u56fe\u6807\u548c\u8fde\u63a5\u7684\n\n\u56fe\u6807\u653e\u5728\u6587\u5b57\u524d\u9762\u3002\u6ce8\u610f\u6587\u5b57\u8981\u4f7f\u7528 `span` \u5305\u88f9\u8d77\u6765\uff0c\u56fe\u6807 `<Icon />` \u9700\u8981\u8ddf `span` \u540c\u7ea7\u3002`Breadcrumb.Item` \u5b9a\u4e49 `href` \u53c2\u6570\u7684\u8bdd\uff0c`Item` \u4e0a\u7684\u53c2\u6570\u5c31\u5168\u90e8\u662f\u8d85\u94fe\u539f\u59cb\u5c5e\u6027\u3002\n\n\x3c!--rehype:codeSandbox=true&codePen=true--\x3e \n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Breadcrumb } from \'uiw\';\n\nconst stylIcon = { marginRight: 3, top: 2, display: \'inline-flex\' }\n\nReactDOM.render(\n <div>\n <Breadcrumb>\n <Breadcrumb.Item>\n <a href="#"><Icon style={stylIcon} type="home"/></a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="apple"/>Library</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator=">">\n <a href="#"><Icon style={stylIcon} type="pie-chart"/>Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="">\n <a href="#"><Icon style={{...stylIcon, marginRight: 0}} type="star-on"/> Chart</a>\n </Breadcrumb.Item>\n <Breadcrumb.Item separator="" active>Data</Breadcrumb.Item>\n </Breadcrumb>\n </div>,\n _mount_\n);\n```\n\n## Breadcrumb\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| style \| \u6837\u5f0f \| String \| - \|\n\| className \| \u6837\u5f0f\u540d\u79f0 \| String \| `w-breadcrumb` \|\n\| tagName \| \u8bbe\u7f6e\u5b50\u8282\u70b9\u6807\u7b7e\u540d\uff0c\u9ed8\u8ba4 `<a />` \u6807\u7b7e\uff0c\u4e5f\u53ef\u4ee5\u6307\u5b9a\u8def\u7531 [`<Link />`](https://reacttraining.com/react-router/web/api/Link) \| String \| `a` \|\n\| separator \| \u5206\u9694\u7b26\u81ea\u5b9a\u4e49\uff0c\u5b9a\u4e49\u6240\u6709\u5b50\u7ec4\u4ef6\u7684\u5206\u9694\u7b26\u3002 \| String \| `/` \|\n\n\u5176\u5b83\u53c2\u6570\u53ef\u6839\u636e `tagName` \u6765\u8bbe\u7f6e\uff0c\u9ed8\u8ba4 `<a />` \u6807\u7b7e\u65f6\uff0c\u53ef\u8bbe\u7f6e `href="https://wwww.google.com"` \u6216\u8005 `target="_blank"` \u7b49\u53c2\u6570\uff0c\u4f60\u53ef\u4ee5\u8bbe\u7f6e [react-router-dom](https://github.com/ReactTraining/react-router) \u8def\u7531 [`<Link />`](https://reacttraining.com/react-router/web/api/Link)\uff0c\u4f8b\u5982\uff1a\n\n```jsx\nimport { Breadcrumb } from \'uiw\';\nimport { Link } from \'react-router-dom\';\n\nconst Demo = () => {\n return (\n <Breadcrumb>\n <Breadcrumb.Item tagName={Link} to="/home">\n <Icon type="apple"/> Home\n </Breadcrumb.Item>\n </Breadcrumb>\n )\n}\n```\n\n## Breadcrumb.Item\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| className \| \u6837\u5f0f\u540d\u79f0 \| String \| `w-breadcrumb-itme` \|\n\| separator \| \u5206\u9694\u7b26\u81ea\u5b9a\u4e49\uff0c\u5b50\u7ec4\u4ef6\u53ef\u4ee5\u5355\u72ec\u5b9a\u4e49\u4e0d\u540c\u7684\u5206\u9694\u7b26\u3002 \| String \| - \|\n\| active \| \u6fc0\u6d3b\u3002 \| String \| - \|\n\n'}}]);
2	+ //# sourceMappingURL=3261.d4120c57.chunk.js.map

package/web/static/js/3261.d4120c57.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/3261.d4120c57.chunk.js","mappings":"gHAAA","sources":["../../packages/react-breadcrumb/README.md"],"sourcesContent":["export default \"Breadcrumb 面包屑\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-breadcrumb/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-breadcrumb.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-breadcrumb)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-breadcrumb.svg?label=@uiw/react-breadcrumb)](https://npmjs.com/@uiw/react-breadcrumb)\\n\\n显示当前页面的路径，快速返回之前的任意页面。\\n\\n```jsx\\nimport { Breadcrumb } from 'uiw';\\n// or\\nimport Breadcrumb from '@uiw/react-breadcrumb';\\n```\\n\\n### 基础用法\\n\\n适用广泛的基础用法，在 `Breadcrumb` 中使用 `Breadcrumb.Item` 标签表示从首页开始的每一级。\\n\\n \\n```jsx\\nimport { Breadcrumb } from 'uiw';\\n\\nReactDOM.render(\\n <Breadcrumb>\\n <Breadcrumb.Item>首页</Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\">活动管理</Breadcrumb.Item>\\n <Breadcrumb.Item>活动列表</Breadcrumb.Item>\\n <Breadcrumb.Item active>活动详情</Breadcrumb.Item>\\n </Breadcrumb>,\\n _mount_\\n);\\n```\\n\\n### 自定义分隔符\\n\\n使用 `separator=\\\">\\\"` 可以自定义分隔符，分隔符也可以是图标。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Breadcrumb, Divider } from 'uiw';\\n\\nReactDOM.render(\\n <div>\\n <Breadcrumb>\\n <Breadcrumb.Item><a href=\\\"#\\\">Home</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\"><a href=\\\"#\\\">Library</a></Breadcrumb.Item>\\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\\n </Breadcrumb>\\n <Divider />\\n <Breadcrumb separator=\\\"#\\\">\\n <Breadcrumb.Item><a href=\\\"#\\\">Home</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator={<span>+</span>}><a href=\\\"#\\\">Home</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator={<Icon type=\\\"home\\\" verticalAlign=\\\"baseline\\\" />}><a href=\\\"#\\\">Icon</a></Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\"><a href=\\\"#\\\">Library</a></Breadcrumb.Item>\\n <Breadcrumb.Item active>Data</Breadcrumb.Item>\\n </Breadcrumb>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### 带有图标和连接的\\n\\n图标放在文字前面。注意文字要使用 `span` 包裹起来，图标 `<Icon />` 需要跟 `span` 同级。`Breadcrumb.Item` 定义 `href` 参数的话，`Item` 上的参数就全部是超链原始属性。\\n\\n \\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Breadcrumb } from 'uiw';\\n\\nconst stylIcon = { marginRight: 3, top: 2, display: 'inline-flex' }\\n\\nReactDOM.render(\\n <div>\\n <Breadcrumb>\\n <Breadcrumb.Item>\\n <a href=\\\"#\\\"><Icon style={stylIcon} type=\\\"home\\\"/></a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\">\\n <a href=\\\"#\\\"><Icon style={stylIcon} type=\\\"apple\\\"/>Library</a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\">\\\">\\n <a href=\\\"#\\\"><Icon style={stylIcon} type=\\\"pie-chart\\\"/>Chart</a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\"\\\">\\n <a href=\\\"#\\\"><Icon style={{...stylIcon, marginRight: 0}} type=\\\"star-on\\\"/> Chart</a>\\n </Breadcrumb.Item>\\n <Breadcrumb.Item separator=\\\"\\\" active>Data</Breadcrumb.Item>\\n </Breadcrumb>\\n </div>,\\n _mount_\\n);\\n```\\n\\n## Breadcrumb\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| style | 样式 | String | - |\\n| className | 样式名称 | String | `w-breadcrumb` |\\n| tagName | 设置子节点标签名，默认 `<a />` 标签，也可以指定路由 [`<Link />`](https://reacttraining.com/react-router/web/api/Link) | String | `a` |\\n| separator | 分隔符自定义，定义所有子组件的分隔符。 | String | `/` |\\n\\n其它参数可根据 `tagName` 来设置，默认 `<a />` 标签时，可设置 `href=\\\"https://wwww.google.com\\\"` 或者 `target=\\\"_blank\\\"` 等参数，你可以设置 [react-router-dom](https://github.com/ReactTraining/react-router) 路由 [`<Link />`](https://reacttraining.com/react-router/web/api/Link)，例如：\\n\\n```jsx\\nimport { Breadcrumb } from 'uiw';\\nimport { Link } from 'react-router-dom';\\n\\nconst Demo = () => {\\n return (\\n <Breadcrumb>\\n <Breadcrumb.Item tagName={Link} to=\\\"/home\\\">\\n <Icon type=\\\"apple\\\"/> Home\\n </Breadcrumb.Item>\\n </Breadcrumb>\\n )\\n}\\n```\\n\\n## Breadcrumb.Item\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| className | 样式名称 | String | `w-breadcrumb-itme` |\\n| separator | 分隔符自定义，子组件可以单独定义不同的分隔符。 | String | - |\\n| active | 激活。 | String | - |\\n\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/3410.64427e15.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3410],{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(2642),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var j={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:m,codePen:f,codeSandbox:k};return 0===Object.keys(j).filter((function(e){return void 0!==j[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:f,children:(0,u.jsx)(m,{path:a})})]}):null}},45171:function(e,n,t){"use strict";t.r(n);var r=t(27791),o=t(57135),i=t.n(o),s=(t(41473),t(53864)),c=t(86082),d=t(69286);n.default=function(){return(0,d.jsx)(c.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-tree/README.md",dependencies:{Tree:s.mp,Row:s.X2,Col:s.JX,Card:s.Zb,Icon:s.JO},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(5468).then(t.bind(t,25468));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=3410.64427e15.chunk.js.map

package/web/static/js/3410.64427e15.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/web/static/js/3450.bb5e6340.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3450],{43450:function(t,e,n){n.r(e),e.default='Steps \u6b65\u9aa4\u6761\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\n\n\u5f15\u5bfc\u7528\u6237\u6309\u7167\u6d41\u7a0b\u5b8c\u6210\u4efb\u52a1\u7684\u5bfc\u822a\u6761\u3002\u5f53\u4efb\u52a1\u590d\u6742\u6216\u8005\u5b58\u5728\u5148\u540e\u5173\u7cfb\u65f6\uff0c\u5c06\u5176\u5206\u89e3\u6210\u4e00\u7cfb\u5217\u6b65\u9aa4\uff0c\u4ece\u800c\u7b80\u5316\u4efb\u52a1\u3002\n\n```jsx\nimport { Steps } from \'uiw\';\n// or\nimport Steps from \'@uiw/react-steps\';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{ padding:"20px 0" }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6ca1\u6709\u8be6\u60c5\u4ecb\u7ecd\n\n\u7b80\u5355\u7684\u6b65\u9aa4\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" />\n <Steps.Step title="\u6b65\u9aa4\u56db" />\n </Steps>\n )\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5e26\u56fe\u6807\u7684\u6b65\u9aa4\u6761\n\n\u901a\u8fc7\u8bbe\u7f6e `Steps.Step` \u7684 `icon` \u5c5e\u6027\uff0c\u53ef\u4ee5\u542f\u7528\u81ea\u5b9a\u4e49\u56fe\u6807\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps, Icon } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={1} style={{padding:"20px 0"}}>\n <Steps.Step icon={<Icon type="user"/>} title="\u6ce8\u518c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon={<Icon type="picasa" spin={true} color="red" />} title="\u4e0a\u4f20\u5934\u50cf" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step icon="message" title="\u9a8c\u8bc1\u90ae\u7bb1" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6b65\u9aa4\u8fd0\u884c\u9519\u8bef\n\n\u4f7f\u7528 `Steps` \u7684 `status` \u5c5e\u6027\u6765\u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\u7684\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 { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps current={2} status="error" style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u70b9\u72b6\u6b65\u9aa4\u6761\n\n\u5305\u542b\u6b65\u9aa4\u70b9\u7684\u8fdb\u5ea6\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Steps progressDot status="error" current={2} style={{padding:"20px 0"}}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6b65\u9aa4\u5207\u6362\n\n\u901a\u5e38\u914d\u5408\u5185\u5bb9\u53ca\u6309\u94ae\u4f7f\u7528\uff0c\u8868\u793a\u4e00\u4e2a\u6d41\u7a0b\u7684\u5904\u7406\u8fdb\u5ea6\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps, Button, Notify } from \'uiw\';\n\nconst conStyle = { minHeight: 200, backgroundColor: \'#fafafa\',textAlign: \'center\', borderRadius: 6, paddingTop: 80, marginTop: 15 }\nconst steps = [\n {\n title: \'\u7b2c\u4e00\u6b65\',\n content: \'\u6ce8\u518c\u4e00\u4e2a\u8d26\u53f7\',\n }, {\n title: \'\u7b2c\u4e8c\u6b65\',\n content: \'\u586b\u5199\u4e2a\u4eba\u4fe1\u606f\u3002\',\n }, {\n title: \'\u7b2c\u4e09\u6b65\',\n content: \'\u9a8c\u8bc1\u90ae\u7bb1\',\n }\n]\n\nfunction Demo() {\n const [current, setCurrent] = React.useState(0);\n return (\n <div>\n <Steps current={current}>\n {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\n </Steps>\n <div style={conStyle}>{steps[current].content}</div>\n <div style={{marginTop: 20}}>\n {current < steps.length - 1 && (\n <Button type="primary" size="small" onClick={() => setCurrent(current + 1)}>\u4e0b\u4e00\u6b65</Button>\n )}\n {current === steps.length - 1 && (\n <Button type="primary" size="small" onClick={() => Notify.open({ description: \'\u5904\u7406\u5b8c\u6210!\' })}>\u5b8c\u6210</Button>\n )}\n {current > 0 && (\n <Button size="small" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\n \u4e0a\u4e00\u6b65\n </Button>\n )}\n </div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\n\n\u7b80\u5355\u7684\u7ad6\u76f4\u65b9\u5411\u7684\u6b65\u9aa4\u6761\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Steps } from \'uiw\';\n\nfunction Demo() {\n return (\n <Row gutter={20}>\n <Col>\n <Steps current={1} direction="vertical" style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u5df2\u5b8c\u6210" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u8fdb\u884c\u4e2d" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step status="error" title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n <Steps.Step title="\u5f85\u8fdb\u884c" description="\u8fd9\u91cc\u662f\u8be5\u6b65\u9aa4\u7684\u63cf\u8ff0\u4fe1\u606f" />\n </Steps>\n </Col>\n <Col>\n <Steps direction="vertical" progressDot status="error" current={2} style={{ padding: \'20px 0\' }}>\n <Steps.Step title="\u6b65\u9aa4\u4e00" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e8c" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u4e09" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n <Steps.Step title="\u6b65\u9aa4\u56db" description="\u8fd9\u91cc\u662f\u6b65\u9aa4\u4e00\u7684\u8bf4\u660e\uff0c\u53ef\u4ee5\u5f88\u957f\u5f88\u957f\u54e6\u3002" />\n </Steps>\n </Col>\n </Row>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n### Steps \n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| current \| \u6307\u5b9a\u5f53\u524d\u6b65\u9aa4\uff0c\u4ece `0` \u5f00\u59cb\u8bb0\u6570\u3002\| Number \| `0` \|\n\| status \| \u5f53\u524d\u6b65\u9aa4\u7684\u72b6\u6001\uff0c\u53ef\u9009\u503c\u4e3a`wait`\u3001`process`\u3001`finish`\u3001`error` \| String \| `process` \|\n\| direction \| \u6307\u5b9a\u6b65\u9aa4\u6761\u65b9\u5411\uff0c\u652f\u6301\u6c34\u5e73`vertical`\u3001`horizontal` \| \| `horizontal` \|\n\| progressDot \| \u70b9\u72b6\u6b65\u9aa4\u6761\| \| `horizontal` \|\n\n### Steps.Step\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|---------- \|-------- \|\n\| status \| \u6307\u5b9a\u72b6\u6001\u3002\u5f53\u4e0d\u914d\u7f6e\u8be5\u5c5e\u6027\u65f6\uff0c\u4f1a\u4f7f\u7528 Steps \u7684 current \u6765\u81ea\u52a8\u6307\u5b9a\u72b6\u6001\u3002\u53ef\u9009\uff1a`wait` `process` `finish` `error` \| String \| `wait` \|\n\| title \| \u6307\u5b9a\u6bcf\u4e2a\u6b65\u9aa4\u6807\u9898 \| String/ReactNode \| - \|\n\| description \| \u6b65\u9aa4\u7684\u8be6\u60c5\u63cf\u8ff0\uff0c\u53ef\u9009 \| String/ReactNode \| - \|\n\| icon \| \u6b65\u9aa4\u7684\u56fe\u6807\uff0c\u5b57\u7b26\u4e32\u7c7b\u578b\u4ece`<Icon/>`\u7ec4\u4ef6\u4e2d\u627e\uff0c\u53ef\u9009 \| String/ReactNode \| - \|\n'}}]);
2	+ //# sourceMappingURL=3450.bb5e6340.chunk.js.map

package/web/static/js/3450.bb5e6340.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/3450.bb5e6340.chunk.js","mappings":"gHAAA","sources":["../../packages/react-steps/README.md"],"sourcesContent":["export default \"Steps 步骤条\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-steps/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-steps.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-steps)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-steps.svg?label=@uiw/react-steps)](https://npmjs.com/@uiw/react-steps)\\n\\n引导用户按照流程完成任务的导航条。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。\\n\\n```jsx\\nimport { Steps } from 'uiw';\\n// or\\nimport Steps from '@uiw/react-steps';\\n```\\n\\n### 基本用法\\n\\n简单的步骤条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={1} style={{ padding:\\\"20px 0\\\" }}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 没有详情介绍\\n\\n简单的步骤条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step title=\\\"步骤一\\\" />\\n <Steps.Step title=\\\"步骤二\\\" />\\n <Steps.Step title=\\\"步骤三\\\" />\\n <Steps.Step title=\\\"步骤四\\\" />\\n </Steps>\\n )\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 带图标的步骤条\\n\\n通过设置 `Steps.Step` 的 `icon` 属性，可以启用自定义图标。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps, Icon } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={1} style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step icon={<Icon type=\\\"user\\\"/>} title=\\\"注册\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step icon={<Icon type=\\\"picasa\\\" spin={true} color=\\\"red\\\" />} title=\\\"上传头像\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step icon=\\\"message\\\" title=\\\"验证邮箱\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 步骤运行错误\\n\\n使用 `Steps` 的 `status` 属性来指定当前步骤的状态。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps current={2} status=\\\"error\\\" style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 点状步骤条\\n\\n包含步骤点的进度条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Steps progressDot status=\\\"error\\\" current={2} style={{padding:\\\"20px 0\\\"}}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 步骤切换\\n\\n通常配合内容及按钮使用，表示一个流程的处理进度。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps, Button, Notify } from 'uiw';\\n\\nconst conStyle = { minHeight: 200, backgroundColor: '#fafafa',textAlign: 'center', borderRadius: 6, paddingTop: 80, marginTop: 15 }\\nconst steps = [\\n {\\n title: '第一步',\\n content: '注册一个账号',\\n }, {\\n title: '第二步',\\n content: '填写个人信息。',\\n }, {\\n title: '第三步',\\n content: '验证邮箱',\\n }\\n]\\n\\nfunction Demo() {\\n const [current, setCurrent] = React.useState(0);\\n return (\\n <div>\\n <Steps current={current}>\\n {steps.map(item => <Steps.Step key={item.title} title={item.title} />)}\\n </Steps>\\n <div style={conStyle}>{steps[current].content}</div>\\n <div style={{marginTop: 20}}>\\n {current < steps.length - 1 && (\\n <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => setCurrent(current + 1)}>下一步</Button>\\n )}\\n {current === steps.length - 1 && (\\n <Button type=\\\"primary\\\" size=\\\"small\\\" onClick={() => Notify.open({ description: '处理完成!' })}>完成</Button>\\n )}\\n {current > 0 && (\\n <Button size=\\\"small\\\" style={{ marginLeft: 8 }} onClick={() => setCurrent(current - 1)}>\\n 上一步\\n </Button>\\n )}\\n </div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 竖直方向的步骤条\\n\\n简单的竖直方向的步骤条。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Steps } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <Row gutter={20}>\\n <Col>\\n <Steps current={1} direction=\\\"vertical\\\" style={{ padding: '20px 0' }}>\\n <Steps.Step title=\\\"已完成\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n <Steps.Step title=\\\"进行中\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n <Steps.Step status=\\\"error\\\" title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n <Steps.Step title=\\\"待进行\\\" description=\\\"这里是该步骤的描述信息\\\" />\\n </Steps>\\n </Col>\\n <Col>\\n <Steps direction=\\\"vertical\\\" progressDot status=\\\"error\\\" current={2} style={{ padding: '20px 0' }}>\\n <Steps.Step title=\\\"步骤一\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤二\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤三\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n <Steps.Step title=\\\"步骤四\\\" description=\\\"这里是步骤一的说明，可以很长很长哦。\\\" />\\n </Steps>\\n </Col>\\n </Row>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n### Steps \\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| current | 指定当前步骤，从 `0` 开始记数。| Number | `0` |\\n| status | 当前步骤的状态，可选值为`wait`、`process`、`finish`、`error` | String | `process` |\\n| direction | 指定步骤条方向，支持水平`vertical`、`horizontal` | | `horizontal` |\\n| progressDot | 点状步骤条| | `horizontal` |\\n\\n### Steps.Step\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |---------- |-------- |\\n| status | 指定状态。当不配置该属性时，会使用 Steps 的 current 来自动指定状态。可选：`wait` `process` `finish` `error` | String | `wait` |\\n| title | 指定每个步骤标题 | String/ReactNode | - |\\n| description | 步骤的详情描述，可选 | String/ReactNode | - |\\n| icon | 步骤的图标，字符串类型从`<Icon/>`组件中找，可选 | String/ReactNode | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/3769.535a1903.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3769],{53769:function(e,n,t){t.r(n),n.default="DatePicker \u65e5\u671f\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-date-picker/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-date-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-date-picker)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-date-picker.svg?label=@uiw/react-date-picker)](https://npmjs.com/@uiw/react-date-picker)\n\n\u663e\u793a\u4e00\u4e2a\u6708\u7684\u65e5\u5386\uff0c\u5e76\u5141\u8bb8\u7528\u6237\u9009\u62e9\u5355\u4e2a\u65e5\u671f\uff0c\u5e38\u89c1\u7684\u5e94\u7528\u573a\u666f\u5728\u8868\u5355\u4e2d\u5e94\u7528\uff0c\u8bf7\u67e5\u770b\u57fa\u4e8e `DatePicker` \u7684 [`DateInput`](#/components/date-input) \u7ec4\u4ef6\u3002\n\n```jsx\nimport { DatePicker } from 'uiw';\n// or\nimport DatePicker from '@uiw/react-date-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 { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(new Date('2019-02-26 02:00:00'));\n \n return (\n <div>\n <DatePicker\n date={date}\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n monthLabel={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <DatePicker\n showTime\n date={date}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <DatePicker\n date={date}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u663e\u793a\u65f6\u95f4\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n showTime\n date={date}\n todayButton=\"\u4eca\u5929\"\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8bbe\u7f6e\u672c\u5730\u8bed\u8a00\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n todayButton=\"Today\"\n weekTitle={['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']}\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\n monthLabel={['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']}\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u521d\u59cb\u5c55\u793a\u65e5\u671f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7981\u7528\u65f6\u95f4\n\n\u901a\u8fc7 `disabledDate` \u65b9\u6cd5\u8bbe\u7f6e\uff0c\u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction disabledDate(currentDate) {\n // \u4eca\u5929\u548c\u4eca\u5929\u4e4b\u524d\u4e0d\u80fd\u9009\u62e9\n return currentDate && currentDate.valueOf() < Date.now();\n}\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n disabledDate={disabledDate}\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## \u5b9a\u5236\u65e5\u5386\u5355\u5143\u683c\n\n\u4f7f\u7528 `renderDay` \u53ef\u4ee5\u81ea\u5b9a\u4e49\u65e5\u671f\u5355\u5143\u683c\u7684\u5185\u5bb9\u548c\u6837\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { DatePicker } from 'uiw';\n\nfunction Demo() {\n const [date, setDate] = React.useState(null);\n return (\n <div>\n <DatePicker\n renderDay={(day, props) => {\n const style = {}\n const week = props.date.getDay();\n if (week === 0 && !props.prev && !props.next) {\n style.boxShadow = 'inset 0 0 0 1px rgb(255 0 0)';\n }\n return (\n <div style={style}> {day} </div>\n );\n }}\n date={date}\n onChange={(selectedDate) => setDate(selectedDate)}\n />\n <div>{date ? String(date) : 'no date'}</div>\n </div>\n );\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n## DatePicker\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| date \| \u9009\u4e2d\u7684\u65e5\u671f \| Date \| - \|\n\| panelDate \| \u65e5\u5386\u9762\u677f\u9ed8\u8ba4\u5c55\u793a\u54ea\u4e00\u9875 \| Date \| `new Date` \|\n\| today \| \u9ed8\u8ba4\u9ad8\u4eae\u5f53\u5929\u65e5\u671f \| Date \| `new Date` \|\n\| todayButton \| \u5c55\u793a\u56de\u5230\u4eca\u5929\u6309\u94ae\uff0c\u548c\u63d0\u793a\u6587\u672c\u3002 \| String \| - \|\n\| showTime \| \u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd\uff0c\u5f53 showTime \u4e3a\u4e00\u4e2a\u5bf9\u8c61\u65f6\uff0c\u5176\u5c5e\u6027\u4f1a\u4f20\u9012\u7ed9\u5185\u5efa\u7684 [`<TimePicker />`](#/components/time-picker)\u3002 \| Boolean/Object \| - \|\n\| renderDay \| \u589e\u52a0\u65f6\u95f4\u9009\u62e9\u529f\u80fd\u3002 `end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 `@3.0.0+` \| Function(day, { end: bool, prev: bool, next: bool, date: Date }) \| - \|\n\| disabledDate \| \u4e0d\u53ef\u9009\u62e9\u7684\u65e5\u671f\uff0c\u51fd\u6570\u8fd4\u56de `true` \u5f53\u524d\u65e5\u671f\u88ab\u7981\u7528\u65e0\u6cd5\u9009\u62e9\u3002`end`: \u5468\u672b\uff0c`prev`: \u4e0a\u4e2a\u6708\uff0c`next`\uff1a\u4e0b\u4e2a\u6708 \| Function(currentDate, { end: bool, prev: bool, next: bool }) \| - \|\n\| weekTitle \| \u661f\u671f\u663e\u793a\u6587\u672c\u63d0\u793a \| Array \| \\[`\u661f\u671f\u5929`, `\u661f\u671f\u4e00`, `\u661f\u671f\u4e8c`, `\u661f\u671f\u4e09`, `\u661f\u671f\u56db`, `\u661f\u671f\u4e94`, `\u661f\u671f\u516d`\\] \|\n\| weekday \| \u661f\u671f\u663e\u793a\u6587\u672c \| Array \| \\[`\u65e5`, `\u4e00`, `\u4e8c`, `\u4e09`, `\u56db`, `\u4e94`, `\u516d`\\] \|\n\| monthLabel \| \u6708\u4efd\u663e\u793a\u6587\u672c \| Array \| \\[`\u4e00\u6708`, `\u4e8c\u6708`, `\u4e09\u6708`, `\u56db\u6708`, `\u4e94\u6708`, `\u516d\u6708`, `\u4e03\u6708`, `\u516b\u6708`, `\u4e5d\u6708`, `\u5341\u6708`, `\u5341\u4e00\u6708`, `\u5341\u4e8c\u6708`\\] \|\n\| onChange \| \u9009\u62e9\u4e00\u5929\u65f6\u8c03\u7528\u3002 \| (selectedDate?: Date, dateSource?: IDateSource) \| - \|\n\| onPanelChange \| \u9762\u677f\u53d8\u5316\u4e8b\u4ef6\u3002 \| (date?: Date, mode?: 'next' \| 'prev') \| - \|\n\n## DatePicker.showTime\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| defaultValue \| \u9ed8\u8ba4\u65f6\u95f4 \| Date \| - \|\n\| disabled \| \u7981\u7528\u5168\u90e8\u64cd\u4f5c \| Boolean \| `false` \|\n\| disabledHours \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5c0f\u65f6\u9009\u9879 \| Function \| - \|\n\| disabledMinutes \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u5206\u949f\u9009\u9879 \| Function \| - \|\n\| disabledSeconds \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 \| Function \| - \|\n\| format \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 \| Function \| `HH:mm:ss` \|\n\| hourStep \| \u7981\u6b62\u9009\u62e9\u90e8\u5206\u79d2\u9009\u9879 \| Function \| - \|\n"}}]);
2	+ //# sourceMappingURL=3769.535a1903.chunk.js.map

package/web/static/js/3769.535a1903.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/3769.535a1903.chunk.js","mappings":"gHAAA","sources":["../../packages/react-date-picker/README.md"],"sourcesContent":["export default \"DatePicker 日期选择器\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-date-picker/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-date-picker.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-date-picker)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-date-picker.svg?label=@uiw/react-date-picker)](https://npmjs.com/@uiw/react-date-picker)\\n\\n显示一个月的日历，并允许用户选择单个日期，常见的应用场景在表单中应用，请查看基于 `DatePicker` 的 [`DateInput`](#/components/date-input) 组件。\\n\\n```jsx\\nimport { DatePicker } from 'uiw';\\n// or\\nimport DatePicker from '@uiw/react-date-picker';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(new Date('2019-02-26 02:00:00'));\\n \\n return (\\n <div>\\n <DatePicker\\n date={date}\\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\\n monthLabel={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <DatePicker\\n showTime\\n date={date}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <DatePicker\\n date={date}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 显示时间\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n showTime\\n date={date}\\n todayButton=\\\"今天\\\"\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 设置本地语言\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n todayButton=\\\"Today\\\"\\n weekTitle={['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']}\\n weekday={['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']}\\n monthLabel={['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']}\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 初始展示日期\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 禁用时间\\n\\n通过 `disabledDate` 方法设置，今天和今天之前不能选择。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction disabledDate(currentDate) {\\n // 今天和今天之前不能选择\\n return currentDate && currentDate.valueOf() < Date.now();\\n}\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n disabledDate={disabledDate}\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## 定制日历单元格\\n\\n使用 `renderDay` 可以自定义日期单元格的内容和样式。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { DatePicker } from 'uiw';\\n\\nfunction Demo() {\\n const [date, setDate] = React.useState(null);\\n return (\\n <div>\\n <DatePicker\\n renderDay={(day, props) => {\\n const style = {}\\n const week = props.date.getDay();\\n if (week === 0 && !props.prev && !props.next) {\\n style.boxShadow = 'inset 0 0 0 1px rgb(255 0 0)';\\n }\\n return (\\n <div style={style}> {day} </div>\\n );\\n }}\\n date={date}\\n onChange={(selectedDate) => setDate(selectedDate)}\\n />\\n <div>{date ? String(date) : 'no date'}</div>\\n </div>\\n );\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## DatePicker\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| date | 选中的日期 | Date | - |\\n| panelDate | 日历面板默认展示哪一页 | Date | `new Date` |\\n| today | 默认高亮当天日期 | Date | `new Date` |\\n| todayButton | 展示回到今天按钮，和提示文本。 | String | - |\\n| showTime | 增加时间选择功能，当 showTime 为一个对象时，其属性会传递给内建的 [`<TimePicker />`](#/components/time-picker)。 | Boolean/Object | - |\\n| renderDay | 增加时间选择功能。 `end`: 周末，`prev`: 上个月，`next`：下个月 `@3.0.0+` | Function(day, { end: bool, prev: bool, next: bool, date: Date }) | - |\\n| disabledDate | 不可选择的日期，函数返回 `true` 当前日期被禁用无法选择。`end`: 周末，`prev`: 上个月，`next`：下个月 | Function(currentDate, { end: bool, prev: bool, next: bool }) | - |\\n| weekTitle | 星期显示文本提示 | Array | \\\\[`星期天`, `星期一`, `星期二`, `星期三`, `星期四`, `星期五`, `星期六`\\\\] |\\n| weekday | 星期显示文本 | Array | \\\\[`日`, `一`, `二`, `三`, `四`, `五`, `六`\\\\] |\\n| monthLabel | 月份显示文本 | Array | \\\\[`一月`, `二月`, `三月`, `四月`, `五月`, `六月`, `七月`, `八月`, `九月`, `十月`, `十一月`, `十二月`\\\\] |\\n| onChange | 选择一天时调用。 | (selectedDate?: Date, dateSource?: IDateSource) | - |\\n| onPanelChange | 面板变化事件。 | (date?: Date, mode?: 'next' | 'prev') | - |\\n\\n## DatePicker.showTime\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| defaultValue | 默认时间 | Date | - |\\n| disabled | 禁用全部操作 | Boolean | `false` |\\n| disabledHours | 禁止选择部分小时选项 | Function | - |\\n| disabledMinutes | 禁止选择部分分钟选项 | Function | - |\\n| disabledSeconds | 禁止选择部分秒选项 | Function | - |\\n| format | 禁止选择部分秒选项 | Function | `HH:mm:ss` |\\n| hourStep | 禁止选择部分秒选项 | Function | - |\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/3811.ac38cada.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3811],{53811:function(t,n,o){o.r(n),n.default='Tooltip \u6587\u5b57\u63d0\u793a\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tooltip/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tooltip.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tooltip)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tooltip.svg?label=@uiw/react-tooltip)](https://npmjs.com/@uiw/react-tooltip)\n\n\u7b80\u5355\u7684\u6587\u5b57\u63d0\u793a\u6c14\u6ce1\u6846\u3002\n\n```jsx\nimport { Tooltip } from \'uiw\';\n// or\nimport Tooltip from \'@uiw/react-tooltip\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\u6700\u7b80\u5355\u7684\u7528\u6cd5\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Tooltip, Button } from \'uiw\';\n\nconst Demo = () => (\n <div>\n <Tooltip placement="right" content="\u53f3\u8fb9\u6587\u5b57\u63d0\u793a">\n <Button>\u53f3\u8fb9\u6587\u5b57\u63d0\u793a(right)</Button>\n </Tooltip>\n <Tooltip placement="top" content="\u4e0a\u8fb9\u6587\u5b57\u63d0\u793a">\n <Button>\u4e0a\u8fb9\u6587\u5b57\u63d0\u793a(top)</Button>\n </Tooltip>\n <Tooltip placement="left" content="\u5de6\u8fb9\u6587\u5b57\u63d0\u793a">\n <Button>\u5de6\u8fb9\u6587\u5b57\u63d0\u793a(left)</Button>\n </Tooltip>\n <Tooltip placement="bottom" content="\u4e0b\u8fb9\u6587\u5b57\u63d0\u793a">\n <Button>\u4e0b\u8fb9\u6587\u5b57\u63d0\u793a(bottom)</Button>\n </Tooltip>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4f4d\u7f6e\n\n\u4f4d\u7f6e\u6709 `12` \u4e2a\u65b9\u5411\uff0c\u6839\u636e `placement` \u53c2\u6570\u6765\u8bbe\u7f6e\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Tooltip, Button, Divider } from \'uiw\';\n\nconst btnStl = {position: \'relative\', width: 70 }\nconst Demo = () => (\n <div>\n <Tooltip placement="left" content={<strong>Hello uiw!</strong>}>\n <Button type="primary">\u5de6\u8fb9\u6587\u5b57\u63d0\u793a(left)</Button>\n </Tooltip>\n\n <Tooltip placement="top" content={<strong>Hello uiw!</strong>}>\n <Button type="primary">\u4e0a\u8fb9\u6587\u5b57\u63d0\u793a(top)</Button>\n </Tooltip>\n\n <Tooltip placement="bottom" content={<strong>Hello uiw!</strong>}>\n <Button type="primary">\u4e0b\u8fb9\u6587\u5b57\u63d0\u793a(bottom)</Button>\n </Tooltip>\n\n <Tooltip placement="right" content={<strong>Hello uiw!</strong>}>\n <Button type="primary">\u53f3\u8fb9\u6587\u5b57\u63d0\u793a(right)</Button>\n </Tooltip>\n\n <Divider />\n <div style={{ position: \'relative\' }}>\n <Tooltip placement="topLeft" content={<strong>Hello uiw!</strong>}>\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\n </Tooltip>\n <Tooltip placement="top" content={<strong>Hello uiw!</strong>}>\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\n </Tooltip>\n <Tooltip placement="topRight" content={<strong>Hello uiw!</strong>}>\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\n </Tooltip>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <Tooltip placement="leftTop" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl }}>LT</Button>\n </Tooltip>\n <Tooltip placement="rightTop" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\n </Tooltip>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <Tooltip placement="left" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl }}>Left</Button>\n </Tooltip>\n <Tooltip placement="right" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\n </Tooltip>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <Tooltip placement="leftBottom" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl }}>LB</Button>\n </Tooltip>\n <Tooltip placement="rightBottom" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\n </Tooltip>\n </div>\n <div style={{ position: \'relative\', paddingTop: 10 }}>\n <Tooltip placement="bottomLeft" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\n </Tooltip>\n <Tooltip placement="bottom" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\n </Tooltip>\n <Tooltip placement="bottomRight" content={<span><strong>Hello uiw!</strong> \u4f4d\u7f6e\u6709 12 \u4e2a\u65b9\u5411\uff0c\u6839\u636e placement \u53c2\u6570\u6765\u8bbe\u7f6e\u3002</span>}>\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\n </Tooltip>\n </div>\n\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u4e8b\u4ef6\n\n\u6587\u5b57\u63d0\u793a\u7ec4\u4ef6 `<Tooltip />`\uff0c\u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 `trigger` \u53ef\u4ee5\u6587\u5b57\u63d0\u793a\u64cd\u4f5c\u65b9\u5f0f\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Tooltip, Button } from \'uiw\';\n\nconst Demo = () => (\n <div>\n\n <Tooltip trigger="hover" placement="top" content="Hello uiw!">\n <Button type="primary">\u60ac\u6d6e\u5f39\u51fa\u6587\u5b57\u63d0\u793a(top)</Button>\n </Tooltip>\n <Tooltip trigger="click" placement="top" content="Hello uiw!">\n <Button type="success">\u70b9\u51fb\u5f39\u51fa\u63d0\u793a(top)</Button>\n </Tooltip>\n\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6587\u5b57\u63d0\u793a\u6846\u4e0d\u663e\u793a\u7bad\u5934\n\n\u901a\u8fc7\u8bbe\u7f6e\u5c5e\u6027 `visibleArrow` \u53ef\u4ee5\u6587\u5b57\u63d0\u793a\u6846\u4e0d\u663e\u793a\u7bad\u5934\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Tooltip, Button } from \'uiw\';\n\nconst Demo = () => (\n <div>\n\n <Tooltip visibleArrow={false} trigger="hover" placement="top" content="Hello uiw!">\n <Button type="primary">\u60ac\u6d6e\u5f39\u51fa\u6587\u5b57\u63d0\u793a(top)</Button>\n </Tooltip>\n <Tooltip visibleArrow={false} trigger="click" placement="right" content="Hello uiw!">\n <Button type="success">\u70b9\u51fb\u5f39\u51fa\u63d0\u793a(right)</Button>\n </Tooltip>\n\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u53d7\u63a7\u7ec4\u4ef6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from \'react\';\nimport ReactDOM from \'react-dom\';\nimport { Tooltip, Switch, Divider } from \'uiw\';\n\nclass Demo extends React.Component {\n constructor() {\n super()\n this.state = {\n isOpen: false,\n }\n }\n onChange(e) {\n this.setState({ isOpen: e.target.checked });\n }\n onVisibleChange(isOpen) {\n this.setState({ isOpen });\n }\n render() {\n return (\n <div>\n <Tooltip\n isOpen={this.state.isOpen}\n onVisibleChange={this.onVisibleChange.bind(this)}\n placement="top"\n content="Hello uiw!"\n >\n <span>\u9f20\u6807\u79fb\u52a8\u5230\u6b64\u5904\uff0c\u663e\u793a\u548c\u6d88\u5931\u89e6\u53d1\u4e8b\u4ef6\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7 Switch \u7ec4\u4ef6\u6765\u63a7\u5236</span>\n </Tooltip>\n <Divider />\n <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| content \| \u663e\u793a\u7684\u5185\u5bb9 \| String,React.ReactNode \| - \|\n\| placement \| \u6c14\u6ce1\u6846\u4f4d\u7f6e\uff0c\u53ef\u73b0\u5b9e\u7bad\u5934\u5728\u4e0d\u901a\u7684\u65b9\u4f4d \| Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} \| `top` \|\n\| visibleArrow \| \u662f\u5426\u663e\u793a Tooltip \u7bad\u5934 \| Boolean \| `true` \|\n\| delay \| \u5ef6\u8fdf\u8fdb\u5165\u548c\u6d88\u5931\uff0c`{ show: 2000, hide: 4000 }` \u6216\u8005\u76f4\u63a5\u8bbe\u7f6e `2000`\uff0c\u53ea\u5bf9 `trigger=hover` \u6709\u6548\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Object/Number \| - \|\n\| trigger \| \u60ac\u505c/\u70b9\u51fb\u5f39\u51fa\u7a97\u53e3\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Enum{`hover`, `click`} \| `hover` \|\n\| disabled \| \u662f\u5426\u7981\u7528\u5f39\u51fa\u76ee\u6807 \| Boolean \| `false` \|\n\| isOpen \| \u9ed8\u8ba4\u662f\u5426\u663e\u793a\u5f39\u7a97\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Boolean \| `false` \|\n\| autoAdjustOverflow \| \u5f39\u51fa\u5c42\u88ab\u906e\u6321\u65f6\u81ea\u52a8\u8c03\u6574\u4f4d\u7f6e\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Boolean \| `false` \|\n\| onVisibleChange \| \u663e\u793a\u9690\u85cf\u7684\u56de\u8c03\uff0c\u7ee7\u627f `<OverlayTrigger />` \u7ec4\u4ef6\u5c5e\u6027 \| Function(isVisible:bool) \| - \|\n\n\u66f4\u591a\u5c5e\u6027\u8bf7\u53c2\u8003 [OverlayTrigger](#/components/overlay-trigger)\u3002\n'}}]);
2	+ //# sourceMappingURL=3811.ac38cada.chunk.js.map

package/web/static/js/3811.ac38cada.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/3811.ac38cada.chunk.js","mappings":"gHAAA","sources":["../../packages/react-tooltip/README.md"],"sourcesContent":["export default \"Tooltip 文字提示\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-tooltip/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-tooltip.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-tooltip)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-tooltip.svg?label=@uiw/react-tooltip)](https://npmjs.com/@uiw/react-tooltip)\\n\\n简单的文字提示气泡框。\\n\\n```jsx\\nimport { Tooltip } from 'uiw';\\n// or\\nimport Tooltip from '@uiw/react-tooltip';\\n```\\n\\n### 基础用法\\n\\n最简单的用法。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Tooltip, Button } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Tooltip placement=\\\"right\\\" content=\\\"右边文字提示\\\">\\n <Button>右边文字提示(right)</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"top\\\" content=\\\"上边文字提示\\\">\\n <Button>上边文字提示(top)</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"left\\\" content=\\\"左边文字提示\\\">\\n <Button>左边文字提示(left)</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"bottom\\\" content=\\\"下边文字提示\\\">\\n <Button>下边文字提示(bottom)</Button>\\n </Tooltip>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 位置\\n\\n位置有 `12` 个方向，根据 `placement` 参数来设置。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Tooltip, Button, Divider } from 'uiw';\\n\\nconst btnStl = {position: 'relative', width: 70 }\\nconst Demo = () => (\\n <div>\\n <Tooltip placement=\\\"left\\\" content={<strong>Hello uiw!</strong>}>\\n <Button type=\\\"primary\\\">左边文字提示(left)</Button>\\n </Tooltip>\\n\\n <Tooltip placement=\\\"top\\\" content={<strong>Hello uiw!</strong>}>\\n <Button type=\\\"primary\\\">上边文字提示(top)</Button>\\n </Tooltip>\\n\\n <Tooltip placement=\\\"bottom\\\" content={<strong>Hello uiw!</strong>}>\\n <Button type=\\\"primary\\\">下边文字提示(bottom)</Button>\\n </Tooltip>\\n\\n <Tooltip placement=\\\"right\\\" content={<strong>Hello uiw!</strong>}>\\n <Button type=\\\"primary\\\">右边文字提示(right)</Button>\\n </Tooltip>\\n\\n <Divider />\\n <div style={{ position: 'relative' }}>\\n <Tooltip placement=\\\"topLeft\\\" content={<strong>Hello uiw!</strong>}>\\n <Button style={{ ...btnStl, left: 70 }}>TL</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"top\\\" content={<strong>Hello uiw!</strong>}>\\n <Button style={{ ...btnStl, left: 70}}>Top</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"topRight\\\" content={<strong>Hello uiw!</strong>}>\\n <Button style={{ ...btnStl, left: 70 }}>TR</Button>\\n </Tooltip>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <Tooltip placement=\\\"leftTop\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl }}>LT</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"rightTop\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl, left: 216 }}>RT</Button>\\n </Tooltip>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <Tooltip placement=\\\"left\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl }}>Left</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"right\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl, left: 216 }}>Right</Button>\\n </Tooltip>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <Tooltip placement=\\\"leftBottom\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl }}>LB</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"rightBottom\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl, left: 216 }}>RB</Button>\\n </Tooltip>\\n </div>\\n <div style={{ position: 'relative', paddingTop: 10 }}>\\n <Tooltip placement=\\\"bottomLeft\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl, left: 70 }}>BL</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"bottom\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl, left: 70 }}>Bottom</Button>\\n </Tooltip>\\n <Tooltip placement=\\\"bottomRight\\\" content={<span><strong>Hello uiw!</strong> 位置有 12 个方向，根据 placement 参数来设置。</span>}>\\n <Button style={{ ...btnStl, left: 70 }}>BR</Button>\\n </Tooltip>\\n </div>\\n\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 事件\\n\\n文字提示组件 `<Tooltip />`，通过设置属性 `trigger` 可以文字提示操作方式。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Tooltip, Button } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n\\n <Tooltip trigger=\\\"hover\\\" placement=\\\"top\\\" content=\\\"Hello uiw!\\\">\\n <Button type=\\\"primary\\\">悬浮弹出文字提示(top)</Button>\\n </Tooltip>\\n <Tooltip trigger=\\\"click\\\" placement=\\\"top\\\" content=\\\"Hello uiw!\\\">\\n <Button type=\\\"success\\\">点击弹出提示(top)</Button>\\n </Tooltip>\\n\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 文字提示框不显示箭头\\n\\n通过设置属性 `visibleArrow` 可以文字提示框不显示箭头。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Tooltip, Button } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n\\n <Tooltip visibleArrow={false} trigger=\\\"hover\\\" placement=\\\"top\\\" content=\\\"Hello uiw!\\\">\\n <Button type=\\\"primary\\\">悬浮弹出文字提示(top)</Button>\\n </Tooltip>\\n <Tooltip visibleArrow={false} trigger=\\\"click\\\" placement=\\\"right\\\" content=\\\"Hello uiw!\\\">\\n <Button type=\\\"success\\\">点击弹出提示(right)</Button>\\n </Tooltip>\\n\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 受控组件\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Tooltip, Switch, Divider } from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor() {\\n super()\\n this.state = {\\n isOpen: false,\\n }\\n }\\n onChange(e) {\\n this.setState({ isOpen: e.target.checked });\\n }\\n onVisibleChange(isOpen) {\\n this.setState({ isOpen });\\n }\\n render() {\\n return (\\n <div>\\n <Tooltip\\n isOpen={this.state.isOpen}\\n onVisibleChange={this.onVisibleChange.bind(this)}\\n placement=\\\"top\\\"\\n content=\\\"Hello uiw!\\\"\\n >\\n <span>鼠标移动到此处，显示和消失触发事件，也可以通过 Switch 组件来控制</span>\\n </Tooltip>\\n <Divider />\\n <Switch checked={this.state.isOpen} onChange={this.onChange.bind(this)} />\\n </div>\\n )\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| content | 显示的内容 | String,React.ReactNode | - |\\n| placement | 气泡框位置，可现实箭头在不通的方位 | Enum{`top`, `topLeft`, `topRight`,<br /> `left`, `leftTop`, `leftBottom`,<br /> `right`, `rightTop`, `rightBottom`,<br /> `bottom`, `bottomLeft`, `bottomRight`} | `top` |\\n| visibleArrow | 是否显示 Tooltip 箭头 | Boolean | `true` |\\n| delay | 延迟进入和消失，`{ show: 2000, hide: 4000 }` 或者直接设置 `2000`，只对 `trigger=hover` 有效，继承 `<OverlayTrigger />` 组件属性 | Object/Number | - |\\n| trigger | 悬停/点击弹出窗口，继承 `<OverlayTrigger />` 组件属性 | Enum{`hover`, `click`} | `hover` |\\n| disabled | 是否禁用弹出目标 | Boolean | `false` |\\n| isOpen | 默认是否显示弹窗，继承 `<OverlayTrigger />` 组件属性 | Boolean | `false` |\\n| autoAdjustOverflow | 弹出层被遮挡时自动调整位置，继承 `<OverlayTrigger />` 组件属性 | Boolean | `false` |\\n| onVisibleChange | 显示隐藏的回调，继承 `<OverlayTrigger />` 组件属性 | Function(isVisible:bool) | - |\\n\\n更多属性请参考 [OverlayTrigger](#/components/overlay-trigger)。\\n\";"],"names":[],"sourceRoot":""}

package/web/static/js/3882.60e1c8dd.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3882],{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 v}});var r=t(50189),o=t(53782),i=t(11026),s=t(41473),c=t(89171),d=t(75752),a=t(2642),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,s=e.codeSandbox,c=(0,o.Z)(e,l),d=(0,r.Z)({},c);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),s&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(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 v(e){var n=e.renderPage,t=e.dependencies,a=e.path,l=(0,s.useState)(""),h=(0,i.Z)(l,2),v=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(){}))}),[]),v?(0,u.jsxs)("div",{children:[(0,u.jsx)(c.Z,{source:v,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,k=c.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},s));var v={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(v).filter((function(e){return void 0!==v[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,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},19848: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/vscode/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(3151).then(t.bind(t,63151));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=3882.60e1c8dd.chunk.js.map

package/web/static/js/3882.60e1c8dd.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

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

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3931],{9896:function(n,t,o){o.r(t),t.default="Portal \u5165\u53e3\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-portal/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-portal.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-portal)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-portal.svg?label=@uiw/react-portal)](https://npmjs.com/@uiw/react-portal)\n\n[`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals) \u662f react 16 \u63d0\u4f9b\u7684\u5b98\u65b9\u89e3\u51b3\u65b9\u6848\uff0c\u4f7f\u5f97\u7ec4\u4ef6\u53ef\u4ee5\u8131\u79bb\u7236\u7ec4\u4ef6\u5c42\u7ea7\u6302\u8f7d\u5728 DOM \u6811\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u6211\u4eec\u5229\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u53ef\u5c06\u6a21\u6001\u5bf9\u8bdd\u6846\u751f\u6210\u5230\u6839\u8282\u70b9\u7684\u5916\u9762\u3002 \n\n```jsx\nimport { Portal } from 'uiw';\n// or\nimport Portal from '@uiw/react-portal';\n```\n\n### \u57fa\u672c\u4f7f\u7528\n\n```jsx\nimport { Portal } from 'uiw';\n\n<Portal>\n \u6b64\u6587\u672c\u5728 document.body \u7684\u672b\u5c3e\u4f20\u9001\uff01\n</Portal>\n<Portal node={document && document.getElementById('dom-id')}>\n \u6b64\u6587\u672c\u5728\u663e\u793a\u5728 dom-id \u7684 dom \u5bf9\u8c61\u4e2d \n</Portal>\n\n```\n\n\u5207\u6362\u4e0d\u540c\u7684 `<Portal />`\n\n```jsx\n{isVisiable && <Portal>\u5207\u6362\u4e0d\u540c\u7684 Portal</Portal>}\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| container \| \u6307\u5b9a\u5bb9\u5668\u8282\u70b9\u751f\u6210\uff0c\u670d\u52a1\u7aef\u6e32\u67d3\u9ed8\u8ba4\u4e3a `null` \| any \| `document.body` \|\n\| ~~visible~~ \| ~~\u5f53\u503c\u4e3a `true` \u7684\u65f6\u5019\u624d\u4f1a\u521b\u5efa `createPortal`\uff0c\u53ef\u907f\u514d\u521d\u59cb\u5316\u521b\u5efa\u591a\u4f59\u7684 `dom` \u8282\u70b9\u6302\u8f7d~~ `@v4.9.0+`\x3c!--rehype:style=color:red--\x3e \u4e4b\u540e\u79fb\u9664\u4e86 \| boolean \| - \|\n\| ~~onChildrenMount~~ \| ~~\u6e32\u67d3\u540e\u7684\u56de\u8c03\u51fd\u6570~~ `@v4.9.0+`\x3c!--rehype:style=color:red--\x3e \u4e4b\u540e\u79fb\u9664\u4e86 \| () => void \| - \|"}}]);
2	+ //# sourceMappingURL=3931.088517c5.chunk.js.map

package/web/static/js/3931.088517c5.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/3931.088517c5.chunk.js","mappings":"+GAAA","sources":["../../packages/react-portal/README.md"],"sourcesContent":["export default \"Portal 入口\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-portal/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-portal.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-portal)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-portal.svg?label=@uiw/react-portal)](https://npmjs.com/@uiw/react-portal)\\n\\n[`Portals`](https://reactjs.org/docs/portals.html#event-bubbling-through-portals) 是 react 16 提供的官方解决方案，使得组件可以脱离父组件层级挂载在 DOM 树的任何位置，我们利用这个方法，可将模态对话框生成到根节点的外面。 \\n\\n```jsx\\nimport { Portal } from 'uiw';\\n// or\\nimport Portal from '@uiw/react-portal';\\n```\\n\\n### 基本使用\\n\\n```jsx\\nimport { Portal } from 'uiw';\\n\\n<Portal>\\n 此文本在 document.body 的末尾传送！\\n</Portal>\\n<Portal node={document && document.getElementById('dom-id')}>\\n 此文本在显示在 dom-id 的 dom 对象中 \\n</Portal>\\n\\n```\\n\\n切换不同的 `<Portal />`\\n\\n```jsx\\n{isVisiable && <Portal>切换不同的 Portal</Portal>}\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| container | 指定容器节点生成，服务端渲染默认为 `null` | any | `document.body` |\\n| ~~visible~~ | ~~当值为 `true` 的时候才会创建 `createPortal`，可避免初始化创建多余的 `dom` 节点挂载~~ `@v4.9.0+` 之后移除了 | boolean | - |\\n| ~~onChildrenMount~~ | ~~渲染后的回调函数~~ `@v4.9.0+` 之后移除了 | () => void | - |\";"],"names":[],"sourceRoot":""}

package/web/static/js/3972.de13130a.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ (self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[3972],{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),c=t(41473),s=t(89171),d=t(75752),a=t(2642),u=t(69286),l=["version","dependencies","codePen","codeSandbox"];function p(e){var n=e.version,t=e.dependencies,i=e.codePen,c=e.codeSandbox,s=(0,o.Z)(e,l),d=(0,r.Z)({},s);return i&&(d.codePenOption={title:"uiw".concat(n," - demo"),includeModule:["uiw"],js:(d.code\|\|"").replace("_mount_",'document.getElementById("container")'),html:'<div id="container" style="padding: 24px"></div>',css_external:"https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.css"),js_external:"https://unpkg.com/react@17.x/umd/react.development.js;https://unpkg.com/react-dom@17.x/umd/react-dom.development.js;https://unpkg.com/classnames@2.2.6/index.js;https://unpkg.com/uiw@".concat(n,"/dist/uiw.min.js;https://unpkg.com/@uiw/codepen-require-polyfill@1.1.3/index.js")}),c&&(d.codeSandboxOption={files:{"sandbox.config.json":{content:'{\n "template": "node",\n "container": {\n "startScript": "start",\n "node": "14"\n }\n }'},"public/index.html":{content:'<div id="container"></div>'},"src/index.js":{content:(d.code\|\|"").replace("_mount_",'document.getElementById("container")')},".kktrc.js":{content:'import lessModules from "@kkt/less-modules";\nexport default (conf, env, options) => {\nconf = lessModules(conf, env, options);\nreturn conf;\n};'},"package.json":{content:{name:"uiw-demo",description:"uiw v".concat(n," - demo"),dependencies:{react:"^17.0.2","react-dom":"^17.0.2",uiw:"latest"},devDependencies:{"@kkt/less-modules":"~7.1.1",kkt:"~7.1.5"},license:"MIT",scripts:{start:"kkt start",build:"kkt build",test:"kkt test --env=jsdom"},browserslist:[">0.2%","not dead","not ie <= 11","not op_mini all"]}}}}),(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({},d),{},{dependencies:t,style:{marginBottom:0}}))}var h=t(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)(c.Fragment,{children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,u.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,u.jsx)("br",{}),(0,u.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,u.jsx)(h.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,c.useState)(""),h=(0,i.Z)(l,2),j=h[0],v=h[1],g=d.i8\|\|"2.0.0";return(0,c.useEffect)((function(){n&&n().then((function(e){v(e)})).catch((function(){}))}),[]),j?(0,u.jsxs)("div",{children:[(0,u.jsx)(s.Z,{source:j,className:k,components:{code:function(e){var n=e.inline,i=e.node,c=(0,o.Z)(e,x),s=c,d=s.noPreview,a=s.bordered,l=s.noScroll,h=s.bgWhite,f=s.noCode,m=s.codePen,k=s.codeSandbox;if(n)return(0,u.jsx)("code",(0,r.Z)({},c));var j={noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k};return 0===Object.keys(j).filter((function(e){return void 0!==j[e]})).length?(0,u.jsx)("code",(0,r.Z)({},c)):(0,u.jsx)(p,{version:g,code:b(i.children),dependencies:t,noPreview:d,bordered:a,noScroll:l,bgWhite:h,noCode:f,codePen:m,codeSandbox:k})}}}),(0,u.jsx)("div",{className:m,children:(0,u.jsx)(f,{path:a})})]}):null}},91339:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return a}});var r=t(27791),o=t(57135),i=t.n(o),c=(t(41473),t(53864)),s=t(86082),d=t(69286);function a(){return(0,d.jsx)(s.Z,{path:"https://github.com/uiwjs/uiw/tree/master/packages/react-file-input/README.md",dependencies:{FileInput:c.S2,Button:c.zx,Icon:c.JO,Form:c.l0,Row:c.X2,Col:c.JX},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(8768).then(t.bind(t,78768));case 2:return n=e.sent,e.abrupt("return",n.default\|\|n);case 4:case"end":return e.stop()}}),e)})))})}}}]);
2	+ //# sourceMappingURL=3972.de13130a.chunk.js.map