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

@uiw/doc 4.21.14 → 5.0.0-bate-0

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

Files changed (458) hide show

package/web/static/js/2582.02ebf0c6.chunk.js DELETED Viewed

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

package/web/static/js/2582.02ebf0c6.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2582.02ebf0c6.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/drawer/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 { Drawer, ButtonGroup, 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-drawer/README.md\"\n dependencies={{ Drawer, ButtonGroup, Button }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-drawer/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Drawer","ButtonGroup","Button","md","default"],"sourceRoot":""}

package/web/static/js/2595.0c72791f.chunk.js DELETED Viewed

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

package/web/static/js/2595.0c72791f.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2595.0c72791f.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/form/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, { useRef } from 'react';\nimport {\n Form,\n FormItem,\n Row,\n Col,\n Icon,\n Divider,\n Button,\n Input,\n Checkbox,\n Switch,\n Radio,\n RadioGroup,\n Select,\n Textarea,\n Notify,\n Menu,\n Dropdown,\n TreeChecked,\n} 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-form/README.md\"\n dependencies={{\n Form,\n FormItem,\n Row,\n Col,\n Icon,\n Divider,\n Button,\n Input,\n Checkbox,\n Switch,\n Radio,\n RadioGroup,\n Select,\n Textarea,\n Notify,\n Menu,\n TreeChecked,\n Dropdown,\n useRef,\n }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-form/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Form","FormItem","Row","Col","Icon","Button","Input","Checkbox","Switch","Radio","RadioGroup","Select","Textarea","Notify","Menu","TreeChecked","Dropdown","useRef","md","default"],"sourceRoot":""}

package/web/static/js/2679.0780e749.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2679],{12679:function(n,e,o){o.r(e),e.default="PinCode \u5b89\u5168\u7801\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-pin-code/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-pin-code.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-pin-code)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-pin-code.svg?label=@uiw/react-pin-code)](https://npmjs.com/@uiw/react-pin-code)\n\n\u9488\u5bf9\u8f93\u5165\u6570\u5b57\u5e8f\u5217\u8fdb\u884c\u4e86\u4f18\u5316\u3002\u6700\u5e38\u89c1\u7684\u5e94\u7528\u662f\u8f93\u5165\u4e00\u6b21\u6027\u5b89\u5168\u7801\u3002\u5b83\u7ecf\u8fc7\u4f18\u5316\uff0c\u53ef\u5feb\u901f\u8f93\u5165\u6570\u5b57\u3002\n\n```jsx\nimport { PinCode } from 'uiw';\n// or\nimport PinCode from '@uiw/react-pin-code';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { PinCode } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<PinCode />`](#/components/pin-code) \u7ec4\u4ef6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n resetOnSubmit={false}\n onSubmitError={(error) => {\n if (error.filed) {\n return { ...error.filed };\n }\n return null;\n }}\n onSubmit={({initial, current}) => {\n const errorObj = {};\n if (current.pinCode.join('').length === 0) {\n errorObj.pinCode = '\u8bf7\u8f93\u5165\u5b89\u5168\u7801\uff01';\n }\n if (current.pinCode.join('').length < 5) {\n errorObj.pinCode = '\u5b89\u5168\u7801\u6ca1\u6709\u8f93\u5165\u5b8c\u6574\uff01';\n }\n if(Object.keys(errorObj).length > 0) {\n const err = new Error();\n err.filed = errorObj;\n Notify.error({ title: '\u63d0\u4ea4\u5931\u8d25\uff01', description: '\u8bf7\u786e\u8ba4\u63d0\u4ea4\u8868\u5355\u662f\u5426\u6b63\u786e\uff01' });\n throw err;\n }\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u6210\u529f\uff0c\u5b89\u5168\u7801\u4e3a\uff1a${current.pinCode.join('')}\uff01`,\n });\n }}\n fields={{\n pinCode: {\n initialValue: ['', '', '', '', ''],\n children: <PinCode />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('state:',state.current.pinCode.join(''))\n return (\n <div>\n <Row>\n <Col fixed>{fields.pinCode}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button size=\"small\" disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\n {state.current.pinCode.join('')}\n </span>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u66f4\u6539\u5360\u4f4d\u7b26\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode placeholder=\"\u25a0\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\n <Divider />\n <PinCode placeholder=\"\u2605\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\n <Divider />\n <PinCode placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u8f93\u5165\u6846\u88ab\u7981\u7528\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode disabled value={['1', '9', '8', '7', '0']} />\n <Divider />\n <PinCode disabled value={['', '', '', '', '']} />\n <Divider />\n <PinCode disabled placeholder=\"\ud83e\udd23\" value={['', '', '', '', '']} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5c3a\u5bf8\u5927\u5c0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { PinCode, Divider } from 'uiw';\n\nconst Demo = () => (\n <div>\n <PinCode size=\"large\" value={['1', '9', '8', '7', '0']} />\n <Divider />\n <PinCode value={['', '', '', '', '']} />\n <Divider />\n <PinCode size=\"small\" value={['', '', '', '', '']} />\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## PinCode\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u7ed1\u5b9a\u503c\uff0c\u6839\u636e\u6570\u7ec4\u957f\u5ea6\uff0c\u5c55\u793a\u5b89\u5168\u7801\u7684\u957f\u5ea6 \| string[] \| - \|\n\| disabled \| \u7981\u7528\u8f93\u5165\u6846 \| Boolean \| `false` \|\n\| autoFocus \| \u81ea\u52a8\u83b7\u5f97\u7126\u70b9\u3002 \| Boolean \| - \|\n\| placeholder \| \u5360\u4f4d\u7b26 \| string \| `\u25cb` \|\n\| size \| \u6307\u5b9a\u8f93\u5165\u6846\u7684\u5c3a\u5bf8\uff0c\u9664\u4e86\u9ed8\u8ba4\u7684\u5927\u5c0f\u5916\uff0c\u8fd8\u63d0\u4f9b\u4e86 `large`\u3001`small` \u548c `default` \u4e09\u79cd\u5c3a\u5bf8\u3002 \| String \| - \|\n\| onChange \| `value` \u53d8\u5316\u65f6\u56de\u8c03\u51fd\u6570 \| Function(value: string[]) \| - \|\n\| onBlur \| \u5931\u53bb\u7126\u70b9\u65f6\u8fd0\u884c \| Function(event: React.FocusEvent<HTMLInputElement\\>) \| - \|\n\| onFocus \| \u83b7\u5f97\u7126\u70b9\u65f6\u8fd0\u884c \| Function(event: React.FocusEvent<HTMLInputElement\\>) \| - \|"}}]);
2	- //# sourceMappingURL=2679.0780e749.chunk.js.map

package/web/static/js/2679.0780e749.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2679.0780e749.chunk.js","mappings":"gHAAA","sources":["../../packages/react-pin-code/README.md"],"sourcesContent":["export default \"PinCode 安全码\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-pin-code/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-pin-code.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-pin-code)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-pin-code.svg?label=@uiw/react-pin-code)](https://npmjs.com/@uiw/react-pin-code)\\n\\n针对输入数字序列进行了优化。最常见的应用是输入一次性安全码。它经过优化，可快速输入数字。\\n\\n```jsx\\nimport { PinCode } from 'uiw';\\n// or\\nimport PinCode from '@uiw/react-pin-code';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode autoFocus value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 [`<PinCode />`](#/components/pin-code) 组件\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Icon, PinCode, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n resetOnSubmit={false}\\n onSubmitError={(error) => {\\n if (error.filed) {\\n return { ...error.filed };\\n }\\n return null;\\n }}\\n onSubmit={({initial, current}) => {\\n const errorObj = {};\\n if (current.pinCode.join('').length === 0) {\\n errorObj.pinCode = '请输入安全码！';\\n }\\n if (current.pinCode.join('').length < 5) {\\n errorObj.pinCode = '安全码没有输入完整！';\\n }\\n if(Object.keys(errorObj).length > 0) {\\n const err = new Error();\\n err.filed = errorObj;\\n Notify.error({ title: '提交失败！', description: '请确认提交表单是否正确！' });\\n throw err;\\n }\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交成功，安全码为：${current.pinCode.join('')}！`,\\n });\\n }}\\n fields={{\\n pinCode: {\\n initialValue: ['', '', '', '', ''],\\n children: <PinCode />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n console.log('state:',state.current.pinCode.join(''))\\n return (\\n <div>\\n <Row>\\n <Col fixed>{fields.pinCode}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button size=\\\"small\\\" disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n <span style={{ paddingLeft: 16, color: '#a7a7a7', verticalAlign: 'middle' }}>\\n {state.current.pinCode.join('')}\\n </span>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 更改占位符\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode placeholder=\\\"■\\\" value={['8', '7', '3', '', '']} onChange={(val) => console.log(val)} />\\n <Divider />\\n <PinCode placeholder=\\\"★\\\" value={['6', '', '', '', '']} onChange={(val) => console.log(val)} />\\n <Divider />\\n <PinCode placeholder=\\\"🤣\\\" value={['', '', '', '', '']} onChange={(val) => console.log(val)} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 输入框被禁用\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode disabled value={['1', '9', '8', '7', '0']} />\\n <Divider />\\n <PinCode disabled value={['', '', '', '', '']} />\\n <Divider />\\n <PinCode disabled placeholder=\\\"🤣\\\" value={['', '', '', '', '']} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 尺寸大小\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { PinCode, Divider } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <PinCode size=\\\"large\\\" value={['1', '9', '8', '7', '0']} />\\n <Divider />\\n <PinCode value={['', '', '', '', '']} />\\n <Divider />\\n <PinCode size=\\\"small\\\" value={['', '', '', '', '']} />\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## PinCode\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 绑定值，根据数组长度，展示安全码的长度 | string[] | - |\\n| disabled | 禁用输入框 | Boolean | `false` |\\n| autoFocus | 自动获得焦点。 | Boolean | - |\\n| placeholder | 占位符 | string | `○` |\\n| size | 指定输入框的尺寸，除了默认的大小外，还提供了 `large`、`small` 和 `default` 三种尺寸。 | String | - |\\n| onChange | `value` 变化时回调函数 | Function(value: string[]) | - |\\n| onBlur | 失去焦点时运行 | Function(event: React.FocusEvent<HTMLInputElement\\\\>) | - |\\n| onFocus | 获得焦点时运行 | Function(event: React.FocusEvent<HTMLInputElement\\\\>) | - |\";"],"names":[],"sourceRoot":""}

package/web/static/js/2692.db178ecc.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2692],{42692:function(n,e,t){t.r(e),e.default="Slider \u6ed1\u5757\u8f93\u5165\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-slider/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-slider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-slider)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-slider.svg?label=@uiw/react-slider)](https://npmjs.com/@uiw/react-slider)\n\n\u901a\u8fc7\u62d6\u52a8\u6ed1\u5757\u5728\u4e00\u4e2a\u56fa\u5b9a\u533a\u95f4\u5185\u8fdb\u884c\u9009\u62e9\uff0c\u6548\u679c\u6bd4 [`input`](https://www.w3.org/wiki/HTML/Elements/input/range) \u7c7b\u578b\u4e3a [`range`](https://www.w3.org/wiki/HTML/Elements/input/range) \u7684\u529f\u80fd\u4e30\u5bcc\u3002\n\n```jsx\nimport { Slider } from 'uiw';\n// or\nimport Slider from '@uiw/react-slider';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n\n\u6309\u94ae\u6837\u5f0f\u7684\u5355\u9009\u7ec4\u5408\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider } from 'uiw';\n\nfunction Demo() {\n const [value, setValue] = React.useState(20);\n const [value2, setValue2] = React.useState(-5);\n const [value3, setValue3] = React.useState([10, 50]);\n return (\n <div>\n <Slider\n value={value}\n style={{ maxWidth: 360 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u8bbe\u7f6e progress \u503c\u4e3a <b>\"false\"</b> \u4e0d\u663e\u793a\u8fdb\u5ea6\u6761</div>\n <Slider\n progress={false}\n value={value}\n style={{ maxWidth: 360, marginTop: 30 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u8bbe\u7f6e progress \u503c\u4e3a <b>\"#dc3545\"</b> \u8fd9\u662f\u4e00\u4e2a\u989c\u8272\u503c\uff0c\u8bbe\u7f6e\u8fdb\u5ea6\u6761\u989c\u8272</div>\n <Slider\n // progress={false}\n progress=\"#dc3545\"\n value={value}\n style={{ maxWidth: 360, marginTop: 30 }}\n onChange={(value)=> setValue(value)}\n />\n <div>\u5f53\u524d\u503c\uff1a<b>{value}</b></div>\n <Divider />\n <Slider\n min={-10}\n max={30}\n value={value2}\n style={{ maxWidth: 260 }}\n onChange={(val)=> setValue2(val)}\n />\n <div>\u53ef\u9009 -10~30\u503c\u8303\u56f4\uff1a<b>{value2}</b></div>\n <Divider />\n <Slider value={value3} style={{ maxWidth: 260 }}\n onChange={(val)=> setValue3(val)}\n />\n <div>\u53d6\u503c\u8303\u56f4\uff1a<b>{value3[0]} ~ {value3[1]}</b></div>\n </div>\n )\n}\n\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5728\u8868\u5355\u4e2d\u4f7f\u7528\n\n\u5728 [`<Form />`](#/components/form) \u8868\u5355\u4e2d\u5e94\u7528 [`<Slider />`](#/components/slider) \u7ec4\u4ef6\uff0c\u9700\u8981\u8bbe\u7f6e `initialValue` \u521d\u59cb\u503c\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from 'react-dom';\nimport { Form, Row, Col, Slider, Button, Notify } from 'uiw';\n\nconst Demo = () => (\n <div>\n <Form\n onSubmit={({initial, current}) => {\n if(current.age === initial.age) {\n Notify.error({\n title: '\u63d0\u4ea4\u5931\u8d25\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u5931\u8d25\uff0c\u5e74\u9f84\u4e3a\uff1a${current.age}\uff0c\u4e0e\u521d\u59cb\u5316\u503c\u662f\u4e00\u6837\u6ef4\uff01`,\n });\n } else {\n Notify.success({\n title: '\u63d0\u4ea4\u6210\u529f\uff01',\n description: `\u8868\u5355\u63d0\u4ea4\u5e74\u9f84\u6210\u529f\uff0c\u5e74\u9f84\u4e3a\uff1a${current.age}\uff0c\u5c06\u81ea\u52a8\u586b\u5145\u521d\u59cb\u5316\u503c\uff01`,\n });\n }\n }}\n fields={{\n age: {\n initialValue: 0,\n inline: true,\n label: '\u5e74\u9f84',\n help: '\u503c\u5fc5\u987b\u5927\u4e8e 10',\n validator: (value) => value < 10 ? '\u5fc5\u586b\u9009\u9879\uff01' : null,\n children: <Slider />\n },\n }}\n >\n {({ fields, state, canSubmit }) => {\n console.log('state:', state)\n return (\n <div>\n <Row gutter={10}>\n <Col style={{ maxWidth: 300 }}>{fields.age}</Col>\n <Col>{state.current.age}</Col>\n </Row>\n <Row>\n <Col fixed>\n <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n </Col>\n </Row>\n <Row>\n <Col>\n <pre style={{ padding: 10, marginTop: 10 }}>\n {JSON.stringify(state.current, null, 2)}\n </pre>\n </Col>\n </Row>\n </div>\n )\n }}\n </Form>\n </div>\n)\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u63a7\u5236\u63d0\u793a\u663e\u793a\n\n\u901a\u8fc7\u8bbe\u7f6e `tooltip` \u7684\u503c\uff0c\u6765\u63a7\u5236\u63d0\u793a\u7684\u663e\u793a\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider } from 'uiw';\n\nfunction Demo() {\n return (\n <div>\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>true</b>\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u663e\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip />\n <Divider />\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>null</b>\uff0c\u63d0\u793a\u5c06\u59cb\u7ec8\u4e0d\u663e\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={null} />\n <Divider />\n <div>\u8bbe\u7f6e tooltip \u503c\u4e3a <b>false</b>\uff0c\u9f20\u6807\u7ecf\u8fc7\u663e\u793a\u63d0\u793a\u3002</div>\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={false} />\n </div>\n )\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u523b\u5ea6\n\n\u901a\u8fc7 `step` \u8bbe\u7f6e\u6216\u8fd4\u56de\u6bcf\u6b21\u62d6\u52a8\u6ed1\u5757\u63a7\u4ef6\u65f6\u7684\u9012\u589e\u91cf\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n value4: [10, 40],\n };\n }\n render() {\n return (\n <div>\n <div>\u523b\u5ea6 <b>step=10</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value}</b></div>\n <Slider\n step={10}\n max={200}\n dots\n value={this.state.value}\n style={{ maxWidth: 460 }}\n onChange={(value)=> {\n this.setState({ value });\n }}\n />\n <Divider />\n <div>\u523b\u5ea6 <b>step=0.5</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value2}</b></div>\n <Slider\n min={0}\n max={2}\n step={0.5}\n dots\n value={this.state.value2}\n style={{ maxWidth: 460 }}\n onChange={(value2)=> {\n this.setState({ value2 });\n }}\n />\n <Divider />\n <div>\u523b\u5ea6 <b>step=3</b>\uff0c\u8bbe\u7f6e <b>dots=false</b> \u4e0d\u663e\u793a\u523b\u5ea6 \u5f53\u524d\u503c\uff1a<b>{this.state.value3}</b></div>\n <Slider\n value={26}\n min={20}\n max={40}\n step={2}\n value={this.state.value3}\n style={{ maxWidth: 260 }}\n onChange={(value3)=> {\n this.setState({ value3 });\n }}\n />\n <Divider />\n <div>\u503c <b>value=[10, 40]</b> \uff0c\u5fc5\u987b\u8bbe\u7f6e<b>range=true</b>\uff0c\u53d6\u503c\u8303\u56f4\uff1a<b>{this.state.value4[0]} ~ {this.state.value4[1]}</b></div>\n <Slider value={this.state.value4} style={{ maxWidth: 260 }}\n onChange={(value4)=> {\n this.setState({ value4 });\n }}\n />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u6807\u8bb0\u523b\u5ea6\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n value: 20,\n value2: 1.5,\n value3: 20,\n };\n }\n render() {\n return (\n <div>\n <div>\u523b\u5ea6 <b>step=2</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value}</b></div>\n <Slider\n min={-10}\n max={30}\n step={2}\n dots\n value={this.state.value}\n marks={{\n [-10]: '-10\xb0C',\n [-2]: '-2\xb0C',\n 0: {\n style: { color: '#af00ff' },\n },\n 30: {\n style: { color: '#ff7c00' },\n label: <strong>30\xb0C</strong>,\n }\n }}\n renderMarks={(mark) => `${mark}\xb0C`}\n onChange={(value)=> {\n this.setState({ value });\n }}\n />\n <div>\u523b\u5ea6 <b>step=0.5</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value2}</b></div>\n <Slider\n min={0}\n max={2}\n step={0.5}\n dots\n marks\n value={this.state.value2}\n style={{ maxWidth: 460 }}\n onChange={(value2)=> {\n this.setState({ value2 });\n }}\n />\n <div>\u523b\u5ea6 <b>step=3</b> \u5f53\u524d\u503c\uff1a<b>{this.state.value3}</b></div>\n <Slider\n value={26}\n min={20}\n max={44}\n step={2}\n dots\n marks\n value={this.state.value3}\n style={{ maxWidth: 260 }}\n onChange={(value3)=> {\n console.log('value5:', value3);\n this.setState({ value3 });\n }}\n />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u7981\u7528\u6837\u5f0f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Slider, Divider} from 'uiw';\n\nclass Demo extends React.Component {\n render() {\n return (\n <div>\n <Slider value={25} disabled style={{ maxWidth: 260 }} />\n <Divider />\n <Slider\n step={10}\n disabled\n dots\n value={50}\n style={{ maxWidth: 260 }}\n />\n <Divider />\n <Slider disabled step={2} value={26} min={20} max={44} dots marks />\n </div>\n )\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5782\u76f4\u65b9\u5411\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Row, Col, Slider } from 'uiw';\n\nclass Demo extends React.Component {\n render() {\n return (\n <Row>\n <Col fixed style={{ width: 70 }}>\n <Slider\n vertical\n min={-10}\n max={30}\n step={2}\n dots\n value={20}\n marks={{\n [-10]: '-10\xb0C',\n [-2]: '-2\xb0C',\n 0: ' ',\n 2: {\n style: { color: '#af00ff' },\n },\n 30: {\n style: { color: '#ff7c00' },\n label: <strong>30\xb0C</strong>,\n }\n }}\n style={{ height: 260 }}\n renderMarks={(mark) => `${mark}\xb0C`}\n />\n </Col>\n <Col fixed>\n <Slider vertical value={25} style={{ height: 260 }} />\n </Col>\n <Col fixed>\n <Slider vertical value={62} progress={false} tooltip style={{ height: 260 }} />\n </Col>\n <Col fixed>\n <Slider vertical value={50} step={10} dots style={{ height: 260 }} />\n </Col>\n <Col fixed>\n <Slider vertical step={2} value={[26, 40]} min={20} max={44} dots marks style={{ height: 260 }} />\n </Col>\n </Row>\n );\n }\n}\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Props\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| value \| \u9009\u62e9\u7684\u6570\u503c\uff0c\u4e3a\u6570\u7ec4\u65f6\u5373\u53ef\u5f00\u542f\u8303\u56f4\u9009\u62e9\uff0c\u5e76\u4e14\u6307\u5b9a\u8303\u56f4\uff0c`@3.0.0+` \u901a\u8fc7\u5224\u65ad\u662f\u5426\u4e3a\u6570\u7ec4\uff0c\u5c55\u793a\u53cc\u6ed1\u5757 \| Number/Number[] \| `0` \|\n\| min \| \u6700\u5c0f\u503c \| Number \| `0` \|\n\| max \| \u6700\u5927\u503c \| Number \| `100` \|\n\| dots \| \u663e\u793a `step` \u95f4\u65ad\u70b9\uff0c\u5efa\u8bae\u5728 `step` \u95f4\u9694\u4e0d\u5bc6\u96c6\u65f6\u4f7f\u7528 \| Number \| `false` \|\n\| marks \| \u523b\u5ea6\u6807\u8bb0\uff0c`key` \u7684\u7c7b\u578b\u5fc5\u987b\u4e3a `number` \u4e14\u53d6\u503c\u5728\u95ed\u533a\u95f4 `min`, `max` \u5185\uff0c\u6bcf\u4e2a\u6807\u7b7e\u53ef\u4ee5\u5355\u72ec\u8bbe\u7f6e\u6837\u5f0f\uff0c\u5f53\u503c\u4e3a `Boolean` \u503c\u65f6\u8868\u793a\u662f\u5426\u663e\u793a\u523b\u5ea6 \| Object/Boolean \| - \|\n\| renderMarks \| \u523b\u5ea6\u6807\u8bb0\u6e32\u67d3 \| Function(mark) => String \| - \| \n\| step \| \u8bbe\u7f6e\u6216\u8fd4\u56de\u6bcf\u6b21\u62d6\u52a8\u6ed1\u5757\u63a7\u4ef6\u65f6\u7684\u9012\u589e\u91cf\uff0c\u89c4\u5b9a\u5408\u6cd5\u6570\u5b57\u95f4\u9694\uff08\u5982\u679c `step={3}`\uff0c\u5219\u5408\u6cd5\u6570\u5b57\u662f `0`,`3`,`6`\uff0c\u4ee5\u6b64\u7c7b\u63a8\uff09 \| Number \| `1` \|\n\| ~~range~~ \| \u26a0\ufe0f(`@3.0.0+` \u79fb\u9664\u4e86\u6b64\u5c5e\u6027) \u5f53 range \u4e3a true \u65f6\uff0c\u6e32\u67d3\u4e3a\u53cc\u6ed1\u5757, `2.x` \u7248\u672c\u652f\u6301\uff0c\u65b0\u7248\u672c\u901a\u8fc7\u5224\u65ad `value` \u662f\u5426\u4e3a\u6570\u7ec4\u6765\u652f\u6301\u53cc\u6ed1\u5757 \| Boolean \| `false` \|\n\| disabled \| \u662f\u5426\u7981\u7528 \| Boolean \| `false` \|\n\| progress \| \u663e\u793a\u6ed1\u52a8\u7684\u8fdb\u5ea6\u6761\uff0c\u8bbe\u4e3a `false` \u4e0d\u663e\u793a\u8fdb\u5ea6\u6761\uff0c\u8bbe\u4e3a\u4e3a\u989c\u8272\u503c\uff0c\u5c06\u8fdb\u5ea6\u6761\u8bbe\u4e3a\u4e0d\u540c\u7684\u989c\u8272 \| Boolean/String \| `true` \|\n\| vertical \| \u503c\u4e3a `true` \u65f6\uff0c`Slider` \u4e3a\u5782\u76f4\u65b9\u5411\u3002 \| Boolean \| `false` \|\n\| tooltip \| \u662f\u5426\u663e\u793a\u63d0\u793a\uff0c\u82e5\u8bbe\u7f6e\u4e3a `true` \u63d0\u793a\u59cb\u7ec8\u663e\u793a\uff0c\u82e5\u8bbe\u7f6e\u4e3a `null` \u5c06\u59cb\u7ec8\u4e0d\u663e\u793a\u63d0\u793a\u3002 \| Boolean \| `false` \|\n\| onChange \| \u503c\u6539\u53d8\u65f6\u89e6\u53d1 \| Function(value) \| - \|"}}]);
2	- //# sourceMappingURL=2692.db178ecc.chunk.js.map

package/web/static/js/2692.db178ecc.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2692.db178ecc.chunk.js","mappings":"gHAAA","sources":["../../packages/react-slider/README.md"],"sourcesContent":["export default \"Slider 滑块输入条\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-slider/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-slider.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-slider)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-slider.svg?label=@uiw/react-slider)](https://npmjs.com/@uiw/react-slider)\\n\\n通过拖动滑块在一个固定区间内进行选择，效果比 [`input`](https://www.w3.org/wiki/HTML/Elements/input/range) 类型为 [`range`](https://www.w3.org/wiki/HTML/Elements/input/range) 的功能丰富。\\n\\n```jsx\\nimport { Slider } from 'uiw';\\n// or\\nimport Slider from '@uiw/react-slider';\\n```\\n\\n### 基本用法\\n\\n按钮样式的单选组合。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider } from 'uiw';\\n\\nfunction Demo() {\\n const [value, setValue] = React.useState(20);\\n const [value2, setValue2] = React.useState(-5);\\n const [value3, setValue3] = React.useState([10, 50]);\\n return (\\n <div>\\n <Slider\\n value={value}\\n style={{ maxWidth: 360 }}\\n onChange={(value)=> setValue(value)}\\n />\\n <div>设置 progress 值为 <b>\\\"false\\\"</b> 不显示进度条</div>\\n <Slider\\n progress={false}\\n value={value}\\n style={{ maxWidth: 360, marginTop: 30 }}\\n onChange={(value)=> setValue(value)}\\n />\\n <div>设置 progress 值为 <b>\\\"#dc3545\\\"</b> 这是一个颜色值，设置进度条颜色</div>\\n <Slider\\n // progress={false}\\n progress=\\\"#dc3545\\\"\\n value={value}\\n style={{ maxWidth: 360, marginTop: 30 }}\\n onChange={(value)=> setValue(value)}\\n />\\n <div>当前值：<b>{value}</b></div>\\n <Divider />\\n <Slider\\n min={-10}\\n max={30}\\n value={value2}\\n style={{ maxWidth: 260 }}\\n onChange={(val)=> setValue2(val)}\\n />\\n <div>可选 -10~30值范围：<b>{value2}</b></div>\\n <Divider />\\n <Slider value={value3} style={{ maxWidth: 260 }}\\n onChange={(val)=> setValue3(val)}\\n />\\n <div>取值范围：<b>{value3[0]} ~ {value3[1]}</b></div>\\n </div>\\n )\\n}\\n\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 在表单中使用\\n\\n在 [`<Form />`](#/components/form) 表单中应用 [`<Slider />`](#/components/slider) 组件，需要设置 `initialValue` 初始值。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Form, Row, Col, Slider, Button, Notify } from 'uiw';\\n\\nconst Demo = () => (\\n <div>\\n <Form\\n onSubmit={({initial, current}) => {\\n if(current.age === initial.age) {\\n Notify.error({\\n title: '提交失败！',\\n description: `表单提交年龄失败，年龄为：${current.age}，与初始化值是一样滴！`,\\n });\\n } else {\\n Notify.success({\\n title: '提交成功！',\\n description: `表单提交年龄成功，年龄为：${current.age}，将自动填充初始化值！`,\\n });\\n }\\n }}\\n fields={{\\n age: {\\n initialValue: 0,\\n inline: true,\\n label: '年龄',\\n help: '值必须大于 10',\\n validator: (value) => value < 10 ? '必填选项！' : null,\\n children: <Slider />\\n },\\n }}\\n >\\n {({ fields, state, canSubmit }) => {\\n console.log('state:', state)\\n return (\\n <div>\\n <Row gutter={10}>\\n <Col style={{ maxWidth: 300 }}>{fields.age}</Col>\\n <Col>{state.current.age}</Col>\\n </Row>\\n <Row>\\n <Col fixed>\\n <Button disabled={!canSubmit()} type=\\\"primary\\\" htmlType=\\\"submit\\\">提交</Button>\\n </Col>\\n </Row>\\n <Row>\\n <Col>\\n <pre style={{ padding: 10, marginTop: 10 }}>\\n {JSON.stringify(state.current, null, 2)}\\n </pre>\\n </Col>\\n </Row>\\n </div>\\n )\\n }}\\n </Form>\\n </div>\\n)\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 控制提示显示\\n\\n通过设置 `tooltip` 的值，来控制提示的显示。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider } from 'uiw';\\n\\nfunction Demo() {\\n return (\\n <div>\\n <div>设置 tooltip 值为 <b>true</b>，提示将始终显示。</div>\\n <Slider value={25} style={{ maxWidth: 260 }} tooltip />\\n <Divider />\\n <div>设置 tooltip 值为 <b>null</b>，提示将始终不显示。</div>\\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={null} />\\n <Divider />\\n <div>设置 tooltip 值为 <b>false</b>，鼠标经过显示提示。</div>\\n <Slider value={25} style={{ maxWidth: 260 }} tooltip={false} />\\n </div>\\n )\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 刻度\\n\\n通过 `step` 设置或返回每次拖动滑块控件时的递增量。\\n\\n\\n```jsx\\nimport React from 'react';\\nimport ReactDOM from 'react-dom';\\nimport { Slider, Divider} from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n value: 20,\\n value2: 1.5,\\n value3: 20,\\n value4: [10, 40],\\n };\\n }\\n render() {\\n return (\\n <div>\\n <div>刻度 <b>step=10</b> 当前值：<b>{this.state.value}</b></div>\\n <Slider\\n step={10}\\n max={200}\\n dots\\n value={this.state.value}\\n style={{ maxWidth: 460 }}\\n onChange={(value)=> {\\n this.setState({ value });\\n }}\\n />\\n <Divider />\\n <div>刻度 <b>step=0.5</b> 当前值：<b>{this.state.value2}</b></div>\\n <Slider\\n min={0}\\n max={2}\\n step={0.5}\\n dots\\n value={this.state.value2}\\n style={{ maxWidth: 460 }}\\n onChange={(value2)=> {\\n this.setState({ value2 });\\n }}\\n />\\n <Divider />\\n <div>刻度 <b>step=3</b>，设置 <b>dots=false</b> 不显示刻度当前值：<b>{this.state.value3}</b></div>\\n <Slider\\n value={26}\\n min={20}\\n max={40}\\n step={2}\\n value={this.state.value3}\\n style={{ maxWidth: 260 }}\\n onChange={(value3)=> {\\n this.setState({ value3 });\\n }}\\n />\\n <Divider />\\n <div>值 <b>value=[10, 40]</b> ，必须设置<b>range=true</b>，取值范围：<b>{this.state.value4[0]} ~ {this.state.value4[1]}</b></div>\\n <Slider value={this.state.value4} style={{ maxWidth: 260 }}\\n onChange={(value4)=> {\\n this.setState({ value4 });\\n }}\\n />\\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 { Slider, Divider} from 'uiw';\\n\\nclass Demo extends React.Component {\\n constructor(props) {\\n super(props);\\n this.state = {\\n value: 20,\\n value2: 1.5,\\n value3: 20,\\n };\\n }\\n render() {\\n return (\\n <div>\\n <div>刻度 <b>step=2</b> 当前值：<b>{this.state.value}</b></div>\\n <Slider\\n min={-10}\\n max={30}\\n step={2}\\n dots\\n value={this.state.value}\\n marks={{\\n [-10]: '-10°C',\\n [-2]: '-2°C',\\n 0: {\\n style: { color: '#af00ff' },\\n },\\n 30: {\\n style: { color: '#ff7c00' },\\n label: <strong>30°C</strong>,\\n }\\n }}\\n renderMarks={(mark) => `${mark}°C`}\\n onChange={(value)=> {\\n this.setState({ value });\\n }}\\n />\\n <div>刻度 <b>step=0.5</b> 当前值：<b>{this.state.value2}</b></div>\\n <Slider\\n min={0}\\n max={2}\\n step={0.5}\\n dots\\n marks\\n value={this.state.value2}\\n style={{ maxWidth: 460 }}\\n onChange={(value2)=> {\\n this.setState({ value2 });\\n }}\\n />\\n <div>刻度 <b>step=3</b> 当前值：<b>{this.state.value3}</b></div>\\n <Slider\\n value={26}\\n min={20}\\n max={44}\\n step={2}\\n dots\\n marks\\n value={this.state.value3}\\n style={{ maxWidth: 260 }}\\n onChange={(value3)=> {\\n console.log('value5:', value3);\\n this.setState({ value3 });\\n }}\\n />\\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 { Slider, Divider} from 'uiw';\\n\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <div>\\n <Slider value={25} disabled style={{ maxWidth: 260 }} />\\n <Divider />\\n <Slider\\n step={10}\\n disabled\\n dots\\n value={50}\\n style={{ maxWidth: 260 }}\\n />\\n <Divider />\\n <Slider disabled step={2} value={26} min={20} max={44} dots marks />\\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 { Row, Col, Slider } from 'uiw';\\n\\nclass Demo extends React.Component {\\n render() {\\n return (\\n <Row>\\n <Col fixed style={{ width: 70 }}>\\n <Slider\\n vertical\\n min={-10}\\n max={30}\\n step={2}\\n dots\\n value={20}\\n marks={{\\n [-10]: '-10°C',\\n [-2]: '-2°C',\\n 0: ' ',\\n 2: {\\n style: { color: '#af00ff' },\\n },\\n 30: {\\n style: { color: '#ff7c00' },\\n label: <strong>30°C</strong>,\\n }\\n }}\\n style={{ height: 260 }}\\n renderMarks={(mark) => `${mark}°C`}\\n />\\n </Col>\\n <Col fixed>\\n <Slider vertical value={25} style={{ height: 260 }} />\\n </Col>\\n <Col fixed>\\n <Slider vertical value={62} progress={false} tooltip style={{ height: 260 }} />\\n </Col>\\n <Col fixed>\\n <Slider vertical value={50} step={10} dots style={{ height: 260 }} />\\n </Col>\\n <Col fixed>\\n <Slider vertical step={2} value={[26, 40]} min={20} max={44} dots marks style={{ height: 260 }} />\\n </Col>\\n </Row>\\n );\\n }\\n}\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Props\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| value | 选择的数值，为数组时即可开启范围选择，并且指定范围，`@3.0.0+` 通过判断是否为数组，展示双滑块 | Number/Number[] | `0` |\\n| min | 最小值 | Number | `0` |\\n| max | 最大值 | Number | `100` |\\n| dots | 显示 `step` 间断点，建议在 `step` 间隔不密集时使用 | Number | `false` |\\n| marks | 刻度标记，`key` 的类型必须为 `number` 且取值在闭区间 `min`, `max` 内，每个标签可以单独设置样式，当值为 `Boolean` 值时表示是否显示刻度 | Object/Boolean | - |\\n| renderMarks | 刻度标记渲染 | Function(mark) => String | - | \\n| step | 设置或返回每次拖动滑块控件时的递增量，规定合法数字间隔（如果 `step={3}`，则合法数字是 `0`,`3`,`6`，以此类推） | Number | `1` |\\n| ~~range~~ | ⚠️(`@3.0.0+` 移除了此属性) 当 range 为 true 时，渲染为双滑块, `2.x` 版本支持，新版本通过判断 `value` 是否为数组来支持双滑块 | Boolean | `false` |\\n| disabled | 是否禁用 | Boolean | `false` |\\n| progress | 显示滑动的进度条，设为 `false` 不显示进度条，设为为颜色值，将进度条设为不同的颜色 | Boolean/String | `true` |\\n| vertical | 值为 `true` 时，`Slider` 为垂直方向。 | Boolean | `false` |\\n| tooltip | 是否显示提示，若设置为 `true` 提示始终显示，若设置为 `null` 将始终不显示提示。 | Boolean | `false` |\\n| onChange | 值改变时触发 | Function(value) | - |\";"],"names":[],"sourceRoot":""}

package/web/static/js/2737.fff08645.chunk.js DELETED Viewed

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

package/web/static/js/2737.fff08645.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2737.fff08645.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/progress/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 { Progress } 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-progress/README.md\"\n dependencies={{ Progress }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-progress/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Progress","md","default"],"sourceRoot":""}

package/web/static/js/2782.c9a5d5bc.chunk.js DELETED Viewed

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

package/web/static/js/2782.c9a5d5bc.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2782.c9a5d5bc.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/descriptions/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 { Descriptions, Divider, Badge, Radio, RadioGroup } 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-descriptions/README.md\"\n dependencies={{ Descriptions, Divider, Badge, Radio, RadioGroup }}\n renderPage={async () => {\n const md = await import('uiw/node_modules/@uiw/react-descriptions/README.md');\n return md.default || md;\n }}\n />\n );\n}\n"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","id","module","exports","Code","version","dependencies","codePen","codeSandbox","other","props","codePenOption","title","includeModule","js","replace","html","css_external","js_external","codeSandboxOption","files","content","name","description","react","uiw","devDependencies","kkt","license","scripts","start","build","test","browserslist","style","marginBottom","path","url","Fragment","href","target","rel","Divider","type","getCodeStr","data","forEach","node","value","children","Array","isArray","CreatePage","renderPage","useState","mdStr","setMdStr","pkg","useEffect","then","str","catch","source","className","styles","components","inline","noPreview","bordered","noScroll","bgWhite","noCode","config","Object","filter","undefined","length","Footer","Page","Descriptions","Badge","Radio","RadioGroup","md","default"],"sourceRoot":""}

package/web/static/js/2795.45c184a0.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2795],{2795:function(n,o,t){t.r(o),o.default='Grid \u5220\u683c\n===\n\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-grid/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-grid.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-grid)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?label=@uiw/react-grid)](https://npmjs.com/@uiw/react-grid)\n\n\u57fa\u4e8e `flex` \u6805\u683c\u7cfb\u7edf\u3002\n\n```jsx\nimport { Row, Col } from \'uiw\';\n// or\nimport { Row, Col } from \'@uiw/react-grid\';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <Row>\n <Col fixed style={{ width: 150 }}> <Box num="1" background="#A5A5A5" /> </Col>\n <Col grow={2}> <Box num="2" background="#dedede" /> </Col>\n <Col grow={1}> <Box num="3" background="#A5A5A5" /> </Col>\n </Row>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Gutter\n\n\u6805\u683c\u95f4\u9694\uff0c\u53ef\u4ee5\u5199\u6210\u50cf\u7d20\u503c\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: \'center\', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\n\nReactDOM.render(\n <div>\n <Row gutter={10}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n <Row style={{ marginTop: 10 }}>\n <Col> <Blank background="#A5A5A5" num={1}/> </Col>\n <Col> <Blank background="#dedede" num={2}/> </Col>\n <Col> <Blank background="#A5A5A5" num={3}/> </Col>\n </Row>\n </div>,\n _mount_\n);\n```\n\n### Flex \u884c\u8bbe\u7f6e\u5217\u5bf9\u9f50\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst colStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="center" align="top" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" align="middle" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" align="bottom" style={colStyl}>\n <Col span="2"> <Blank height={35} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n <Row gutter={10} justify="center" align="baseline" style={{ ...colStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank height={85} style={{ lineHeight: \'85px\' }} num={1}/> </Col>\n <Col span="2"> <Blank height={50} num={2}/> </Col>\n <Col span="2"> <Blank height={70} num={3}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### Flex \u5217\u5bf9\u9f50\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{height: 130}}>\n <Col align="top"> <Blank num={1}/> </Col>\n <Col align="middle"> <Blank num={2}/> </Col>\n <Col align="bottom"> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u5bf9\u9f50\u5185\u5bb9\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst rowStyl = { backgroundColor: \'rgba(230, 230, 230, 0.67)\', marginBottom: 10 }\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} justify="flex-start" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="center" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="flex-end" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-between" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-around" style={rowStyl}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} justify="space-evenly" style={{...rowStyl, marginBottom: 0 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### 24\u5220\u683c\n\n\u53ef\u4ee5\u901a\u8fc7\u6307\u5b9a `24` \u5217\u4e2d\u6bcf\u5217\u7684\u5bbd\u5ea6\u6765\u521b\u5efa\u57fa\u672c\u7f51\u683c\u7cfb\u7edf\u3002\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, height, width, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="2"> <Blank num={1}/> </Col>\n <Col span="2"> <Blank num={2}/> </Col>\n <Col span="2"> <Blank num={3}/> </Col>\n <Col span="2"> <Blank num={4}/> </Col>\n <Col span="2"> <Blank num={5}/> </Col>\n <Col span="2"> <Blank num={6}/> </Col>\n <Col span="2"> <Blank num={7}/> </Col>\n <Col span="2"> <Blank num={8}/> </Col>\n <Col span="2"> <Blank num={9}/> </Col>\n <Col span="2"> <Blank num={10}/> </Col>\n <Col span="2"> <Blank num={11}/> </Col>\n <Col span="2"> <Blank num={12}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="16"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col span="8"> <Blank num={1}/> </Col>\n <Col span="8"> <Blank num={2}/> </Col>\n <Col span="8"> <Blank num={3}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col span="12"> <Blank num={1}/> </Col>\n <Col span="12"> <Blank num={2}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n### \u52a8\u6001\u5217\u589e\u957f\n\n\x3c!--rehype:bgWhite=true&codeSandbox=true&codePen=true--\x3e\n```jsx\nimport ReactDOM from \'react-dom\';\nimport { Row, Col } from \'uiw\';\n\nconst Blank = ({ num, style, background = \'#2EA3F4\' }) => <div style={{ ...style, textAlign: \'center\', color: \'#fff\', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\nconst Demo = () => (\n <div>\n <Row gutter={10} style={{ marginBottom: 10 }}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n </Row>\n <Row gutter={10}>\n <Col> <Blank num={1}/> </Col>\n <Col grow={2}> <Blank num={2}/> </Col>\n <Col grow={5}> <Blank num={3}/> </Col>\n </Row>\n </div>\n);\nReactDOM.render(<Demo />, _mount_);\n```\n\n## Row\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| gutter \| \u6805\u683c\u95f4\u9694\u95f4\u8ddd \| number \| - \|\n\| justify \| flex \u5e03\u5c40\u4e0b\u7684\u6c34\u5e73\u6392\u5217\u65b9\u5f0f \| Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} \| - \|\n\| align \| flex \u5e03\u5c40\u4e0b\u7684\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f \| Enum{`top`, `middle`, `bottom`, `baseline`} \| - \|\n\n\n## Col\n\n\| \u53c2\u6570 \| \u8bf4\u660e \| \u7c7b\u578b \| \u9ed8\u8ba4\u503c \|\n\|--------- \|-------- \|--------- \|-------- \|\n\| fixed \| \u5982\u679c\u4e3a `true`\uff0c\u5219\u5217\u5bbd\u56fa\u5b9a\u4e3a\u5176\u5185\u5bb9\u7684\u5bbd\u5ea6 \| boolean \| - \|\n\| grow \| \u5217\u7684\u5bbd\u5ea6\u76f8\u5bf9\u4e8e\u540c\u4e00\u7f51\u683c\u4e2d\u5176\u4ed6\u5217\u7684\u6bd4\u7387 \| number \| - \|\n\| align \| \u7f51\u683c\u4e2d\u5217\u7684\u5bf9\u9f50\u65b9\u5f0f \| Enum{`top`, `middle`, `bottom`, `baseline`} \| - \|'}}]);
2	- //# sourceMappingURL=2795.45c184a0.chunk.js.map

package/web/static/js/2795.45c184a0.chunk.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"static/js/2795.45c184a0.chunk.js","mappings":"+GAAA","sources":["../../packages/react-grid/README.md"],"sourcesContent":["export default \"Grid 删格\\n===\\n\\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-grid/file/README.md)\\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-grid.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-grid)\\n[![npm version](https://img.shields.io/npm/v/@uiw/react-grid.svg?label=@uiw/react-grid)](https://npmjs.com/@uiw/react-grid)\\n\\n基于 `flex` 栅格系统。\\n\\n```jsx\\nimport { Row, Col } from 'uiw';\\n// or\\nimport { Row, Col } from '@uiw/react-grid';\\n```\\n\\n### 基础用法\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Box = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <Row>\\n <Col fixed style={{ width: 150 }}> <Box num=\\\"1\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n <Col grow={2}> <Box num=\\\"2\\\" background=\\\"#dedede\\\" /> </Col>\\n <Col grow={1}> <Box num=\\\"3\\\" background=\\\"#A5A5A5\\\" /> </Col>\\n </Row>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### Gutter\\n\\n栅格间隔，可以写成像素值\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background }) => <div style={{ ...style, textAlign: 'center', paddingTop: 5,paddingBottom: 5, background, width, height}}>Col {num}</div>\\n\\nReactDOM.render(\\n <div>\\n <Row gutter={10}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n <Row style={{ marginTop: 10 }}>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={1}/> </Col>\\n <Col> <Blank background=\\\"#dedede\\\" num={2}/> </Col>\\n <Col> <Blank background=\\\"#A5A5A5\\\" num={3}/> </Col>\\n </Row>\\n </div>,\\n _mount_\\n);\\n```\\n\\n### Flex 行设置列对齐\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst colStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"top\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" align=\\\"middle\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" align=\\\"bottom\\\" style={colStyl}>\\n <Col span=\\\"2\\\"> <Blank height={35} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" align=\\\"baseline\\\" style={{ ...colStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank height={85} style={{ lineHeight: '85px' }} num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={50} num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank height={70} num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### Flex 列对齐\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{height: 130}}>\\n <Col align=\\\"top\\\"> <Blank num={1}/> </Col>\\n <Col align=\\\"middle\\\"> <Blank num={2}/> </Col>\\n <Col align=\\\"bottom\\\"> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 对齐内容\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst rowStyl = { backgroundColor: 'rgba(230, 230, 230, 0.67)', marginBottom: 10 }\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} justify=\\\"flex-start\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"center\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"flex-end\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-between\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-around\\\" style={rowStyl}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} justify=\\\"space-evenly\\\" style={{...rowStyl, marginBottom: 0 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 24删格\\n\\n可以通过指定 `24` 列中每列的宽度来创建基本网格系统。\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, height, width, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background, width, height}}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"2\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={3}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={4}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={5}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={6}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={7}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={8}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={9}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={10}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={11}/> </Col>\\n <Col span=\\\"2\\\"> <Blank num={12}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"16\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col span=\\\"8\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={2}/> </Col>\\n <Col span=\\\"8\\\"> <Blank num={3}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col span=\\\"12\\\"> <Blank num={1}/> </Col>\\n <Col span=\\\"12\\\"> <Blank num={2}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n### 动态列增长\\n\\n\\n```jsx\\nimport ReactDOM from 'react-dom';\\nimport { Row, Col } from 'uiw';\\n\\nconst Blank = ({ num, style, background = '#2EA3F4' }) => <div style={{ ...style, textAlign: 'center', color: '#fff', paddingTop: 5, paddingBottom: 5, background }}>Col {num}</div>\\nconst Demo = () => (\\n <div>\\n <Row gutter={10} style={{ marginBottom: 10 }}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n </Row>\\n <Row gutter={10}>\\n <Col> <Blank num={1}/> </Col>\\n <Col grow={2}> <Blank num={2}/> </Col>\\n <Col grow={5}> <Blank num={3}/> </Col>\\n </Row>\\n </div>\\n);\\nReactDOM.render(<Demo />, _mount_);\\n```\\n\\n## Row\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| gutter | 栅格间隔间距 | number | - |\\n| justify | flex 布局下的水平排列方式 | Enum{`flex-start`, `flex-end`, `center`, `space-between`, `space-around`, `space-evenly`} | - |\\n| align | flex 布局下的垂直对齐方式 | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\\n\\n\\n## Col\\n\\n| 参数 | 说明 | 类型 | 默认值 |\\n|--------- |-------- |--------- |-------- |\\n| fixed | 如果为 `true`，则列宽固定为其内容的宽度 | boolean | - |\\n| grow | 列的宽度相对于同一网格中其他列的比率 | number | - |\\n| align | 网格中列的对齐方式 | Enum{`top`, `middle`, `bottom`, `baseline`} | - |\";"],"names":[],"sourceRoot":""}

package/web/static/js/2926.f11fdc77.chunk.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite\|\|[]).push([[2926],{2926:function(t,e,a){a.r(e),e.default="\u6269\u5c55\n===\n\n\u5728\u5f00\u53d1\u4ea7\u54c1\u8fc7\u7a0b\u4e2d\u6211\u4eec\u79ef\u7d2f\u4e86\u4e00\u4e9b\u5de5\u5177\u548c\u6269\u5c55\uff0c\u90e8\u5206\u57fa\u4e8e uiw \u7ec4\u4ef6\u5e93\u6269\u5c55\uff0c\u8fd8\u6709\u4e00\u4e9b\u5b8c\u5168\u4e0d\u4f9d\u8d56\u7ec4\u4ef6\u5e93\uff0c\u8fd9\u4e9b\u7ec4\u4ef6\u5e93\u5e76\u4e0d\u5305\u542b\u5728 [@uiw](https://github.com/uiwjs/uiw) \u7ec4\u4ef6\u5e93\u4e2d\uff0c\u4f60\u53ef\u4ee5\u6839\u636e\u9700\u6c42\u9009\u62e9\u5b89\u88c5\u4f7f\u7528\u3002\n\n\u540d\u79f0 \| \u7248\u672c \| \u4f9d\u8d56 \| \u9884\u89c8 \| \u63cf\u8ff0\n---- \| ---- \| ---- \| ---- \| ----\n[@uiw/reset.css](https://github.com/uiwjs/reset-css) \| [![](https://img.shields.io/npm/v/@uiw/reset.css.svg)](https://www.npmjs.com/package/@uiw/reset.css) \| - \| - \| \u4e00\u4e2a\u5fae\u5c0f\u7684\u73b0\u4ee3 CSS \u91cd\u7f6e\u3002\n[@uiw/copy-to-clipboard](https://github.com/uiwjs/copy-to-clipboard) \| [![](https://img.shields.io/npm/v/@uiw/copy-to-clipboard.svg)](https://www.npmjs.com/package/@uiw/copy-to-clipboard) \| - \| - \| \u5728\u73b0\u4ee3\u6d4f\u89c8\u5668\u4e2d\u5c06\u6587\u672c\u590d\u5236\u5230\u526a\u8d34\u677f\u3002\n[@uiw/react-md-editor](https://github.com/uiwjs/react-md-editor) \| [![](https://img.shields.io/npm/v/@uiw/react-md-editor.svg)](https://www.npmjs.com/package/@uiw/react-md-editor) \| - \| [demo](https://uiwjs.github.io/react-md-editor/) \| \u4e00\u4e2a\u7b80\u5355\u7684\u5e26\u6709\u9884\u89c8\u7684 Markdown \u7f16\u8f91\u5668\uff0c\u4f7f\u7528 React \u548c TypeScript \u5b9e\u73b0\u3002\n[@uiw/react-monacoeditor](https://github.com/jaywcjlove/react-monacoeditor) \| [![](https://img.shields.io/npm/v/@uiw/react-monacoeditor.svg)](https://www.npmjs.com/package/@uiw/react-monacoeditor) \| - \| [demo](https://jaywcjlove.github.io/react-monacoeditor/) \| \u57fa\u4e8e React [@monaco-editor](https://github.com/Microsoft/monaco-editor) \u4ee3\u7801\u7f16\u8f91\u5668\u7ec4\u4ef6\u3002\n[@uiw/react-prismjs](https://github.com/uiwjs/react-prismjs) \| [![](https://img.shields.io/npm/v/@uiw/react-prismjs.svg)](https://www.npmjs.com/package/@uiw/react-prismjs) \| - \| [demo](https://uiwjs.github.io/react-prismjs/) \| React Component for prismjs.\n[@uiw/react-markdown-editor](https://github.com/uiwjs/react-markdown-editor) \| [![](https://img.shields.io/npm/v/@uiw/react-markdown-editor.svg)](https://www.npmjs.com/package/@uiw/react-markdown-editor) \| - \| [demo](https://uiwjs.github.io/react-markdown-editor/) \| \u4e00\u4e2a\u5e26\u6709\u9884\u89c8\u7684 Markdown \u7f16\u8f91\u5668\uff0c\u7531 React.js \u548c TypeScript \u57fa\u4e8e [@CodeMirror](https://github.com/codemirror) \u5b9e\u73b0\u3002\n[@uiw/react-textarea-code-editor](https://github.com/uiwjs/react-textarea-code-editor) \| [![](https://img.shields.io/npm/v/@uiw/react-textarea-code-editor.svg)](https://www.npmjs.com/package/@uiw/react-textarea-code-editor) \| - \| [demo](https://uiwjs.github.io/react-textarea-code-editor/) \| \u5e26\u6709\u8bed\u6cd5\u9ad8\u4eae\u7684\u7b80\u5355\u4ee3\u7801\u7f16\u8f91\u5668\u3002\n[@uiw/react-code-preview](https://github.com/uiwjs/react-code-preview) \| [![](https://img.shields.io/npm/v/@uiw/react-code-preview.svg)](https://www.npmjs.com/package/@uiw/react-code-preview) \| [@uiw/react-split](https://github.com/uiwjs/react-split) \| [demo](https://uiwjs.github.io/react-code-preview/) \| React \u7684 Markdown \u9884\u89c8\uff0c\u96c6\u6210\u4ee3\u7801\u9ad8\u4eae\u3002\n[@uiw/react-markdown-preview](https://github.com/uiwjs/react-markdown-preview) \| [![](https://img.shields.io/npm/v/@uiw/react-markdown-preview.svg)](https://www.npmjs.com/package/@uiw/react-markdown-preview) \| - \| [demo](https://uiwjs.github.io/react-markdown-preview/) \| React \u7684\u4ee3\u7801\u7f16\u8f91\u5b9e\u65f6\u9884\u89c8\u3002\n[@uiw/react-codemirror](https://github.com/uiwjs/react-codemirror) \| [![](https://img.shields.io/npm/v/@uiw/react-codemirror.svg)](https://www.npmjs.com/package/@uiw/react-codemirror) \| - \| [demo](https://uiwjs.github.io/react-codemirror/) \| \u57fa\u4e8e React \u7684 [@CodeMirror](https://github.com/codemirror) \u7ec4\u4ef6\u3002\n[@uiw/react-baidu-map](https://github.com/uiwjs/react-baidu-map) \| [![](https://img.shields.io/npm/v/@uiw/react-baidu-map.svg)](https://www.npmjs.com/package/@uiw/react-baidu-map) \| - \| [demo](https://uiwjs.github.io/react-baidu-map/) \| \u4e00\u4e2a\u57fa\u4e8e React \u5c01\u88c5\u7684\u767e\u5ea6\u5730\u56fe\u7ec4\u4ef6\uff0c\u5e2e\u52a9\u4f60\u8f7b\u677e\u7684\u63a5\u5165\u5730\u56fe\u5230 React \u9879\u76ee\u4e2d\u3002\n[@uiw/react-amap](https://github.com/uiwjs/react-amap) \| [![](https://img.shields.io/npm/v/@uiw/react-amap.svg)](https://www.npmjs.com/package/@uiw/react-amap) \| - \| [demo](https://uiwjs.github.io/react-amap/) \| \u57fa\u4e8e React \u5c01\u88c5\u7684\u9ad8\u5fb7\u5730\u56fe\u7ec4\u4ef6\uff0c\u5e2e\u52a9\u4f60\u8f7b\u677e\u7684\u63a5\u5165\u5730\u56fe\u5230 React \u9879\u76ee\u4e2d\u3002\n[@uiw/react-clock](https://github.com/uiwjs/react-clock) \| [![](https://img.shields.io/npm/v/@uiw/react-clock.svg)](https://www.npmjs.com/package/@uiw/react-clock) \| - \| [demo](https://uiwjs.github.io/react-clock/) \| \u57fa\u4e8e React \u5c01\u88c5\u7684\u59cb\u7ec8\u7ec4\u4ef6\u3002\n[@uiw/react-heat-map](https://github.com/uiwjs/react-heat-map) \| [![](https://img.shields.io/npm/v/@uiw/react-heat-map.svg)](https://www.npmjs.com/package/@uiw/react-heat-map) \| - \| [demo](https://uiwjs.github.io/react-heat-map/) \| HeatMap \u65e5\u5386\u70ed\u56fe\u3002\n[@uiw/react-mac-keyboard](https://github.com/uiwjs/react-mac-keyboard) \| [![](https://img.shields.io/npm/v/@uiw/react-mac-keyboard.svg)](https://www.npmjs.com/package/@uiw/react-mac-keyboard) \| - \| [demo](https://uiwjs.github.io/react-mac-keyboard/) \| Macbook \u952e\u76d8\u6837\u5f0f\u7ec4\u4ef6\u3002\n[@uiw/icons](https://github.com/uiwjs/icons) \| [![](https://img.shields.io/npm/v/@uiw/icons.svg)](https://www.npmjs.com/package/@uiw/icons) \| - \| [demo](https://uiwjs.github.io/icons/) \| \u7ec4\u4ef6\u5e93\u5185\u90e8\u96c6\u6210\u7684\u9ad8\u7ea7\u56fe\u6807\u5b57\u4f53\u3002\n[@uiw/file-icons](https://github.com/uiwjs/file-icons) \| [![](https://img.shields.io/npm/v/@uiw/file-icons.svg)](https://www.npmjs.com/package/@uiw/file-icons) \| - \| [demo](https://uiwjs.github.io/file-icons/) \| \u6587\u4ef6\u6811\u4e2d\u7684\u6587\u4ef6\u56fe\u6807\u5b57\u4f53\u3002\n[@uiw/bootstrap-icons](https://github.com/uiwjs/bootstrap-icons) \| [![](https://img.shields.io/npm/v/@uiw/bootstrap-icons.svg)](https://www.npmjs.com/package/@uiw/bootstrap-icons) \| - \| [demo](https://uiwjs.github.io/bootstrap-icons/) \| \u57fa\u4e8e Bootstrap \u5b98\u65b9\u4f7f\u7528\u7684\u56fe\u6807\u751f\u6210\u7684\u56fe\u6807\u5b57\u4f53\u3002\n[@uiw/react-github-corners](https://github.com/uiwjs/react-github-corners) \| [![](https://img.shields.io/npm/v/@uiw/react-github-corners.svg)](https://www.npmjs.com/package/@uiw/react-github-corners) \| - \| [demo](https://uiwjs.github.io/react-github-corners/) \| GitHub Corners for React.\n[@uiw/react-codesandbox](https://github.com/uiwjs/react-codesandbox) \| [![](https://img.shields.io/npm/v/@uiw/react-codesandbox.svg)](https://www.npmjs.com/package/@uiw/react-codesandbox) \| - \| [demo](https://uiwjs.github.io/react-codesandbox/) \| A React component is provided that allows you to programmatically generate [codesandbox](https://codesandbox.io/) projects from code samples on the fly.\n[@uiw/react-codepen](https://github.com/uiwjs/react-codepen) \| [![](https://img.shields.io/npm/v/@uiw/react-codepen.svg)](https://www.npmjs.com/package/@uiw/react-codepen) \| - \| [demo](https://uiwjs.github.io/react-codepen/) \| A React component is provided that allows you to programmatically generate [codepen](https://codepen.io/) projects from code samples on the fly.\n[@uiw/react-stackblitz](https://github.com/uiwjs/react-stackblitz) \| [![](https://img.shields.io/npm/v/@uiw/react-stackblitz.svg)](https://www.npmjs.com/package/@uiw/react-stackblitz) \| - \| [demo](https://uiwjs.github.io/react-stackblitz/) \| A React component is provided that allows you to programmatically generate [stackblitz](https://stackblitz.com/) projects from code samples on the fly.\n[@uiw/react-shields](https://github.com/uiwjs/react-shields) \| [![](https://img.shields.io/npm/v/@uiw/react-shields.svg)](https://www.npmjs.com/package/@uiw/react-shields) \| - \| [demo](https://uiwjs.github.io/react-shields/) \| Shields.io for react component, Quality metadata badges for open source projects.\n[react-hotkeys](https://github.com/jaywcjlove/react-hotkeys) \| [![](https://img.shields.io/npm/v/react-hot-keys.svg)](https://www.npmjs.com/package/react-hot-keys) \| - \| [demo](https://jaywcjlove.github.io/react-hotkeys/) \| \u57fa\u4e8e [hotkeys](https://github.com/jaywcjlove/hotkeys) \u5c01\u88c5\u7684 React \u7ec4\u4ef6\uff0c\u4fa6\u542c keydown \u548c keyup \u952e\u76d8\u4e8b\u4ef6\uff0c\u5b9a\u4e49\u548c\u8c03\u5ea6\u952e\u76d8\u5feb\u6377\u952e\u3002\n[province-city-china](https://github.com/uiwjs/province-city-china) \| [![](https://img.shields.io/npm/v/province-city-china.svg)](https://www.npmjs.com/package/province-city-china) \| - \| - \| \u6700\u5168\u6700\u65b0\ud83c\udde8\ud83c\uddf3\u4e2d\u56fd\u3010\u7701\u3001\u5e02\u3001\u533a\u53bf\u3001\u4e61\u9547\u8857\u9053\u3011json,csv,sql\u6570\u636e\u3002\n\n## React Native\n\n\u540d\u79f0 \| \u7248\u672c \| \u4f9d\u8d56 \| \u9884\u89c8 \| \u63cf\u8ff0\n---- \| ---- \| ---- \| ---- \| ----\n[@uiw/react-native](https://github.com/uiwjs/react-native-uiw) \| [![](https://img.shields.io/npm/v/@uiw/react-native.svg)](https://www.npmjs.com/package/@uiw/react-native) \| - \| [\u6587\u6863](https://uimjs.github.io/) \| React Native \u7ec4\u4ef6\u5e93\u3002\n[@uiw/react-native-template](https://github.com/uiwjs/react-native-template) \| [![](https://img.shields.io/npm/v/@uiw/react-native-template.svg)](https://www.npmjs.com/package/@uiw/react-native-template) \| - \| - \| React Native \u6a21\u677f\u751f\u6210\u5668\uff0c\u96c6\u6210\u8def\u7531\u3001Redux\u3001Mock API\u7b49\u5de5\u5177\u3002\n[@uiw/react-native-alipay](https://github.com/uiwjs/react-native-alipay) \| [![](https://img.shields.io/npm/v/@uiw/react-native-alipay.svg)](https://www.npmjs.com/package/@uiw/react-native-alipay) \| - \| - \| \u57fa\u4e8e React Native \u7684\u5b9d\u652f\u4ed8\u5305\uff0c\u5df2\u66f4\u65b0\u5230\u6700\u65b0\u7684\u652f\u4ed8\u5b9d SDK \u7248\u672c\uff0c\u652f\u6301Android/iOS\u3002\n[@uiw/react-native-amap-geolocation](https://github.com/uiwjs/react-native-amap-geolocation) \| [![](https://img.shields.io/npm/v/@uiw/react-native-amap-geolocation.svg)](https://www.npmjs.com/package/@uiw/react-native-amap-geolocation) \| - \| - \| React Native \u9ad8\u5fb7\u5730\u56fe\u5b9a\u4f4d\u6a21\u5757\uff0c\u652f\u6301 Android/iOS\u3002\n[@uiw/react-native-transport-location](https://github.com/uiwjs/react-native-transport-location) \| [![](https://img.shields.io/npm/v/@uiw/react-native-transport-location.svg)](https://www.npmjs.com/package/@uiw/react-native-amap-geolocation) \| - \| - \| \u652f\u6301 Android/iOS\u3002\n[@uiw/react-native-wechat](https://github.com/uiwjs/react-native-wechat) \| [![](https://img.shields.io/npm/v/@uiw/react-native-wechat.svg)](https://www.npmjs.com/package/@uiw/react-native-wechat) \| - \| - \| React Native \u5305\u4f7f\u7528\u5fae\u4fe1\u5206\u4eab\u3001\u767b\u5f55\u3001\u6536\u85cf\u3001\u652f\u4ed8\u7b49\u529f\u80fd\uff0c\u652f\u6301Android/iOS\u3002\n\n## \u4f9d\u8d56\u5305\n\n\u5305\u542b\u5728 uiw \u7ec4\u4ef6\u5e93\u7684\u4f9d\u8d56\u5305\uff0c\u53ef\u4ee5\u5355\u72ec\u62ce\u51fa\u6765\u4f7f\u7528\uff0c\u4e0b\u9762\u5c5e\u4e8e [`@uiw`](https://github.com/uiwjs/uiw) \u5305\u542b\u7684\u4e00\u4e9b\u4f9d\u8d56\u5305\uff1a\n\n\u540d\u79f0 \| \u7248\u672c \| \u9884\u89c8 \| \u63cf\u8ff0\n---- \| ---- \| ---- \| ----\n[`@uiw/formatter`](https://github.com/uiwjs/date-formatter) \| [![npm](https://img.shields.io/npm/v/@uiw/formatter.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/formatter) \| [demo](https://codesandbox.io/s/date-formatter-demo-jib1u) \| \u83b7\u53d6\u683c\u5f0f\u5316\u7684\u65e5\u671f\u3002 \n[`@uiw/react-affix`](https://github.com/uiwjs/uiw/packages/react-affix) \| [![npm](https://img.shields.io/npm/v/@uiw/react-affix.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-affix) \| - \| - \|\n[`@uiw/react-alert`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-alert) \| [![npm](https://img.shields.io/npm/v/@uiw/react-alert.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-alert) \| - \| - \|\n[`@uiw/react-avatar`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-avatar) \| [![npm](https://img.shields.io/npm/v/@uiw/react-avatar.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-avatar) \| - \| - \|\n[`@uiw/react-back-top`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-back-top) \| [![npm](https://img.shields.io/npm/v/@uiw/react-back-top.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-back-top) \| - \| - \|\n[`@uiw/react-badge`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-badge) \| [![npm](https://img.shields.io/npm/v/@uiw/react-badge.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-badge) \| - \| - \|\n[`@uiw/react-breadcrumb`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-breadcrumb) \| [![npm](https://img.shields.io/npm/v/@uiw/react-breadcrumb.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-breadcrumb) \| - \| - \|\n[`@uiw/react-button`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-button) \| [![npm](https://img.shields.io/npm/v/@uiw/react-button.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-button) \| - \| - \|\n[`@uiw/react-button-group`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-button-group) \| [![npm](https://img.shields.io/npm/v/@uiw/react-button-group.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-button-group) \| - \| - \|\n[`@uiw/react-calendar`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-calendar) \| [![npm](https://img.shields.io/npm/v/@uiw/react-calendar.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-calendar) \| - \| - \|\n[`@uiw/react-card`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-card) \| [![npm](https://img.shields.io/npm/v/@uiw/react-card.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-card) \| - \| - \|\n[`@uiw/react-checkbox`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-checkbox) \| [![npm](https://img.shields.io/npm/v/@uiw/react-checkbox.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-checkbox) \| - \| - \|\n[`@uiw/react-collapse`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-collapse) \| [![npm](https://img.shields.io/npm/v/@uiw/react-collapse.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-collapse) \| - \| - \|\n[`@uiw/react-copy-to-clipboard`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-copy-to-clipboard) \| [![npm](https://img.shields.io/npm/v/@uiw/react-copy-to-clipboard.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-copy-to-clipboard) \| - \| - \|\n[`@uiw/react-date-input`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-date-input) \| [![npm](https://img.shields.io/npm/v/@uiw/react-date-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-date-input) \| - \| - \|\n[`@uiw/react-date-picker`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-date-picker) \| [![npm](https://img.shields.io/npm/v/@uiw/react-date-picker.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-date-picker) \| - \| - \|\n[`@uiw/react-descriptions`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-descriptions) \| [![npm](https://img.shields.io/npm/v/@uiw/react-descriptions.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-descriptions) \| - \| - \|\n[`@uiw/react-divider`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-divider) \| [![npm](https://img.shields.io/npm/v/@uiw/react-divider.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-divider) \| - \| - \|\n[`@uiw/react-drawer`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-drawer) \| [![npm](https://img.shields.io/npm/v/@uiw/react-drawer.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-drawer) \| - \| - \|\n[`@uiw/react-dropdown`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-dropdown) \| [![npm](https://img.shields.io/npm/v/@uiw/react-dropdown.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-dropdown) \| - \| - \|\n[`@uiw/react-file-input`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-file-input) \| [![npm](https://img.shields.io/npm/v/@uiw/react-file-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-file-input) \| - \| - \|\n[`@uiw/react-form`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-form) \| [![npm](https://img.shields.io/npm/v/@uiw/react-form.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-form) \| - \| - \|\n[`@uiw/react-grid`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-grid) \| [![npm](https://img.shields.io/npm/v/@uiw/react-grid.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-grid) \| - \| - \|\n[`@uiw/react-icon`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-icon) \| [![npm](https://img.shields.io/npm/v/@uiw/react-icon.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-icon) \| - \| - \|\n[`@uiw/react-input`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-input) \| [![npm](https://img.shields.io/npm/v/@uiw/react-input.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-input) \| - \| - \|\n[`@uiw/react-layout`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-layout) \| [![npm](https://img.shields.io/npm/v/@uiw/react-layout.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-layout) \| - \| - \|\n[`@uiw/react-list`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-list) \| [![npm](https://img.shields.io/npm/v/@uiw/react-list.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-list) \| - \| - \|\n[`@uiw/react-loader`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-loader) \| [![npm](https://img.shields.io/npm/v/@uiw/react-loader.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-loader) \| - \| - \|\n[`@uiw/react-menu`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-menu) \| [![npm](https://img.shields.io/npm/v/@uiw/react-menu.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-menu) \| - \| - \|\n[`@uiw/react-message`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-message) \| [![npm](https://img.shields.io/npm/v/@uiw/react-message.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-message) \| - \| - \|\n[`@uiw/react-modal`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-modal) \| [![npm](https://img.shields.io/npm/v/@uiw/react-modal.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-modal) \| - \| - \|\n[`@uiw/react-month-picker`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-month-picker) \| [![npm](https://img.shields.io/npm/v/@uiw/react-month-picker.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-month-picker) \| - \| - \|\n[`@uiw/react-notify`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-notify) \| [![npm](https://img.shields.io/npm/v/@uiw/react-notify.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-notify) \| - \| - \|\n[`@uiw/react-overlay`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-overlay) \| [![npm](https://img.shields.io/npm/v/@uiw/react-overlay.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-overlay) \| - \| - \|\n[`@uiw/react-overlay-trigger`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-overlay-trigger) \| [![npm](https://img.shields.io/npm/v/@uiw/react-overlay-trigger.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-overlay-trigger) \| - \| - \|\n[`@uiw/react-pagination`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-pagination) \| [![npm](https://img.shields.io/npm/v/@uiw/react-pagination.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-pagination) \| - \| - \|\n[`@uiw/react-pin-code`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-pin-code) \| [![npm](https://img.shields.io/npm/v/@uiw/react-pin-code.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-pin-code) \| - \| - \|\n[`@uiw/react-popover`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-popover) \| [![npm](https://img.shields.io/npm/v/@uiw/react-popover.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-popover) \| - \| - \|\n[`@uiw/react-portal`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-portal) \| [![npm](https://img.shields.io/npm/v/@uiw/react-portal.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-portal) \| - \| - \|\n[`@uiw/react-progress`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-progress) \| [![npm](https://img.shields.io/npm/v/@uiw/react-progress.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-progress) \| - \| - \|\n[`@uiw/react-radio`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-radio) \| [![npm](https://img.shields.io/npm/v/@uiw/react-radio.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-radio) \| - \| - \|\n[`@uiw/react-rate`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-rate) \| [![npm](https://img.shields.io/npm/v/@uiw/react-rate.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-rate) \| - \| - \|\n[`@uiw/react-search-select`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-search-select) \| [![npm](https://img.shields.io/npm/v/@uiw/react-search-select.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-search-select) \| - \| - \|\n[`@uiw/react-select`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-select) \| [![npm](https://img.shields.io/npm/v/@uiw/react-select.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-select) \| - \| - \|\n[`@uiw/react-split`](https://github.com/uiwjs/react-split) \| [![npm](https://img.shields.io/npm/v/@uiw/react-split.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-split) \| [demo](https://uiwjs.github.io/react-split/) \| \u53ef\u5c06\u4e00\u5757\u5185\u5bb9\uff0c\u5206\u5272\u4e3a\u53ef\u4ee5\u62d6\u62fd\u8c03\u6574\u5bbd\u5ea6\u6216\u9ad8\u5ea6\u7684\u533a\u57df\u3002\n[`@uiw/react-slider`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-slider) \| [![npm](https://img.shields.io/npm/v/@uiw/react-slider.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-slider) \| - \| - \|\n[`@uiw/react-steps`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-steps) \| [![npm](https://img.shields.io/npm/v/@uiw/react-steps.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-steps) \| - \| - \|\n[`@uiw/react-switch`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-switch) \| [![npm](https://img.shields.io/npm/v/@uiw/react-switch.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-switch) \| - \| - \|\n[`@uiw/react-table`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-table) \| [![npm](https://img.shields.io/npm/v/@uiw/react-table.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-table) \| - \| - \|\n[`@uiw/react-tabs`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tabs) \| [![npm](https://img.shields.io/npm/v/@uiw/react-tabs.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tabs) \| - \| - \|\n[`@uiw/react-tag`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tag) \| [![npm](https://img.shields.io/npm/v/@uiw/react-tag.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tag) \| - \| - \|\n[`@uiw/react-textarea`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-textarea) \| [![npm](https://img.shields.io/npm/v/@uiw/react-textarea.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-textarea) \| - \| - \|\n[`@uiw/react-time-picker`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-time-picker) \| [![npm](https://img.shields.io/npm/v/@uiw/react-time-picker.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-time-picker) \| - \| - \|\n[`@uiw/react-tooltip`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tooltip) \| [![npm](https://img.shields.io/npm/v/@uiw/react-tooltip.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tooltip) \| - \| - \|\n[`@uiw/react-tree`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tree) \| [![npm](https://img.shields.io/npm/v/@uiw/react-tree.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tree) \| - \| - \|\n[`@uiw/react-tree-checked`](https://github.com/uiwjs/uiw/tree/master/packages/packages/react-tree-checked) \| [![npm](https://img.shields.io/npm/v/@uiw/react-tree-checked.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/react-tree-checked) \| - \| - \|\n[`@uiw/utils`](https://github.com/uiwjs/uiw/tree/master/packages/packages/utils) \| [![npm](https://img.shields.io/npm/v/@uiw/utils.svg?maxAge=3600)](https://www.npmjs.com/package/@uiw/utils) \| - \| - \|\n\n## \u5de5\u5177\n\n\u540d\u79f0 \| \u7248\u672c \| \u9884\u89c8 \| \u63cf\u8ff0\n---- \| ---- \| ---- \| ----\n[kkt](https://github.com/kktjs/kkt) \| [![](https://img.shields.io/npm/v/kkt.svg)](https://www.npmjs.com/package/kkt) \| [\u6587\u6863](https://kktjs.github.io/kkt) \| \u521b\u5efa\u6ca1\u6709\u6784\u5efa\u914d\u7f6e\u7684React\u5e94\u7528\u7a0b\u5e8f\uff0c\u8fd9\u662f\u7528\u4e8e\u521b\u5efaReact\u5e94\u7528\u7a0b\u5e8f\u7684Cli\u5de5\u5177\u3002\n[tsbb](https://github.com/jaywcjlove/tsbb) \| [![](https://img.shields.io/npm/v/tsbb.svg)](https://www.npmjs.com/package/tsbb) \| [\u6587\u6863](http://jaywcjlove.github.io/tsbb) \| \u4e00\u4e2a\u96f6\u914d\u7f6eCLI\uff0c\u53ef\u5e2e\u52a9\u60a8\u5f00\u53d1\uff0c\u6d4b\u8bd5\u548c\u53d1\u5e03\u73b0\u4ee3 TypeScript \u9879\u76ee\u3002\n[sgo](https://github.com/jaywcjlove/sgo) \| [![](https://img.shields.io/npm/v/sgo.svg)](https://www.npmjs.com/package/sgo) \| [\u6587\u6863](https://jaywcjlove.github.io/sgo) \| \u4e00\u4e2a\u7528\u4e8e\u5feb\u901f\u539f\u578b\u5f00\u53d1\u7684\u5f00\u53d1\u670d\u52a1\u5668\u3002 \u5c06\u76ee\u5f55\u8bbe\u7f6e\u4e3a\u9759\u6001\u670d\u52a1\u5668\uff0c\u5b83\u63d0\u4f9b404\u6574\u6d01\u7684\u754c\u9762\uff0c\u7528\u4e8e\u5217\u51fa\u76ee\u5f55\u7684\u5185\u5bb9\u5e76\u5207\u6362\u5230\u5b50\u6587\u4ef6\u5939\u3002\n[mocker-api](https://github.com/jaywcjlove/mocker-api) \| [![](https://img.shields.io/npm/v/mocker-api.svg)](https://www.npmjs.com/package/mocker-api) \| [\u6587\u6863](https://jaywcjlove.github.io/mocker-api) \| \u7528\u4e8e\u4e3a REST API \u521b\u5efa\u6a21\u62df\u3002 \u5f53\u60a8\u5c1d\u8bd5\u5728\u6ca1\u6709\u5b9e\u9645 REST API \u670d\u52a1\u5668\u7684\u60c5\u51b5\u4e0b\u6d4b\u8bd5\u5e94\u7528\u7a0b\u5e8f\u65f6\uff0c\u8fd9\u5c06\u5f88\u6709\u5e2e\u52a9\u3002\n[svgtofont](https://github.com/jaywcjlove/svgtofont) \| [![](https://img.shields.io/npm/v/svgtofont.svg)](https://www.npmjs.com/package/svgtofont) \| [\u6587\u6863](https://jaywcjlove.github.io/svgtofont) \| \u9605\u8bfb\u4e00\u7ec4SVG\u56fe\u6807\u5e76\u8f93\u51fa TTF/EOT/WOFF/WOFF2/SVG \u5b57\u4f53\u3002\n[bannerjs](https://github.com/jaywcjlove/bannerjs) \| [![](https://img.shields.io/npm/v/bannerjs.svg)](https://www.npmjs.com/package/bannerjs) \| [\u6587\u6863](https://jaywcjlove.github.io/bannerjs) \| \u5c06\u6ce8\u91ca\u6dfb\u52a0\u5230\u4ee3\u7801\u4e2d\u3002 \u83b7\u53d6\u57fa\u4e8epackage.json\u7684\u5355\u884c/\u591a\u884c\u6ce8\u91ca\u6a2a\u5e45\u3002\n[markdown-to-html-cli](https://github.com/jaywcjlove/markdown-to-html-cli) \| [![](https://img.shields.io/npm/v/markdown-to-html-cli.svg)](https://www.npmjs.com/package/markdown-to-html-cli) \| [\u6587\u6863](https://jaywcjlove.github.io/markdown-to-html-cli) \| \u5c06 Markdown \u6587\u672c\u8f6c\u6362\u4e3a HTML\uff0c\u63d0\u4f9b\u547d\u4ee4\u884c\u5de5\u5177\u548c\u65b9\u6cd5\u3002\n[coverage-badges-cli](https://github.com/jaywcjlove/coverage-badges-cli) \| [![](https://img.shields.io/npm/v/coverage-badges-cli.svg)](https://www.npmjs.com/package/coverage-badges-cli) \| [\u6587\u6863](https://jaywcjlove.github.io/coverage-badges-cli) \| \u4ece\u8986\u76d6\u7387\u62a5\u544a\u521b\u5efa\u8986\u76d6\u7387\u5fbd\u7ae0\u3002\n[compile-less](https://github.com/jaywcjlove/compile-less) \| [![](https://img.shields.io/npm/v/compile-less-cli.svg)](https://www.npmjs.com/package/compile-less-cli) \| [\u6587\u6863](https://jaywcjlove.github.io/compile-less) \| \u5c06\u6240\u6709 `.less` \u6587\u4ef6\u7f16\u8bd1\u4e3a `.css` \u6587\u4ef6\u3002\u3002\n[next-remove-imports](https://github.com/uiwjs/next-remove-imports) \| [![](https://img.shields.io/npm/v/next-remove-imports.svg)](https://www.npmjs.com/package/next-remove-imports) \| [\u6587\u6863](https://uiwjs.github.io/next-remove-imports/) \| The default behavior is to remove all .less/.css/.scss/.sass/.styl imports from all packages in node_modules.\n\n## \u4e00\u4e9b\u5c0f\u5de5\u5177\n\n\u540d\u79f0 \| \u7248\u672c \| \u9884\u89c8 \| \u63cf\u8ff0\n---- \| ---- \| ---- \| ----\n[nginx-editor](https://github.com/jaywcjlove/nginx-editor) \| - \| [home](https://jaywcjlove.github.io/nginx-editor) \| \u57fa\u4e8e Monaco \u7684 nginx \u7f16\u8f91\u5668\uff0c\u652f\u6301\u8bed\u6cd5\u63d0\u793a\u3002\n[npm-unpkg](https://github.com/uiwjs/npm-unpkg) \| - \| [home](https://uiwjs.github.io/npm-unpkg) \| \u57fa\u4e8eunpkg\u7684Web\u5e94\u7528\u7a0b\u5e8f\uff0c\u7528\u4e8e\u67e5\u770bnpm\u8f6f\u4ef6\u5305\u6587\u4ef6\u3002\n[ui-color](https://github.com/uiwjs/ui-color) \| - \| [home](https://uiwjs.github.io/ui-color/) \| Converting HEX & RGB colors to UIColor/NSColor/Color for both Objective C & Swift.\n"}}]);
2	- //# sourceMappingURL=2926.f11fdc77.chunk.js.map