@uiw/doc
Version:
UIW documentation website.
2 lines • 8.45 kB
JavaScript
(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3533],{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:()=>x});var r=n(8573),o=n(6320),i=n(8563),u=n(7622),a=n(7937);const f={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var s=n(4760);function c(){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,s.jsxs)("div",{className:f.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",n&&(0,s.jsx)("a",{href:n,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,s.jsx)("br",{}),(0,s.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,s.jsx)(a.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,s.jsx)(a.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,s.jsx)(a.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,s.jsx)(a.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,s.jsx)(a.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const l=o.ZP.Preview,p=o.ZP.Code,d=o.ZP.Toolbar,m=e=>{var t,n;let{node:u,components:a,data:f,...c}=e;const m=(0,r.useRef)(null),{headings:x,headingsList:h,...g}=c;(0,r.useEffect)((()=>{if(m.current){const e=m.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(m.current,e)}}),[m]);const _=null===u||void 0===u||null===(t=u.position)||void 0===t?void 0:t.start.line,j=null===u||void 0===u||null===(n=u.data)||void 0===n?void 0:n.meta,w=(0,i.Mx)(j)||String(_),b=a["".concat(w)];if(w&&"function"===typeof b){const e=f[w].value||"",t=(0,i.aE)(j||"");return(0,s.jsxs)(o.ZP,{ref:m,children:[(0,s.jsx)(l,{style:{background:t.bg||"transparent"},children:(0,s.jsx)(b,{})}),(0,s.jsx)(d,{text:e,children:t.title||"Example"}),(0,s.jsx)(p,{children:(0,s.jsx)("pre",{...g})})]})}return(0,s.jsx)("code",{...g})};function x(e){return(0,s.jsxs)(r.Fragment,{children:[(0,s.jsx)(u.Z,{className:f.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:t=>(0,s.jsx)(m,{...e,...t})}}),(0,s.jsx)(c,{path:e.path})]})}},2180:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});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.Affix,{offsetTop:60},t.default.createElement(r.Button,{type:"primary"},"1 \u5f53\u6309\u94ae\u8ddd\u79bb\u9876\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u9876\u90e8"))}}(),36:function(){var e,t=(e=n(8573))&&e.__esModule?e:{default:e},r=n(7937);return function(){return t.default.createElement(r.Affix,{offsetBottom:10,onChange:function(e){console.log("affixed::",e)}},t.default.createElement(r.Button,{type:"primary",style:{marginLeft:20}},"2 \u5f53\u6309\u94ae\u8ddd\u79bb\u5e95\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u5e95\u90e8"))}}()},data:{19:{name:19,meta:{},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.Affix, {\n offsetTop: 60\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary"\n }, "1 \\u5F53\\u6309\\u94AE\\u8DDD\\u79BB\\u9876\\u90E8\\u8DDD\\u79BB\\u4E3A 0\\uFF0C\\u6309\\u94AE\\u88AB\\u9489\\u5728\\u9876\\u90E8"));\n};',language:"jsx",value:"import React from 'react';\nimport { Affix, Button } from 'uiw';\n\nexport default function Demo() {\n return (\n <Affix offsetTop={60}>\n <Button type=\"primary\">1 \u5f53\u6309\u94ae\u8ddd\u79bb\u9876\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u9876\u90e8</Button>\n </Affix>\n )\n}"},36:{name:36,meta:{},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.Affix, {\n offsetBottom: 10,\n onChange: function onChange(affixed) {\n console.log(\'affixed::\', affixed);\n }\n }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n type: "primary",\n style: {\n marginLeft: 20\n }\n }, "2 \\u5F53\\u6309\\u94AE\\u8DDD\\u79BB\\u5E95\\u90E8\\u8DDD\\u79BB\\u4E3A 0\\uFF0C\\u6309\\u94AE\\u88AB\\u9489\\u5728\\u5E95\\u90E8"));\n};',language:"jsx",value:"import React from 'react';\nimport { Affix, Button } from 'uiw';\n\nexport default function Demo() {\n return (\n <Affix offsetBottom={10} onChange={(affixed) => {\n console.log('affixed::', affixed);\n }}>\n <Button type=\"primary\" style={{ marginLeft: 20 }}>2 \u5f53\u6309\u94ae\u8ddd\u79bb\u5e95\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u5e95\u90e8</Button>\n </Affix>\n )\n}"}},source:"Affix \u56fe\u9489\n===\n\n[](https://jaywcjlove.github.io/#/sponsor)\n[](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-affix/file/README.md)\n[](https://www.npmjs.com/package/@uiw/react-affix)\n[](https://npmjs.com/@uiw/react-affix)\n\n\u4f7f\u7528\u56fe\u9489\uff0c\u53ef\u4ee5\u5c06\u5185\u5bb9\u56fa\u5b9a\u5728\u5c4f\u5e55\u53ef\u89c6\u8303\u56f4\uff0c\u5e76\u4e14\u4e0d\u968f\u9875\u9762\u7684\u6eda\u52a8\u800c\u6eda\u52a8\uff0c\u5e38\u7528\u4e8e\u83dc\u5355\u7b49\u3002\n\n```jsx\nimport { Affix } from 'uiw';\n// or\nimport Affix from '@uiw/react-affix';\n```\n\n### \u57fa\u672c\u7528\u6cd5\n \n```jsx mdx:preview\nimport React from 'react';\nimport { Affix, Button } from 'uiw';\n\nexport default function Demo() {\n return (\n <Affix offsetTop={60}>\n <Button type=\"primary\">1 \u5f53\u6309\u94ae\u8ddd\u79bb\u9876\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u9876\u90e8</Button>\n </Affix>\n )\n}\n```\n\n### \u9489\u5728\u5e95\u90e8\n\n\u8fd9\u4e2a\u5b9e\u4f8b\u9700\u8981\u4f60\u7f29\u5c0f\u7a97\u53e3\u9ad8\u5ea6\uff0c\u5c31\u53ef\u4ee5\u6d4b\u8bd5\u770b\u6548\u679c\u5566\u3002\n\n```jsx mdx:preview\nimport React from 'react';\nimport { Affix, Button } from 'uiw';\n\nexport default function Demo() {\n return (\n <Affix offsetBottom={10} onChange={(affixed) => {\n console.log('affixed::', affixed);\n }}>\n <Button type=\"primary\" style={{ marginLeft: 20 }}>2 \u5f53\u6309\u94ae\u8ddd\u79bb\u5e95\u90e8\u8ddd\u79bb\u4e3a 0\uff0c\u6309\u94ae\u88ab\u9489\u5728\u5e95\u90e8</Button>\n </Affix>\n )\n}\n```\n\n### Props\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| offsetBottom | \t\u8ddd\u79bb\u7a97\u53e3\u5e95\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1 | Number| - |\n| offsetTop | \t\u8ddd\u79bb\u7a97\u53e3\u9876\u90e8\u8fbe\u5230\u6307\u5b9a\u504f\u79fb\u91cf\u540e\u89e6\u53d1 | Number| - |\n| onChange | \t\t\u56fa\u5b9a\u72b6\u6001\u6539\u53d8\u65f6\u89e6\u53d1\u7684\u56de\u8c03\u51fd\u6570 | Function(affixed) | - |\n",headings:[],headingsList:[]};var o=n(5301),i=n(4760);function u(){return(0,i.jsx)(o.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-affix/README.md"})}}}]);
//# sourceMappingURL=3533.25d0e137.chunk.js.map