@uiw/doc
Version:
UIW documentation website.
2 lines • 24.4 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6084],{4934:u=>{function e(u){var e=new Error("Cannot find module '"+u+"'");throw e.code="MODULE_NOT_FOUND",e}e.keys=()=>[],e.resolve=e,e.id=4934,u.exports=e},5301:(u,e,t)=>{"use strict";t.d(e,{Z:()=>s});var n=t(8573),r=t(6320),i=t(8563),a=t(7622),d=t(7937);const l={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var E=t(4760);function o(){let u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:e}=u,t=/^http/.test(e||"")?e:"https://github.com/uiwjs/uiw/blob/master/".concat(e);return(0,E.jsxs)("div",{className:l.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,E.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,E.jsx)("br",{}),(0,E.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,E.jsx)(d.Divider,{type:"vertical"}),(0,E.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,E.jsx)(d.Divider,{type:"vertical"}),(0,E.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,E.jsx)(d.Divider,{type:"vertical"}),(0,E.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,E.jsx)(d.Divider,{type:"vertical"}),(0,E.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,E.jsx)(d.Divider,{type:"vertical"}),(0,E.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const c=r.ZP.Preview,v=r.ZP.Code,F=r.ZP.Toolbar,f=u=>{var e,t;let{node:a,components:d,data:l,...o}=u;const f=(0,n.useRef)(null),{headings:s,headingsList:_,...D}=o;(0,n.useEffect)((()=>{if(f.current){const u=f.current.parentElement;u&&u.parentElement&&u.parentElement.replaceChild(f.current,u)}}),[f]);const m=null===a||void 0===a||null===(e=a.position)||void 0===e?void 0:e.start.line,p=null===a||void 0===a||null===(t=a.data)||void 0===t?void 0:t.meta,h=(0,i.Mx)(p)||String(m),C=d["".concat(h)];if(h&&"function"===typeof C){const u=l[h].value||"",e=(0,i.aE)(p||"");return(0,E.jsxs)(r.ZP,{ref:f,children:[(0,E.jsx)(c,{style:{background:e.bg||"transparent"},children:(0,E.jsx)(C,{})}),(0,E.jsx)(F,{text:u,children:e.title||"Example"}),(0,E.jsx)(v,{children:(0,E.jsx)("pre",{...D})})]})}return(0,E.jsx)("code",{...D})};function s(u){return(0,E.jsxs)(n.Fragment,{children:[(0,E.jsx)(a.Z,{className:l.markdownWrap,source:u.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:e=>(0,E.jsx)(f,{...u,...e})}}),(0,E.jsx)(o,{path:u.path})]})}},7942:(u,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>a});const n={components:{21:function(){var u,e=(u=t(8573))&&u.__esModule?u:{default:u},n=t(7937);return function(){return e.default.createElement("div",{style:{maxWidth:530}},e.default.createElement("div",null,"\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002"),e.default.createElement(n.Divider,null),e.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"),e.default.createElement(n.Divider,null,"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74"),e.default.createElement(n.Divider,{dashed:!0}),e.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002"))}}(),42:function(){var u,e=(u=t(8573))&&u.__esModule?u:{default:u},n=t(7937);return function(){return e.default.createElement("div",null,"\u9996\u9875",e.default.createElement(n.Divider,{type:"vertical"}),e.default.createElement("a",{href:"#"},"\u5217\u8868\u9875\u9762"),e.default.createElement(n.Divider,{type:"vertical"}),e.default.createElement("a",{href:"#"},"\u6587\u7ae0\u8be6\u60c5"))}}(),61:function(){var u,e=(u=t(8573))&&u.__esModule?u:{default:u},n=t(7937);return function(){return e.default.createElement("div",{style:{maxWidth:530}},e.default.createElement(n.Divider,{dashed:!0}),e.default.createElement("div",null,"\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002"),e.default.createElement(n.Divider,{align:"left"},"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002"),e.default.createElement(n.Divider,null,"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002"),e.default.createElement(n.Divider,{dashed:!0,align:"right"},"\u5927\u8bdd\u897f\u6e38"),e.default.createElement("div",null,"\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002"))}}()},data:{21:{name:21,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("div", {\n style: {\n maxWidth: 530\n }\n }, /*#__PURE__*/_react["default"].createElement("div", null, "\\u5468\\u661F\\u9A70\\uFF1A \\u9999\\u6E2F\\u6F14\\u5458\\u3001\\u5BFC\\u6F14\\u3002\\u7956\\u7C4D\\u6D59\\u6C5F\\u5B81\\u6CE2\\uFF0C1962\\u5E746\\u670822\\u65E5\\u751F\\u4E8E\\u9999\\u6E2F\\uFF0C\\u4ED6\\u662F\\u9999\\u6E2F\\u6700\\u4E3A\\u91CD\\u8981\\u7684\\u559C\\u5267\\u7247\\u6F14\\u5458\\u4E0E\\u7F16\\u5BFC\\u4E4B\\u4E00\\u3002\\u4E2D\\u5B66\\u6BD5\\u4E1A\\u4EE5\\u540E\\u8003\\u5165\\u9999\\u6E2F\\u65E0\\u7EBF\\u7535\\u89C6\\u53F0\\u827A\\u5458\\u8BAD\\u7EC3\\u73ED\\u7684\\u591C\\u95F4\\u90E8\\u3002\\u7ED3\\u4E1A\\u540E\\u6210\\u4E3A\\u65E0\\u7EBF\\u827A\\u4EBA\\uFF0C\\u6700\\u521D\\u66FE\\u5728\\u300A\\u9999\\u57CE\\u6D6A\\u5B50\\u300B\\u300A\\u5C04\\u96D5\\u82F1\\u96C4\\u4F20\\u300B\\u7B49\\u5267\\u96C6\\u4E2D\\u62C5\\u4EFB\\u4E34\\u65F6\\u6F14\\u5458\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null), /*#__PURE__*/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null, "\\u5927\\u8BDD\\u897F\\u6E38"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002 \\u5982\\u679C\\u4E0A\\u5929\\u80FD\\u591F\\u7ED9\\u6211\\u4E00\\u4E2A\\u518D\\u6765\\u4E00\\u6B21\\u7684\\u673A\\u4F1A\\uFF0C\\u6211\\u4F1A\\u5BF9\\u90A3\\u4E2A\\u5973\\u5B69\\u5B50\\u8BF4\\u4E09\\u4E2A\\u5B57\\uFF1A\\u6211\\u7231\\u4F60\\u3002 \\u5982\\u679C\\u975E\\u8981\\u5728\\u8FD9\\u4EFD\\u7231\\u4E0A\\u52A0\\u4E0A\\u4E00\\u4E2A\\u671F\\u9650\\uFF0C\\u6211\\u5E0C\\u671B\\u662F\\u2026\\u2026 \\u4E00\\u4E07\\u5E74"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, {\n dashed: true\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002"));\n};',language:"jsx",value:"import React from 'react';\nimport { Divider } from 'uiw';\n\nexport default function Demo() {\n return (\n <div style={{ maxWidth: 530 }}>\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider />\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74</div>\n <Divider dashed />\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n );\n}"},42:{name:42,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("div", null, "\\u9996\\u9875", /*#__PURE__*/_react["default"].createElement(_uiw.Divider, {\n type: "vertical"\n }), /*#__PURE__*/_react["default"].createElement("a", {\n href: "#"\n }, "\\u5217\\u8868\\u9875\\u9762"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, {\n type: "vertical"\n }), /*#__PURE__*/_react["default"].createElement("a", {\n href: "#"\n }, "\\u6587\\u7AE0\\u8BE6\\u60C5"));\n};',language:"jsx",value:'import React from \'react\';\nimport { Divider } from \'uiw\';\n\nexport default function Demo() {\n return (\n <div>\n \u9996\u9875\n <Divider type="vertical" />\n <a href="#">\u5217\u8868\u9875\u9762</a>\n <Divider type="vertical" />\n <a href="#">\u6587\u7ae0\u8be6\u60c5</a>\n </div>\n );\n}'},61:{name:61,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("div", {\n style: {\n maxWidth: 530\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Divider, {\n dashed: true\n }), /*#__PURE__*/_react["default"].createElement("div", null, "\\u5468\\u661F\\u9A70\\uFF1A \\u9999\\u6E2F\\u6F14\\u5458\\u3001\\u5BFC\\u6F14\\u3002\\u7956\\u7C4D\\u6D59\\u6C5F\\u5B81\\u6CE2\\uFF0C1962\\u5E746\\u670822\\u65E5\\u751F\\u4E8E\\u9999\\u6E2F\\uFF0C\\u4ED6\\u662F\\u9999\\u6E2F\\u6700\\u4E3A\\u91CD\\u8981\\u7684\\u559C\\u5267\\u7247\\u6F14\\u5458\\u4E0E\\u7F16\\u5BFC\\u4E4B\\u4E00\\u3002\\u4E2D\\u5B66\\u6BD5\\u4E1A\\u4EE5\\u540E\\u8003\\u5165\\u9999\\u6E2F\\u65E0\\u7EBF\\u7535\\u89C6\\u53F0\\u827A\\u5458\\u8BAD\\u7EC3\\u73ED\\u7684\\u591C\\u95F4\\u90E8\\u3002\\u7ED3\\u4E1A\\u540E\\u6210\\u4E3A\\u65E0\\u7EBF\\u827A\\u4EBA\\uFF0C\\u6700\\u521D\\u66FE\\u5728\\u300A\\u9999\\u57CE\\u6D6A\\u5B50\\u300B\\u300A\\u5C04\\u96D5\\u82F1\\u96C4\\u4F20\\u300B\\u7B49\\u5267\\u96C6\\u4E2D\\u62C5\\u4EFB\\u4E34\\u65F6\\u6F14\\u5458\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, {\n align: "left"\n }, "\\u5927\\u8BDD\\u897F\\u6E38"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u53E4\\u6709\\u5173\\u4E91\\u957F\\u5168\\u795E\\u8D2F\\u6CE8\\u4E0B\\u8C61\\u68CB\\u522E\\u9AA8\\u7597\\u6BD2\\uFF0C\\u4ECA\\u6709\\u6211\\u96F6\\u96F6\\u6F06\\u805A\\u7CBE\\u4F1A\\u795E\\u770BA\\u7247\\u6316\\u9AA8\\u53D6\\u5F39\\u5934\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, null, "\\u5927\\u8BDD\\u897F\\u6E38"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u6709\\u4E00\\u4EFD\\u771F\\u8BDA\\u7684\\u7231\\u60C5\\u653E\\u5728\\u6211\\u9762\\u524D\\uFF0C\\u6211\\u6CA1\\u6709\\u73CD\\u60DC\\uFF0C\\u7B49\\u6211\\u5931\\u53BB\\u7684\\u65F6\\u5019\\u6211\\u624D\\u540E\\u6094\\u83AB\\u53CA\\uFF0C\\u4EBA\\u4E16\\u95F4\\u6700\\u75DB\\u82E6\\u7684\\u4E8B\\u83AB\\u8FC7\\u4E8E\\u6B64\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.Divider, {\n dashed: true,\n align: "right"\n }, "\\u5927\\u8BDD\\u897F\\u6E38"), /*#__PURE__*/_react["default"].createElement("div", null, "\\u66FE\\u7ECF\\u75DB\\u82E6\\uFF0C\\u624D\\u77E5\\u9053\\u771F\\u6B63\\u7684\\u75DB\\u82E6\\uFF1B\\u66FE\\u7ECF\\u6267\\u8457\\uFF0C\\u624D\\u80FD\\u653E\\u4E0B\\u6267\\u8457\\uFF1B\\u66FE\\u7ECF\\u7275\\u6302\\uFF0C\\u624D\\u80FD\\u4E86\\u65E0\\u7275\\u6302\\u3002"));\n};',language:"jsx",value:"import React from 'react';\nimport { Divider } from 'uiw';\n\nexport default function Demo() {\n return(\n <div style={{ maxWidth: 530 }}>\n <Divider dashed />\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider align=\"left\">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002</div>\n <Divider dashed align=\"right\">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n );\n}"}},source:"Divider \u5206\u5272\u7ebf\n===\n\n[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-divider/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-divider)\n[](https://npmjs.com/@uiw/react-divider)\n\n\u533a\u9694\u5185\u5bb9\u7684\u5206\u5272\u7ebf\u3002\n\n```jsx\nimport { Divider } from 'uiw';\n// or\nimport Divider from '@uiw/react-divider';\n```\n\n### \u57fa\u7840\u5b9e\u4f8b\n\n\u57fa\u7840\u5b9e\u4f8b\u5305\u542b\u865a\u7ebf\u5206\u5272\u7ebf\u3001\u5e26\u6587\u672c\u7684\u5206\u5272\u7ebf\u3001\u5b9e\u7ebf\u5206\u5272\u7ebf\u3002\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Divider } from 'uiw';\n\nexport default function Demo() {\n return (\n <div style={{ maxWidth: 530 }}>\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider />\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002 \u5982\u679c\u4e0a\u5929\u80fd\u591f\u7ed9\u6211\u4e00\u4e2a\u518d\u6765\u4e00\u6b21\u7684\u673a\u4f1a\uff0c\u6211\u4f1a\u5bf9\u90a3\u4e2a\u5973\u5b69\u5b50\u8bf4\u4e09\u4e2a\u5b57\uff1a\u6211\u7231\u4f60\u3002 \u5982\u679c\u975e\u8981\u5728\u8fd9\u4efd\u7231\u4e0a\u52a0\u4e0a\u4e00\u4e2a\u671f\u9650\uff0c\u6211\u5e0c\u671b\u662f\u2026\u2026 \u4e00\u4e07\u5e74</div>\n <Divider dashed />\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n );\n}\n```\n\n### \u5782\u76f4\u5206\u5272\u7ebf\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Divider } from 'uiw';\n\nexport default function Demo() {\n return (\n <div>\n \u9996\u9875\n <Divider type=\"vertical\" />\n <a href=\"#\">\u5217\u8868\u9875\u9762</a>\n <Divider type=\"vertical\" />\n <a href=\"#\">\u6587\u7ae0\u8be6\u60c5</a>\n </div>\n );\n}\n```\n\n### \u6807\u9898\u5bf9\u9f50\u4f4d\u7f6e\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { Divider } from 'uiw';\n\nexport default function Demo() {\n return(\n <div style={{ maxWidth: 530 }}>\n <Divider dashed />\n <div>\u5468\u661f\u9a70\uff1a \u9999\u6e2f\u6f14\u5458\u3001\u5bfc\u6f14\u3002\u7956\u7c4d\u6d59\u6c5f\u5b81\u6ce2\uff0c1962\u5e746\u670822\u65e5\u751f\u4e8e\u9999\u6e2f\uff0c\u4ed6\u662f\u9999\u6e2f\u6700\u4e3a\u91cd\u8981\u7684\u559c\u5267\u7247\u6f14\u5458\u4e0e\u7f16\u5bfc\u4e4b\u4e00\u3002\u4e2d\u5b66\u6bd5\u4e1a\u4ee5\u540e\u8003\u5165\u9999\u6e2f\u65e0\u7ebf\u7535\u89c6\u53f0\u827a\u5458\u8bad\u7ec3\u73ed\u7684\u591c\u95f4\u90e8\u3002\u7ed3\u4e1a\u540e\u6210\u4e3a\u65e0\u7ebf\u827a\u4eba\uff0c\u6700\u521d\u66fe\u5728\u300a\u9999\u57ce\u6d6a\u5b50\u300b\u300a\u5c04\u96d5\u82f1\u96c4\u4f20\u300b\u7b49\u5267\u96c6\u4e2d\u62c5\u4efb\u4e34\u65f6\u6f14\u5458\u3002</div>\n <Divider align=\"left\">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u53e4\u6709\u5173\u4e91\u957f\u5168\u795e\u8d2f\u6ce8\u4e0b\u8c61\u68cb\u522e\u9aa8\u7597\u6bd2\uff0c\u4eca\u6709\u6211\u96f6\u96f6\u6f06\u805a\u7cbe\u4f1a\u795e\u770bA\u7247\u6316\u9aa8\u53d6\u5f39\u5934\u3002</div>\n <Divider>\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u6709\u4e00\u4efd\u771f\u8bda\u7684\u7231\u60c5\u653e\u5728\u6211\u9762\u524d\uff0c\u6211\u6ca1\u6709\u73cd\u60dc\uff0c\u7b49\u6211\u5931\u53bb\u7684\u65f6\u5019\u6211\u624d\u540e\u6094\u83ab\u53ca\uff0c\u4eba\u4e16\u95f4\u6700\u75db\u82e6\u7684\u4e8b\u83ab\u8fc7\u4e8e\u6b64\u3002</div>\n <Divider dashed align=\"right\">\u5927\u8bdd\u897f\u6e38</Divider>\n <div>\u66fe\u7ecf\u75db\u82e6\uff0c\u624d\u77e5\u9053\u771f\u6b63\u7684\u75db\u82e6\uff1b\u66fe\u7ecf\u6267\u8457\uff0c\u624d\u80fd\u653e\u4e0b\u6267\u8457\uff1b\u66fe\u7ecf\u7275\u6302\uff0c\u624d\u80fd\u4e86\u65e0\u7275\u6302\u3002</div>\n </div>\n );\n}\n```\n\n## API\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| type | \u6c34\u5e73\u8fd8\u662f\u5782\u76f4\u7c7b\u578b | enum{`horizontal`,`vertical`}\t| `horizontal` |\n| dashed | \u662f\u5426\u865a\u7ebf |\tBoolean\t| `false` |\n| align | \u5206\u5272\u7ebf\u6807\u9898\u7684\u5bf9\u9f50\u4f4d\u7f6e | Enum{`left`, `right`, `center`}\t| `center` |\n",headings:[],headingsList:[]};var r=t(5301),i=t(4760);function a(){return(0,i.jsx)(r.Z,{...n,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-divider/README.md"})}}}]);
//# sourceMappingURL=6084.f652efad.chunk.js.map