zzy-javascript-devtools
Version:
# 该Npm包已更新重构版本！ [地址](https://www.npmjs.com/search?q=%40z-utils) 点击后选择其一即可
1 lines • 3.06 kB
JavaScript
function ownKeys(t,e){var r,i=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),i.push.apply(i,r)),i}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach(function(e){_defineProperty(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{memo}from"react";var imageBlack="data:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5MjExODM4NjU3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY3NDciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0iTTUwMC44IDQ2MS45MDkzMzNMMjY3LjMwNjY2NyA2OTUuMjk2bC00NS4yMjY2NjctNDUuMjY5MzMzIDI3OC43NDEzMzMtMjc4LjYxMzMzNEw3NzkuMzA2NjY3IDY1MC4wMjY2NjdsLTQ1LjI0OCA0NS4yMjY2NjZ6IiBwLWlkPSI2NzQ4IiBmaWxsPSIjNTE1MTUxIj48L3BhdGg+PC9zdmc+",imageWhite="\ndata:image/svg+xml;base64,PHN2ZyB0PSIxNjQ5MjExODM4NjU3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjY3NDciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+PHBhdGggZD0iTTUwMC44IDQ2MS45MDkzMzNMMjY3LjMwNjY2NyA2OTUuMjk2bC00NS4yMjY2NjctNDUuMjY5MzMzIDI3OC43NDEzMzMtMjc4LjYxMzMzNEw3NzkuMzA2NjY3IDY1MC4wMjY2NjdsLTQ1LjI0OCA0NS4yMjY2NjZ6IiBwLWlkPSI2NzQ4IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+\n",classObj={"topBar-component_zzyDevtools":{width:"100vw",height:"5.5rem",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},arrow:{position:"absolute",left:"0",top:"0",width:"5.5rem",height:"5.5rem",transform:"rotate(-90deg)"},topBarTil:{fontSize:"2.25rem",fontFamily:"PingFangSC-Medium, PingFang SC",fontWeight:500},rigTxt:{position:"absolute",right:"3rem",fontSize:"1.75rem"}},TopBar=function(e){var t=e.type,r=void 0===t?null:t,i=e.noArrow,o=e.title,t=e.rigTxt,a=e.clickRigTxt,c=e.arrowBack,e=0==r?imageBlack:imageWhite;return _jsxs("div",Object.assign({className:"topBar-component_zzyDevtools",style:_objectSpread({background:0==r?"#fff":1==r?"#000":"none"},classObj["topBar-component_zzyDevtools"])},{children:[!i&&_jsx("img",{src:e,alt:"",className:"arrow",onClick:function(){return c&&c()},style:classObj.arrow},void 0),_jsx("span",Object.assign({className:"topBarTil",style:_objectSpread({color:"0"==r?"#000":"#fff"},classObj.topBarTil)},{children:o}),void 0),t&&_jsx("span",Object.assign({className:"rigTxt",onClick:function(){return a&&a()},style:_objectSpread({color:"0"==r?"#000":"#fff"},classObj.rigTxt)},{children:t}),void 0)]}),void 0)};TopBar.defaultProps={type:null,noArrow:!1,title:"",rigTxt:"",clickRigTxt:null,arrowBack:null};export default memo(TopBar);