@uiw/doc/web/static/js/4833.8f065f7c.chunk.js

UIW documentation website.

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[4833],{4934:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=4934,e.exports=n},5301:(e,n,t)=>{"use strict";t.d(n,{Z:()=>_});var r=t(8573),o=t(6320),u=t(8563),a=t(7622),c=t(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var s=t(4760);function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:n}=e,t=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,s.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,s.jsx)("a",{href:t,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)(c.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)(c.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,s.jsx)(c.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,s.jsx)(c.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)(c.Divider,{type:"vertical"}),(0,s.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const p=o.ZP.Preview,d=o.ZP.Code,f=o.ZP.Toolbar,m=e=>{var n,t;let{node:a,components:c,data:i,...l}=e;const m=(0,r.useRef)(null),{headings:_,headingsList:k,...b}=l;(0,r.useEffect)((()=>{if(m.current){const e=m.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(m.current,e)}}),[m]);const h=null===a||void 0===a||null===(n=a.position)||void 0===n?void 0:n.start.line,v=null===a||void 0===a||null===(t=a.data)||void 0===t?void 0:t.meta,j=(0,u.Mx)(v)||String(h),w=c["".concat(j)];if(j&&"function"===typeof w){const e=i[j].value||"",n=(0,u.aE)(v||"");return(0,s.jsxs)(o.ZP,{ref:m,children:[(0,s.jsx)(p,{style:{background:n.bg||"transparent"},children:(0,s.jsx)(w,{})}),(0,s.jsx)(f,{text:e,children:n.title||"Example"}),(0,s.jsx)(d,{children:(0,s.jsx)("pre",{...b})})]})}return(0,s.jsx)("code",{...b})};function _(e){return(0,s.jsxs)(r.Fragment,{children:[(0,s.jsx)(a.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,s.jsx)(m,{...e,...n})}}),(0,s.jsx)(l,{path:e.path})]})}},1065:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});const r={components:{19:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement("div",null,"\u6eda\u52a8\u6eda\u52a8\u6761\uff0c\u3010\u5feb\u770b\u53f3\u4e0b\u89d2\u3011\uff0c\u663e\u793a\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u3002"),n.default.createElement(r.BackTop,{style:{backgroundColor:"red",color:"#fff"},step:500,speed:10,content:n.default.createElement("div",null,"Top")}))}}(),42:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement(r.BackTop,{fixed:!1,step:500,clickable:!1,speed:10},(function(e){var t=e.percent,o=e.scrollToTop;return n.default.createElement(r.Button,{onClick:function(){return o()},type:"success"},"\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8","".concat(t,"%"))}))}}(),66:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement(r.BackTop,{fixed:!1,step:500,speed:10},n.default.createElement(r.Button,{type:"success"},"\u70b9\u51fb\u6eda\u52a8\u5230\u9876\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("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "\\u6EDA\\u52A8\\u6EDA\\u52A8\\u6761\\uFF0C\\u3010\\u5FEB\\u770B\\u53F3\\u4E0B\\u89D2\\u3011\\uFF0C\\u663E\\u793A\\u8FD4\\u56DE\\u9876\\u90E8\\u6309\\u94AE\\u3002"), /*#__PURE__*/_react["default"].createElement(_uiw.BackTop, {\n    style: {\n      backgroundColor: \'red\',\n      color: \'#fff\'\n    },\n    step: 500,\n    speed: 10,\n    content: /*#__PURE__*/_react["default"].createElement("div", null, "Top")\n  }));\n};',language:"jsx",value:"import React from 'react';\nimport { BackTop } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <div>\u6eda\u52a8\u6eda\u52a8\u6761\uff0c\u3010\u5feb\u770b\u53f3\u4e0b\u89d2\u3011\uff0c\u663e\u793a\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u3002</div>\n      <BackTop\n        style={{ backgroundColor: 'red', color: '#fff' }}\n        step={500}\n        speed={10}\n        content={<div>Top</div>}\n      />\n    </div>\n  )\n}"},42:{name:42,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.BackTop, {\n    fixed: false,\n    step: 500,\n    clickable: false,\n    speed: 10\n  }, function (_ref) {\n    var percent = _ref.percent,\n      scrollToTop = _ref.scrollToTop;\n    return /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      onClick: function onClick() {\n        return scrollToTop();\n      },\n      type: "success"\n    }, "\\u70B9\\u51FB\\u6EDA\\u52A8\\u5230\\u9876\\u90E8", "".concat(percent, "%"));\n  });\n};',language:"jsx",value:"import React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <BackTop\n      fixed={false}\n      step={500}\n      clickable={false}\n      speed={10}\n    >\n      {({ percent, scrollToTop }) => (\n        <Button onClick={() => scrollToTop() } type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8{`${percent}%`}</Button>\n      )}\n    </BackTop>\n  )\n}"},66:{name:66,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.BackTop, {\n    fixed: false,\n    step: 500,\n    speed: 10\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "success"\n  }, "\\u70B9\\u51FB\\u6EDA\\u52A8\\u5230\\u9876\\u90E8"));\n};',language:"jsx",value:"import React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <BackTop\n      fixed={false}\n      step={500}\n      speed={10}\n    >\n      <Button type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8</Button>\n    </BackTop>\n  )\n}"}},source:"BackTop \u8fd4\u56de\u9876\u90e8\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-back-top/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-back-top.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-back-top)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-back-top.svg?label=@uiw/react-back-top)](https://npmjs.com/@uiw/react-back-top)\n\n\u8fd4\u56de\u9875\u9762\u9876\u90e8\u7684\u64cd\u4f5c\u6309\u94ae\u3002\n\n```jsx\nimport { BackTop } from 'uiw';\n// or\nimport BackTop from '@uiw/react-back-top';\n```\n\n## \u57fa\u672c\u7528\u6cd5\n\n```jsx mdx:preview\nimport React from 'react';\nimport { BackTop } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <div>\u6eda\u52a8\u6eda\u52a8\u6761\uff0c\u3010\u5feb\u770b\u53f3\u4e0b\u89d2\u3011\uff0c\u663e\u793a\u8fd4\u56de\u9876\u90e8\u6309\u94ae\u3002</div>\n      <BackTop\n        style={{ backgroundColor: 'red', color: '#fff' }}\n        step={500}\n        speed={10}\n        content={<div>Top</div>}\n      />\n    </div>\n  )\n}\n```\n\n## \u51fd\u6570\u5b50\u7ec4\u4ef6\n\n\u70b9\u51fb\u6309\u94ae\u6eda\u52a8\u5230\u9876\u90e8\n\n```jsx mdx:preview\nimport React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <BackTop\n      fixed={false}\n      step={500}\n      clickable={false}\n      speed={10}\n    >\n      {({ percent, scrollToTop }) => (\n        <Button onClick={() => scrollToTop() } type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8{`${percent}%`}</Button>\n      )}\n    </BackTop>\n  )\n}\n```\n\n## \u7ec4\u4ef6\u5b50\u8282\u70b9\n\n\u70b9\u51fb\u6309\u94ae\u6eda\u52a8\u5230\u9876\u90e8\n\n```jsx mdx:preview\nimport React from 'react';\nimport { BackTop, Button } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <BackTop\n      fixed={false}\n      step={500}\n      speed={10}\n    >\n      <Button type=\"success\">\u70b9\u51fb\u6eda\u52a8\u5230\u9876\u90e8</Button>\n    </BackTop>\n  )\n}\n```\n\n## Params\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| content | \u6eda\u52a8\u5230\u9876\u90e8\u6309\u94ae\u5185\u5bb9 | ReactNode/String | `0` |\n| offsetTop | \u662f\u5426\u59cb\u7ec8\u663e\u793a\u7ec4\u4ef6 | Number | `0` |\n| showBelow | \u6eda\u52a8\u8ddd\u79bb\u591a\u5c11\u65f6\u663e\u793a\u7ec4\u4ef6 | Number | `1` |\n| clickable | \u662f\u5426\u53ef\u4ee5\u70b9\u51fb | Bool | `true` |\n| speed | \u6eda\u52a8\u901f\u5ea6 | Number | `50` |\n| fixed | \u662f\u5426\u56fa\u5b9a\uff0c\u9ed8\u8ba4`true` | Bool | `true` |\n| style | CSS\u6837\u5f0f | Object | - |\n| className | CSS\u7c7b\u540d\u79f0 | String | - |\n| onClick | \u70b9\u51fb\u56de\u8c03 | Function | - |\n",headings:[],headingsList:[]};var o=t(5301),u=t(4760);function a(){return(0,u.jsx)(o.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-back-top/README.md"})}}}]);
//# sourceMappingURL=4833.8f065f7c.chunk.js.map