@ximu/notice-bar
Version:
a react component of notice bar
2 lines (1 loc) • 1.49 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).sunset=t(e.React)}(this,(function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),r="NoticeBar-module_notice-bar__sq6MK",a="NoticeBar-module_tip-content__rDbsm",o="NoticeBar-module_tip__6tINL",s={whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"};return function(t){var i=e.useRef(null),u=e.useMemo((function(){return t.message.length?t.message.concat(t.message[0]):[]}),[]);return e.useEffect((function(){var e=t.message.length,n=i.current.offsetHeight-30;i.current.style.transitionDuration="".concat(t.duration||e,"s"),i.current.style.transform="translateY(".concat(-n,"px)")}),[]),n.default.createElement("div",{className:r},n.default.createElement("img",{src:require("./notice.png").default,alt:""}),n.default.createElement("div",{className:a},n.default.createElement("ul",{className:o,ref:i,onTransitionEnd:function(){var e=t.message.length,n=i.current.offsetHeight-30;i.current.style.transitionDuration="0s",i.current.style.transform="translateY(0)",setTimeout((function(){i.current.style.transitionDuration="".concat(t.duration||e,"s"),i.current.style.transform="translateY(".concat(-n,"px)")}),0)}},u.map((function(e,r){return n.default.createElement("li",{style:t.newLine?null:s,key:r},e)})))))}}));