smart-web-ui 1.0.0 → 1.0.1

package/dist/DayTimerShaft.js

@@ -0,0 +1,894 @@
+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
+};