UNPKG

fx67ll-clock

Version:
1 lines 11.8 kB
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["fx67ll-clock"]=t(require("vue")):e["fx67ll-clock"]=t(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s="fb15")}({"068b":function(e,t,n){var r=n("b041");t=e.exports=n("2350")(!1),t.push([e.i,"@font-face{font-family:PFRE;src:url("+r(n("855b"))+') format("truetype")}a[data-v-6fee56d8]{color:#bababa}a[data-v-6fee56d8]:hover{color:#42b983}.ban-user-select[data-v-6fee56d8]{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bc-box[data-v-6fee56d8]{display:flex;justify-content:center;flex-wrap:wrap}.bc-box p[data-v-6fee56d8]{width:100%;text-align:center;color:#2ecc71;font-size:28px;font-weight:700;position:relative;top:1vw;right:30px;margin:0}.bc-box table[data-v-6fee56d8]{border-collapse:separate;border-spacing:3.5vw}.bc-box table td[data-v-6fee56d8]{height:30px;width:30px;background-color:#fff;border-radius:50%}.bc-box table tr[data-v-6fee56d8]:after{position:relative;top:8px;font-size:1.3vw;color:#bababa}.bc-box table .bc-seconds[data-v-6fee56d8]:after{content:"second"}.bc-box table .bc-minutes[data-v-6fee56d8]:after{content:"minute"}.bc-box table .bc-hours[data-v-6fee56d8]:after{content:"hour"}.bc-box .num1[data-v-6fee56d8]{background-color:#2ecc71!important;box-shadow:0 0 15px 2px rgba(46,204,113,.7)}.bc-box .num0[data-v-6fee56d8]{background-color:#fff!important;box-shadow:0 0 15px 2px rgba(0,0,0,.2)}.bc-box[data-v-6fee56d8]{zoom:var(--zoomSize)}',""])},2350:function(e,t){function n(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"===typeof btoa){var a=r(o),s=o.sources.map((function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"}));return[n].concat(s).concat([a]).join("\n")}return[n].join("\n")}function r(e){var t=btoa(unescape(encodeURIComponent(JSON.stringify(e)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,"+t;return"/*# "+n+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=n(t,e);return t[2]?"@media "+t[2]+"{"+r+"}":r})).join("")},t.i=function(e,n){"string"===typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];"number"===typeof a&&(r[a]=!0)}for(o=0;o<e.length;o++){var s=e[o];"number"===typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),t.push(s))}},t}},"3b74":function(e,t,n){"use strict";n("a9a8")},"499e":function(e,t,n){"use strict";function r(e,t){for(var n=[],r={},o=0;o<t.length;o++){var a=t[o],s=a[0],i=a[1],c=a[2],u=a[3],f={id:e+":"+o,css:i,media:c,sourceMap:u};r[s]?r[s].parts.push(f):n.push(r[s]={id:s,parts:[f]})}return n}n.r(t),n.d(t,"default",(function(){return b}));var o="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!o)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},s=o&&(document.head||document.getElementsByTagName("head")[0]),i=null,c=0,u=!1,f=function(){},d=null,l="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function b(e,t,n,o){u=n,d=o||{};var s=r(e,t);return v(s),function(t){for(var n=[],o=0;o<s.length;o++){var i=s[o],c=a[i.id];c.refs--,n.push(c)}t?(s=r(e,t),v(s)):s=[];for(o=0;o<n.length;o++){c=n[o];if(0===c.refs){for(var u=0;u<c.parts.length;u++)c.parts[u]();delete a[c.id]}}}}function v(e){for(var t=0;t<e.length;t++){var n=e[t],r=a[n.id];if(r){r.refs++;for(var o=0;o<r.parts.length;o++)r.parts[o](n.parts[o]);for(;o<n.parts.length;o++)r.parts.push(m(n.parts[o]));r.parts.length>n.parts.length&&(r.parts.length=n.parts.length)}else{var s=[];for(o=0;o<n.parts.length;o++)s.push(m(n.parts[o]));a[n.id]={id:n.id,refs:1,parts:s}}}}function h(){var e=document.createElement("style");return e.type="text/css",s.appendChild(e),e}function m(e){var t,n,r=document.querySelector("style["+l+'~="'+e.id+'"]');if(r){if(u)return f;r.parentNode.removeChild(r)}if(p){var o=c++;r=i||(i=h()),t=g.bind(null,r,o,!1),n=g.bind(null,r,o,!0)}else r=h(),t=y.bind(null,r),n=function(){r.parentNode.removeChild(r)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else n()}}var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}();function g(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var a=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(a,s[t]):e.appendChild(a)}}function y(e,t){var n=t.css,r=t.media,o=t.sourceMap;if(r&&e.setAttribute("media",r),d.ssrId&&e.setAttribute(l,t.id),o&&(n+="\n/*# sourceURL="+o.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{while(e.firstChild)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},"855b":function(e,t,n){e.exports=n.p+"static/fonts/PingFang Regular En.3eaf0a60.ttf"},"8bbf":function(t,n){t.exports=e},a9a8:function(e,t,n){var r=n("068b");r.__esModule&&(r=r.default),"string"===typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var o=n("499e").default;o("16dfc4c8",r,!0,{sourceMap:!1,shadowMode:!1})},b041:function(e,t){e.exports=function(e){return"string"!==typeof e?e:(/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),/["'() \t\n]/.test(e)?'"'+e.replace(/"/g,'\\"').replace(/\n/g,"\\n")+'"':e)}},c43a:function(e,t,n){var r=n("b041");t=e.exports=n("2350")(!1),t.push([e.i,"@font-face{font-family:PFRE;src:url("+r(n("855b"))+') format("truetype")}a[data-v-201aaf4e]{color:#bababa}a[data-v-201aaf4e]:hover{color:#42b983}.ban-user-select[data-v-201aaf4e]{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stage[data-v-201aaf4e]{width:100%;height:100%}.stage .box[data-v-201aaf4e]{width:400px;height:400px;margin:100px 100px;position:relative;transition:all .5s;transform-style:preserve-3d}.stage .box .box-midd[data-v-201aaf4e],.stage .box .box-next[data-v-201aaf4e],.stage .box .box-prev[data-v-201aaf4e]{width:100%;height:100%;position:absolute;transition:all 3s}.stage .box .box-prev[data-v-201aaf4e]{background-color:#ffff9b;z-index:2}.stage .box .box-midd[data-v-201aaf4e]{background-color:#aaff7f;z-index:1}.stage .box .box-next[data-v-201aaf4e]{display:flex;justify-content:space-between;z-index:0}.stage .box .box-next span[data-v-201aaf4e]{width:50%;height:100%}.stage .box .box-next span[data-v-201aaf4e]:first-child{background-color:#ffff9b}.stage .box .box-next span[data-v-201aaf4e]:nth-child(2){background-color:#aaff7f}.stage .box:hover .box-midd[data-v-201aaf4e],.stage .box:hover .box-prev[data-v-201aaf4e]{transform:perspective(800px) rotateY(-180deg);transform-origin:perspective(800px) 50% 50% 0}',""])},d028:function(e,t,n){"use strict";n("f6de")},f6de:function(e,t,n){var r=n("c43a");r.__esModule&&(r=r.default),"string"===typeof r&&(r=[[e.i,r,""]]),r.locals&&(e.exports=r.locals);var o=n("499e").default;o("4960157b",r,!0,{sourceMap:!1,shadowMode:!1})},f6fd:function(e,t){(function(e){var t="currentScript",n=e.getElementsByTagName("script");t in e||Object.defineProperty(e,t,{get:function(){try{throw new Error}catch(r){var e,t=(/.*at [^\(]*\((.*):.+:.+\)$/gi.exec(r.stack)||[!1])[1];for(e in n)if(n[e].src==t||"interactive"==n[e].readyState)return n[e];return null}}})})(document)},fb15:function(e,t,n){"use strict";var r;(n.r(t),"undefined"!==typeof window)&&(n("f6fd"),(r=window.document.currentScript)&&(r=r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))&&(n.p=r[1]));n("8bbf");var o=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},a=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"stage"},[n("div",{staticClass:"box"},[n("div",{staticClass:"box-prev"}),n("div",{staticClass:"box-midd"}),n("div",{staticClass:"box-next"},[n("span"),n("span")])])])}],s={name:"fx67llFlipClock",data(){return{}},methods:{}},i=s;n("d028");function c(e,t,n,r,o,a,s,i){var c,u="function"===typeof e?e.options:e;if(t&&(u.render=t,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),a&&(u._scopeId="data-v-"+a),s?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},u._ssrRegister=c):o&&(c=i?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var f=u.render;u.render=function(e,t){return c.call(t),f(e,t)}}else{var d=u.beforeCreate;u.beforeCreate=d?[].concat(d,c):[c]}return{exports:e,options:u}}var u=c(i,o,a,!1,null,"201aaf4e",null),f=u.exports;f.install=function(e){e.component(f.name,f)};var d=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"bc-box",style:{"--zoomSize":e.zoomSize}},[e.isShowTime?n("p",[e._v(e._s(e.timeNow))]):e._e(),n("table",[n("tr",{staticClass:"bc-hours"},e._l(e.hoursTimeArr,(function(e,t){return n("td",{key:t,class:"0"===e?"num0":"num1"})})),0),n("tr",{staticClass:"bc-minutes"},e._l(e.minutesTimeArr,(function(e,t){return n("td",{key:t,class:"0"===e?"num0":"num1"})})),0),n("tr",{staticClass:"bc-seconds"},e._l(e.secondsTimeArr,(function(e,t){return n("td",{key:t,class:"0"===e?"num0":"num1"})})),0)])])},l=[],p={name:"fx67llBinaryClock",props:{isShowTime:{type:Boolean,required:!1,default:!0,validator(e){return"boolean"==typeof e}},zoomSize:{type:Number,required:!1,default:1,validator(e){return new RegExp("^((-?)0|([1-9][0-9]*))(.[0-9]+)?$").test(e)}}},data(){return{timeNow:"00 : 00 : 00",timer:null,hoursTimeArr:["0","0","0","0","0","0"],minutesTimeArr:["0","0","0","0","0","0"],secondsTimeArr:["0","0","0","0","0","0"]}},mounted(){var e=this;this.timer=setInterval((function(){e.getNowTime()}),1e3)},destroyed(){clearInterval(this.timer),this.timer=null},methods:{getNowTime(){let e=new Date,t=e.getHours(),n=e.getMinutes(),r=e.getSeconds();this.timeNow=this.addZero(t)+" : "+this.addZero(n)+" : "+this.addZero(r),this.hoursTimeArr=this.convertTenToTwo(t),this.minutesTimeArr=this.convertTenToTwo(n),this.secondsTimeArr=this.convertTenToTwo(r)},addZero(e){return e<10&&(e="0"+e),e},convertTenToTwo(e){let t="",n=[];while(e>0)t=e%2+t,e=Math.floor(e/2);n=t.split("");while(n.length<6)n.unshift("0");return n}}},b=p,v=(n("3b74"),c(b,d,l,!1,null,"6fee56d8",null)),h=v.exports;h.install=function(e){e.component(h.name,h)};var m={install(e){e.use(f),e.use(h)}};t["default"]=m}})["default"]}));