smart-web-ui 1.0.1 → 1.0.2

package/dist/DayTimerShaft.js

@@ -1,894 +0,0 @@
-import { nextTick as z, watch as A, openBlock as O, createElementBlock as j, normalizeStyle as I, createElementVNode as _ } from "vue";
-import { g as F } from "./chunks/_commonjsHelpers-C6fGbg64.js";
-import { _ as $ } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
-var M = { exports: {} }, N;
-function R() {
-  return N || (N = 1, function(C, P) {
-    (function(d, g) {
-      C.exports = g();
-    })(window, function() {
-      return function(d) {
-        var g = {};
-        function h(a) {
-          if (g[a]) return g[a].exports;
-          var c = g[a] = { i: a, l: !1, exports: {} };
-          return d[a].call(c.exports, c, c.exports, h), c.l = !0, c.exports;
-        }
-        return h.m = d, h.c = g, h.d = function(a, c, p) {
-          h.o(a, c) || Object.defineProperty(a, c, { enumerable: !0, get: p });
-        }, h.r = function(a) {
-          typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(a, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(a, "__esModule", { value: !0 });
-        }, h.t = function(a, c) {
-          if (1 & c && (a = h(a)), 8 & c || 4 & c && typeof a == "object" && a && a.__esModule) return a;
-          var p = /* @__PURE__ */ Object.create(null);
-          if (h.r(p), Object.defineProperty(p, "default", { enumerable: !0, value: a }), 2 & c && typeof a != "string") for (var u in a) h.d(p, u, (function(T) {
-            return a[T];
-          }).bind(null, u));
-          return p;
-        }, h.n = function(a) {
-          var c = a && a.__esModule ? function() {
-            return a.default;
-          } : function() {
-            return a;
-          };
-          return h.d(c, "a", c), c;
-        }, h.o = function(a, c) {
-          return Object.prototype.hasOwnProperty.call(a, c);
-        }, h.p = "", h(h.s = 3);
-      }([function(d, g, h) {
-        var a = h(2), c = h.n(a)()(function(p) {
-          return p[1];
-        });
-        c.push([d.i, `.playback-container{\r
-  min-height: calc(100vh - 70px);\r
-  max-height: calc(100vh - 70px);\r
-  background-color: rgb(85, 85, 85);\r
-}\r
-.playback-container .date-select{\r
-  width:212px;\r
-  background-color: rgb(51, 51, 51);\r
-}\r
-.playback-container .ui-datepicker-header{\r
-  display: flex;\r
-  justify-content: space-between;\r
-  width: 100%;\r
-  box-sizing: border-box;\r
-  padding:5px;\r
-  \r
-  color:white;\r
-}\r
-.playback-container table td {\r
-  width:28px;\r
-  height:28px;\r
-}\r
-.playback-container table td .item{\r
-  display: inline-block;\r
-  width: 24px;\r
-  height: 24px;\r
-  line-height: 24px;\r
-  background-color: rgb(0, 0, 0);\r
-  color:white;\r
-  font-size:12px;\r
-  text-align: center;\r
-  cursor: pointer;\r
-}\r
-.container-content{\r
-  display: flex;\r
-  height: calc(80vh - 49px) ;\r
-  min-height: 390px;\r
-  box-sizing: border-box;\r
-  padding:20px\r
-}\r
-.container-content .date-select{\r
-  width:260px;\r
-  background-color: rgb(34, 34, 34);\r
-  border-radius: 10px;\r
-  padding: 5px;\r
-  box-sizing: border-box;\r
-}\r
-.ui-datepicker-body{\r
-  display: flex;\r
-  justify-content: center;\r
-}\r
-.playback-container .player-box{\r
-  width:100%;\r
-  background-color: rgb(34, 34, 34);\r
-  margin-left: 20px;\r
-  display: flex;\r
-  flex-direction: column;\r
-  border-radius: 10px;\r
-  overflow: hidden;\r
-}\r
-.playback-container .playback-canvas{\r
-  height: 100%;\r
-}\r
-.playback-fullScreen-canvas{\r
-  width: 100% !important;\r
-  height:auto !important;\r
-}\r
-.playback-container .canvas-container{\r
-  height: calc(100% - 52px);\r
-  text-align: center;\r
-}\r
-\r
-.time-slider-container{\r
-  /* height: calc(20vh - 21px) ; */\r
-  min-height: 125px;\r
-  transition: 1.5s all;\r
-  position: fixed;\r
-  bottom: 0;\r
-}\r
-.ui-datepicker-body .date-selected{\r
-  background-color: rgb(3, 191, 22) !important;\r
-}\r
-.ui-datepicker-body .item{\r
-  position: relative;\r
-  border-radius: 2px;\r
-}\r
-.ui-datepicker-body .sign-date{\r
-  position: absolute;\r
-  right:0;\r
-}\r
-.ui-datepicker-body th {\r
-  color: #fff;\r
-  font-weight: normal;\r
-}\r
-.opacity-3{\r
-  opacity: 0.3;\r
-}\r
-.jump-month-btn{\r
-  cursor: pointer;\r
-}\r
-\r
-#timeSlider{\r
-  position: relative;\r
-  width: 100%;\r
-  max-width: 100%;\r
-  box-sizing: border-box;\r
-  padding: 40px 20px;\r
-  background-color: rgba(0, 0, 0, 1);\r
-  overflow: hidden;\r
-  user-select: none;\r
-}\r
-\r
-.ts-container {\r
-  position: relative;\r
-  display: flex;\r
-  pointer-events: none;\r
-\r
-}\r
-\r
-.ts-axis {\r
-  background-color: rgba(255, 255, 255, .1);\r
-  height: 20px;\r
-  pointer-events: none;\r
-  z-index: 99;\r
-  color: rgba(255, 255, 255, 0.596078431372549);\r
-  font-size: 14px;\r
-}\r
-\r
-.ts-axis-60 {\r
-  flex: 1;\r
-  border-right: 1px solid rgba(0, 0, 0, 1);\r
-  min-width: 48px;\r
-  box-sizing: border-box;\r
-  position: relative;\r
-\r
-}\r
-\r
-.ts-timeChunk {\r
-  height: 20px;\r
-  /* display: none; */\r
-  position: absolute;\r
-  z-index: 99\r
-}\r
-\r
-.ts-axis-long {\r
-  height: 20px;\r
-}\r
-\r
-.ts-axis-short {\r
-  height: 10px;\r
-}\r
-\r
-.ts-axis-last {\r
-  border-right: none;\r
-}\r
-\r
-.ts-axis-time {\r
-  position: absolute;\r
-  top: -25px;\r
-  left: -20px;\r
-}\r
-\r
-.ts-axis-time-last {\r
-  position: absolute;\r
-  top: -120%;\r
-  left: 50%;\r
-}\r
-\r
-.ts-move {\r
-  cursor: move;\r
-}\r
-\r
-.ts-line {\r
-  height: 100px;\r
-  border-left: 1px solid rgba(255, 255, 0, 1);\r
-  box-sizing: border-box;\r
-  color: white;\r
-  font-size: 12px;\r
-  position: absolute;\r
-  top: 20px;\r
-  z-index: 999;\r
-  pointer-events: none;\r
-  /* position: relative; */\r
-}\r
-.ts-assist-line{\r
-  height: 100px;\r
-  border-left: 1px solid rgba(255, 255, 0, 0.5);\r
-  box-sizing: border-box;\r
-  color: white;\r
-  font-size: 12px;\r
-  position: absolute;\r
-  top: 20px;\r
-  z-index: 999;\r
-  pointer-events: none;\r
-  display: none;\r
-}\r
-.ts-line-present {\r
-  /* display: none; */\r
-  position: relative;\r
-  top:-20px;\r
-  left: -20px;\r
-}\r
-.ts-assist-line-present{\r
-  position: relative;\r
-  top:-20px;\r
-  left: -20px;\r
-  display: none;\r
-  color:rgba(255,255,255,0.5)\r
-}\r
-\r
-.time-slider-count{\r
-  display: flex;\r
-  background-color: rgb(24, 24, 24);\r
-  box-sizing: border-box;\r
-  padding:10px 20px;\r
-}\r
-.time-slider-count .item{\r
-  display: flex;\r
-  font-size: 14px;\r
-  color:rgb(155, 164, 164);\r
-  align-items: center;\r
-}\r
-.time-slider-count .item div{\r
-  width:14px;\r
-  height: 14px;\r
-  margin-right: 14px;\r
-}\r
-.time-slider-count .background-1{\r
-  background-color: rgb(0, 0, 255);\r
-}\r
-.time-slider-count .background-2{\r
-  background-color: rgb(0, 255, 0);\r
-}\r
-.time-slider-count .background-3{\r
-  background-color: rgb(255, 0, 0);\r
-}\r
-.time-slider-count .background-4{\r
-  background-color: rgb(0, 128, 128);\r
-}\r
-.time-slider-count .background-5{\r
-  background-color: rgb(128, 0, 0);\r
-}\r
-.time-slider-count .background-6{\r
-  background-color: rgb(255, 255, 0);\r
-}\r
-.time-slider-count .background-7{\r
-  background-color: rgb(128, 128, 0);\r
-}\r
-.time-slider-count .background-8{\r
-  background-color: rgb(240, 128, 128);\r
-}\r
-.time-slider-count .background-9{\r
-  background-color: rgb(255, 0, 255);\r
-}\r
-.item-cur-month .icon-up{\r
-  color: red;\r
-  display: inline-block;\r
-  top: -9px;\r
-  position: absolute;\r
-  transform: rotate(45deg);\r
-  font-size: 12px;\r
-  left: 15px;\r
-}\r
-.playback-container .bottom-setting{\r
-  height: 52px;\r
-  background-color: rgb(242, 242, 242);\r
-  display: flex;\r
-  align-items: center;\r
-  box-sizing: border-box;\r
-  padding:10px;\r
-  justify-content: space-between;\r
-}\r
-.playback-container .bottom-setting .iconfont{\r
-  cursor: pointer;\r
-}\r
-.playback-container .bottom-setting .iconfont:hover{\r
-  color:rgb(0, 183, 46)\r
-}\r
-.playback-container .iconfont{\r
-  font-size:22px;\r
-}\r
-.playback-container .icon-up{\r
-  font-size:10px !important;\r
-  pointer-events:none;\r
-}\r
-.playback-fullScreen-box{\r
-  position: absolute;\r
-    right: 0;\r
-    left: 0;\r
-    bottom: 0;\r
-    display: flex;\r
-    justify-content: flex-end;\r
-    z-index: 10;\r
-    padding: 20px;\r
-}\r
-\r
-.playback-fullScreen-timeSlider-show{\r
-  position: fixed !important;\r
-  left:0 !important;\r
-  right:0 !important;\r
-  bottom:0 !important;\r
-  z-index:100001 !important;\r
-  height:auto !important;\r
-  opacity: 0.8;\r
-}\r
-.bottom-setting div{\r
-  display: flex;\r
-  align-items: center;\r
-}\r
-.bottom-setting i{\r
-  margin-right: 10px;\r
-}`, ""]), g.a = c;
-      }, function(d, g, h) {
-        var a, c = function() {
-          return a === void 0 && (a = !!(window && document && document.all && !window.atob)), a;
-        }, p = /* @__PURE__ */ function() {
-          var t = {};
-          return function(n) {
-            if (t[n] === void 0) {
-              var r = document.querySelector(n);
-              if (window.HTMLIFrameElement && r instanceof window.HTMLIFrameElement) try {
-                r = r.contentDocument.head;
-              } catch {
-                r = null;
-              }
-              t[n] = r;
-            }
-            return t[n];
-          };
-        }(), u = [];
-        function T(t) {
-          for (var n = -1, r = 0; r < u.length; r++) if (u[r].identifier === t) {
-            n = r;
-            break;
-          }
-          return n;
-        }
-        function L(t, n) {
-          for (var r = {}, o = [], l = 0; l < t.length; l++) {
-            var y = t[l], x = n.base ? y[0] + n.base : y[0], v = r[x] || 0, S = "".concat(x, " ").concat(v);
-            r[x] = v + 1;
-            var w = T(S), E = { css: y[1], media: y[2], sourceMap: y[3] };
-            w !== -1 ? (u[w].references++, u[w].updater(E)) : u.push({ identifier: S, updater: s(E, n), references: 1 }), o.push(S);
-          }
-          return o;
-        }
-        function m(t) {
-          var n = document.createElement("style"), r = t.attributes || {};
-          if (r.nonce === void 0) {
-            var o = h.nc;
-            o && (r.nonce = o);
-          }
-          if (Object.keys(r).forEach(function(y) {
-            n.setAttribute(y, r[y]);
-          }), typeof t.insert == "function") t.insert(n);
-          else {
-            var l = p(t.insert || "head");
-            if (!l) throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-            l.appendChild(n);
-          }
-          return n;
-        }
-        var f, k = (f = [], function(t, n) {
-          return f[t] = n, f.filter(Boolean).join(`
-`);
-        });
-        function b(t, n, r, o) {
-          var l = r ? "" : o.media ? "@media ".concat(o.media, " {").concat(o.css, "}") : o.css;
-          if (t.styleSheet) t.styleSheet.cssText = k(n, l);
-          else {
-            var y = document.createTextNode(l), x = t.childNodes;
-            x[n] && t.removeChild(x[n]), x.length ? t.insertBefore(y, x[n]) : t.appendChild(y);
-          }
-        }
-        function D(t, n, r) {
-          var o = r.css, l = r.media, y = r.sourceMap;
-          if (l ? t.setAttribute("media", l) : t.removeAttribute("media"), y && typeof btoa < "u" && (o += `
-/*# sourceMappingURL=data:application/json;base64,`.concat(btoa(unescape(encodeURIComponent(JSON.stringify(y)))), " */")), t.styleSheet) t.styleSheet.cssText = o;
-          else {
-            for (; t.firstChild; ) t.removeChild(t.firstChild);
-            t.appendChild(document.createTextNode(o));
-          }
-        }
-        var e = null, i = 0;
-        function s(t, n) {
-          var r, o, l;
-          if (n.singleton) {
-            var y = i++;
-            r = e || (e = m(n)), o = b.bind(null, r, y, !1), l = b.bind(null, r, y, !0);
-          } else r = m(n), o = D.bind(null, r, n), l = function() {
-            (function(x) {
-              if (x.parentNode === null) return !1;
-              x.parentNode.removeChild(x);
-            })(r);
-          };
-          return o(t), function(x) {
-            if (x) {
-              if (x.css === t.css && x.media === t.media && x.sourceMap === t.sourceMap) return;
-              o(t = x);
-            } else l();
-          };
-        }
-        d.exports = function(t, n) {
-          (n = n || {}).singleton || typeof n.singleton == "boolean" || (n.singleton = c());
-          var r = L(t = t || [], n);
-          return function(o) {
-            if (o = o || [], Object.prototype.toString.call(o) === "[object Array]") {
-              for (var l = 0; l < r.length; l++) {
-                var y = T(r[l]);
-                u[y].references--;
-              }
-              for (var x = L(o, n), v = 0; v < r.length; v++) {
-                var S = T(r[v]);
-                u[S].references === 0 && (u[S].updater(), u.splice(S, 1));
-              }
-              r = x;
-            }
-          };
-        };
-      }, function(d, g, h) {
-        d.exports = function(a) {
-          var c = [];
-          return c.toString = function() {
-            return this.map(function(p) {
-              var u = a(p);
-              return p[2] ? "@media ".concat(p[2], " {").concat(u, "}") : u;
-            }).join("");
-          }, c.i = function(p, u, T) {
-            typeof p == "string" && (p = [[null, p, ""]]);
-            var L = {};
-            if (T) for (var m = 0; m < this.length; m++) {
-              var f = this[m][0];
-              f != null && (L[f] = !0);
-            }
-            for (var k = 0; k < p.length; k++) {
-              var b = [].concat(p[k]);
-              T && L[b[0]] || (u && (b[2] ? b[2] = "".concat(u, " and ").concat(b[2]) : b[2] = u), c.push(b));
-            }
-          }, c;
-        };
-      }, function(d, g, h) {
-        h.r(g);
-        var a = class {
-          timeTranslateSecondsUtils(e) {
-            return Number(e.slice(4)) + 60 * Number(e.slice(2, 4)) + 60 * Number(e.slice(0, 2)) * 60;
-          }
-          secondsTranslateTimeUtils(e) {
-            let i = this.timeFormatUtils(Math.floor(e / 60 / 60));
-            return `${i}:${this.timeFormatUtils(Math.floor((e - 60 * i * 60) / 60))}:${this.timeFormatUtils(Math.floor(e % 60))}`;
-          }
-          timeFormatUtils(e) {
-            return e >= 10 ? e : "0" + e;
-          }
-          getDomInstanceUtils(e) {
-            return document.querySelector(e);
-          }
-          domLeftToNumberUtils(e) {
-            return e && Number(e.style.left.split("px")[0]);
-          }
-        }, c = class extends a {
-          constructor(e) {
-            super(), this.timeStr = e, this.init();
-          }
-          init() {
-            let e = this.timeStr.split("-"), i = e[0], s = e[1];
-            this.type = e[2], this.startTime = this.timeTranslateSecondsUtils(i), this.endTime = this.timeTranslateSecondsUtils(s);
-          }
-          createDom(e, i) {
-            const s = document.createElement("div");
-            return s.classList.add("ts-timeChunk"), s.style.background = i[this.type], s.style.left = this.startTime * e / 86400 + "px", s.style.width = (this.endTime - this.startTime) * e / 86400 + "px", s;
-          }
-        };
-        const p = { 10: 8640, 60: 1440, 300: 288, 600: 144, 1800: 48, 3600: 24 }, u = [3600, 1800, 600, 300, 60, 10], T = 1;
-        var L = class extends a {
-          constructor(e, i = {}) {
-            if (super(), this.el = e, this.PRECISION = 3600, this.DAYSECONDS = 86400, this.PADDINGLEFT = 20, this.precisionSetting = p, this.initDomInfo(), this.initRootDomEvent(), this.initTimeAxisDom(this.PRECISION), this.timeChunkType = i.timeChunkType, this.isMouseDown = !1, this.startX = null, this.startLeft = null, this.startMouseDownTime = null, this.wheelIndex = 0, this.wheelIndexMap = u, this.speed = i.speed || T, this.timer = null, this.curPlayTimeChunk = [], this.axisLength = null, this.allAxisLength = null, this.presentSeconds = i.presentSeconds || 0, this.timeNow = "", this.timeLineOutClient = !1, this.isValidMove = !0, this.curDaytimeChunkArray = i.curDaytimeChunkArray || [], this.timeChunkArray = this.curDaytimeChunkArray, this.isInitialPlay = i.isInitialPlay || !1, this.onClickCallback = i.onClick, this.onMoveCallback = i.onMove, this.onMouseDownCallback = i.onMouseDown, this.initAxis(), this.initTimeChunk(), i.presentSeconds && this.curDaytimeChunkArray.length) for (let s = 0; s < this.curDaytimeChunkArray.length; s++) {
-              let t = this.curDaytimeChunkArray[s].split("-"), n = t[0], r = t[1];
-              if (this.presentSeconds >= n && this.presentSeconds <= r) {
-                this.curPlayTimeChunk = [n, r, s], this.isInitialPlay && this.timeLinePlay();
-                break;
-              }
-            }
-          }
-          initAxis(e) {
-            this.timeChunkArray.length === 0 ? this.timeLineDom = null : (this.initTimeAxisDom(this.wheelIndexMap[this.wheelIndex]), this.calTimeSlider(), !e && this.setTimeLineLeft(), this.initTimeChunk());
-          }
-          initTimeChunk() {
-            this.timeChunkArray.forEach((e, i) => {
-              let s = new c(e).createDom(this.allAxisLength, this.timeChunkType);
-              this.containerDom.appendChild(s);
-            });
-          }
-          initDomInfo() {
-            this.rootDom = this.getDomInstanceUtils(this.el);
-            let e = document.createElement("div");
-            e.classList.add("ts-container"), this.rootDom.appendChild(e), this.containerDom = e;
-            let i = document.createElement("div"), s = document.createElement("span"), t = document.createElement("div"), n = document.createElement("span");
-            t.classList.add("ts-assist-line"), n.classList.add("ts-assist-line-present"), i.classList.add("ts-line"), s.classList.add("ts-line-present"), s.innerHTML = "00:00:00", n.innerHTML = "00:00:00", i.appendChild(s), t.appendChild(n), this.rootDom.appendChild(i), this.rootDom.appendChild(t), this.timeLinePresentDom = s, this.timeLineDom = i, this.assistTimeLinePresentDom = n, this.assistTimeLineDom = t;
-          }
-          initRootDomEvent() {
-            let e = this;
-            this.rootDom.addEventListener("mousedown", (i) => {
-              e.isMouseDown = !0, e.startX = i.offsetX, this.startLeft = e.domLeftToNumberUtils(e.containerDom), this.startMouseDownTime = (/* @__PURE__ */ new Date()).getTime(), this.rootDom.classList.add("ts-move"), this.isValidMove = !0;
-            }), this.rootDom.addEventListener("mousemove", (i) => {
-              if (this.isMouseDown && (/* @__PURE__ */ new Date()).getTime() - e.startMouseDownTime > 300) try {
-                this.onMoveCallback && this.onMoveCallback();
-              } catch {
-              }
-              if (e.isMouseDown && this.precision !== 3600) {
-                let s = i.offsetX - this.startX, t = s < 0, n = s > 0, r = this.allAxisLength + e.containerDom.offsetLeft < 20 + this.rootDom.offsetWidth;
-                if (this.startLeft + s > 20 && n) return e.containerDom.style.left = "0px", void (this.isValidMove = !1);
-                if (r && t) return e.containerDom.style.left = -this.allAxisLength + this.rootDom.offsetWidth - 35 + "px", void (this.isValidMove = !1);
-                e.containerDom.style.left = this.startLeft + s + "px";
-              }
-              this.showMouseMoveAssistTimeLine(i.offsetX);
-            }), this.rootDom.addEventListener("mouseup", (i) => {
-              this.assistTimeLineDom.style.display = "none", this.assistTimeLinePresentDom.style.display = "none";
-              let s = this.presentSeconds;
-              (/* @__PURE__ */ new Date()).getTime() - e.startMouseDownTime < 300 ? (console.log("点击", i.offsetX), this.handleClick(i.offsetX)) : this.calCurPreseconds(i.offsetX - this.startX - this.PADDINGLEFT), e.isMouseDown = !1, this.rootDom.classList.remove("ts-move");
-              try {
-                this.onMouseDownCallback && this.onMouseDownCallback();
-              } catch {
-              }
-              this.verifyTimeLineSite(s) || this.timeLinePlay();
-            }), this.rootDom.addEventListener("mouseout", (i) => {
-              e.isMouseDown = !1, this.assistTimeLineDom.style.display = "none", this.assistTimeLinePresentDom.style.display = "none", this.rootDom.classList.remove("ts-move");
-            }), this.rootDom.addEventListener("mousewheel", (i) => {
-              let s = e.allAxisLength, t = this.domLeftToNumberUtils(this.timeLineDom);
-              i.wheelDelta > 0 ? e.wheelIndex < e.wheelIndexMap.length - 1 && (++e.wheelIndex, e.precision = e.wheelIndexMap[e.wheelIndex], e.initAxis(!0), this.zoomSetTimeSlider(s, t, e.allAxisLength, !0)) : e.wheelIndex > 0 && (--e.wheelIndex, e.precision = e.wheelIndexMap[e.wheelIndex], e.initAxis(!0), this.zoomSetTimeSlider(s, t, e.allAxisLength, !1)), e.precision === 3600 && (this.containerDom.style.left = 0), e.containerDom.offsetLeft >= 0 && (e.containerDom.style.left = 0), this.allAxisLength + this.rootDom.offsetLeft <= document.body.clientWidth && (this.rootDom.style.left = -this.allAxisLength + document.body.clientWidth - 2 * this.paddingLeft + "px"), this.setTimeLineLeft();
-            });
-          }
-          handleClick(e) {
-            let i = this.presentSeconds;
-            this.presentSeconds = (-this.domLeftToNumberUtils(this.containerDom) + e - this.PADDINGLEFT) * this.DAYSECONDS / this.allAxisLength;
-            try {
-              this.onClickCallback && this.onClickCallback(Math.floor(i), Math.floor(this.presentSeconds));
-            } catch (s) {
-              console.warn(s);
-            }
-            this.setTimeLineLeft();
-          }
-          verifyTimeLineSite(e) {
-            if (!this.timeChunkArray.length) return;
-            let i = !1, s = this.presentSeconds > this.getTimeChunkLastEndTime();
-            for (let t = 0; t < this.timeChunkArray.length; t++) {
-              let n = this.timeChunkArray[t].split("-"), r = this.timeTranslateSecondsUtils(n[0]), o = this.timeTranslateSecondsUtils(n[1]);
-              if (r <= this.presentSeconds && this.presentSeconds <= o) {
-                i = !0, this.curPlayTimeChunk[0] = r, this.curPlayTimeChunk[1] = o, this.curPlayTimeChunk[2] = t;
-                break;
-              }
-            }
-            if (!i) {
-              if (s) return this.presentSeconds = e, this.setTimeLineLeft(), !0;
-              for (let t = 0; t < this.timeChunkArray.length; t++) {
-                let n, r, o = this.timeChunkArray[t].split("-"), l = this.timeTranslateSecondsUtils(o[0]), y = this.timeTranslateSecondsUtils(o[1]);
-                if (t + 1 >= this.timeChunkArray.length ? r = 0 : (n = this.timeChunkArray[t + 1].split("-"), r = this.timeTranslateSecondsUtils(n[1])), r < this.presentSeconds && this.presentSeconds < l) {
-                  this.presentSeconds = l, this.curPlayTimeChunk[0] = l, this.curPlayTimeChunk[1] = y, this.curPlayTimeChunk[2] = t;
-                  break;
-                }
-              }
-              this.setTimeLineLeft();
-            }
-          }
-          calCurPreseconds(e) {
-            this.presentSeconds = 60 * -e * 60 * 24 / this.allAxisLength + this.presentSeconds;
-          }
-          calTimeSlider() {
-            let e = this.getDomInstanceUtils(".ts-axis");
-            this.axisLength = e.offsetWidth, this.allAxisLength = e.offsetWidth * this.precisionSetting[this.wheelIndexMap[this.wheelIndex]], console.log("总长度", this.allAxisLength), console.log("单个长度", this.axisLength);
-          }
-          initTimeAxisDom(e) {
-            this.containerDom.innerHTML = "";
-            const i = this.precisionSetting[e];
-            for (let s = 0; s < i; s++) {
-              let t = document.createElement("div");
-              if (t.classList.add("ts-axis"), s === i - 1) {
-                t.classList.add("ts-axis-last");
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time-last"), n.innerText = "24:00", t.appendChild(n);
-              }
-              if (s % 2 == 0 && i === 24) {
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time"), n.innerText = (s >= 10 ? s : "0" + s) + ":00", t.appendChild(n);
-              }
-              if (i === 48) {
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time");
-                let r = s % 2, o = Math.floor(s / 2);
-                n.innerText = `${o >= 10 ? o : "0" + o}:${r ? "30" : "00"}`, t.appendChild(n);
-              }
-              if (i === 144) {
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time");
-                let r = 10 * s, o = r % 60, l = (r - o) / 60;
-                n.innerText = `${l >= 10 ? l : "0" + l}:${o >= 10 ? o : "0" + o}`, t.appendChild(n);
-              }
-              if (i === 288) {
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time");
-                let r = 5 * s, o = r % 60, l = (r - o) / 60;
-                n.innerText = `${l >= 10 ? l : "0" + l}:${o >= 10 ? o : "0" + o}`, t.appendChild(n);
-              }
-              if (i === 1440) {
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time");
-                let r = 1 * s, o = r % 60, l = (r - o) / 60;
-                n.innerText = `${l >= 10 ? l : "0" + l}:${o >= 10 ? o : "0" + o}`, t.appendChild(n);
-              }
-              if (s % 6 == 0 && i === 8640) {
-                let n = document.createElement("span");
-                n.classList.add("ts-axis-time");
-                let r = 10 * s, o = r / 60 % 60, l = 100 * Math.floor(r / 60 / 60).toFixed(2) / 100;
-                console.log(r, l), n.innerText = `${l >= 10 ? l : "0" + l}:${o >= 10 ? o : "0" + o}`, t.appendChild(n);
-              }
-              t.classList.add("ts-axis-60"), this.containerDom.appendChild(t);
-            }
-          }
-          setTimeLineLeft() {
-            let e = this.presentSeconds * (this.allAxisLength / this.DAYSECONDS);
-            e += this.domLeftToNumberUtils(this.containerDom), this.timeLineDom.style.left = this.PADDINGLEFT + e + "px";
-          }
-          zoomSetTimeSlider(e, i, s) {
-            let t = this.domLeftToNumberUtils(this.containerDom), n = (i - this.PADDINGLEFT - t) / e * s - (i - this.PADDINGLEFT);
-            this.containerDom.style.left = -n + "px";
-          }
-          timeLineStop() {
-            clearInterval(this.timer), this.timer = null;
-          }
-          timeLinePlay() {
-            this.timer || (this.timer = setInterval(() => {
-              if (this.presentSeconds = this.presentSeconds + this.speed, this.isMouseDown) return;
-              let e = this.speed * (this.allAxisLength / this.DAYSECONDS) + this.domLeftToNumberUtils(this.timeLineDom);
-              if (this.setTimeLineLeft(), this.containerDom.offsetWidth < e ? (console.log("playback isRightOver"), this.isRightOver = !0) : this.isRightOver = !1, this.timeNow = this.secondsTranslateTimeUtils(this.presentSeconds), this.timeLinePresentDom.innerText = this.timeNow, this.presentSeconds + 1 >= this.curPlayTimeChunk[1]) {
-                console.log("临界判断");
-                let i = this.curPlayTimeChunk[2] - 1;
-                if (i < 0) return this.presentSeconds = this.presentSeconds + this.speed, this.setTimeLineLeft(), this.timeLineStop(), void (this.playbackState = 0);
-                let s = this.timeChunkArray[i].split("-"), t = this.timeTranslateSecondsUtils(s[0]), n = this.timeTranslateSecondsUtils(s[1]);
-                this.presentSeconds = t, this.curPlayTimeChunk[0] = t, this.curPlayTimeChunk[1] = n, this.curPlayTimeChunk[2] = i, this.playbackState = 0, this.setTimeLineLeft(), this.timeNow = this.secondsTranslateTimeUtils(this.presentSeconds), this.timeLinePresentDom.innerText = this.timeNow;
-              }
-            }, 1e3));
-          }
-          getTimeChunkLastEndTime() {
-            return this.timeTranslateSecondsUtils(this.timeChunkArray[0] && this.timeChunkArray[0].split("-")[1]);
-          }
-          getTimeChunkFirstStartTime() {
-            return this.timeTranslateSecondsUtils(this.timeChunkArray[this.timeChunkArray.length - 1] && this.timeChunkArray[this.timeChunkArray.length - 1].split("-")[0]);
-          }
-          getTimeChunkFirstEndTime() {
-            return this.timeTranslateSecondsUtils(this.timeChunkArray[this.timeChunkArray.length - 1] && this.timeChunkArray[this.timeChunkArray.length - 1].split("-")[1]);
-          }
-          showMouseMoveAssistTimeLine(e) {
-            let i = (-this.domLeftToNumberUtils(this.containerDom) + e - this.PADDINGLEFT) * this.DAYSECONDS / this.allAxisLength, s = this.secondsTranslateTimeUtils(i);
-            console.log(i, i), i >= 0 && i <= 86400 ? (this.assistTimeLineDom.style.display = "block", this.assistTimeLinePresentDom.style.display = "block") : (this.assistTimeLineDom.style.display = "none", this.assistTimeLinePresentDom.style.display = "none"), this.assistTimeLinePresentDom.innerText = s;
-            let t = i * (this.allAxisLength / this.DAYSECONDS);
-            t += this.domLeftToNumberUtils(this.containerDom), this.assistTimeLineDom.style.left = this.PADDINGLEFT + t + "px";
-          }
-        }, m = h(1), f = h.n(m), k = h(0), b = { insert: "head", singleton: !1 };
-        f()(k.a, b), k.a.locals;
-        function D(e, i) {
-          return new L(e, i);
-        }
-        window.initTimeSlider = D, g.default = D;
-      }]).default;
-    });
-  }(M)), M.exports;
-}
-var H = R();
-const X = /* @__PURE__ */ F(H), V = {
-  name: "SyzTimerShaft"
-}, G = /* @__PURE__ */ Object.assign(V, {
-  props: {
-    width: {
-      type: String,
-      default: "700px"
-    },
-    // 播放状态 1代表播放2代表停止
-    playType: {
-      type: Number,
-      default: 0
-    },
-    // 跳转时间 单位秒
-    seekTime: {
-      type: Number,
-      default: 0
-    },
-    // 当天的时间块,每一项格式为startTime-endTime-type
-    curDaytimeChunkArray: {
-      type: Array,
-      default: () => ["000000-240000-C"]
-    },
-    // 开始播放时间,这个时间为秒数，而且必须在curDaytimeChunkArray时间段内
-    presentSeconds: {
-      type: String,
-      default: 0
-    },
-    // 时间段类型,属性名为类型与curDaytimeChunkArray对应，属性值为渲染到时间轴上的颜色
-    timeChunkType: {
-      type: Object,
-      default: {
-        C: "rgba(0, 149, 255, 1)"
-      }
-    },
-    // 时间线滚动的速率
-    speed: {
-      type: String,
-      default: 1
-    },
-    // 是否初始化后进行播放,如果设置为false,可以调用实例的timeLinePlay进行播放
-    isInitialPlay: {
-      type: Boolean,
-      default: !1
-    },
-    // 背景色
-    background: {
-      type: String,
-      default: "rgba(80, 59, 59, 0.5)"
-    },
-    // 内边距
-    padding: {
-      type: String,
-      default: "45px 20px 0px 20px"
-    },
-    axisHeight: {
-      type: String,
-      default: "10px"
-    },
-    assistLineHeight: {
-      type: String,
-      default: "35px"
-    },
-    assistLineTop: {
-      type: String,
-      default: "20px"
-    },
-    assistLinePresentTop: {
-      type: String,
-      default: "-12px"
-    },
-    lineHeight: {
-      type: String,
-      default: "26px"
-    },
-    lineTop: {
-      type: String,
-      default: "29px"
-    },
-    linePresentTop: {
-      type: String,
-      default: "-10px"
-    },
-    axisTimeTop: {
-      type: String,
-      default: "-13px"
-    },
-    timeChunkRadis: {
-      type: String,
-      default: "20px"
-    },
-    axisTimeLastTop: {
-      type: String,
-      default: "-135%"
-    }
-  },
-  emits: [
-    "update:playType",
-    "update:seekTime",
-    "onClick",
-    "onMove",
-    "onMouseDown"
-  ],
-  setup(C, { emit: P }) {
-    const d = C, g = P;
-    let h = null;
-    function a(m) {
-      var f = Math.floor(m / 3600), k = Math.floor(m % 3600 / 60), b = m % 60, D = (f < 10 ? "0" : "") + f + ":" + (k < 10 ? "0" : "") + k + ":" + (b < 10 ? "0" : "") + b;
-      return D;
-    }
-    z(() => {
-      h = X("#timeSlider", {
-        curDaytimeChunkArray: d.curDaytimeChunkArray,
-        presentSeconds: d.presentSeconds,
-        timeChunkType: d.timeChunkType,
-        speed: d.speed,
-        isInitialPlay: d.isInitialPlay,
-        onClick: (m, f) => {
-          g("onClick", a(m), a(f));
-        },
-        onMove: () => {
-          g("onMove");
-        },
-        onMouseDown: () => {
-          g("onMouseDown");
-        }
-      });
-    });
-    const c = () => {
-      h.timeLinePlay();
-    }, p = () => {
-      h.timeLineStop();
-    }, u = (m) => {
-      h.presentSeconds = m, h.setTimeLineLeft();
-    }, T = (m, f) => {
-      if (typeof m != "string" || typeof f != "string") {
-        console.error("Invalid input for setCssVariable", m, f);
-        return;
-      }
-      document.documentElement.style.setProperty(m, f);
-    }, L = {
-      "--y-TimerShaft-axis-height": d.axisHeight,
-      "--y-TimerShaft-axis-line-height": d.assistLineHeight,
-      "--y-TimerShaft-axis-line-top": d.assistLineTop,
-      "--y-TimerShaft-axis-line-Present-top": d.assistLinePresentTop,
-      "--y-TimerShaft-line-height": d.lineHeight,
-      "--y-TimerShaft-line-top": d.lineTop,
-      "--y-TimerShaft-line-present-top": d.linePresentTop,
-      "--y-TimerShaft-axis-time-top": d.axisTimeTop,
-      "--y-TimerShaft-time-chunk-radis": d.timeChunkRadis,
-      "--y-TimerShaft-axis-time-last-top": d.axisTimeLastTop
-    };
-    return Object.keys(L).forEach((m) => {
-      T(m, L[m]);
-    }), A(
-      () => d.playType,
-      (m, f) => {
-        m === 1 ? c() : m === 2 && p(), g("update:playType", 0);
-      }
-    ), A(
-      () => d.seekTime,
-      (m, f) => {
-        m !== 0 && u(m), g("update:seekTime", 0);
-      }
-    ), A(
-      () => d.speed,
-      (m, f) => {
-        h.speed = m;
-      }
-    ), (m, f) => (O(), j("div", {
-      class: "y-TimerShaft",
-      style: I({ width: d.width })
-    }, [
-      _("div", {
-        id: "timeSlider",
-        style: I({ background: d.background, padding: d.padding })
-      }, null, 4)
-    ], 4));
-  }
-}), U = /* @__PURE__ */ $(G, [["__scopeId", "data-v-2bc0b701"]]);
-U.install = (C) => {
-  C.component("DayTimerShaft", U);
-};
-export {
-  U as default
-};