UNPKG

@uiw/doc

Version:

UIW documentation website.

2 lines 8.47 kB
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3026],{4934:e=>{function t(e){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=4934,e.exports=t},5301:(e,t,n)=>{"use strict";n.d(t,{Z:()=>_});var r=n(8573),o=n(6320),i=n(8563),a=n(7622),u=n(7937);const s={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=n(4760);function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:t}=e,n=/^http/.test(t||"")?t:"https://github.com/uiwjs/uiw/blob/master/".concat(t);return(0,c.jsxs)("div",{className:s.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(u.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const l=o.ZP.Preview,m=o.ZP.Code,f=o.ZP.Toolbar,d=e=>{var t,n;let{node:a,components:u,data:s,...p}=e;const d=(0,r.useRef)(null),{headings:_,headingsList:h,...g}=p;(0,r.useEffect)((()=>{if(d.current){const e=d.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(d.current,e)}}),[d]);const j=null===a||void 0===a||null===(t=a.position)||void 0===t?void 0:t.start.line,y=null===a||void 0===a||null===(n=a.data)||void 0===n?void 0:n.meta,E=(0,i.Mx)(y)||String(j),w=u["".concat(E)];if(E&&"function"===typeof w){const e=s[E].value||"",t=(0,i.aE)(y||"");return(0,c.jsxs)(o.ZP,{ref:d,children:[(0,c.jsx)(l,{style:{background:t.bg||"transparent"},children:(0,c.jsx)(w,{})}),(0,c.jsx)(f,{text:e,children:t.title||"Example"}),(0,c.jsx)(m,{children:(0,c.jsx)("pre",{...g})})]})}return(0,c.jsx)("code",{...g})};function _(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(a.Z,{className:s.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,c.jsx)(d,{...e,...t})}}),(0,c.jsx)(p,{path:e.path})]})}},3297:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>a});const r={components:{19:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement(r.Empty,null)}}(),32:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement(r.Empty,{description:t.default.createElement("span",null,"Customize ",t.default.createElement("a",{href:"#"},"Description")),icon:t.default.createElement(r.Icon,{type:"shopping-cart",style:{fontSize:"39px"}})},t.default.createElement(r.Button,{type:"primary"},"\u65b0\u589e\u6570\u636e"))}}(),54:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement(r.Empty,{description:!1})}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Empty, null);\n};',language:"jsx",value:"import React from 'react';\nimport { Empty, Button } from 'uiw';\n\nexport default function Demo() {\n return <Empty />\n}"},32:{name:32,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Empty, {\n description: /*#__PURE__*/_react["default"].createElement("span", null, "Customize ", /*#__PURE__*/_react["default"].createElement("a", {\n href: "#"\n }, "Description")),\n icon: /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n type: "shopping-cart",\n style: {\n fontSize: \'39px\'\n }\n })\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "\\u65B0\\u589E\\u6570\\u636E"));\n};',language:"jsx",value:"import React from 'react';\nimport { Empty, Button, Icon } from 'uiw';\n\nexport default function Demo() {\n return (\n <Empty\n description={\n <span>\n Customize <a href=\"#\">Description</a>\n </span>\n }\n icon={<Icon type=\"shopping-cart\" style={{ fontSize: '39px' }} />}\n >\n <Button type=\"primary\">\u65b0\u589e\u6570\u636e</Button>\n </Empty>\n )\n}"},54:{name:54,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n return /*#__PURE__*/_react["default"].createElement(_uiw.Empty, {\n description: false\n });\n};',language:"jsx",value:"import React from 'react';\nimport { Empty } from 'uiw';\n\nexport default function Demo() {\n return <Empty description={false} />\n}"}},source:"Empty \u7a7a\u72b6\u6001\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-empty/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-empty.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-empty)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-empty.svg?label=@uiw/react-empty)](https://npmjs.com/@uiw/react-empty)\n\n\u7a7a\u72b6\u6001\u65f6\u7684\u5c55\u793a\u5360\u4f4d\u56fe\u3002\u65b0\u7ec4\u4ef6 `v4.11.0+` \u652f\u6301\u3002\n\n```jsx\nimport { Empty } from 'uiw';\n// or\nimport Empty from '@uiw/react-empty';\n```\n\n### \u57fa\u672c\u4f7f\u7528\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Empty, Button } from 'uiw';\n\nexport default function Demo() {\n return <Empty />\n}\n```\n\n### \u81ea\u5b9a\u4e49\n\n\u901a\u8fc7\u81ea\u5b9a\u4e49\u5c5e\u6027\u5b9a\u5236\u4e2a\u6027\u5316\u5c55\u793a\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Empty, Button, Icon } from 'uiw';\n\nexport default function Demo() {\n return (\n <Empty\n description={\n <span>\n Customize <a href=\"#\">Description</a>\n </span>\n }\n icon={<Icon type=\"shopping-cart\" style={{ fontSize: '39px' }} />}\n >\n <Button type=\"primary\">\u65b0\u589e\u6570\u636e</Button>\n </Empty>\n )\n}\n```\n\n### \u65e0\u63cf\u8ff0\u5c55\u793a\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Empty } from 'uiw';\n\nexport default function Demo() {\n return <Empty description={false} />\n}\n```\n\n## Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| description | \u81ea\u5b9a\u4e49\u63cf\u8ff0\u5185\u5bb9 | `ReactNode` | `\u6682\u65e0\u6570\u636e` |\n| icon | \u53ef\u4ee5\u66ff\u6362\u5185\u7f6e\u56fe\u6807 | `ReactNode` | - |\n| size | \u5185\u7f6e svg \u56fe\u6807\uff1a\u5c3a\u5bf8 | `number \\| string` | - |\n| iconProps | \u5185\u7f6e svg \u56fe\u6807\uff1a\u5c5e\u6027\u8bbe\u7f6e| `React.SVGProps<SVGSVGElement>` | - |\n",headings:[],headingsList:[]};var o=n(5301),i=n(4760);function a(){return(0,i.jsx)(o.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-empty/README.md"})}}}]); //# sourceMappingURL=3026.de8f0b6e.chunk.js.map