luo-image-annotator 0.0.14 → 0.0.15

package/dist/luo-image-annotator.es.js

@@ -1,19 +1,19 @@
 var ae = Object.defineProperty;
 var le = (w, t, n) => t in w ? ae(w, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : w[t] = n;
 var T = (w, t, n) => le(w, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as ct, ref as M, watchEffect as ce, openBlock as v, createElementBlock as m, normalizeClass as q, computed as V, onMounted as kt, nextTick as at, watch as K, createElementVNode as h, toDisplayString as P, Fragment as N, renderList as J, normalizeStyle as E, createCommentVNode as R, createVNode as H, withModifiers as It, createBlock as vt, withDirectives as ft, vModelText as mt, createTextVNode as lt } from "vue";
+import { defineComponent as ct, ref as M, watchEffect as ce, openBlock as v, createElementBlock as m, normalizeClass as X, computed as V, onMounted as kt, nextTick as at, watch as K, createElementVNode as h, toDisplayString as z, Fragment as N, renderList as J, normalizeStyle as U, createCommentVNode as B, createVNode as R, withModifiers as It, createBlock as vt, withDirectives as ft, vModelText as mt, createTextVNode as lt } from "vue";
 const pt = (w, t) => Math.sqrt(Math.pow(w.x - t.x, 2) + Math.pow(w.y - t.y, 2)), re = (w, t) => {
   let n = !1;
-  for (let e = 0, c = t.length - 1; e < t.length; c = e++) {
-    const l = t[e].x, a = t[e].y, g = t[c].x, u = t[c].y;
-    a > w.y != u > w.y && w.x < (g - l) * (w.y - a) / (u - a) + l && (n = !n);
+  for (let e = 0, l = t.length - 1; e < t.length; l = e++) {
+    const o = t[e].x, c = t[e].y, g = t[l].x, u = t[l].y;
+    c > w.y != u > w.y && w.x < (g - o) * (w.y - c) / (u - c) + o && (n = !n);
   }
   return n;
 }, At = (w, t, n) => {
-  const e = n * (Math.PI / 180), c = Math.cos(e), l = Math.sin(e), a = w.x - t.x, g = w.y - t.y;
+  const e = n * (Math.PI / 180), l = Math.cos(e), o = Math.sin(e), c = w.x - t.x, g = w.y - t.y;
   return {
-    x: t.x + (a * c - g * l),
-    y: t.y + (a * l + g * c)
+    x: t.x + (c * l - g * o),
+    y: t.y + (c * o + g * l)
   };
 };
 class he {
@@ -89,8 +89,8 @@ class he {
   zoom(t) {
     const e = t > 0 ? this.scale * 1.1 : this.scale / 1.1;
     if (e < 0.1 || e > 10) return;
-    const c = this.canvas.width / 2, l = this.canvas.height / 2, a = this.toImageCoords(c, l);
-    this.scale = e, this.offset.x = c - a.x * this.scale, this.offset.y = l - a.y * this.scale, this.clampViewportOffset(), this.render();
+    const l = this.canvas.width / 2, o = this.canvas.height / 2, c = this.toImageCoords(l, o);
+    this.scale = e, this.offset.x = l - c.x * this.scale, this.offset.y = o - c.y * this.scale, this.clampViewportOffset(), this.render();
   }
   resize() {
     this.fitImageToCanvas(), this.render();
@@ -118,18 +118,20 @@ class he {
   }
   clampViewportOffset() {
     if (this.img.width === 0 || this.img.height === 0) return;
-    const t = this.img.width * this.scale, n = this.img.height * this.scale;
-    if (t <= this.canvas.width)
-      this.offset.x = (this.canvas.width - t) / 2;
-    else {
-      const e = this.canvas.width - t, c = 0;
-      this.offset.x = Math.min(c, Math.max(e, this.offset.x));
+    const t = this.img.width * this.scale, n = this.img.height * this.scale, e = 100;
+    if (t <= this.canvas.width) {
+      const l = -t + e, o = this.canvas.width - e;
+      this.offset.x = Math.min(o, Math.max(l, this.offset.x));
+    } else {
+      const l = this.canvas.width - t - e, o = e;
+      this.offset.x = Math.min(o, Math.max(l, this.offset.x));
     }
-    if (n <= this.canvas.height)
-      this.offset.y = (this.canvas.height - n) / 2;
-    else {
-      const e = this.canvas.height - n, c = 0;
-      this.offset.y = Math.min(c, Math.max(e, this.offset.y));
+    if (n <= this.canvas.height) {
+      const l = -n + e, o = this.canvas.height - e;
+      this.offset.y = Math.min(o, Math.max(l, this.offset.y));
+    } else {
+      const l = this.canvas.height - n - e, o = e;
+      this.offset.y = Math.min(o, Math.max(l, this.offset.y));
     }
   }
   // --- 事件处理 ---
@@ -151,28 +153,28 @@ class he {
     }
   }
   handleMouseDown(t) {
-    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, c = t.clientY - n.top, l = this.toImageCoords(e, c);
-    if (this.canvas.style.cursor === "grab" || this.canvas.style.cursor === "grabbing") {
-      this.isPanning = !0, this.panStartPoint = { x: e, y: c }, this.canvas.style.cursor = "grabbing";
+    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, l = t.clientY - n.top, o = this.toImageCoords(e, l);
+    if (this.interactionMode === "pan") {
+      this.isPanning = !0, this.panStartPoint = { x: e, y: l }, this.canvas.style.cursor = "grabbing";
       return;
     }
     if (this.interactionMode === "select" && this.activeAnnotation) {
-      const u = this.getHitHandle(e, c, this.activeAnnotation);
+      const u = this.getHitHandle(e, l, this.activeAnnotation);
       if (u !== -100) {
-        this.isDragging = !0, this.dragStartPoint = l, this.selectedHandleIndex = u, this.dragStartAnnotation = JSON.parse(JSON.stringify(this.activeAnnotation));
+        this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = u, this.dragStartAnnotation = JSON.parse(JSON.stringify(this.activeAnnotation));
         return;
       }
     }
-    const a = this.interactionMode === "select" ? this.getHitCategory(e, c) : null;
-    if (a) {
-      this.activeAnnotation = a, this.isDragging = !1, this.selectedHandleIndex = -1, this.emit("annotationChange", { action: "select", changedItem: a, imageUrl: this.imageUrl }), this.render();
+    const c = this.interactionMode === "select" ? this.getHitCategory(e, l) : null;
+    if (c) {
+      this.activeAnnotation = c, this.isDragging = !1, this.selectedHandleIndex = -1, this.emit("annotationChange", { action: "select", changedItem: c, imageUrl: this.imageUrl }), this.render();
       return;
     }
-    const g = this.getHitAnnotation(l);
+    const g = this.getHitAnnotation(o);
     if (this.interactionMode === "select") {
       if (g) {
         if (!(this.visibleLabels.size > 0 && !this.visibleLabels.has(g.label))) {
-          this.activeAnnotation = g, this.isDragging = !0, this.dragStartPoint = l, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(g)), this.emit("annotationChange", { action: "select", changedItem: g, imageUrl: this.imageUrl }), this.render();
+          this.activeAnnotation = g, this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(g)), this.emit("annotationChange", { action: "select", changedItem: g, imageUrl: this.imageUrl }), this.render();
           return;
         }
       } else
@@ -182,42 +184,42 @@ class he {
     if (this.interactionMode === "draw") {
       if (this.isDrawing && this.currentTool === "polygon" && this.activeAnnotation) {
         const u = this.activeAnnotation.coordinates;
-        if (u.points.length > 2 && pt(l, u.points[0]) < 20 / this.scale) {
+        if (u.points.length > 2 && pt(o, u.points[0]) < 20 / this.scale) {
           this.finishDrawing();
           return;
         }
-        this.startDrawing(l);
+        this.startDrawing(o);
         return;
       }
       if (this.currentTool) {
         if (this.currentTool === "polygon" && !this.isDrawing) {
-          this.startDrawing(l);
+          this.startDrawing(o);
           return;
         }
-        this.startDrawing(l);
+        this.startDrawing(o);
       }
       return;
     }
     this.activeAnnotation = null, this.render();
   }
   handleMouseMove(t) {
-    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, c = t.clientY - n.top, l = this.toImageCoords(e, c);
+    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, l = t.clientY - n.top, o = this.toImageCoords(e, l);
     if (this.isPanning && this.panStartPoint) {
-      const a = e - this.panStartPoint.x, g = c - this.panStartPoint.y;
-      this.offset.x += a, this.offset.y += g, this.clampViewportOffset(), this.panStartPoint = { x: e, y: c }, this.render();
+      const c = e - this.panStartPoint.x, g = l - this.panStartPoint.y;
+      this.offset.x += c, this.offset.y += g, this.clampViewportOffset(), this.panStartPoint = { x: e, y: l }, this.render();
       return;
     }
-    if (this.lastMouseMovePoint = l, this.isDrawing) {
+    if (this.lastMouseMovePoint = o, this.isDrawing) {
       if (this.currentTool === "polygon" && this.activeAnnotation) {
-        const a = this.activeAnnotation.coordinates;
-        if (a.points.length > 2) {
-          const g = a.points[0], u = pt(l, g);
+        const c = this.activeAnnotation.coordinates;
+        if (c.points.length > 2) {
+          const g = c.points[0], u = pt(o, g);
           this.isHoveringStartPoint = u < 20 / this.scale;
         } else
           this.isHoveringStartPoint = !1;
       }
-      this.updateDrawing(l);
-    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(l) : this.checkHover(e, c, l);
+      this.updateDrawing(o);
+    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(o) : this.checkHover(e, l, o);
     this.render();
   }
   handleMouseUp(t) {
@@ -242,8 +244,8 @@ class he {
   // 辅助函数：将 hex 转换为 rgba
   hexToRgba(t, n) {
     if (!t.startsWith("#")) return t;
-    const e = parseInt(t.slice(1, 3), 16), c = parseInt(t.slice(3, 5), 16), l = parseInt(t.slice(5, 7), 16);
-    return `rgba(${e}, ${c}, ${l}, ${n})`;
+    const e = parseInt(t.slice(1, 3), 16), l = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
+    return `rgba(${e}, ${l}, ${o}, ${n})`;
   }
   startDrawing(t) {
     if (!this.currentTool) return;
@@ -298,8 +300,8 @@ class he {
         const n = this.activeAnnotation.coordinates;
         n.x2 = t.x, n.y2 = t.y;
       } else if (this.activeAnnotation.type === "rotatedRect" && this.dragStartPoint) {
-        const n = this.activeAnnotation.coordinates, e = Math.abs(t.x - this.dragStartPoint.x), c = Math.abs(t.y - this.dragStartPoint.y);
-        n.width = e * 2, n.height = c * 2;
+        const n = this.activeAnnotation.coordinates, e = Math.abs(t.x - this.dragStartPoint.x), l = Math.abs(t.y - this.dragStartPoint.y);
+        n.width = e * 2, n.height = l * 2;
       } else this.activeAnnotation.type;
   }
   finishDrawing() {
@@ -310,8 +312,8 @@ class he {
           this.activeAnnotation = null, this.isDrawing = !1;
           return;
         }
-        const n = Math.min(t.x1, t.x2), e = Math.max(t.x1, t.x2), c = Math.min(t.y1, t.y2), l = Math.max(t.y1, t.y2);
-        t.x1 = n, t.x2 = e, t.y1 = c, t.y2 = l, this.annotations.push(this.activeAnnotation), this.emit("annotationChange", { action: "add", changedItem: this.activeAnnotation, imageUrl: this.imageUrl });
+        const n = Math.min(t.x1, t.x2), e = Math.max(t.x1, t.x2), l = Math.min(t.y1, t.y2), o = Math.max(t.y1, t.y2);
+        t.x1 = n, t.x2 = e, t.y1 = l, t.y2 = o, this.annotations.push(this.activeAnnotation), this.emit("annotationChange", { action: "add", changedItem: this.activeAnnotation, imageUrl: this.imageUrl });
       } else if (this.activeAnnotation.type === "polygon") {
         if (this.activeAnnotation.coordinates.points.length < 3) {
           this.activeAnnotation = null, this.isDrawing = !1;
@@ -335,43 +337,43 @@ class he {
     const n = t.x - this.dragStartPoint.x, e = t.y - this.dragStartPoint.y;
     this.selectedHandleIndex === -1 ? this.moveAnnotation(this.activeAnnotation, this.dragStartAnnotation, n, e) : this.resizeAnnotation(this.activeAnnotation, this.dragStartAnnotation, this.selectedHandleIndex, t);
   }
-  moveAnnotation(t, n, e, c) {
+  moveAnnotation(t, n, e, l) {
     if (t.type === "rectangle") {
-      const l = n.coordinates, a = t.coordinates;
-      a.x1 = l.x1 + e, a.x2 = l.x2 + e, a.y1 = l.y1 + c, a.y2 = l.y2 + c;
+      const o = n.coordinates, c = t.coordinates;
+      c.x1 = o.x1 + e, c.x2 = o.x2 + e, c.y1 = o.y1 + l, c.y2 = o.y2 + l;
     } else if (t.type === "point") {
-      const l = n.coordinates, a = t.coordinates;
-      a.points = l.points.map((g) => ({ x: g.x + e, y: g.y + c }));
+      const o = n.coordinates, c = t.coordinates;
+      c.points = o.points.map((g) => ({ x: g.x + e, y: g.y + l }));
     } else if (t.type === "rotatedRect") {
-      const l = n.coordinates, a = t.coordinates;
-      a.x = l.x + e, a.y = l.y + c;
+      const o = n.coordinates, c = t.coordinates;
+      c.x = o.x + e, c.y = o.y + l;
     } else if (t.type === "polygon") {
-      const l = n.coordinates, a = t.coordinates;
-      a.points = l.points.map((g) => ({ x: g.x + e, y: g.y + c }));
+      const o = n.coordinates, c = t.coordinates;
+      c.points = o.points.map((g) => ({ x: g.x + e, y: g.y + l }));
     } else if (t.type === "category") {
-      const l = n.coordinates, a = t.coordinates;
-      l && a && (a.x = l.x + e, a.y = l.y + c);
+      const o = n.coordinates, c = t.coordinates;
+      o && c && (c.x = o.x + e, c.y = o.y + l);
     }
   }
-  resizeAnnotation(t, n, e, c) {
+  resizeAnnotation(t, n, e, l) {
     if (t.type === "rectangle") {
-      const l = t.coordinates;
-      e === 0 && (l.x1 = c.x, l.y1 = c.y), e === 1 && (l.x2 = c.x, l.y1 = c.y), e === 2 && (l.x2 = c.x, l.y2 = c.y), e === 3 && (l.x1 = c.x, l.y2 = c.y);
+      const o = t.coordinates;
+      e === 0 && (o.x1 = l.x, o.y1 = l.y), e === 1 && (o.x2 = l.x, o.y1 = l.y), e === 2 && (o.x2 = l.x, o.y2 = l.y), e === 3 && (o.x1 = l.x, o.y2 = l.y);
     } else if (t.type === "polygon") {
-      const l = t.coordinates;
-      e >= 0 && e < l.points.length && (l.points[e] = c);
+      const o = t.coordinates;
+      e >= 0 && e < o.points.length && (o.points[e] = l);
     } else if (t.type === "point") {
-      const l = t.coordinates;
-      e >= 0 && e < l.points.length && (l.points[e] = c);
+      const o = t.coordinates;
+      e >= 0 && e < o.points.length && (o.points[e] = l);
     } else if (t.type === "rotatedRect") {
-      const l = t.coordinates;
+      const o = t.coordinates;
       if (e === -2) {
-        const a = l.x, g = l.y, u = c.x - a, r = c.y - g;
-        let A = Math.atan2(r, u) * 180 / Math.PI;
-        A += 90, l.angle = A;
+        const c = o.x, g = o.y, u = l.x - c, r = l.y - g;
+        let k = Math.atan2(r, u) * 180 / Math.PI;
+        k += 90, o.angle = k;
       } else {
-        const a = l.angle * Math.PI / 180, g = Math.cos(-a), u = Math.sin(-a), r = c.x - l.x, A = c.y - l.y, x = r * g - A * u, D = r * u + A * g;
-        (e === 0 || e === 3) && (l.width / 2, l.width = Math.abs(x) * 2), (e === 1 || e === 2) && (l.width = Math.abs(x) * 2), (e === 0 || e === 1) && (l.height = Math.abs(D) * 2), (e === 2 || e === 3) && (l.height = Math.abs(D) * 2);
+        const c = o.angle * Math.PI / 180, g = Math.cos(-c), u = Math.sin(-c), r = l.x - o.x, k = l.y - o.y, x = r * g - k * u, D = r * u + k * g;
+        (e === 0 || e === 3) && (o.width / 2, o.width = Math.abs(x) * 2), (e === 1 || e === 2) && (o.width = Math.abs(x) * 2), (e === 0 || e === 1) && (o.height = Math.abs(D) * 2), (e === 2 || e === 3) && (o.height = Math.abs(D) * 2);
       }
     }
   }
@@ -392,18 +394,18 @@ class he {
       const e = n.coordinates;
       return re(t, e.points);
     } else if (n.type === "rotatedRect") {
-      const e = n.coordinates, c = At(t, { x: e.x, y: e.y }, -e.angle), l = e.width / 2, a = e.height / 2;
-      return c.x >= e.x - l && c.x <= e.x + l && c.y >= e.y - a && c.y <= e.y + a;
+      const e = n.coordinates, l = At(t, { x: e.x, y: e.y }, -e.angle), o = e.width / 2, c = e.height / 2;
+      return l.x >= e.x - o && l.x <= e.x + o && l.y >= e.y - c && l.y <= e.y + c;
     } else if (n.type === "point")
-      return n.coordinates.points.some((c) => pt(t, c) < 10 / this.scale);
+      return n.coordinates.points.some((l) => pt(t, l) < 10 / this.scale);
     return !1;
   }
   getHitHandle(t, n, e) {
-    const c = this.getAnnotationHandles(e), l = 6;
-    for (let a = 0; a < c.length; a++) {
-      const g = c[a], u = this.toScreenCoords(g.x, g.y);
-      if (Math.abs(t - u.x) < l && Math.abs(n - u.y) < l)
-        return e.type === "rotatedRect" && a === 4 ? -2 : a;
+    const l = this.getAnnotationHandles(e), o = 6;
+    for (let c = 0; c < l.length; c++) {
+      const g = l[c], u = this.toScreenCoords(g.x, g.y);
+      if (Math.abs(t - u.x) < o && Math.abs(n - u.y) < o)
+        return e.type === "rotatedRect" && c === 4 ? -2 : c;
     }
     return -100;
   }
@@ -426,24 +428,24 @@ class he {
       if (t.type === "point")
         return t.coordinates.points;
       if (t.type === "rotatedRect") {
-        const n = t.coordinates, e = { x: n.x, y: n.y }, c = n.width / 2, l = n.height / 2, a = { x: n.x - c, y: n.y - l }, g = { x: n.x + c, y: n.y - l }, u = { x: n.x + c, y: n.y + l }, r = { x: n.x - c, y: n.y + l }, A = { x: n.x, y: n.y - l - 20 / this.scale };
-        return [a, g, u, r, A].map((x) => At(x, e, n.angle));
+        const n = t.coordinates, e = { x: n.x, y: n.y }, l = n.width / 2, o = n.height / 2, c = { x: n.x - l, y: n.y - o }, g = { x: n.x + l, y: n.y - o }, u = { x: n.x + l, y: n.y + o }, r = { x: n.x - l, y: n.y + o }, k = { x: n.x, y: n.y - o - 20 / this.scale };
+        return [c, g, u, r, k].map((x) => At(x, e, n.angle));
       }
     }
     return [];
   }
   checkHover(t, n, e) {
-    const c = this.getHitCategory(t, n);
-    if (c) {
-      this.canvas.style.cursor = "pointer", this.hoverAnnotation = c;
+    const l = this.getHitCategory(t, n);
+    if (l) {
+      this.canvas.style.cursor = "pointer", this.hoverAnnotation = l;
       return;
     }
     if (this.activeAnnotation && this.getHitHandle(t, n, this.activeAnnotation) !== -100) {
       this.canvas.style.cursor = "pointer";
       return;
     }
-    const l = this.getHitAnnotation(e);
-    l ? (this.canvas.style.cursor = "move", this.hoverAnnotation = l) : (this.canvas.style.cursor = "default", this.hoverAnnotation = null);
+    const o = this.getHitAnnotation(e);
+    o ? (this.canvas.style.cursor = "move", this.hoverAnnotation = o) : (this.canvas.style.cursor = "default", this.hoverAnnotation = null);
   }
   render() {
     this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), this.img.complete && this.img.width > 0 && this.ctx.drawImage(this.img, this.offset.x, this.offset.y, this.img.width * this.scale, this.img.height * this.scale), this.annotations.forEach((t) => {
@@ -456,72 +458,72 @@ class he {
     this.ctx.save(), this.ctx.font = "14px sans-serif", this.ctx.textBaseline = "middle", this.ctx.textAlign = "center";
     const n = 12;
     t.forEach((e) => {
-      var C;
-      const c = e.label || "未命名分类", l = this.ctx.measureText(c).width + n * 2, a = 28, g = this.activeAnnotation === e, u = this.hoverAnnotation === e;
+      var _;
+      const l = e.label || "未命名分类", o = this.ctx.measureText(l).width + n * 2, c = 28, g = this.activeAnnotation === e, u = this.hoverAnnotation === e;
       let r = { x: 20, y: 20 };
       e.coordinates && typeof e.coordinates.x == "number" && typeof e.coordinates.y == "number" && (r = this.toScreenCoords(e.coordinates.x, e.coordinates.y));
-      const A = r.x - l / 2, x = r.y - a / 2, D = ((C = e.style) == null ? void 0 : C.strokeColor) || "#2196F3";
-      this.ctx.fillStyle = g ? D : this.hexToRgba(D, 0.85), u && !g && (this.ctx.fillStyle = D), g ? (this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 2) : (this.ctx.strokeStyle = "transparent", this.ctx.lineWidth = 0), this.ctx.beginPath(), this.ctx.roundRect(A, x, l, a, 6), this.ctx.fill(), g && (this.ctx.stroke(), this.ctx.save(), this.ctx.strokeStyle = D, this.ctx.lineWidth = 2, this.ctx.strokeRect(A - 3, x - 3, l + 6, a + 6), this.ctx.restore()), this.ctx.fillStyle = "#ffffff", this.ctx.fillText(c, r.x, r.y);
+      const k = r.x - o / 2, x = r.y - c / 2, D = ((_ = e.style) == null ? void 0 : _.strokeColor) || "#2196F3";
+      this.ctx.fillStyle = g ? D : this.hexToRgba(D, 0.85), u && !g && (this.ctx.fillStyle = D), g ? (this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 2) : (this.ctx.strokeStyle = "transparent", this.ctx.lineWidth = 0), this.ctx.beginPath(), this.ctx.roundRect(k, x, o, c, 6), this.ctx.fill(), g && (this.ctx.stroke(), this.ctx.save(), this.ctx.strokeStyle = D, this.ctx.lineWidth = 2, this.ctx.strokeRect(k - 3, x - 3, o + 6, c + 6), this.ctx.restore()), this.ctx.fillStyle = "#ffffff", this.ctx.fillText(l, r.x, r.y);
     }), this.ctx.restore();
   }
   getHitCategory(t, n) {
     const e = this.annotations.filter((g) => g.type === "category");
     if (e.length === 0) return null;
     this.ctx.save(), this.ctx.font = "14px sans-serif";
-    const c = 12, l = 28;
-    let a = null;
+    const l = 12, o = 28;
+    let c = null;
     for (let g = e.length - 1; g >= 0; g--) {
-      const u = e[g], r = u.label || "未命名分类", A = this.ctx.measureText(r).width + c * 2;
+      const u = e[g], r = u.label || "未命名分类", k = this.ctx.measureText(r).width + l * 2;
       let x = { x: 20, y: 20 };
       u.coordinates && typeof u.coordinates.x == "number" && typeof u.coordinates.y == "number" && (x = this.toScreenCoords(u.coordinates.x, u.coordinates.y));
-      const D = x.x - A / 2, C = x.y - l / 2;
-      if (t >= D && t <= D + A && n >= C && n <= C + l) {
-        a = u;
+      const D = x.x - k / 2, _ = x.y - o / 2;
+      if (t >= D && t <= D + k && n >= _ && n <= _ + o) {
+        c = u;
         break;
       }
     }
-    return this.ctx.restore(), a;
+    return this.ctx.restore(), c;
   }
   drawItem(t, n) {
-    var l;
+    var o;
     if (this.visibleLabels.size > 0 && !this.visibleLabels.has(t.label) && !n)
       return;
     this.ctx.save();
-    const e = ((l = t.style) == null ? void 0 : l.strokeColor) || "#FF4081", c = n ? "#00E5FF" : e;
-    if (this.ctx.strokeStyle = c, this.ctx.lineWidth = 2, t.type === "rectangle") {
-      const a = t.coordinates, g = this.toScreenCoords(a.x1, a.y1), u = this.toScreenCoords(a.x2, a.y2), r = Math.min(g.x, u.x), A = Math.min(g.y, u.y), x = Math.abs(g.x - u.x), D = Math.abs(g.y - u.y);
-      this.ctx.strokeRect(r, A, x, D), n && this.drawHandles(this.getAnnotationHandles(t));
+    const e = ((o = t.style) == null ? void 0 : o.strokeColor) || "#FF4081", l = n ? "#00E5FF" : e;
+    if (this.ctx.strokeStyle = l, this.ctx.lineWidth = 2, t.type === "rectangle") {
+      const c = t.coordinates, g = this.toScreenCoords(c.x1, c.y1), u = this.toScreenCoords(c.x2, c.y2), r = Math.min(g.x, u.x), k = Math.min(g.y, u.y), x = Math.abs(g.x - u.x), D = Math.abs(g.y - u.y);
+      this.ctx.strokeRect(r, k, x, D), n && this.drawHandles(this.getAnnotationHandles(t));
     } else if (t.type === "polygon") {
-      const a = t.coordinates;
-      if (a.points.length === 0) {
+      const c = t.coordinates;
+      if (c.points.length === 0) {
         this.ctx.restore();
         return;
       }
       this.ctx.beginPath();
-      const g = this.toScreenCoords(a.points[0].x, a.points[0].y);
+      const g = this.toScreenCoords(c.points[0].x, c.points[0].y);
       this.ctx.moveTo(g.x, g.y);
-      for (let u = 1; u < a.points.length; u++) {
-        const r = this.toScreenCoords(a.points[u].x, a.points[u].y);
+      for (let u = 1; u < c.points.length; u++) {
+        const r = this.toScreenCoords(c.points[u].x, c.points[u].y);
         this.ctx.lineTo(r.x, r.y);
       }
       if (!this.isDrawing || t !== this.activeAnnotation)
         this.ctx.closePath();
       else if (this.lastMouseMovePoint) {
         let u = this.lastMouseMovePoint;
-        if (this.isHoveringStartPoint && a.points.length > 0) {
-          u = a.points[0];
-          const A = this.toScreenCoords(a.points[0].x, a.points[0].y);
-          this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(A.x, A.y, 10, 0, Math.PI * 2), this.ctx.fillStyle = "rgba(255, 215, 0, 0.6)", this.ctx.strokeStyle = "#FFFFFF", this.ctx.lineWidth = 2, this.ctx.fill(), this.ctx.stroke(), this.ctx.restore();
+        if (this.isHoveringStartPoint && c.points.length > 0) {
+          u = c.points[0];
+          const k = this.toScreenCoords(c.points[0].x, c.points[0].y);
+          this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(k.x, k.y, 10, 0, Math.PI * 2), this.ctx.fillStyle = "rgba(255, 215, 0, 0.6)", this.ctx.strokeStyle = "#FFFFFF", this.ctx.lineWidth = 2, this.ctx.fill(), this.ctx.stroke(), this.ctx.restore();
         }
         const r = this.toScreenCoords(u.x, u.y);
         this.ctx.lineTo(r.x, r.y);
       }
       this.ctx.stroke(), n && this.drawHandles(this.getAnnotationHandles(t));
     } else if (t.type === "rotatedRect") {
-      const a = t.coordinates;
-      this.ctx.translate(this.toScreenCoords(a.x, a.y).x, this.toScreenCoords(a.x, a.y).y), this.ctx.rotate(a.angle * Math.PI / 180);
-      const g = a.width * this.scale, u = a.height * this.scale;
-      this.ctx.strokeRect(-g / 2, -u / 2, g, u), this.ctx.rotate(-a.angle * Math.PI / 180), this.ctx.translate(-this.toScreenCoords(a.x, a.y).x, -this.toScreenCoords(a.x, a.y).y), n && this.drawHandles(this.getAnnotationHandles(t));
+      const c = t.coordinates;
+      this.ctx.translate(this.toScreenCoords(c.x, c.y).x, this.toScreenCoords(c.x, c.y).y), this.ctx.rotate(c.angle * Math.PI / 180);
+      const g = c.width * this.scale, u = c.height * this.scale;
+      this.ctx.strokeRect(-g / 2, -u / 2, g, u), this.ctx.rotate(-c.angle * Math.PI / 180), this.ctx.translate(-this.toScreenCoords(c.x, c.y).x, -this.toScreenCoords(c.x, c.y).y), n && this.drawHandles(this.getAnnotationHandles(t));
     } else t.type === "point" && t.coordinates.points.forEach((g) => {
       const u = this.toScreenCoords(g.x, g.y);
       this.ctx.beginPath(), this.ctx.arc(u.x, u.y, 5, 0, Math.PI * 2), this.ctx.fillStyle = n ? "#00E5FF" : e, this.ctx.fill(), this.ctx.stroke();
@@ -535,31 +537,31 @@ class he {
     });
   }
 }
-const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032114659" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21132" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 391.68c-66.56 0-120.32 54.187-120.32 120.32 0 66.56 53.76 120.32 120.32 120.32 66.133 0 120.32-53.76 120.32-120.32A120.747 120.747 0 0 0 512 391.68z" p-id="21133" fill="#515151"></path><path d="M512 113.493c-219.733 0-398.507 178.774-398.507 398.507S292.267 910.507 512 910.507 910.507 731.733 910.507 512 731.733 113.493 512 113.493z m0 720.214c-177.493 0-321.707-144.214-321.707-321.707S334.507 190.293 512 190.293 833.707 334.507 833.707 512 689.493 833.707 512 833.707z" p-id="21134" fill="#515151"></path></svg>', ge = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M15.7 4.3c.4.4.4 1 0 1.4L9.4 12l6.3 6.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0z"/></svg>', ue = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032015085" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16560" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M911.872 972.629333l-2.645333-1.621333-209.92-208.554667-91.306667 193.194667-147.029333-494.933333 486.4 179.968-177.834667 68.266666 201.472 200.362667a9.898667 9.898667 0 0 1 2.133333 4.608 10.069333 10.069333 0 0 1-1.024 4.778667l-2.389333 3.157333-47.786667 47.530667a9.813333 9.813333 0 0 1-4.522666 2.901333 12.544 12.544 0 0 1-2.56 0z m-657.066667-12.970666L0.256 501.248l97.109333-175.445333 64.256-115.456L254.805333 42.581333h510.208l259.328 466.858667h-100.608L714.325333 132.778667H305.322667l-204.8 368.384 204.8 368.725333H418.133333v90.026667z" fill="#515151" p-id="16561"></path></svg>', ve = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032973956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6763" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M613.6 960H97.2c-17.7 0-32-14.3-32-32V98.5c0-17.7 14.3-32 32-32h829.5c17.7 0 32 14.3 32 32v518.2c0 17.7-14.3 32-32 32s-32-14.3-32-32V130.5H129.2V896h484.4c17.7 0 32 14.3 32 32s-14.3 32-32 32z" fill="#515151" p-id="6764"></path><path d="M711.3 694.9l120.3 46.9-100.7 80.7z" fill="#515151" p-id="6765"></path><path d="M707.6 882.1L671.3 645l223.6 87.1-187.3 150z m43.7-137.3l2.8 18 14.2-11.4-17-6.6z" fill="#515151" p-id="6766"></path><path d="M927 957.9c-8.2 0-16.4-3.1-22.6-9.4L723.2 767.2c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l181.2 181.2c12.5 12.5 12.5 32.8 0 45.3-6.3 6.3-14.5 9.5-22.7 9.5z" fill="#515151" p-id="6767"></path></svg>', fe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M19 6h-4V5c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v1H5c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1zM10 5h4v1h-4V5z"/><path fill="currentColor" d="M6 9v10c0 1.7 1.3 3 3 3h6c1.7 0 3-1.3 3-3V9H6zm4 9c0 .6-.4 1-1 1s-1-.4-1-1v-5c0-.6.4-1 1-1s1 .4 1 1v5zm4 0c0 .6-.4 1-1 1s-1-.4-1-1v-5c0-.6.4-1 1-1s1 .4 1 1v5z"/></svg>', me = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M19 15v4c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2v-4c0-.6.4-1 1-1s1 .4 1 1v4h10v-4c0-.6.4-1 1-1s1 .4 1 1zm-7.7 1.3c.2.2.4.3.7.3s.5-.1.7-.3l4.6-4.6c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0l-2.9 2.9V3c0-.6-.4-1-1-1s-1 .4-1 1v8.3l-2.9-2.9c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l4.6 4.6z"/></svg>', pe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M3 17.2v4.3c0 .3.2.5.5.5h4.3c.1 0 .3-.1.4-.2l11.1-11.1-5.1-5.1L3.1 16.8c-.1.1-.1.3-.1.4zm18.8-10.9c.4-.4.4-1 0-1.4l-3.7-3.7c-.4-.4-1-.4-1.4 0l-2.3 2.3 5.1 5.1 2.3-2.3z"/></svg>', ye = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M18.7 4.3c.4.4.4 1 0 1.4L12.4 12l6.3 6.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0z"/><path fill="currentColor" d="M10.7 4.3c.4.4.4 1 0 1.4L4.4 12l6.3 6.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0z"/></svg>', we = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032412624" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3527" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M870.2976 144.0256l51.2 51.2-122.88 122.88a514.304 514.304 0 0 1 170.7264 193.8688C885.0432 679.04 711.8848 793.6 512 793.6c-56.832 0-111.488-9.2672-162.56-26.3424L197.4016 919.296l-51.2-51.2L870.2976 144.0256z m-127.1552 229.5296l-76.6208 76.6208a166.4 166.4 0 0 1-216.32 216.3712l-38.6048 38.5792c29.5168 6.9632 60.032 10.9312 91.1872 11.5712L512 716.8c150.6816 0 287.488-77.2096 366.464-200.3456l2.816-4.48-2.816-4.48a435.8144 435.8144 0 0 0-135.3216-133.9392zM512 230.4c49.664 0 97.664 7.0656 143.0528 20.2496l-63.8208 63.7696a436.4032 436.4032 0 0 0-70.016-7.1168L512 307.2a434.8928 434.8928 0 0 0-366.464 200.3456l-2.816 4.48 2.816 4.48a435.84 435.84 0 0 0 119.8848 123.776l-55.0912 55.04a514.2528 514.2528 0 0 1-155.648-183.296C138.9312 344.96 312.0896 230.4 512 230.4z m89.5488 284.8l-86.3744 86.2976 1.7408-0.0256a89.6 89.6 0 0 0 84.6336-86.272zM512 345.6a166.656 166.656 0 0 1 42.5728 5.504l-79.0272 79.0272a89.9328 89.9328 0 0 0-45.4144 45.4144l-79.0272 79.0272A166.4 166.4 0 0 1 512 345.6z" p-id="3528" fill="#515151"></path></svg>', xe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M5.3 19.7c-.4-.4-.4-1 0-1.4l6.3-6.3-6.3-6.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7c.4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0z"/><path fill="currentColor" d="M13.3 19.7c-.4-.4-.4-1 0-1.4l6.3-6.3-6.3-6.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7c.4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0z"/></svg>', be = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775031871732" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12257" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M174.63 78.98c0.03-12.61 16.41-19.91 25.81-11.5l328.72 293.98 318.27 284.63c10.51 9.4 0.4 26.75-14.25 24.46L435.7 608.43c-6.23-0.97-12.72 1.92-16.16 7.2L199.96 952.72c-8.09 12.42-27.76 8.34-27.72-5.76l1.17-426.97 1.22-441.01z" fill="#515151" p-id="12258"></path></svg>', _e = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032210611" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23146" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M543.487882 0.00128a161.919393 161.919393 0 0 0-114.55957 47.359822L47.553742 428.991671a162.111392 162.111392 0 0 0 0 229.119141l318.270806 318.398806a161.983393 161.983393 0 0 0 229.119141 0l381.630569-381.694569A162.111392 162.111392 0 0 0 1023.99808 480.255479V161.920673A161.919393 161.919393 0 0 0 861.886688 0.00128H543.487882z m0 90.55966l318.462806 0.064a71.295733 71.295733 0 0 1 71.487732 71.295733v318.270806c0 18.943929-7.615971 37.119861-21.055921 50.559811l-381.56657 381.758568a71.423732 71.423732 0 0 1-101.055621 0L111.489502 594.111052a71.487732 71.487732 0 0 1 0-101.119621l381.566569-381.566569c13.37595-13.37595 31.551882-20.863922 50.431811-20.863922z m112.447578 124.159535a153.023426 153.023426 0 1 0 0 306.046852 153.023426 153.023426 0 0 0 0-306.046852z m57.727784 129.151515a62.463766 62.463766 0 1 1-115.455567 47.807821 62.463766 62.463766 0 0 1 115.455567-47.807821z" p-id="23147" fill="#515151"></path></svg>', Ce = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M20.5 10.5V11c0 4.7-3.8 8.5-8.5 8.5S3.5 15.7 3.5 11v-4c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v1.5c0 .3.2.5.5.5s.5-.2.5-.5v-4c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v1.5c0 .3.2.5.5.5s.5-.2.5-.5v-1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v2.5c0 .3.2.5.5.5s.5-.2.5-.5v-1.5c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5z"/></svg>', ke = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775033156525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3463" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M694.4 960H195.2C131.7 960 80 908.4 80 845.1V462c0-63.4 51.7-114.9 115.2-114.9h499.2c63.5 0 115.2 51.6 115.2 114.9v383.1c0 63.3-51.7 114.9-115.2 114.9zM195.2 423.7c-21.2 0-38.4 17.2-38.4 38.3v383.1c0 21.1 17.2 38.3 38.4 38.3h499.2c21.2 0 38.4-17.2 38.4-38.3V462c0-21.1-17.2-38.3-38.4-38.3H195.2z" fill="#515151" p-id="3464"></path><path d="M905.6 450.3c-14.8 0-28.9-8.6-35.2-23C788.6 240.8 592.7 213 483.2 213c-21.2 0-38.4-17.2-38.4-38.3s17.2-38.3 38.4-38.3c218.2 0 385 94.9 457.6 260.3 8.5 19.4-0.4 42-19.8 50.5-5 2.1-10.3 3.1-15.4 3.1z" fill="#515151" p-id="3465"></path><path d="M473.6 285.4c-9.8 0-19.7-3.7-27.2-11.2l-72.5-72.4c-15-15-15-39.2 0-54.2l72.5-72.4c15-15 39.3-15 54.3 0s15 39.2 0 54.2l-45.4 45.3 45.4 45.3c15 15 15 39.2 0 54.2-7.4 7.4-17.3 11.2-27.1 11.2z" fill="#515151" p-id="3466"></path></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M8.3 19.7c-.4-.4-.4-1 0-1.4l6.3-6.3-6.3-6.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7c.4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0z"/></svg>', Ae = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032400373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3314" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 230.4c199.8848 0 373.0176 114.5344 457.344 281.5744C885.0432 679.04 711.8848 793.6 512 793.6c-199.8848 0-373.0176-114.5344-457.344-281.5744C138.9568 344.96 312.1152 230.4 512 230.4z m0 76.8a434.8928 434.8928 0 0 0-366.464 200.3456l-2.816 4.48 2.816 4.48a434.944 434.944 0 0 0 357.248 200.192L512 716.8c150.6816 0 287.488-77.2096 366.464-200.3456l2.816-4.48-2.816-4.48a434.944 434.944 0 0 0-357.248-200.192L512 307.2z m0 38.4a166.4 166.4 0 1 1 0 332.8 166.4 166.4 0 0 1 0-332.8z m0 76.8a89.6 89.6 0 1 0 0 179.2 89.6 89.6 0 0 0 0-179.2z" p-id="3315" fill="#515151"></path></svg>', Se = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032548251" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4695" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M849.7664 778.1376c1.9968 1.4848 3.84 3.072 5.632 4.864l72.3968 72.3968a51.2 51.2 0 1 1-72.3968 72.3968l-72.3968-72.3968a51.6096 51.6096 0 0 1-4.864-5.632 448 448 0 1 1 71.68-71.68zM460.8 460.8V358.4a51.2 51.2 0 1 1 102.4 0v102.4h102.4a51.2 51.2 0 0 1 0 102.4h-102.4v102.4a51.2 51.2 0 0 1-102.4 0v-102.4H358.4a51.2 51.2 0 0 1 0-102.4h102.4z m38.4 384a345.6 345.6 0 1 0 0-691.2 345.6 345.6 0 0 0 0 691.2z" fill="#515151" p-id="4696"></path></svg>', Me = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032629657" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1933" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M849.7664 778.1376c1.9968 1.4848 3.84 3.072 5.632 4.864l72.3968 72.3968a51.2 51.2 0 1 1-72.3968 72.3968l-72.3968-72.3968a51.6096 51.6096 0 0 1-4.864-5.632 448 448 0 1 1 71.68-71.68zM499.2 844.8a345.6 345.6 0 1 0 0-691.2 345.6 345.6 0 0 0 0 691.2zM358.4 563.2a51.2 51.2 0 0 1 0-102.4h307.2a51.2 51.2 0 0 1 0 102.4H358.4z" fill="#666666" p-id="1934"></path></svg>', Te = ["innerHTML"], De = /* @__PURE__ */ ct({
+const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032114659" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21132" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 391.68c-66.56 0-120.32 54.187-120.32 120.32 0 66.56 53.76 120.32 120.32 120.32 66.133 0 120.32-53.76 120.32-120.32A120.747 120.747 0 0 0 512 391.68z" p-id="21133" fill="#515151"></path><path d="M512 113.493c-219.733 0-398.507 178.774-398.507 398.507S292.267 910.507 512 910.507 910.507 731.733 910.507 512 731.733 113.493 512 113.493z m0 720.214c-177.493 0-321.707-144.214-321.707-321.707S334.507 190.293 512 190.293 833.707 334.507 833.707 512 689.493 833.707 512 833.707z" p-id="21134" fill="#515151"></path></svg>', ge = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M15.7 4.3c.4.4.4 1 0 1.4L9.4 12l6.3 6.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0z"/></svg>', ue = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032015085" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16560" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M911.872 972.629333l-2.645333-1.621333-209.92-208.554667-91.306667 193.194667-147.029333-494.933333 486.4 179.968-177.834667 68.266666 201.472 200.362667a9.898667 9.898667 0 0 1 2.133333 4.608 10.069333 10.069333 0 0 1-1.024 4.778667l-2.389333 3.157333-47.786667 47.530667a9.813333 9.813333 0 0 1-4.522666 2.901333 12.544 12.544 0 0 1-2.56 0z m-657.066667-12.970666L0.256 501.248l97.109333-175.445333 64.256-115.456L254.805333 42.581333h510.208l259.328 466.858667h-100.608L714.325333 132.778667H305.322667l-204.8 368.384 204.8 368.725333H418.133333v90.026667z" fill="#515151" p-id="16561"></path></svg>', ve = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032973956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6763" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M613.6 960H97.2c-17.7 0-32-14.3-32-32V98.5c0-17.7 14.3-32 32-32h829.5c17.7 0 32 14.3 32 32v518.2c0 17.7-14.3 32-32 32s-32-14.3-32-32V130.5H129.2V896h484.4c17.7 0 32 14.3 32 32s-14.3 32-32 32z" fill="#515151" p-id="6764"></path><path d="M711.3 694.9l120.3 46.9-100.7 80.7z" fill="#515151" p-id="6765"></path><path d="M707.6 882.1L671.3 645l223.6 87.1-187.3 150z m43.7-137.3l2.8 18 14.2-11.4-17-6.6z" fill="#515151" p-id="6766"></path><path d="M927 957.9c-8.2 0-16.4-3.1-22.6-9.4L723.2 767.2c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l181.2 181.2c12.5 12.5 12.5 32.8 0 45.3-6.3 6.3-14.5 9.5-22.7 9.5z" fill="#515151" p-id="6767"></path></svg>', fe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M19 6h-4V5c0-1.1-.9-2-2-2h-2c-1.1 0-2 .9-2 2v1H5c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1zM10 5h4v1h-4V5z"/><path fill="currentColor" d="M6 9v10c0 1.7 1.3 3 3 3h6c1.7 0 3-1.3 3-3V9H6zm4 9c0 .6-.4 1-1 1s-1-.4-1-1v-5c0-.6.4-1 1-1s1 .4 1 1v5zm4 0c0 .6-.4 1-1 1s-1-.4-1-1v-5c0-.6.4-1 1-1s1 .4 1 1v5z"/></svg>', me = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M19 15v4c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2v-4c0-.6.4-1 1-1s1 .4 1 1v4h10v-4c0-.6.4-1 1-1s1 .4 1 1zm-7.7 1.3c.2.2.4.3.7.3s.5-.1.7-.3l4.6-4.6c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0l-2.9 2.9V3c0-.6-.4-1-1-1s-1 .4-1 1v8.3l-2.9-2.9c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l4.6 4.6z"/></svg>', pe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M3 17.2v4.3c0 .3.2.5.5.5h4.3c.1 0 .3-.1.4-.2l11.1-11.1-5.1-5.1L3.1 16.8c-.1.1-.1.3-.1.4zm18.8-10.9c.4-.4.4-1 0-1.4l-3.7-3.7c-.4-.4-1-.4-1.4 0l-2.3 2.3 5.1 5.1 2.3-2.3z"/></svg>', ye = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M18.7 4.3c.4.4.4 1 0 1.4L12.4 12l6.3 6.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0z"/><path fill="currentColor" d="M10.7 4.3c.4.4.4 1 0 1.4L4.4 12l6.3 6.3c.4.4.4 1 0 1.4-.4.4-1 .4-1.4 0l-7-7c-.4-.4-.4-1 0-1.4l7-7c.4-.4 1-.4 1.4 0z"/></svg>', we = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032412624" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3527" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M870.2976 144.0256l51.2 51.2-122.88 122.88a514.304 514.304 0 0 1 170.7264 193.8688C885.0432 679.04 711.8848 793.6 512 793.6c-56.832 0-111.488-9.2672-162.56-26.3424L197.4016 919.296l-51.2-51.2L870.2976 144.0256z m-127.1552 229.5296l-76.6208 76.6208a166.4 166.4 0 0 1-216.32 216.3712l-38.6048 38.5792c29.5168 6.9632 60.032 10.9312 91.1872 11.5712L512 716.8c150.6816 0 287.488-77.2096 366.464-200.3456l2.816-4.48-2.816-4.48a435.8144 435.8144 0 0 0-135.3216-133.9392zM512 230.4c49.664 0 97.664 7.0656 143.0528 20.2496l-63.8208 63.7696a436.4032 436.4032 0 0 0-70.016-7.1168L512 307.2a434.8928 434.8928 0 0 0-366.464 200.3456l-2.816 4.48 2.816 4.48a435.84 435.84 0 0 0 119.8848 123.776l-55.0912 55.04a514.2528 514.2528 0 0 1-155.648-183.296C138.9312 344.96 312.0896 230.4 512 230.4z m89.5488 284.8l-86.3744 86.2976 1.7408-0.0256a89.6 89.6 0 0 0 84.6336-86.272zM512 345.6a166.656 166.656 0 0 1 42.5728 5.504l-79.0272 79.0272a89.9328 89.9328 0 0 0-45.4144 45.4144l-79.0272 79.0272A166.4 166.4 0 0 1 512 345.6z" p-id="3528" fill="#515151"></path></svg>', xe = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M5.3 19.7c-.4-.4-.4-1 0-1.4l6.3-6.3-6.3-6.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7c.4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0z"/><path fill="currentColor" d="M13.3 19.7c-.4-.4-.4-1 0-1.4l6.3-6.3-6.3-6.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7c.4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0z"/></svg>', be = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775031871732" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12257" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M174.63 78.98c0.03-12.61 16.41-19.91 25.81-11.5l328.72 293.98 318.27 284.63c10.51 9.4 0.4 26.75-14.25 24.46L435.7 608.43c-6.23-0.97-12.72 1.92-16.16 7.2L199.96 952.72c-8.09 12.42-27.76 8.34-27.72-5.76l1.17-426.97 1.22-441.01z" fill="#515151" p-id="12258"></path></svg>', Ce = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032210611" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23146" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M543.487882 0.00128a161.919393 161.919393 0 0 0-114.55957 47.359822L47.553742 428.991671a162.111392 162.111392 0 0 0 0 229.119141l318.270806 318.398806a161.983393 161.983393 0 0 0 229.119141 0l381.630569-381.694569A162.111392 162.111392 0 0 0 1023.99808 480.255479V161.920673A161.919393 161.919393 0 0 0 861.886688 0.00128H543.487882z m0 90.55966l318.462806 0.064a71.295733 71.295733 0 0 1 71.487732 71.295733v318.270806c0 18.943929-7.615971 37.119861-21.055921 50.559811l-381.56657 381.758568a71.423732 71.423732 0 0 1-101.055621 0L111.489502 594.111052a71.487732 71.487732 0 0 1 0-101.119621l381.566569-381.566569c13.37595-13.37595 31.551882-20.863922 50.431811-20.863922z m112.447578 124.159535a153.023426 153.023426 0 1 0 0 306.046852 153.023426 153.023426 0 0 0 0-306.046852z m57.727784 129.151515a62.463766 62.463766 0 1 1-115.455567 47.807821 62.463766 62.463766 0 0 1 115.455567-47.807821z" p-id="23147" fill="#515151"></path></svg>', _e = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775096284335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4580" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M308.377435 102.251961C318.982967 47.176334 372.449479 0 448.66303 0c39.496466 0 68.314257 20.040799 85.063685 46.07921 11.995223 18.577967 17.919693 39.935315 20.040799 60.341823 13.384913-4.388496 27.35496-6.582744 41.398147-6.655886 38.911333 0 68.021691 19.455666 85.72196 44.616378 16.822569 23.990446 23.551596 53.100804 23.551596 79.724347v29.988058c0.146283 98.960589 0.292566 197.921178 0.658274 296.954909-0.073142 13.165489 1.097124 26.47726 3.510797 39.569608 8.484426-7.533585 16.237436-15.213453 24.795004-23.69788l13.165488-13.019205c13.970046-13.604338 30.353765-28.598367 49.809432-41.178723 42.056422-27.208676 93.694394-39.642749 162.813209-22.600755 27.574384 6.802169 44.982086 25.380136 54.344211 44.543236 8.776992 18.285401 11.117524 38.545625 10.386108 56.392176-1.38969 33.864562-14.920887 75.26271-43.738679 101.447404l-1.755398 1.755398c-37.375359 36.424518-75.335851 72.263904-113.881477 107.518157-31.450889 28.964075-63.486912 57.050451-96.327491 84.478552-29.037217 24.063587-58.293858 46.51806-80.967755 58.952132A491.511574 491.511574 0 0 1 421.527495 1023.982446a45.567219 45.567219 0 0 1-46.810626-44.25067c0-24.795004 20.699074-44.835803 46.225493-44.762661a395.403507 395.403507 0 0 0 215.036314-64.072045 49.955715 49.955715 0 0 1 4.022788-2.340531c13.458055-7.167877 37.009651-24.502437 67.363417-49.590007 31.597173-26.47726 62.609212-53.612795 92.889836-81.552888a5027.973235 5027.973235 0 0 0 111.687228-105.470192l1.755399-1.755398 0.585133-0.511991 1.682257-1.535974a42.056422 42.056422 0 0 0 9.362125-15.140312c3.291372-8.118718 5.119912-16.749427 5.631903-25.453278a46.07921 46.07921 0 0 0-1.023982-12.580356c-39.715891-8.557568-62.536071-0.658274-81.479746 11.556374a234.126272 234.126272 0 0 0-35.473678 29.841774l-10.386108 10.239824c-9.800975 9.654692-20.845357 20.699074-31.96288 30.500049l-0.146283 0.146283c-19.016817 16.603144-42.787838 31.597173-70.435364 32.182306a74.897002 74.897002 0 0 1-65.096027-35.54682 141.602144 141.602144 0 0 1-18.870534-51.930538 302.074822 302.074822 0 0 1-4.169071-50.613989c-0.365708-99.033731-0.511991-198.213745-0.511992-297.247476v-29.988058c0-13.311772-3.65708-24.136729-7.826151-30.13434a13.896905 13.896905 0 0 0-4.388496-4.388496 7.679868 7.679868 0 0 0-4.022789-0.804558 46.956909 46.956909 0 0 0-28.232658 10.532391 30.719473 30.719473 0 0 0-12.214648 24.721862v232.736582a45.567219 45.567219 0 0 1-46.591201 44.543236 45.567219 45.567219 0 0 1-46.51806-44.616378V124.340726c0-14.628321-3.364514-25.745844-7.094736-31.45089a10.093541 10.093541 0 0 0-2.925664-3.364514 1.901682 1.901682 0 0 0-0.511991-0.292566 9.435267 9.435267 0 0 0-2.340531-0.146283c-38.618767 0-49.443724 23.697879-49.078016 33.791421v1.682256l-0.292567 77.822666v3.876505l-1.023982 253.508797a45.567219 45.567219 0 0 1-46.810626 44.323812 45.567219 45.567219 0 0 1-46.298635-44.68952l1.023983-250.656274a32.036022 32.036022 0 0 0-7.75301-15.140312c-1.82854-1.682257-5.851328-4.827346-17.188277-4.827346a41.178723 41.178723 0 0 0-26.477261 9.069559c-5.558762 4.754204-10.678674 12.580356-10.678674 26.257835v296.589202a45.567219 45.567219 0 0 1-46.518059 44.543236 45.567219 45.567219 0 0 1-46.51806-44.616378v-169.688519a31.158323 31.158323 0 0 0-4.607921-5.705045 11.84894 11.84894 0 0 0-5.193054-3.218231c-1.023982-0.292566-4.681063-1.023982-12.653497 1.462832-17.700268 5.705045-26.111552 14.994029-30.792615 27.208676-5.48562 14.189471-6.582744 35.10797-1.097124 61.438947 42.202705 201.139409 64.949744 301.123981 83.162003 350.34828 16.091153 43.372971 47.615184 81.918596 90.915013 109.566122a43.372971 43.372971 0 0 1 12.872922 61.804654 47.834609 47.834609 0 0 1-64.510894 12.28779c-59.171557-37.741067-103.934218-91.500146-127.046965-153.963075C71.179216 755.406479 46.896203 647.449472 5.571197 449.601435-1.889246 414.127758-3.059512 375.216425 10.471685 340.108455 24.734297 302.806238 54.210364 273.330171 99.265591 258.921276c16.603144-5.558762 34.376554-7.460444 51.784255-5.631904v-29.256641c0-81.18718 67.655983-124.340726 130.265196-124.340726 9.435267 0 18.431684 0.877699 27.062393 2.486815z" p-id="4581" fill="#515151"></path></svg>', ke = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775033156525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3463" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M694.4 960H195.2C131.7 960 80 908.4 80 845.1V462c0-63.4 51.7-114.9 115.2-114.9h499.2c63.5 0 115.2 51.6 115.2 114.9v383.1c0 63.3-51.7 114.9-115.2 114.9zM195.2 423.7c-21.2 0-38.4 17.2-38.4 38.3v383.1c0 21.1 17.2 38.3 38.4 38.3h499.2c21.2 0 38.4-17.2 38.4-38.3V462c0-21.1-17.2-38.3-38.4-38.3H195.2z" fill="#515151" p-id="3464"></path><path d="M905.6 450.3c-14.8 0-28.9-8.6-35.2-23C788.6 240.8 592.7 213 483.2 213c-21.2 0-38.4-17.2-38.4-38.3s17.2-38.3 38.4-38.3c218.2 0 385 94.9 457.6 260.3 8.5 19.4-0.4 42-19.8 50.5-5 2.1-10.3 3.1-15.4 3.1z" fill="#515151" p-id="3465"></path><path d="M473.6 285.4c-9.8 0-19.7-3.7-27.2-11.2l-72.5-72.4c-15-15-15-39.2 0-54.2l72.5-72.4c15-15 39.3-15 54.3 0s15 39.2 0 54.2l-45.4 45.3 45.4 45.3c15 15 15 39.2 0 54.2-7.4 7.4-17.3 11.2-27.1 11.2z" fill="#515151" p-id="3466"></path></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="currentColor" d="M8.3 19.7c-.4-.4-.4-1 0-1.4l6.3-6.3-6.3-6.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l7 7c.4.4.4 1 0 1.4l-7 7c-.4.4-1 .4-1.4 0z"/></svg>', Ae = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032400373" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3314" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 230.4c199.8848 0 373.0176 114.5344 457.344 281.5744C885.0432 679.04 711.8848 793.6 512 793.6c-199.8848 0-373.0176-114.5344-457.344-281.5744C138.9568 344.96 312.1152 230.4 512 230.4z m0 76.8a434.8928 434.8928 0 0 0-366.464 200.3456l-2.816 4.48 2.816 4.48a434.944 434.944 0 0 0 357.248 200.192L512 716.8c150.6816 0 287.488-77.2096 366.464-200.3456l2.816-4.48-2.816-4.48a434.944 434.944 0 0 0-357.248-200.192L512 307.2z m0 38.4a166.4 166.4 0 1 1 0 332.8 166.4 166.4 0 0 1 0-332.8z m0 76.8a89.6 89.6 0 1 0 0 179.2 89.6 89.6 0 0 0 0-179.2z" p-id="3315" fill="#515151"></path></svg>', Se = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032548251" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4695" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M849.7664 778.1376c1.9968 1.4848 3.84 3.072 5.632 4.864l72.3968 72.3968a51.2 51.2 0 1 1-72.3968 72.3968l-72.3968-72.3968a51.6096 51.6096 0 0 1-4.864-5.632 448 448 0 1 1 71.68-71.68zM460.8 460.8V358.4a51.2 51.2 0 1 1 102.4 0v102.4h102.4a51.2 51.2 0 0 1 0 102.4h-102.4v102.4a51.2 51.2 0 0 1-102.4 0v-102.4H358.4a51.2 51.2 0 0 1 0-102.4h102.4z m38.4 384a345.6 345.6 0 1 0 0-691.2 345.6 345.6 0 0 0 0 691.2z" fill="#515151" p-id="4696"></path></svg>', Me = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775032629657" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1933" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M849.7664 778.1376c1.9968 1.4848 3.84 3.072 5.632 4.864l72.3968 72.3968a51.2 51.2 0 1 1-72.3968 72.3968l-72.3968-72.3968a51.6096 51.6096 0 0 1-4.864-5.632 448 448 0 1 1 71.68-71.68zM499.2 844.8a345.6 345.6 0 1 0 0-691.2 345.6 345.6 0 0 0 0 691.2zM358.4 563.2a51.2 51.2 0 0 1 0-102.4h307.2a51.2 51.2 0 0 1 0 102.4H358.4z" fill="#666666" p-id="1934"></path></svg>', Te = ["innerHTML"], De = /* @__PURE__ */ ct({
   __name: "SvgIcon",
   props: {
     name: {},
     size: {}
   },
   setup(w) {
-    const t = w, n = M(""), e = /* @__PURE__ */ Object.assign({ "../assets/svg/aim.svg": de, "../assets/svg/back.svg": ge, "../assets/svg/connection.svg": ue, "../assets/svg/crop.svg": ve, "../assets/svg/delete.svg": fe, "../assets/svg/download.svg": me, "../assets/svg/edit.svg": pe, "../assets/svg/first.svg": ye, "../assets/svg/hide.svg": we, "../assets/svg/last.svg": xe, "../assets/svg/pointer.svg": be, "../assets/svg/price-tag.svg": _e, "../assets/svg/rank.svg": Ce, "../assets/svg/refresh-right.svg": ke, "../assets/svg/right.svg": Ie, "../assets/svg/view.svg": Ae, "../assets/svg/zoom-in.svg": Se, "../assets/svg/zoom-out.svg": Me });
+    const t = w, n = M(""), e = /* @__PURE__ */ Object.assign({ "../assets/svg/aim.svg": de, "../assets/svg/back.svg": ge, "../assets/svg/connection.svg": ue, "../assets/svg/crop.svg": ve, "../assets/svg/delete.svg": fe, "../assets/svg/download.svg": me, "../assets/svg/edit.svg": pe, "../assets/svg/first.svg": ye, "../assets/svg/hide.svg": we, "../assets/svg/last.svg": xe, "../assets/svg/pointer.svg": be, "../assets/svg/price-tag.svg": Ce, "../assets/svg/rank.svg": _e, "../assets/svg/refresh-right.svg": ke, "../assets/svg/right.svg": Ie, "../assets/svg/view.svg": Ae, "../assets/svg/zoom-in.svg": Se, "../assets/svg/zoom-out.svg": Me });
     return ce(() => {
-      const c = `../assets/svg/${t.name}.svg`, l = e[c];
-      l ? n.value = l : (console.warn(`Icon ${t.name} not found at path ${c}`), n.value = "");
-    }), (c, l) => (v(), m("i", {
-      class: q(["svg-icon", [w.size ? `size-${w.size}` : ""]]),
+      const l = `../assets/svg/${t.name}.svg`, o = e[l];
+      o ? n.value = o : (console.warn(`Icon ${t.name} not found at path ${l}`), n.value = "");
+    }), (l, o) => (v(), m("i", {
+      class: X(["svg-icon", [w.size ? `size-${w.size}` : ""]]),
       innerHTML: n.value
     }, null, 10, Te));
   }
 }), rt = (w, t) => {
   const n = w.__vccOpts || w;
-  for (const [e, c] of t)
-    n[e] = c;
+  for (const [e, l] of t)
+    n[e] = l;
   return n;
-}, L = /* @__PURE__ */ rt(De, [["__scopeId", "data-v-3928607b"]]), ze = {
+}, L = /* @__PURE__ */ rt(De, [["__scopeId", "data-v-3928607b"]]), Pe = {
   key: 0,
   class: "image-list-sidebar"
-}, Pe = { class: "image-list-header" }, $e = ["onClick"], Le = { class: "image-list-stage" }, Re = ["src", "alt"], Be = {
+}, ze = { class: "image-list-header" }, $e = ["onClick"], Le = { class: "image-list-stage" }, Be = ["src", "alt"], Re = {
   key: 0,
   class: "thumb-overlay-layer"
 }, He = {
@@ -567,7 +569,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
   class: "thumb-overlay-svg",
   viewBox: "0 0 100 100",
   preserveAspectRatio: "none"
-}, Ue = ["points"], Ee = { class: "image-list-text" }, Ve = { class: "center-sidebar" }, Oe = {
+}, Ee = ["points"], Ue = { class: "image-list-text" }, Ve = { class: "center-sidebar" }, Oe = {
   key: 0,
   class: "left-sidebar"
 }, Fe = ["onClick", "title"], Ne = {
@@ -576,10 +578,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
 }, We = { class: "center-area" }, Ge = {
   key: 0,
   class: "floating-label-selector"
-}, Je = {
+}, Ye = {
   key: 0,
   class: "current-label"
-}, Ye = { class: "label-name" }, je = {
+}, Je = { class: "label-name" }, je = {
   key: 1,
   class: "current-label empty"
 }, Xe = {
@@ -612,7 +614,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
   },
   emits: ["annotationChange", "batchChange", "labelChange", "ready", "error", "tool:change", "viewport:change", "annotation:add", "annotation:update", "annotation:delete", "annotation:select", "prediction:loaded", "prediction:apply", "prediction:reject"],
   setup(w, { expose: t, emit: n }) {
-    const e = w, c = n, l = M(null), a = M(null), g = M(null), u = M([]), r = M(null), A = M(null), x = M(0), D = M(""), C = M([]), $ = M(""), X = M(!1), _ = M({ name: "", color: "#FF0000" }), S = M("none"), p = M([]), B = M({}), O = V(() => A.value === "select" && !!D.value), G = M(!1), Z = V(() => C.value.find((s) => s.id === $.value)), yt = (s) => {
+    const e = w, l = n, o = M(null), c = M(null), g = M(null), u = M([]), r = M(null), k = M(null), x = M(0), D = M(""), _ = M([]), $ = M(""), q = M(!1), C = M({ name: "", color: "#FF0000" }), S = M("none"), p = M([]), H = M({}), O = V(() => k.value === "select" && !!D.value), G = M(!1), Z = V(() => _.value.find((s) => s.id === $.value)), yt = (s) => {
       s.stopPropagation(), G.value = !G.value;
     }, wt = (s) => {
       tt(s), G.value = !1;
@@ -623,13 +625,13 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       });
     });
     const it = (s) => {
-      if (!s || B.value[s]) return;
+      if (!s || H.value[s]) return;
       const i = new Image();
       i.onload = () => {
-        const o = i.naturalWidth || 1, d = i.naturalHeight || 1;
-        B.value = {
-          ...B.value,
-          [s]: { width: o, height: d }
+        const a = i.naturalWidth || 1, d = i.naturalHeight || 1;
+        H.value = {
+          ...H.value,
+          [s]: { width: a, height: d }
         };
       }, i.src = s;
     }, nt = () => {
@@ -639,43 +641,43 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, ht = (s, i) => {
       u.value[i] = s;
     }, Q = (s = x.value) => {
-      const i = g.value, o = u.value[s];
-      if (!i || !o) return;
-      const d = i.scrollTop, f = d + i.clientHeight, I = o.offsetTop, z = I + o.offsetHeight;
-      if (I < d) {
+      const i = g.value, a = u.value[s];
+      if (!i || !a) return;
+      const d = i.scrollTop, f = d + i.clientHeight, A = a.offsetTop, P = A + a.offsetHeight;
+      if (A < d) {
         i.scrollTo({
-          top: Math.max(I - 8, 0),
+          top: Math.max(A - 8, 0),
           behavior: "smooth"
         });
         return;
       }
-      z > f && i.scrollTo({
-        top: z - i.clientHeight + 8,
+      P > f && i.scrollTo({
+        top: P - i.clientHeight + 8,
         behavior: "smooth"
       });
-    }, Y = () => {
-      var o, d, f, I;
-      const s = e.batchImages[x.value], i = (s == null ? void 0 : s.imageUrl) || ((o = e.image) == null ? void 0 : o.url);
+    }, j = () => {
+      var a, d, f, A;
+      const s = e.batchImages[x.value], i = (s == null ? void 0 : s.imageUrl) || ((a = e.image) == null ? void 0 : a.url);
       return {
         eventId: `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`,
         timestamp: Date.now(),
         requestId: e.requestId,
         taskId: (d = e.session) == null ? void 0 : d.taskId,
         imageId: ((f = e.image) == null ? void 0 : f.id) || i,
-        operator: (I = e.session) == null ? void 0 : I.userId
+        operator: (A = e.session) == null ? void 0 : A.userId
       };
     }, y = (s) => {
       var d;
       const i = s == null ? void 0 : s.action;
       if (!i) return;
-      const o = {
-        meta: Y(),
+      const a = {
+        meta: j(),
         action: i,
         current: s == null ? void 0 : s.changedItem,
         source: (d = s == null ? void 0 : s.changedItem) != null && d.predictionId ? "prediction" : "manual"
       };
-      i === "add" && c("annotation:add", o), i === "update" && c("annotation:update", o), i === "delete" && c("annotation:delete", o), i === "select" && c("annotation:select", o);
-    }, b = V(() => e.annotationTypes), k = (s) => ({
+      i === "add" && l("annotation:add", a), i === "update" && l("annotation:update", a), i === "delete" && l("annotation:delete", a), i === "select" && l("annotation:select", a);
+    }, b = V(() => e.annotationTypes), I = (s) => ({
       rectangle: "crop",
       polygon: "connection",
       point: "aim",
@@ -689,27 +691,27 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       category: "分类标签"
     })[s] || s;
     kt(() => {
-      if (nt(), l.value) {
-        r.value = new he(l.value), r.value.on("annotationChange", (i) => {
-          var o, d;
+      if (nt(), o.value) {
+        r.value = new he(o.value), r.value.on("annotationChange", (i) => {
+          var a, d;
           if (i.action === "add" && i.changedItem) {
-            const f = C.value.find((I) => I.id === $.value);
+            const f = _.value.find((A) => A.id === $.value);
             f && (i.changedItem.label = f.name, i.changedItem.labelId = f.id);
           }
-          i.action === "select" ? D.value = ((o = i.changedItem) == null ? void 0 : o.id) || "" : i.action === "delete" && ((d = i.changedItem) == null ? void 0 : d.id) === D.value && (D.value = ""), c("annotationChange", i), y(i);
-        }), W(), U();
+          i.action === "select" ? D.value = ((a = i.changedItem) == null ? void 0 : a.id) || "" : i.action === "delete" && ((d = i.changedItem) == null ? void 0 : d.id) === D.value && (D.value = ""), l("annotationChange", i), y(i);
+        }), W(), E();
         const s = new ResizeObserver(() => {
           var i;
           (i = r.value) == null || i.resize();
         });
-        a.value && s.observe(a.value), e.defaultActiveType && j(e.defaultActiveType), at(() => Q()), c("ready", { meta: Y() });
+        c.value && s.observe(c.value), e.defaultActiveType && Y(e.defaultActiveType), at(() => Q()), l("ready", { meta: j() });
       }
     });
-    const U = () => {
+    const E = () => {
       if (!r.value) return;
-      const s = C.value.find((o) => o.id === $.value);
+      const s = _.value.find((a) => a.id === $.value);
       s && r.value.setLabelStyle(s.color);
-      const i = C.value.filter((o) => o.visible).map((o) => o.name);
+      const i = _.value.filter((a) => a.visible).map((a) => a.name);
       r.value.setVisibleLabels(i);
     }, W = () => {
       var s;
@@ -721,19 +723,19 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           const i = e.batchImages[x.value];
           r.value.loadImage(i.imageUrl), i.annotations ? r.value.setAnnotations(i.annotations) : r.value.setAnnotations([]);
         } else (s = e.image) != null && s.url && r.value.loadImage(e.image.url);
-    }, j = (s) => {
-      var i, o;
-      if (A.value = s, D.value = "", s !== "pan" && s !== "select" && C.value.length === 0) {
+    }, Y = (s) => {
+      var i, a;
+      if (k.value = s, D.value = "", s !== "pan" && s !== "select" && _.value.length === 0) {
         alert("请先创建标签！");
         return;
       }
-      s === "pan" || s === "select" ? (i = r.value) == null || i.setTool(s) : (o = r.value) == null || o.setTool(s), c("tool:change", { meta: Y(), tool: s });
+      s === "pan" || s === "select" ? (i = r.value) == null || i.setTool(s) : (a = r.value) == null || a.setTool(s), l("tool:change", { meta: j(), tool: s });
     }, St = () => {
       var s;
       (s = r.value) != null && s.activeAnnotation && r.value.deleteAnnotation(r.value.activeAnnotation.id);
     }, xt = () => {
-      r.value && c("viewport:change", {
-        meta: Y(),
+      r.value && l("viewport:change", {
+        meta: j(),
         scale: r.value.scale,
         offset: { ...r.value.offset }
       });
@@ -744,64 +746,64 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       var s;
       (s = r.value) == null || s.zoom(-1), xt();
     }, Dt = () => {
-      _.value = { name: "", color: "#2196F3" }, X.value = !0;
+      C.value = { name: "", color: "#2196F3" }, q.value = !0;
     }, dt = () => {
-      X.value = !1;
-    }, zt = () => {
-      if (!_.value.name.trim()) {
+      q.value = !1;
+    }, Pt = () => {
+      if (!C.value.name.trim()) {
         alert("请输入标签名称");
         return;
       }
       const i = {
         id: Date.now().toString(),
-        name: _.value.name,
-        color: _.value.color,
+        name: C.value.name,
+        color: C.value.color,
         visible: !0
       };
-      C.value.push(i), c("labelChange", C.value), U(), C.value.length === 1 && tt(i), dt();
+      _.value.push(i), l("labelChange", _.value), E(), _.value.length === 1 && tt(i), dt();
     }, tt = (s) => {
       var i;
       $.value = s.id, (i = r.value) == null || i.setLabelStyle(s.color);
-    }, Pt = (s, i) => {
+    }, zt = (s, i) => {
       if (!s.startsWith("#")) return s;
-      let o = 0, d = 0, f = 0;
-      return s.length === 4 ? (o = parseInt(s[1] + s[1], 16), d = parseInt(s[2] + s[2], 16), f = parseInt(s[3] + s[3], 16)) : s.length === 7 && (o = parseInt(s.slice(1, 3), 16), d = parseInt(s.slice(3, 5), 16), f = parseInt(s.slice(5, 7), 16)), `rgba(${o}, ${d}, ${f}, ${i})`;
+      let a = 0, d = 0, f = 0;
+      return s.length === 4 ? (a = parseInt(s[1] + s[1], 16), d = parseInt(s[2] + s[2], 16), f = parseInt(s[3] + s[3], 16)) : s.length === 7 && (a = parseInt(s.slice(1, 3), 16), d = parseInt(s.slice(3, 5), 16), f = parseInt(s.slice(5, 7), 16)), `rgba(${a}, ${d}, ${f}, ${i})`;
     }, $t = (s) => {
       var i;
       if (s.id === $.value && ((i = r.value) == null || i.setLabelStyle(s.color)), r.value) {
-        const o = r.value.getAnnotations();
+        const a = r.value.getAnnotations();
         let d = !1;
-        o.forEach((f) => {
-          f.label === s.name && (f.style || (f.style = {}), f.style.strokeColor = s.color, f.style.fillColor = Pt(s.color, 0.2), d = !0);
+        a.forEach((f) => {
+          f.label === s.name && (f.style || (f.style = {}), f.style.strokeColor = s.color, f.style.fillColor = zt(s.color, 0.2), d = !0);
         }), d && r.value.render();
       }
-      c("labelChange", C.value), U();
+      l("labelChange", _.value), E();
     }, Lt = (s) => {
-      s.visible = !s.visible, U();
-    }, Rt = (s) => {
-      const i = C.value.findIndex((o) => o.id === s);
-      i > -1 && (C.value.splice(i, 1), c("labelChange", C.value), $.value === s && ($.value = C.value.length > 0 ? C.value[0].id : "", $.value && tt(C.value[0])), U());
+      s.visible = !s.visible, E();
+    }, Bt = (s) => {
+      const i = _.value.findIndex((a) => a.id === s);
+      i > -1 && (_.value.splice(i, 1), l("labelChange", _.value), $.value === s && ($.value = _.value.length > 0 ? _.value[0].id : "", $.value && tt(_.value[0])), E());
     };
     K(() => e.labels, (s) => {
       const i = JSON.parse(JSON.stringify(s || []));
-      if (C.value = i, C.value.length > 0)
-        if (!$.value || !C.value.find((o) => o.id === $.value))
-          tt(C.value[0]);
+      if (_.value = i, _.value.length > 0)
+        if (!$.value || !_.value.find((a) => a.id === $.value))
+          tt(_.value[0]);
         else {
-          const o = C.value.find((d) => d.id === $.value);
-          o && tt(o);
+          const a = _.value.find((d) => d.id === $.value);
+          a && tt(a);
         }
       else
         $.value = "";
-      U();
+      E();
     }, { immediate: !0, deep: !0 });
-    const Bt = () => {
+    const Rt = () => {
       x.value > 0 && (gt(), x.value--, W(), ut());
     }, Ht = () => {
       x.value < e.batchImages.length - 1 && (gt(), x.value++, W(), ut());
-    }, Ut = () => {
-      x.value > 0 && ot(0);
     }, Et = () => {
+      x.value > 0 && ot(0);
+    }, Ut = () => {
       x.value < e.batchImages.length - 1 && ot(e.batchImages.length - 1);
     }, gt = () => {
       if (r.value) {
@@ -810,7 +812,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       }
     }, ut = () => {
       const s = e.batchImages[x.value];
-      c("batchChange", {
+      l("batchChange", {
         currentIndex: x.value,
         total: e.batchImages.length,
         currentImageUrl: s.imageUrl,
@@ -824,12 +826,12 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         return;
       }
       S.value = "loaded";
-      const o = (r.value.getAnnotations() || []).filter((I) => !I.predictionId), d = p.value.map((I) => {
-        const z = JSON.parse(JSON.stringify(I.annotation));
-        return z.id = z.id || `pred-${I.id}`, z.predictionId = I.id, z.modelRunId = I.modelRunId || z.modelRunId, z.confidence = I.confidence ?? z.confidence, z.reviewStatus = z.reviewStatus || "draft", z;
+      const a = (r.value.getAnnotations() || []).filter((A) => !A.predictionId), d = p.value.map((A) => {
+        const P = JSON.parse(JSON.stringify(A.annotation));
+        return P.id = P.id || `pred-${A.id}`, P.predictionId = A.id, P.modelRunId = A.modelRunId || P.modelRunId, P.confidence = A.confidence ?? P.confidence, P.reviewStatus = P.reviewStatus || "draft", P;
       });
-      r.value.setAnnotations([...o, ...d]), c("prediction:loaded", {
-        meta: Y(),
+      r.value.setAnnotations([...a, ...d]), l("prediction:loaded", {
+        meta: j(),
         modelRunId: (f = p.value[0]) == null ? void 0 : f.modelRunId,
         candidates: p.value
       });
@@ -837,11 +839,11 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       var f;
       if (!r.value) return [];
       S.value = "applying";
-      const d = (r.value.getAnnotations() || []).filter((I) => I.predictionId && s.includes(I.predictionId));
-      return d.forEach((I) => {
-        I.reviewStatus = "accepted";
-      }), S.value = "applied", c("prediction:apply", {
-        meta: Y(),
+      const d = (r.value.getAnnotations() || []).filter((A) => A.predictionId && s.includes(A.predictionId));
+      return d.forEach((A) => {
+        A.reviewStatus = "accepted";
+      }), S.value = "applied", l("prediction:apply", {
+        meta: j(),
         modelRunId: (f = d[0]) == null ? void 0 : f.modelRunId,
         candidateIds: s,
         threshold: i,
@@ -850,10 +852,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, Ot = (s, i) => {
       var f;
       if (!r.value) return;
-      const o = r.value.getAnnotations() || [], d = o.filter((I) => !(I.predictionId && s.includes(I.predictionId)));
-      r.value.setAnnotations(d), c("prediction:reject", {
-        meta: Y(),
-        modelRunId: (f = o.find((I) => I.predictionId && s.includes(I.predictionId))) == null ? void 0 : f.modelRunId,
+      const a = r.value.getAnnotations() || [], d = a.filter((A) => !(A.predictionId && s.includes(A.predictionId)));
+      r.value.setAnnotations(d), l("prediction:reject", {
+        meta: j(),
+        modelRunId: (f = a.find((A) => A.predictionId && s.includes(A.predictionId))) == null ? void 0 : f.modelRunId,
         candidateIds: s,
         reason: i
       });
@@ -862,15 +864,15 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, Nt = (s) => {
       var i;
       (i = r.value) == null || i.setAnnotations(s);
-    }, _t = () => {
+    }, Ct = () => {
       var s;
       return ((s = r.value) == null ? void 0 : s.getAnnotations()) || [];
     }, Wt = (s = "json") => {
-      var o, d;
-      const i = _t();
+      var a, d;
+      const i = Ct();
       return {
         format: s,
-        image: ((o = e.batchImages[x.value]) == null ? void 0 : o.imageUrl) || ((d = e.image) == null ? void 0 : d.url) || "",
+        image: ((a = e.batchImages[x.value]) == null ? void 0 : a.imageUrl) || ((d = e.image) == null ? void 0 : d.url) || "",
         annotations: i
       };
     }, ot = (s) => {
@@ -878,35 +880,35 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, Gt = (s) => {
       var i;
       return s === x.value && r.value ? r.value.getAnnotations() || [] : ((i = e.batchImages[s]) == null ? void 0 : i.annotations) || [];
-    }, Jt = (s) => s.type === "rectangle", Yt = (s) => s.type === "polygon", jt = (s) => s.type === "point", Xt = (s) => s.type === "rotatedRect", qt = (s) => s.type === "category", et = (s) => {
-      var o, d;
-      const i = (o = C.value.find((f) => f.name === s.label)) == null ? void 0 : o.color;
+    }, Yt = (s) => s.type === "rectangle", Jt = (s) => s.type === "polygon", jt = (s) => s.type === "point", Xt = (s) => s.type === "rotatedRect", qt = (s) => s.type === "category", et = (s) => {
+      var a, d;
+      const i = (a = _.value.find((f) => f.name === s.label)) == null ? void 0 : a.color;
       return ((d = s.style) == null ? void 0 : d.strokeColor) || i || "#409eff";
-    }, Ct = (s) => {
+    }, _t = (s) => {
       const i = s.coordinates;
       return (i == null ? void 0 : i.points) || [];
     }, st = (s) => {
       const i = e.batchImages[s];
       if (i != null && i.width && (i != null && i.height))
         return { width: i.width, height: i.height };
-      const o = i != null && i.imageUrl ? B.value[i.imageUrl] : void 0;
-      return o || (i != null && i.imageUrl && it(i.imageUrl), { width: 1, height: 1 });
+      const a = i != null && i.imageUrl ? H.value[i.imageUrl] : void 0;
+      return a || (i != null && i.imageUrl && it(i.imageUrl), { width: 1, height: 1 });
     }, Kt = (s) => {
       const i = e.batchImages[s];
-      return i != null && i.width && (i != null && i.height) ? !0 : i != null && i.imageUrl ? !!B.value[i.imageUrl] : !1;
+      return i != null && i.width && (i != null && i.height) ? !0 : i != null && i.imageUrl ? !!H.value[i.imageUrl] : !1;
     }, Zt = (s, i) => {
-      const o = i.coordinates, d = st(s), f = et(i), I = Math.min(o.x1, o.x2), z = Math.min(o.y1, o.y2), ne = Math.max(o.x1, o.x2), oe = Math.max(o.y1, o.y2);
+      const a = i.coordinates, d = st(s), f = et(i), A = Math.min(a.x1, a.x2), P = Math.min(a.y1, a.y2), ne = Math.max(a.x1, a.x2), oe = Math.max(a.y1, a.y2);
       return {
-        left: `${I / d.width * 100}%`,
-        top: `${z / d.height * 100}%`,
-        width: `${(ne - I) / d.width * 100}%`,
-        height: `${(oe - z) / d.height * 100}%`,
+        left: `${A / d.width * 100}%`,
+        top: `${P / d.height * 100}%`,
+        width: `${(ne - A) / d.width * 100}%`,
+        height: `${(oe - P) / d.height * 100}%`,
         borderColor: f,
         backgroundColor: `${f}22`
       };
     }, Qt = (s, i) => {
-      const o = st(s);
-      return Ct(i).map((d) => `${d.x / o.width * 100},${d.y / o.height * 100}`).join(" ");
+      const a = st(s);
+      return _t(i).map((d) => `${d.x / a.width * 100},${d.y / a.height * 100}`).join(" ");
     }, te = (s) => {
       const i = et(s);
       return {
@@ -914,29 +916,29 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         stroke: i,
         strokeWidth: "1.4"
       };
-    }, ee = (s, i, o) => {
-      const d = st(s), f = et(o);
+    }, ee = (s, i, a) => {
+      const d = st(s), f = et(a);
       return {
         left: `${i.x / d.width * 100}%`,
         top: `${i.y / d.height * 100}%`,
         backgroundColor: f
       };
     }, se = (s, i) => {
-      const o = i.coordinates, d = st(s), f = et(i), I = Math.abs(o.width), z = Math.abs(o.height);
+      const a = i.coordinates, d = st(s), f = et(i), A = Math.abs(a.width), P = Math.abs(a.height);
       return {
-        left: `${(o.x - I / 2) / d.width * 100}%`,
-        top: `${(o.y - z / 2) / d.height * 100}%`,
-        width: `${I / d.width * 100}%`,
-        height: `${z / d.height * 100}%`,
-        transform: `rotate(${o.angle || 0}deg)`,
+        left: `${(a.x - A / 2) / d.width * 100}%`,
+        top: `${(a.y - P / 2) / d.height * 100}%`,
+        width: `${A / d.width * 100}%`,
+        height: `${P / d.height * 100}%`,
+        transform: `rotate(${a.angle || 0}deg)`,
         borderColor: f,
         backgroundColor: `${f}22`
       };
     }, ie = (s, i) => {
-      const o = i.coordinates, d = st(s), f = et(i);
+      const a = i.coordinates, d = st(s), f = et(i);
       return {
-        left: `${o.x / d.width * 100}%`,
-        top: `${o.y / d.height * 100}%`,
+        left: `${a.x / d.width * 100}%`,
+        top: `${a.y / d.height * 100}%`,
         backgroundColor: `${f}d9`
         // ~85% opacity
       };
@@ -945,8 +947,8 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       jumpTo: ot,
       setImage: Ft,
       setAnnotations: Nt,
-      getAnnotations: _t,
-      selectTool: j,
+      getAnnotations: Ct,
+      selectTool: Y,
       loadPredictionCandidates: bt,
       applyPredictions: Vt,
       rejectPredictions: Ot,
@@ -959,10 +961,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         }];
       },
       getCurrentAnnotation: () => {
-        var s, i, o;
+        var s, i, a;
         return {
           imageUrl: ((s = e.batchImages[x.value]) == null ? void 0 : s.imageUrl) || ((i = e.image) == null ? void 0 : i.url) || "",
-          annotations: ((o = r.value) == null ? void 0 : o.getAnnotations()) || []
+          annotations: ((a = r.value) == null ? void 0 : a.getAnnotations()) || []
         };
       }
     }), K(() => {
@@ -985,231 +987,238 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         at(() => Q());
       }
     ), (s, i) => (v(), m("div", {
-      class: q(["annotation-container", w.theme])
+      class: X(["annotation-container", w.theme])
     }, [
-      w.batchImages && w.batchImages.length > 0 ? (v(), m("div", ze, [
-        h("div", Pe, "共 " + P(w.batchImages.length) + " 张", 1),
+      w.batchImages && w.batchImages.length > 0 ? (v(), m("div", Pe, [
+        h("div", ze, "共 " + z(w.batchImages.length) + " 张", 1),
         h("div", {
           ref_key: "imageListScrollRef",
           ref: g,
           class: "image-list-scroll"
         }, [
-          (v(!0), m(N, null, J(w.batchImages, (o, d) => (v(), m("button", {
-            key: `${o.imageUrl}-${d}`,
+          (v(!0), m(N, null, J(w.batchImages, (a, d) => (v(), m("button", {
+            key: `${a.imageUrl}-${d}`,
             ref_for: !0,
             ref: (f) => ht(f, d),
-            class: q(["image-list-item", { active: d === x.value }]),
+            class: X(["image-list-item", { active: d === x.value }]),
             onClick: (f) => ot(d)
           }, [
             h("div", Le, [
               h("img", {
-                src: o.imageUrl,
+                src: a.imageUrl,
                 alt: `第${d + 1}张`,
                 class: "image-list-thumb"
-              }, null, 8, Re),
-              Kt(d) ? (v(), m("div", Be, [
+              }, null, 8, Be),
+              Kt(d) ? (v(), m("div", Re, [
                 (v(!0), m(N, null, J(Gt(d), (f) => (v(), m(N, {
                   key: f.id
                 }, [
-                  Jt(f) ? (v(), m("div", {
+                  Yt(f) ? (v(), m("div", {
                     key: 0,
                     class: "thumb-overlay-rect",
-                    style: E(Zt(d, f))
-                  }, null, 4)) : Yt(f) ? (v(), m("svg", He, [
+                    style: U(Zt(d, f))
+                  }, null, 4)) : Jt(f) ? (v(), m("svg", He, [
                     h("polygon", {
                       points: Qt(d, f),
-                      style: E(te(f))
-                    }, null, 12, Ue)
-                  ])) : jt(f) ? (v(!0), m(N, { key: 2 }, J(Ct(f), (I, z) => (v(), m("div", {
-                    key: `${f.id}-${z}`,
+                      style: U(te(f))
+                    }, null, 12, Ee)
+                  ])) : jt(f) ? (v(!0), m(N, { key: 2 }, J(_t(f), (A, P) => (v(), m("div", {
+                    key: `${f.id}-${P}`,
                     class: "thumb-overlay-point",
-                    style: E(ee(d, I, f))
+                    style: U(ee(d, A, f))
                   }, null, 4))), 128)) : Xt(f) ? (v(), m("div", {
                     key: 3,
                     class: "thumb-overlay-rotated",
-                    style: E(se(d, f))
+                    style: U(se(d, f))
                   }, null, 4)) : qt(f) ? (v(), m("div", {
                     key: 4,
                     class: "thumb-overlay-category",
-                    style: E(ie(d, f))
-                  }, P(f.label), 5)) : R("", !0)
+                    style: U(ie(d, f))
+                  }, z(f.label), 5)) : B("", !0)
                 ], 64))), 128))
-              ])) : R("", !0)
+              ])) : B("", !0)
             ]),
-            h("span", Ee, "第 " + P(d + 1) + " 张", 1)
+            h("span", Ue, "第 " + z(d + 1) + " 张", 1)
           ], 10, $e))), 128))
         ], 512)
-      ])) : R("", !0),
+      ])) : B("", !0),
       h("div", Ve, [
-        w.readOnly ? R("", !0) : (v(), m("div", Oe, [
+        w.readOnly ? B("", !0) : (v(), m("div", Oe, [
+          h("div", {
+            class: X(["tool-btn", { active: k.value === "pan" }]),
+            onClick: i[0] || (i[0] = (a) => Y("pan")),
+            title: "拖动"
+          }, [
+            R(L, { name: "rank" })
+          ], 2),
           h("div", {
-            class: q(["tool-btn", { active: A.value === "select" }]),
-            onClick: i[0] || (i[0] = (o) => j("select")),
+            class: X(["tool-btn", { active: k.value === "select" }]),
+            onClick: i[1] || (i[1] = (a) => Y("select")),
             title: "选择"
           }, [
-            H(L, { name: "pointer" })
+            R(L, { name: "pointer" })
           ], 2),
-          i[4] || (i[4] = h("div", { class: "divider" }, null, -1)),
-          (v(!0), m(N, null, J(b.value, (o) => (v(), m("div", {
-            key: o,
-            class: q(["tool-btn", { active: A.value === o }]),
-            onClick: (d) => j(o),
-            title: F(o)
+          i[5] || (i[5] = h("div", { class: "divider" }, null, -1)),
+          (v(!0), m(N, null, J(b.value, (a) => (v(), m("div", {
+            key: a,
+            class: X(["tool-btn", { active: k.value === a }]),
+            onClick: (d) => Y(a),
+            title: F(a)
           }, [
-            H(L, {
-              name: k(o)
+            R(L, {
+              name: I(a)
             }, null, 8, ["name"])
           ], 10, Fe))), 128)),
-          i[5] || (i[5] = h("div", { class: "divider" }, null, -1)),
+          i[6] || (i[6] = h("div", { class: "divider" }, null, -1)),
           h("div", {
             class: "tool-btn",
             onClick: Mt,
             title: "放大"
           }, [
-            H(L, { name: "zoom-in" })
+            R(L, { name: "zoom-in" })
           ]),
           h("div", {
             class: "tool-btn",
             onClick: Tt,
             title: "缩小"
           }, [
-            H(L, { name: "zoom-out" })
+            R(L, { name: "zoom-out" })
           ]),
-          O.value ? (v(), m("div", Ne)) : R("", !0),
+          O.value ? (v(), m("div", Ne)) : B("", !0),
           O.value ? (v(), m("div", {
             key: 1,
             class: "tool-btn",
             onClick: St,
             title: "删除选中"
           }, [
-            H(L, { name: "delete" })
-          ])) : R("", !0)
+            R(L, { name: "delete" })
+          ])) : B("", !0)
         ]))
       ]),
       h("div", We, [
         h("div", {
           class: "canvas-wrapper",
           ref_key: "canvasWrapper",
-          ref: a,
-          onWheel: i[1] || (i[1] = It(() => {
+          ref: c,
+          onWheel: i[2] || (i[2] = It(() => {
           }, ["prevent"]))
         }, [
           h("canvas", {
             ref_key: "canvasRef",
-            ref: l
+            ref: o
           }, null, 512),
-          w.readOnly ? R("", !0) : (v(), m("div", Ge, [
+          w.readOnly ? B("", !0) : (v(), m("div", Ge, [
             h("div", {
               class: "selector-trigger",
               onClick: yt
             }, [
-              Z.value ? (v(), m("div", Je, [
+              Z.value ? (v(), m("div", Ye, [
                 h("span", {
                   class: "color-dot",
-                  style: E({ backgroundColor: Z.value.color })
+                  style: U({ backgroundColor: Z.value.color })
                 }, null, 4),
-                h("span", Ye, P(Z.value.name), 1)
-              ])) : (v(), m("div", je, [...i[6] || (i[6] = [
+                h("span", Je, z(Z.value.name), 1)
+              ])) : (v(), m("div", je, [...i[7] || (i[7] = [
                 h("span", { class: "label-name" }, "请选择标签", -1)
               ])])),
-              H(L, {
+              R(L, {
                 name: "right",
-                class: q(["arrow-icon", { "is-open": G.value }])
+                class: X(["arrow-icon", { "is-open": G.value }])
               }, null, 8, ["class"])
             ]),
             G.value ? (v(), m("div", Xe, [
-              C.value.length === 0 ? (v(), m("div", qe, "请在右侧创建标签")) : (v(!0), m(N, { key: 1 }, J(C.value, (o) => (v(), m("div", {
-                key: o.id,
-                class: q(["dropdown-item", { active: $.value === o.id }]),
-                onClick: (d) => wt(o)
+              _.value.length === 0 ? (v(), m("div", qe, "请在右侧创建标签")) : (v(!0), m(N, { key: 1 }, J(_.value, (a) => (v(), m("div", {
+                key: a.id,
+                class: X(["dropdown-item", { active: $.value === a.id }]),
+                onClick: (d) => wt(a)
               }, [
                 h("span", {
                   class: "color-dot",
-                  style: E({ backgroundColor: o.color })
+                  style: U({ backgroundColor: a.color })
                 }, null, 4),
-                h("span", Ze, P(o.name), 1),
-                $.value === o.id ? (v(), vt(L, {
+                h("span", Ze, z(a.name), 1),
+                $.value === a.id ? (v(), vt(L, {
                   key: 0,
                   name: "aim",
                   class: "check-icon"
-                })) : R("", !0)
+                })) : B("", !0)
               ], 10, Ke))), 128))
-            ])) : R("", !0)
+            ])) : B("", !0)
           ]))
         ], 544),
         w.batchImages && w.batchImages.length > 0 ? (v(), m("div", Qe, [
           h("button", {
             class: "icon-btn",
-            onClick: Ut,
+            onClick: Et,
             disabled: x.value <= 0,
             title: "第一张"
           }, [
-            H(L, { name: "first" })
+            R(L, { name: "first" })
           ], 8, ts),
           h("button", {
             class: "icon-btn",
-            onClick: Bt,
+            onClick: Rt,
             disabled: x.value <= 0,
             title: "上一张"
           }, [
-            H(L, { name: "back" })
+            R(L, { name: "back" })
           ], 8, es),
-          h("span", null, P(x.value + 1) + " / " + P(w.batchImages.length), 1),
+          h("span", null, z(x.value + 1) + " / " + z(w.batchImages.length), 1),
           h("button", {
             class: "icon-btn",
             onClick: Ht,
             disabled: x.value >= w.batchImages.length - 1,
             title: "下一张"
           }, [
-            H(L, { name: "right" })
+            R(L, { name: "right" })
           ], 8, ss),
           h("button", {
             class: "icon-btn",
-            onClick: Et,
+            onClick: Ut,
             disabled: x.value >= w.batchImages.length - 1,
             title: "最后一张"
           }, [
-            H(L, { name: "last" })
+            R(L, { name: "last" })
           ], 8, is)
-        ])) : R("", !0)
+        ])) : B("", !0)
       ]),
-      w.readOnly ? R("", !0) : (v(), m("div", ns, [
+      w.readOnly ? B("", !0) : (v(), m("div", ns, [
         h("div", { class: "sidebar-header" }, [
-          i[7] || (i[7] = h("h3", null, "标签", -1)),
+          i[8] || (i[8] = h("h3", null, "标签", -1)),
           h("button", {
             class: "add-btn",
             onClick: Dt
           }, "添加标签")
         ]),
         h("div", os, [
-          (v(!0), m(N, null, J(C.value, (o) => (v(), m("div", {
-            key: o.id,
+          (v(!0), m(N, null, J(_.value, (a) => (v(), m("div", {
+            key: a.id,
             class: "label-item",
-            style: E({ backgroundColor: o.color + "1A", color: o.color })
+            style: U({ backgroundColor: a.color + "1A", color: a.color })
           }, [
             h("div", as, [
               h("label", {
                 class: "color-wrapper",
-                style: E({ backgroundColor: o.color })
+                style: U({ backgroundColor: a.color })
               }, [
                 ft(h("input", {
                   type: "color",
-                  "onUpdate:modelValue": (d) => o.color = d,
-                  onChange: (d) => $t(o),
+                  "onUpdate:modelValue": (d) => a.color = d,
+                  onChange: (d) => $t(a),
                   style: { visibility: "hidden", width: "0", height: "0" }
                 }, null, 40, ls), [
-                  [mt, o.color]
+                  [mt, a.color]
                 ])
               ], 4),
               h("span", {
                 class: "label-name",
-                title: o.name
-              }, P(o.name), 9, cs),
+                title: a.name
+              }, z(a.name), 9, cs),
               h("span", {
                 class: "action-icon eye",
-                onClick: (d) => Lt(o)
+                onClick: (d) => Lt(a)
               }, [
-                o.visible ? (v(), vt(L, {
+                a.visible ? (v(), vt(L, {
                   key: 0,
                   name: "view"
                 })) : (v(), vt(L, {
@@ -1218,59 +1227,59 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                 }))
               ], 8, rs),
               h("div", hs, [
-                i[8] || (i[8] = h("span", { class: "dots" }, "•••", -1)),
+                i[9] || (i[9] = h("span", { class: "dots" }, "•••", -1)),
                 h("span", {
                   class: "delete-btn",
-                  onClick: (d) => Rt(o.id),
+                  onClick: (d) => Bt(a.id),
                   title: "删除"
                 }, [
-                  H(L, { name: "delete" })
+                  R(L, { name: "delete" })
                 ], 8, ds)
               ])
             ])
           ], 4))), 128))
         ])
       ])),
-      X.value ? (v(), m("div", {
+      q.value ? (v(), m("div", {
         key: 2,
         class: "modal-overlay",
         onClick: It(dt, ["self"])
       }, [
         h("div", gs, [
-          i[11] || (i[11] = h("div", { class: "modal-header" }, [
+          i[12] || (i[12] = h("div", { class: "modal-header" }, [
             h("h3", null, "新增标签")
           ], -1)),
           h("div", us, [
             h("div", vs, [
-              i[9] || (i[9] = h("label", null, [
+              i[10] || (i[10] = h("label", null, [
                 lt("标签名称 "),
                 h("span", { class: "required" }, "*")
               ], -1)),
               ft(h("input", {
-                "onUpdate:modelValue": i[2] || (i[2] = (o) => _.value.name = o),
+                "onUpdate:modelValue": i[3] || (i[3] = (a) => C.value.name = a),
                 placeholder: "请输入标签名称",
                 class: "modal-input",
                 autofocus: ""
               }, null, 512), [
-                [mt, _.value.name]
+                [mt, C.value.name]
               ])
             ]),
             h("div", fs, [
-              i[10] || (i[10] = h("label", null, "标签颜色", -1)),
+              i[11] || (i[11] = h("label", null, "标签颜色", -1)),
               h("div", ms, [
                 h("label", {
                   class: "color-picker-box",
-                  style: E({ backgroundColor: _.value.color })
+                  style: U({ backgroundColor: C.value.color })
                 }, [
                   ft(h("input", {
                     type: "color",
-                    "onUpdate:modelValue": i[3] || (i[3] = (o) => _.value.color = o),
+                    "onUpdate:modelValue": i[4] || (i[4] = (a) => C.value.color = a),
                     class: "modal-color-picker"
                   }, null, 512), [
-                    [mt, _.value.color]
+                    [mt, C.value.color]
                   ])
                 ], 4),
-                h("span", ps, P(_.value.color), 1)
+                h("span", ps, z(C.value.color), 1)
               ])
             ])
           ]),
@@ -1280,19 +1289,19 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               class: "cancel-btn"
             }, "取消"),
             h("button", {
-              onClick: zt,
+              onClick: Pt,
               class: "confirm-btn",
-              disabled: !_.value.name.trim()
+              disabled: !C.value.name.trim()
             }, "确认", 8, ws)
           ])
         ])
-      ])) : R("", !0)
+      ])) : B("", !0)
     ], 2));
   }
-}), bs = /* @__PURE__ */ rt(xs, [["__scopeId", "data-v-b6482ca8"]]), _s = {
+}), bs = /* @__PURE__ */ rt(xs, [["__scopeId", "data-v-914fe07d"]]), Cs = {
   class: "thumbnail-wrapper",
   ref: "wrapper"
-}, Cs = ["src", "alt"], ks = ["viewBox", "preserveAspectRatio"], Is = ["x", "y", "width", "height", "stroke", "stroke-width"], As = ["points", "stroke", "stroke-width"], Ss = ["transform"], Ms = ["x", "y", "width", "height", "stroke", "stroke-width"], Ts = { key: 3 }, Ds = ["cx", "cy", "r", "fill", "stroke-width"], zs = ["x", "y", "width", "height", "fill"], Ps = ["x", "y", "fill", "font-size", "font-weight", "text-anchor", "dominant-baseline"], $s = {
+}, _s = ["src", "alt"], ks = ["viewBox", "preserveAspectRatio"], Is = ["x", "y", "width", "height", "stroke", "stroke-width"], As = ["points", "stroke", "stroke-width"], Ss = ["transform"], Ms = ["x", "y", "width", "height", "stroke", "stroke-width"], Ts = { key: 3 }, Ds = ["cx", "cy", "r", "fill", "stroke-width"], Ps = ["x", "y", "width", "height", "fill"], zs = ["x", "y", "fill", "font-size", "font-weight", "text-anchor", "dominant-baseline"], $s = {
   key: 1,
   class: "loading-placeholder"
 }, Ls = /* @__PURE__ */ ct({
@@ -1307,54 +1316,54 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     fontSize: {}
   },
   setup(w) {
-    const t = w, n = M(null), e = M(!1), c = M(0), l = M(0), a = () => {
-      n.value && (c.value = n.value.naturalWidth, l.value = n.value.naturalHeight, e.value = !0);
-    }, g = V(() => t.fit === "contain" ? "xMidYMid meet" : "xMidYMid slice"), u = V(() => t.strokeWidth ?? 10), r = V(() => t.fontSize ?? 30), A = (_) => {
+    const t = w, n = M(null), e = M(!1), l = M(0), o = M(0), c = () => {
+      n.value && (l.value = n.value.naturalWidth, o.value = n.value.naturalHeight, e.value = !0);
+    }, g = V(() => t.fit === "contain" ? "xMidYMid meet" : "xMidYMid slice"), u = V(() => t.strokeWidth ?? 10), r = V(() => t.fontSize ?? 30), k = (C) => {
       var S;
-      if ((S = _.style) != null && S.strokeColor) return _.style.strokeColor;
+      if ((S = C.style) != null && S.strokeColor) return C.style.strokeColor;
       if (t.labels) {
-        const p = t.labels.find((B) => B.name === _.label);
+        const p = t.labels.find((H) => H.name === C.label);
         if (p) return p.color;
       }
       return "#FF0000";
-    }, x = (_) => {
-      const S = _.coordinates, p = Math.min(S.x1, S.x2), B = Math.min(S.y1, S.y2), O = Math.abs(S.x1 - S.x2), G = Math.abs(S.y1 - S.y2);
-      return { x: p, y: B, width: O, height: G };
-    }, D = (_) => _.coordinates.points.map((p) => `${p.x},${p.y}`).join(" "), C = (_) => {
-      if (_.type === "rectangle") {
-        const S = x(_);
+    }, x = (C) => {
+      const S = C.coordinates, p = Math.min(S.x1, S.x2), H = Math.min(S.y1, S.y2), O = Math.abs(S.x1 - S.x2), G = Math.abs(S.y1 - S.y2);
+      return { x: p, y: H, width: O, height: G };
+    }, D = (C) => C.coordinates.points.map((p) => `${p.x},${p.y}`).join(" "), _ = (C) => {
+      if (C.type === "rectangle") {
+        const S = x(C);
         return { x: S.x, y: S.y - 5 };
-      } else if (_.type === "polygon") {
-        const S = _.coordinates.points;
+      } else if (C.type === "polygon") {
+        const S = C.coordinates.points;
         if (S.length > 0) return { x: S[0].x, y: S[0].y - 5 };
       } else {
-        if (_.type === "rotatedRect")
-          return { x: _.coordinates.x, y: _.coordinates.y - _.coordinates.height / 2 - 5 };
-        if (_.type === "point") {
-          const S = _.coordinates.points;
+        if (C.type === "rotatedRect")
+          return { x: C.coordinates.x, y: C.coordinates.y - C.coordinates.height / 2 - 5 };
+        if (C.type === "point") {
+          const S = C.coordinates.points;
           if (S.length > 0) return { x: S[0].x, y: S[0].y - 15 };
-        } else if (_.type === "category")
-          return { x: _.coordinates.x, y: _.coordinates.y };
+        } else if (C.type === "category")
+          return { x: C.coordinates.x, y: C.coordinates.y };
       }
       return { x: 0, y: 0 };
-    }, $ = (_) => {
-      const { x: S, y: p, angle: B } = _.coordinates, O = B * 180 / Math.PI;
+    }, $ = (C) => {
+      const { x: S, y: p, angle: H } = C.coordinates, O = H * 180 / Math.PI;
       return `translate(${S}, ${p}) rotate(${O})`;
-    }, X = (_) => ({ x: _.coordinates.x, y: _.coordinates.y });
-    return (_, S) => (v(), m("div", _s, [
+    }, q = (C) => ({ x: C.coordinates.x, y: C.coordinates.y });
+    return (C, S) => (v(), m("div", Cs, [
       h("img", {
         ref_key: "img",
         ref: n,
         src: w.src,
         class: "thumbnail-image",
-        style: E({ objectFit: w.fit }),
-        onLoad: a,
+        style: U({ objectFit: w.fit }),
+        onLoad: c,
         alt: w.alt
-      }, null, 44, Cs),
+      }, null, 44, _s),
       e.value ? (v(), m("svg", {
         key: 0,
         class: "annotation-overlay",
-        viewBox: `0 0 ${c.value} ${l.value}`,
+        viewBox: `0 0 ${l.value} ${o.value}`,
         preserveAspectRatio: g.value
       }, [
         (v(!0), m(N, null, J(w.annotations, (p) => (v(), m(N, {
@@ -1366,13 +1375,13 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
             y: x(p).y,
             width: x(p).width,
             height: x(p).height,
-            stroke: A(p),
+            stroke: k(p),
             "stroke-width": u.value,
             fill: "transparent"
           }, null, 8, Is)) : p.type === "polygon" ? (v(), m("polygon", {
             key: 1,
             points: D(p),
-            stroke: A(p),
+            stroke: k(p),
             "stroke-width": u.value,
             fill: "transparent"
           }, null, 8, As)) : p.type === "rotatedRect" ? (v(), m("g", {
@@ -1384,50 +1393,50 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               y: -p.coordinates.height / 2,
               width: p.coordinates.width,
               height: p.coordinates.height,
-              stroke: A(p),
+              stroke: k(p),
               "stroke-width": u.value,
               fill: "transparent"
             }, null, 8, Ms)
           ], 8, Ss)) : p.type === "point" ? (v(), m("g", Ts, [
-            (v(!0), m(N, null, J(p.coordinates.points, (B, O) => (v(), m("circle", {
+            (v(!0), m(N, null, J(p.coordinates.points, (H, O) => (v(), m("circle", {
               key: O,
-              cx: B.x,
-              cy: B.y,
+              cx: H.x,
+              cy: H.y,
               r: u.value * 1.5,
-              fill: A(p),
+              fill: k(p),
               stroke: "white",
               "stroke-width": u.value * 0.5
             }, null, 8, Ds))), 128))
           ])) : p.type === "category" ? (v(), m("rect", {
             key: 4,
-            x: X(p).x - (p.label || "").length * r.value * 0.6 / 2 - 8,
-            y: X(p).y - r.value / 2 - 4,
+            x: q(p).x - (p.label || "").length * r.value * 0.6 / 2 - 8,
+            y: q(p).y - r.value / 2 - 4,
             width: (p.label || "").length * r.value * 0.6 + 16,
             height: r.value + 8,
             rx: "6",
             ry: "6",
-            fill: A(p),
+            fill: k(p),
             "fill-opacity": "0.85"
-          }, null, 8, zs)) : R("", !0),
+          }, null, 8, Ps)) : B("", !0),
           p.label ? (v(), m("text", {
             key: 5,
-            x: C(p).x,
-            y: C(p).y,
-            fill: p.type === "category" ? "#ffffff" : A(p),
+            x: _(p).x,
+            y: _(p).y,
+            fill: p.type === "category" ? "#ffffff" : k(p),
             "font-size": r.value,
             "font-weight": p.type === "category" ? "normal" : "bold",
             "text-anchor": p.type === "category" ? "middle" : "start",
             "dominant-baseline": p.type === "category" ? "middle" : "auto",
-            class: q({ "anno-label": p.type !== "category" })
-          }, P(p.label), 11, Ps)) : R("", !0)
+            class: X({ "anno-label": p.type !== "category" })
+          }, z(p.label), 11, zs)) : B("", !0)
         ], 64))), 128))
       ], 8, ks)) : (v(), m("div", $s, "Loading..."))
     ], 512));
   }
-}), Rs = /* @__PURE__ */ rt(Ls, [["__scopeId", "data-v-159a7956"]]), Bs = {
+}), Bs = /* @__PURE__ */ rt(Ls, [["__scopeId", "data-v-159a7956"]]), Rs = {
   key: 0,
   class: "gallery-view"
-}, Hs = { class: "gallery-layout" }, Us = { class: "gallery-sidebar" }, Es = { class: "label-stats-table" }, Vs = { class: "label-cover-wrapper" }, Os = ["src"], Fs = { class: "gallery-content" }, Ns = ["onClick"], Ws = { class: "thumbnail-wrapper" }, Gs = { class: "img-meta" }, Js = { class: "img-index" }, Ys = { class: "anno-count" }, js = {
+}, Hs = { class: "gallery-layout" }, Es = { class: "gallery-sidebar" }, Us = { class: "label-stats-table" }, Vs = { class: "label-cover-wrapper" }, Os = ["src"], Fs = { class: "gallery-content" }, Ns = ["onClick"], Ws = { class: "thumbnail-wrapper" }, Gs = { class: "img-meta" }, Ys = { class: "img-index" }, Js = { class: "anno-count" }, js = {
   key: 0,
   class: "bottom-bar"
 }, Xs = {
@@ -1443,59 +1452,59 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     thumbStrokeWidth: {},
     thumbFontSize: {}
   },
-  emits: ["export", "update:images", "imageClick", "update:labels"],
+  emits: ["export", "update:images", "imageClick", "update:labels", "pageChange"],
   setup(w, { expose: t, emit: n }) {
-    const e = w, c = n, l = M("gallery"), a = M([]), g = M([]), u = M(0), r = M(null), A = M(null), x = M(null), D = V(() => {
+    const e = w, l = n, o = M("gallery"), c = M([]), g = M([]), u = M(0), r = M(null), k = M(null), x = M(null), D = V(() => {
       var y, b;
       return ((b = (y = e.actionBar) == null ? void 0 : y.annotateButton) == null ? void 0 : b.show) === !0;
-    }), C = V(() => {
+    }), _ = V(() => {
       var y, b;
       return ((b = (y = e.actionBar) == null ? void 0 : y.exportButton) == null ? void 0 : b.show) === !0;
-    }), $ = V(() => D.value || C.value), X = V(() => {
+    }), $ = V(() => D.value || _.value), q = V(() => {
       var y, b;
       return ((b = (y = e.actionBar) == null ? void 0 : y.annotateButton) == null ? void 0 : b.text) || "手动标注";
-    }), _ = V(() => {
+    }), C = V(() => {
       var y, b;
       return ((b = (y = e.actionBar) == null ? void 0 : y.exportButton) == null ? void 0 : b.text) || "导出";
     }), S = V(() => e.clickToEnterEditor !== !1), p = V(() => {
       const y = {};
-      g.value.forEach((k) => {
-        y[k.name] = { count: 0, cover: "" };
+      g.value.forEach((I) => {
+        y[I.name] = { count: 0, cover: "" };
       });
       let b = 0;
-      return a.value.forEach((k) => {
-        k.annotations && k.annotations.forEach((F) => {
+      return c.value.forEach((I) => {
+        I.annotations && I.annotations.forEach((F) => {
           var W;
-          const U = F.label || (F.labelId ? (W = g.value.find((j) => j.id === F.labelId)) == null ? void 0 : W.name : null);
-          U && y[U] && (y[U].count++, b++, y[U].cover || (y[U].cover = k.imageUrl));
+          const E = F.label || (F.labelId ? (W = g.value.find((Y) => Y.id === F.labelId)) == null ? void 0 : W.name : null);
+          E && y[E] && (y[E].count++, b++, y[E].cover || (y[E].cover = I.imageUrl));
         });
-      }), g.value.map((k) => {
-        var W, j;
-        const F = ((W = y[k.name]) == null ? void 0 : W.count) || 0, U = b === 0 ? "0.00%" : (F / b * 100).toFixed(2) + "%";
+      }), g.value.map((I) => {
+        var W, Y;
+        const F = ((W = y[I.name]) == null ? void 0 : W.count) || 0, E = b === 0 ? "0.00%" : (F / b * 100).toFixed(2) + "%";
         return {
-          id: k.id,
-          name: k.name,
-          color: k.color,
+          id: I.id,
+          name: I.name,
+          color: I.color,
           count: F,
-          percentage: U,
-          cover: ((j = y[k.name]) == null ? void 0 : j.cover) || ""
+          percentage: E,
+          cover: ((Y = y[I.name]) == null ? void 0 : Y.cover) || ""
         };
       });
-    }), B = (y) => ({
+    }), H = (y) => ({
       color: y.color,
       backgroundColor: y.color + "1A"
       // 1A represents ~10% opacity in hex
     });
     K(() => e.images, (y) => {
-      a.value = JSON.parse(JSON.stringify(y));
+      c.value = JSON.parse(JSON.stringify(y));
     }, { immediate: !0, deep: !0 }), K(() => e.labels, (y) => {
       g.value = JSON.parse(JSON.stringify(y || []));
     }, { immediate: !0, deep: !0 });
     const O = (y) => {
-      u.value = y, l.value = "editor", x.value && (x.value.scrollTop = 0), at(() => {
-        A.value && (A.value.scrollTop = 0), window.scrollTo(0, 0), requestAnimationFrame(() => {
-          var b, k;
-          (k = (b = r.value) == null ? void 0 : b.jumpTo) == null || k.call(b, y);
+      u.value = y, o.value = "editor", l("pageChange", { nowPage: "editPage" }), x.value && (x.value.scrollTop = 0), at(() => {
+        k.value && (k.value.scrollTop = 0), window.scrollTo(0, 0), requestAnimationFrame(() => {
+          var b, I;
+          (I = (b = r.value) == null ? void 0 : b.jumpTo) == null || I.call(b, y);
         });
       });
     }, G = (y, b) => {
@@ -1503,8 +1512,8 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         O(y);
         return;
       }
-      c("imageClick", { index: y, imageId: b.id, image: b });
-    }, Z = (y) => a.value.findIndex((b) => b.id === y);
+      l("imageClick", { index: y, imageId: b.id, image: b });
+    }, Z = (y) => c.value.findIndex((b) => b.id === y);
     t({
       openImageById: (y) => {
         const b = Z(y);
@@ -1514,41 +1523,41 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         const b = Z(y);
         if (b < 0)
           return !1;
-        const k = a.value[b];
-        return k ? (c("imageClick", { index: b, imageId: k.id, image: k }), !0) : !1;
+        const I = c.value[b];
+        return I ? (l("imageClick", { index: b, imageId: I.id, image: I }), !0) : !1;
       },
       getFinalData: () => ({
-        images: JSON.parse(JSON.stringify(a.value)),
+        images: JSON.parse(JSON.stringify(c.value)),
         labels: JSON.parse(JSON.stringify(g.value))
       })
     });
     const it = () => {
       if (r.value && r.value.getCurrentAnnotation) {
         const y = r.value.getCurrentAnnotation();
-        a.value[u.value] && (a.value[u.value].annotations = y.annotations);
+        c.value[u.value] && (c.value[u.value].annotations = y.annotations);
       }
-      l.value = "gallery";
+      o.value = "gallery", l("pageChange", { nowPage: "listPage" });
     }, nt = () => {
-      c("export", a.value);
+      l("export", c.value);
     }, ht = (y) => {
-      u.value = y.currentIndex, a.value[y.currentIndex] && (a.value[y.currentIndex].annotations = y.currentAnnotations);
+      u.value = y.currentIndex, c.value[y.currentIndex] && (c.value[y.currentIndex].annotations = y.currentAnnotations);
     }, Q = (y) => {
       if (r.value && r.value.getCurrentAnnotation) {
         const b = r.value.getCurrentAnnotation();
-        a.value[u.value] && (a.value[u.value].annotations = b.annotations, c("update:images", a.value));
+        c.value[u.value] && (c.value[u.value].annotations = b.annotations, l("update:images", c.value));
       }
-    }, Y = (y) => {
-      g.value = JSON.parse(JSON.stringify(y || [])), c("update:labels", g.value);
+    }, j = (y) => {
+      g.value = JSON.parse(JSON.stringify(y || [])), l("update:labels", g.value);
     };
     return (y, b) => (v(), m("div", {
       ref_key: "batchRootRef",
-      ref: A,
+      ref: k,
       class: "batch-annotator"
     }, [
-      l.value === "gallery" ? (v(), m("div", Bs, [
+      o.value === "gallery" ? (v(), m("div", Rs, [
         h("div", Hs, [
-          h("div", Us, [
-            h("table", Es, [
+          h("div", Es, [
+            h("table", Us, [
               b[1] || (b[1] = h("thead", null, [
                 h("tr", null, [
                   h("th", null, "标签封面"),
@@ -1558,26 +1567,26 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                 ])
               ], -1)),
               h("tbody", null, [
-                (v(!0), m(N, null, J(p.value, (k) => (v(), m("tr", {
-                  key: k.id,
-                  style: E(B(k))
+                (v(!0), m(N, null, J(p.value, (I) => (v(), m("tr", {
+                  key: I.id,
+                  style: U(H(I))
                 }, [
                   h("td", null, [
                     h("div", Vs, [
-                      k.cover ? (v(), m("img", {
+                      I.cover ? (v(), m("img", {
                         key: 0,
-                        src: k.cover,
+                        src: I.cover,
                         class: "label-cover"
                       }, null, 8, Os)) : (v(), m("div", {
                         key: 1,
                         class: "label-cover-empty",
-                        style: E({ backgroundColor: k.color })
+                        style: U({ backgroundColor: I.color })
                       }, null, 4))
                     ])
                   ]),
-                  h("td", null, P(k.name), 1),
-                  h("td", null, P(k.count), 1),
-                  h("td", null, P(k.percentage), 1)
+                  h("td", null, z(I.name), 1),
+                  h("td", null, z(I.count), 1),
+                  h("td", null, z(I.percentage), 1)
                 ], 4))), 128))
               ])
             ])
@@ -1588,15 +1597,15 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               ref: x,
               class: "gallery-grid"
             }, [
-              (v(!0), m(N, null, J(a.value, (k, F) => (v(), m("div", {
+              (v(!0), m(N, null, J(c.value, (I, F) => (v(), m("div", {
                 key: F,
                 class: "gallery-item",
-                onClick: (U) => G(F, k)
+                onClick: (E) => G(F, I)
               }, [
                 h("div", Ws, [
-                  H(Rs, {
-                    src: k.imageUrl,
-                    annotations: k.annotations || [],
+                  R(Bs, {
+                    src: I.imageUrl,
+                    annotations: I.annotations || [],
                     labels: g.value,
                     fit: "cover",
                     strokeWidth: e.thumbStrokeWidth,
@@ -1604,8 +1613,8 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                   }, null, 8, ["src", "annotations", "labels", "strokeWidth", "fontSize"])
                 ]),
                 h("div", Gs, [
-                  h("span", Js, "#" + P(F + 1), 1),
-                  h("span", Ys, P((k.annotations || []).length) + " 标注", 1)
+                  h("span", Ys, "#" + z(F + 1), 1),
+                  h("span", Js, z((I.annotations || []).length) + " 标注", 1)
                 ])
               ], 8, Ns))), 128))
             ], 512)
@@ -1615,20 +1624,20 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           D.value ? (v(), m("button", {
             key: 0,
             class: "action-btn primary",
-            onClick: b[0] || (b[0] = (k) => O(0))
+            onClick: b[0] || (b[0] = (I) => O(0))
           }, [
-            H(L, { name: "edit" }),
-            lt(" " + P(X.value), 1)
-          ])) : R("", !0),
-          C.value ? (v(), m("button", {
+            R(L, { name: "edit" }),
+            lt(" " + z(q.value), 1)
+          ])) : B("", !0),
+          _.value ? (v(), m("button", {
             key: 1,
             class: "action-btn success",
             onClick: nt
           }, [
-            H(L, { name: "download" }),
-            lt(" " + P(_.value), 1)
-          ])) : R("", !0)
-        ])) : R("", !0)
+            R(L, { name: "download" }),
+            lt(" " + z(C.value), 1)
+          ])) : B("", !0)
+        ])) : B("", !0)
       ])) : (v(), m("div", Xs, [
         h("div", qs, [
           h("div", Ks, [
@@ -1636,32 +1645,32 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               class: "back-btn",
               onClick: it
             }, [
-              H(L, {
+              R(L, {
                 name: "back",
                 class: "back-icon"
               }),
               b[2] || (b[2] = lt()),
               b[3] || (b[3] = h("span", { class: "back-text" }, "返回", -1))
             ]),
-            h("span", Zs, "正在标注: " + P(u.value + 1) + " / " + P(a.value.length), 1)
+            h("span", Zs, "正在标注: " + z(u.value + 1) + " / " + z(c.value.length), 1)
           ])
         ]),
         h("div", Qs, [
-          H(bs, {
+          R(bs, {
             ref_key: "annotatorRef",
             ref: r,
-            batchImages: a.value,
+            batchImages: c.value,
             labels: g.value,
             annotationTypes: ["rectangle", "polygon", "point", "rotatedRect", "category"],
             onBatchChange: ht,
             onAnnotationChange: Q,
-            onLabelChange: Y
+            onLabelChange: j
           }, null, 8, ["batchImages", "labels"])
         ])
       ]))
     ], 512));
   }
-}), ii = /* @__PURE__ */ rt(ti, [["__scopeId", "data-v-369475fa"]]);
+}), ii = /* @__PURE__ */ rt(ti, [["__scopeId", "data-v-701c81a6"]]);
 export {
   ii as BatchAnnotator,
   bs as ImageAnnotator,