/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/@tiangongkit/react-component@1.0.4/dist/index.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),classname=require("classnames");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),classname__default=_interopDefaultLegacy(classname);function styleInject(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}var css_248z=".modal {\n  background: #ccc;\n}\n.modal .modal-drop-filter {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  opacity: 0;\n  z-index: 1000;\n  transition: all 0.2s;\n}\n.modal .modal-wrapper {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.modal .modal-wrapper .modal-inner {\n  width: 600px;\n  min-height: 400px;\n}\n.modal .modal-body {\n  opacity: 0;\n  transition: all 0.2s;\n}\n.modal .modal-body .modal-header {\n  background-color: #19afff;\n  color: #fff;\n  padding: 15px 20px;\n  position: relative;\n  border-top-left-radius: 2px;\n  border-top-right-radius: 2px;\n}\n.modal .modal-body .modal-content {\n  border-bottom-left-radius: 2px;\n  border-bottom-right-radius: 2px;\n  padding: 20px;\n  background-color: #fff;\n}\n.modal .modal-body .modal-footer {\n  padding: 20px;\n  background-color: #fff;\n}\n.visible .modal-drop-filter {\n  opacity: 0.6;\n}\n.visible .modal-body {\n  opacity: 1;\n  transition: all 0.2s;\n}\n";function isValidReactElement(e){return React__default.default.isValidElement(e)}styleInject(css_248z);var Modal=function(e){var n=e.title,t=e.visible,a=e.cancel,l=e.children,r=e.footer,o=classname__default.default("modal",{visible:t});return React__default.default.createElement("div",{className:o,style:t?{display:"block"}:{display:"none"}},React__default.default.createElement("div",{className:"modal-drop-filter"}),React__default.default.createElement("div",{className:"modal-wrapper",onClick:a},React__default.default.createElement("div",{className:"modal-inner"},React__default.default.createElement("div",{className:"modal-body",onClick:function(e){return e.stopPropagation()}},React__default.default.createElement("div",{className:"modal-header"},n),React__default.default.createElement("div",{className:"modal-content"},l),isValidReactElement(r)&&React__default.default.createElement("div",{className:"modal-footer"},r)))))},css_248z$1=".cardgroup {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n";function Group(e){var n=e.children;return React__default.default.createElement("div",{className:"cardgroup"},n)}styleInject(css_248z$1);var css_248z$2=".card {\n  border: 1px solid #aaa;\n  outline: none;\n  border: none;\n  width: 20%;\n  padding: 0 6px 0;\n  margin-bottom: 10px;\n  box-sizing: border-box;\n}\n.card .cardWrapper {\n  width: 100%;\n  background: #fff;\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 1px 1px 3px 1px rgba(100, 100, 100, 0.3);\n}\n.card .cardWrapper .img {\n  width: 100%;\n}\n.card .cardWrapper .description {\n  padding: 16px;\n  color: #999;\n}\n.card .cardWrapper .link {\n  padding: 16px;\n}\n.card .cardWrapper .link a {\n  text-decoration: none;\n}\n.card .cardWrapper .link a:hover {\n  cursor: pointer;\n}\n";function Card(e){var n=e.title,t=e.img,a=e.description,l=e.link;return React__default.default.createElement("div",{className:"card"},React__default.default.createElement("div",{className:"cardWrapper"},React__default.default.createElement("h3",{className:"title"},n),React__default.default.createElement("img",{src:t,alt:"",className:"img"}),React__default.default.createElement("div",{className:"description"},a),React__default.default.createElement("span",{className:"link"},React__default.default.createElement("a",{href:l},l))))}styleInject(css_248z$2),Card.CardGroup=Group;var css_248z$3="";function Foo(){return React__default.default.createElement("div",{className:"foo"},"我是 foo")}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _slicedToArray(e,n){return _arrayWithHoles(e)||_iterableToArrayLimit(e,n)||_unsupportedIterableToArray(e,n)||_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,r=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(r.push(a.value),!n||r.length!==n);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw l}}return r}}function _unsupportedIterableToArray(e,n){if(e){if("string"==typeof e)return _arrayLikeToArray(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(e,n):void 0}}function _arrayLikeToArray(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}styleInject(css_248z$3);var css_248z$4=".calendar {\n  width: 400px;\n  background-color: #ffe;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n}\n.calendar-header {\n  height: 40px;\n  font-size: 16px;\n  line-height: 40px;\n  color: #c3c3c3;\n  width: calc(100% - 40px);\n  text-align: center;\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.calendar-header-prev-year:hover,\n.calendar-header-prev-month:hover,\n.calendar-header-next-year:hover,\n.calendar-header-next-month:hover {\n  cursor: pointer;\n}\n.calendar-header-prev-year,\n.calendar-header-prev-month {\n  float: left;\n  padding-right: 15px;\n}\n.calendar-header-next-year,\n.calendar-header-next-month {\n  float: right;\n  padding-left: 15px;\n}\n.calendar-body {\n  width: 100%;\n  margin-bottom: 38px;\n  background-color: #ccc;\n}\n.calendar-body-week {\n  width: 100%;\n}\n.calendar-body-week ul {\n  display: flex;\n  list-style: none;\n  justify-content: space-around;\n  width: 100%;\n  padding: 0;\n}\n.calendar-body-days table {\n  width: 100%;\n  text-align: center;\n}\n.calendar-body-days table td {\n  padding: 8px 0;\n}\n.calendar-body-days table td:hover {\n  cursor: pointer;\n  background-color: #3c3c3c;\n  color: #ccc;\n}\n.calendar-footer {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  background-color: #aaa;\n  width: 100%;\n  padding: 8px 0;\n  text-align: center;\n}\n.calendar-footer:hover {\n  cursor: pointer;\n}\n";function Calendar(){var e=new Date,n=_slicedToArray(React.useState({year:e.getFullYear(),month:e.getMonth()}),2),t=n[0],a=n[1],l=(new Date).getDate(),r=React.useCallback((function(){}),[]),o=React.useCallback((function(){a((function(e){var n={};return e.month+1>12?(n.month=1,n.year+=1):n.month+=1,n}))}),[]),i=React.useCallback((function(){}),[]),c=React.useCallback((function(){a((function(e){var n={};return console.log("ret now",e,e.month,_typeof(e.month)),e.month+1>12?(n.month=1,n.year+=1):(n.month+=1,n.year=e.year),console.log("ret",n),n}))}),[]);return React__default.default.createElement("div",{className:"calendar"},"当前时间是：",l,React__default.default.createElement("div",{className:"calendar-header"},React__default.default.createElement("span",{className:"calendar-header-prev-year",onClick:r},"<<"),React__default.default.createElement("span",{className:"calendar-header-prev-month",onClick:o},"<"),React__default.default.createElement("span",null,t.year,"/",t.month),React__default.default.createElement("span",{className:"calendar-header-next-year",onClick:i},">>"),React__default.default.createElement("span",{className:"calendar-header-next-month",onClick:c},">")),React__default.default.createElement("div",{className:"calendar-body"},React__default.default.createElement("div",{className:"calendar-body-week"},React__default.default.createElement("ul",null,React__default.default.createElement("li",null,"一"),React__default.default.createElement("li",null,"二"),React__default.default.createElement("li",null,"三"),React__default.default.createElement("li",null,"四"),React__default.default.createElement("li",null,"五"),React__default.default.createElement("li",null,"六"),React__default.default.createElement("li",null,"日"))),React__default.default.createElement("div",{className:"calendar-body-days",onClick:function(e){console.log(e.target.innerText)}},React__default.default.createElement("table",null,[1,2,3,4,5].map((function(e){var n=e.days,t=void 0===n?[1,2,3,4,5,6,7]:n;return React__default.default.createElement("tr",null,t.map((function(e){return React__default.default.createElement("td",null,e)})))}))))),React__default.default.createElement("div",{className:"calendar-footer",onClick:function(){alert("当前时间是 ".concat(l))}},"今天"))}styleInject(css_248z$4);var css_248z$5=".tiangong-nav {\n  position: relative;\n  width: 100%;\n  height: 80px;\n  background-color: #ccc;\n  color: antiquewhite;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n.tiangong-nav .left {\n  padding: 10px;\n}\n.tiangong-nav .left:first-child a {\n  text-decoration: none;\n  color: #f3f3f3;\n}\n.tiangong-nav .menu-mask {\n  position: absolute;\n  display: none;\n  list-style: none;\n  left: 0;\n  top: 80px;\n  color: #000;\n  background-color: #e8e8e8;\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  width: 100%;\n  padding: 20px 5px;\n  box-sizing: border-box;\n}\n.tiangong-nav .menu-mask-active {\n  display: block;\n  z-index: 1;\n}\n.tiangong-nav .menu-mask-active .popover {\n  display: block;\n}\n.tiangong-nav .menu-mask-active .popover-menu-item {\n  cursor: pointer;\n  list-style: none;\n  padding-bottom: 10px;\n}\n.tiangong-nav .menu-main {\n  display: flex;\n  list-style: none;\n}\n.tiangong-nav .menu-main-item {\n  padding-left: 20px;\n  padding-right: 20px;\n  position: relative;\n}\n.tiangong-nav .menu-main-item .popover {\n  position: absolute;\n  display: none;\n}\n.tiangong-nav .menu-main-item .popover-menu {\n  list-style: none;\n  display: flex;\n}\n.tiangong-nav .menu-main-item:hover {\n  cursor: pointer;\n}\n.tiangong-nav .right {\n  display: flex;\n  height: 80px;\n  line-height: 80px;\n  margin-left: auto;\n}\n.tiangong-nav .right .login,\n.tiangong-nav .right .signup {\n  padding: 0 20px;\n  box-sizing: border-box;\n}\n.tiangong-nav .right .login:hover,\n.tiangong-nav .right .signup:hover {\n  cursor: pointer;\n}\n.tiangong-nav .right .login {\n  color: #000;\n}\n.tiangong-nav .right .signup {\n  background-color: #00f;\n  color: #fff;\n}\n@media (max-width: 768px) {\n  .tiangong-nav {\n    background-color: #ccc;\n  }\n}\n";function isNullOrUndefined(e){return null==e}styleInject(css_248z$5);var Nav=function(e){e.children,e.scrollable;var n,t=e.fixed,a=void 0!==t&&t,l=e.menus,r=e.logo,o=_slicedToArray(React.useState(!1),2),i=o[0],c=o[1],d=_slicedToArray(React.useState(0),2),u=d[0],s=d[1];React.useEffect((function(){var e=function(){var e=document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop,n=document.querySelector(".tiangong-nav");e>80?(n.style.position="fixed",n.style.zIndex="1000",n.style.top="0",n.style.left="0"):(n.style.position="relative",n.style.zIndex="0")};return a&&window.addEventListener("scroll",e),window.removeEventListener("scroll",e)}),[]);var f=function(e){c(!0),isNullOrUndefined(e)||s(e)},m=function(e){c(!1),isNullOrUndefined(e)||s(e)};return React__default.default.createElement("div",{className:"tiangong-nav"},React__default.default.createElement("div",{className:"left"},React__default.default.createElement("a",{href:window.location.href},React__default.default.createElement("img",{src:r,alt:"brand",className:"brand",height:"60px"}))),React__default.default.createElement("div",{className:"menu"},React__default.default.createElement("ul",{className:"menu-main"},l.map((function(e,n){return React__default.default.createElement("li",{className:"menu-main-item",onMouseEnter:function(){return f(n)},onMouseLeave:function(){return m(n)}},e.title)})))),React__default.default.createElement("div",{className:classname__default.default("menu-mask",{"menu-mask-active":i}),onMouseLeave:function(){m()},onMouseEnter:function(){f()}},React__default.default.createElement("div",{className:"popover"},React__default.default.createElement("ul",{className:"popover-menu"},null===(n=l[u])||void 0===n?void 0:n.items.map((function(e){return React__default.default.createElement("li",{className:"popover-menu-item"},e)}))))),React__default.default.createElement("div",{className:"right"},React__default.default.createElement("span",{className:"login"},"登录"),React__default.default.createElement("span",{className:"signup"},"立即注册")))},css_248z$6=".footer {\n  width: 100%;\n  position: relative;\n  background-color: #333;\n  color: #d3d3d3;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 40px 60px 32px;\n  box-sizing: border-box;\n}\n.footer-main {\n  margin-bottom: 20px;\n  width: 100%;\n}\n.footer-main-ul {\n  width: 100%;\n  display: flex;\n  list-style: none;\n  justify-content: space-around;\n  align-items: center;\n  padding: 0;\n}\n.footer-main-ul .item h4 {\n  font-size: 20px;\n}\n.footer-main-ul .item .products {\n  display: flex;\n  list-style: none;\n  flex-direction: column;\n  padding: 0;\n}\n.footer-main-ul .item .products .product-item {\n  padding: 6px 8px;\n}\n.footer-main-ul .item .products .product-item a {\n  text-decoration: none;\n  color: #d3d3d3;\n}\n.footer-main-ul .item .products .product-item:hover {\n  cursor: pointer;\n  color: #f3f3f3;\n}\n.footer .copyright {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: center;\n  padding: 6px;\n  padding-bottom: 30px;\n}\n";styleInject(css_248z$6);var Footer=function(){return React__default.default.createElement("div",{className:"footer"},React__default.default.createElement("div",{className:"footer-main"},React__default.default.createElement("ul",{className:"footer-main-ul"},[{name:"相关站点",items:[{id:1,title:"工具类站点",link:"",icon:""},{id:2,title:"咨询类站点",link:"",icon:""},{id:3,title:"电商类站点",link:"",icon:""},{id:4,title:"其他",link:"",icon:""}]},{name:"明日之屋",items:[{id:1,title:"凡有出",link:"",icon:""},{id:2,title:"必有用",link:"",icon:""},{id:3,title:"念念不忘",link:"",icon:""},{id:4,title:"必有回想",link:"",icon:""}]},{name:"联系我",items:[{id:1,title:"主站",link:"https://lazy-minus-your-intelligence.com/",icon:""},{id:2,title:"GitHub",link:"https://github.com/Alfred-Lau",icon:""},{id:3,title:"掘金",link:"",icon:""},{id:4,title:"思否",link:"",icon:""},{id:4,title:"拉勾",link:"",icon:""}]},{name:"更多套件",items:[{id:1,title:"数据采集",link:"http://docs.lazy-minus-your-intelligence.com/parts/tracert.html",icon:""},{id:1,title:"性能分析",link:"http://docs.lazy-minus-your-intelligence.com/parts/tracert.html",icon:""},{id:2,title:"脚手架",link:"http://docs.lazy-minus-your-intelligence.com/parts/cli.html",icon:""},{id:3,title:"搭建",link:"http://docs.lazy-minus-your-intelligence.com/parts/build.html",icon:""},{id:4,title:"垂直场景解决方案",link:"http://docs.lazy-minus-your-intelligence.com/parts/component.html",icon:""}]}].map((function(e){return React__default.default.createElement("li",{className:"item"},React__default.default.createElement("h4",null,e.name),React__default.default.createElement("ul",{className:"products"},e.items.map((function(e){return React__default.default.createElement("li",{className:"product-item"},React__default.default.createElement("a",{href:e.link,target:"_blank"},e.title))}))))})))),React__default.default.createElement("div",{className:"copyright"},"烽火彼岸，黄金沙滩"))},css_248z$7=".table {\n  background-color: #e6e6e6;\n}\n";function Table(){return React__default.default.createElement("div",{className:"table"},"table")}styleInject(css_248z$7);var css_248z$8="";function Form(){return React__default.default.createElement("div",null,"form")}styleInject(css_248z$8);var css_248z$9=".part {\n  background-color: #e6e6e6;\n}\n";styleInject(css_248z$9);var Part=function(e){return React__default.default.createElement("div",{className:"part"},e.children)},css_248z$a=".sideMenu {\n  background-color: #e6e6e6;\n}\n";styleInject(css_248z$a);var SideMenu=function(e){return React__default.default.createElement("div",{className:"sideMenu"},e.children)};exports.Calendar=Calendar,exports.Card=Card,exports.Foo=Foo,exports.Footer=Footer,exports.Form=Form,exports.Modal=Modal,exports.Nav=Nav,exports.Part=Part,exports.SideMenu=SideMenu,exports.Table=Table;
//# sourceMappingURL=/sm/566a3da4341d0808dc527636e972608236864e9b31fe214d163c1d99bd6ca853.map