luo-image-annotator 0.0.16 → 0.0.18

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 X, computed as V, onMounted as yt, 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) => {
+var le = (y, t, n) => t in y ? ae(y, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : y[t] = n;
+var T = (y, t, n) => le(y, 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 O, onMounted as yt, nextTick as at, watch as K, createElementVNode as h, toDisplayString as L, Fragment as W, renderList as J, normalizeStyle as U, createCommentVNode as R, createVNode as B, withModifiers as It, createBlock as vt, withDirectives as ft, vModelText as mt, createTextVNode as lt } from "vue";
+const pt = (y, t) => Math.sqrt(Math.pow(y.x - t.x, 2) + Math.pow(y.y - t.y, 2)), re = (y, t) => {
   let n = !1;
-  for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
-    const o = t[e].x, c = t[e].y, g = t[a].x, u = t[a].y;
-    c > w.y != u > w.y && w.x < (g - o) * (w.y - c) / (u - c) + o && (n = !n);
+  for (let e = 0, l = t.length - 1; e < t.length; l = e++) {
+    const o = t[e].x, a = t[e].y, g = t[l].x, u = t[l].y;
+    a > y.y != u > y.y && y.x < (g - o) * (y.y - a) / (u - a) + o && (n = !n);
   }
   return n;
-}, At = (w, t, n) => {
-  const e = n * (Math.PI / 180), a = Math.cos(e), o = Math.sin(e), c = w.x - t.x, g = w.y - t.y;
+}, At = (y, t, n) => {
+  const e = n * (Math.PI / 180), l = Math.cos(e), o = Math.sin(e), a = y.x - t.x, g = y.y - t.y;
   return {
-    x: t.x + (c * a - g * o),
-    y: t.y + (c * o + g * a)
+    x: t.x + (a * l - g * o),
+    y: t.y + (a * o + g * l)
   };
 };
 class he {
@@ -52,6 +52,8 @@ class he {
     // 视口
     T(this, "scale", 1);
     T(this, "offset", { x: 0, y: 0 });
+    T(this, "showLabels", !1);
+    // 是否在画布上显示标注的标签
     T(this, "listeners", {});
     T(this, "imageUrl", "");
     this.canvas = t;
@@ -86,11 +88,14 @@ class he {
   setVisibleLabels(t) {
     this.visibleLabels = new Set(t), this.render();
   }
+  setShowLabels(t) {
+    this.showLabels = t, this.render();
+  }
   zoom(t) {
     const e = t > 0 ? this.scale * 1.1 : this.scale / 1.1;
     if (e < 0.1 || e > 10) return;
-    const a = this.canvas.width / 2, o = this.canvas.height / 2, c = this.toImageCoords(a, o);
-    this.scale = e, this.offset.x = a - c.x * this.scale, this.offset.y = o - c.y * this.scale, this.clampViewportOffset(), this.render();
+    const l = this.canvas.width / 2, o = this.canvas.height / 2, a = this.toImageCoords(l, o);
+    this.scale = e, this.offset.x = l - a.x * this.scale, this.offset.y = o - a.y * this.scale, this.clampViewportOffset(), this.render();
   }
   resize() {
     this.fitImageToCanvas(), this.render();
@@ -120,18 +125,18 @@ class he {
     if (this.img.width === 0 || this.img.height === 0) return;
     const t = this.img.width * this.scale, n = this.img.height * this.scale, e = 100;
     if (t <= this.canvas.width) {
-      const a = -t + e, o = this.canvas.width - e;
-      this.offset.x = Math.min(o, Math.max(a, this.offset.x));
+      const l = -t + e, o = this.canvas.width - e;
+      this.offset.x = Math.min(o, Math.max(l, this.offset.x));
     } else {
-      const a = this.canvas.width - t - e, o = e;
-      this.offset.x = Math.min(o, Math.max(a, this.offset.x));
+      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) {
-      const a = -n + e, o = this.canvas.height - e;
-      this.offset.y = Math.min(o, Math.max(a, this.offset.y));
+      const l = -n + e, o = this.canvas.height - e;
+      this.offset.y = Math.min(o, Math.max(l, this.offset.y));
     } else {
-      const a = this.canvas.height - n - e, o = e;
-      this.offset.y = Math.min(o, Math.max(a, this.offset.y));
+      const l = this.canvas.height - n - e, o = e;
+      this.offset.y = Math.min(o, Math.max(l, this.offset.y));
     }
   }
   // --- 事件处理 ---
@@ -153,21 +158,21 @@ class he {
     }
   }
   handleMouseDown(t) {
-    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, a = t.clientY - n.top, o = this.toImageCoords(e, a);
+    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: a }, this.canvas.style.cursor = "grabbing";
+      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, a, this.activeAnnotation);
+      const u = this.getHitHandle(e, l, this.activeAnnotation);
       if (u !== -100) {
         this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = u, this.dragStartAnnotation = JSON.parse(JSON.stringify(this.activeAnnotation));
         return;
       }
     }
-    const c = this.interactionMode === "select" ? this.getHitCategory(e, a) : null;
-    if (c) {
-      this.activeAnnotation = c, this.isDragging = !1, this.selectedHandleIndex = -1, this.emit("annotationChange", { action: "select", changedItem: c, imageUrl: this.imageUrl }), this.render();
+    const a = this.interactionMode === "select" ? this.getHitCategory(e, l) : null;
+    if (a) {
+      this.activeAnnotation = a, this.isDragging = !1, this.selectedHandleIndex = -1, this.emit("annotationChange", { action: "select", changedItem: a, imageUrl: this.imageUrl }), this.render();
       return;
     }
     const g = this.getHitAnnotation(o);
@@ -203,23 +208,23 @@ class he {
     this.activeAnnotation = null, this.render();
   }
   handleMouseMove(t) {
-    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, a = t.clientY - n.top, o = this.toImageCoords(e, a);
+    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 c = e - this.panStartPoint.x, g = a - this.panStartPoint.y;
-      this.offset.x += c, this.offset.y += g, this.clampViewportOffset(), this.panStartPoint = { x: e, y: a }, this.render();
+      const a = e - this.panStartPoint.x, g = l - this.panStartPoint.y;
+      this.offset.x += a, this.offset.y += g, this.clampViewportOffset(), this.panStartPoint = { x: e, y: l }, this.render();
       return;
     }
     if (this.lastMouseMovePoint = o, this.isDrawing) {
       if (this.currentTool === "polygon" && this.activeAnnotation) {
-        const c = this.activeAnnotation.coordinates;
-        if (c.points.length > 2) {
-          const g = c.points[0], u = pt(o, g);
+        const a = this.activeAnnotation.coordinates;
+        if (a.points.length > 2) {
+          const g = a.points[0], u = pt(o, g);
           this.isHoveringStartPoint = u < 20 / this.scale;
         } else
           this.isHoveringStartPoint = !1;
       }
       this.updateDrawing(o);
-    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(o) : this.checkHover(e, a, o);
+    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(o) : this.checkHover(e, l, o);
     this.render();
   }
   handleMouseUp(t) {
@@ -244,8 +249,8 @@ class he {
   // 辅助函数：将 hex 转换为 rgba
   hexToRgba(t, n) {
     if (!t.startsWith("#")) return t;
-    const e = parseInt(t.slice(1, 3), 16), a = parseInt(t.slice(3, 5), 16), o = parseInt(t.slice(5, 7), 16);
-    return `rgba(${e}, ${a}, ${o}, ${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;
@@ -300,8 +305,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), a = Math.abs(t.y - this.dragStartPoint.y);
-        n.width = e * 2, n.height = a * 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() {
@@ -312,8 +317,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), a = Math.min(t.y1, t.y2), o = Math.max(t.y1, t.y2);
-        t.x1 = n, t.x2 = e, t.y1 = a, t.y2 = o, 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;
@@ -337,43 +342,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, a) {
+  moveAnnotation(t, n, e, l) {
     if (t.type === "rectangle") {
-      const o = n.coordinates, c = t.coordinates;
-      c.x1 = o.x1 + e, c.x2 = o.x2 + e, c.y1 = o.y1 + a, c.y2 = o.y2 + a;
+      const o = n.coordinates, a = t.coordinates;
+      a.x1 = o.x1 + e, a.x2 = o.x2 + e, a.y1 = o.y1 + l, a.y2 = o.y2 + l;
     } else if (t.type === "point") {
-      const o = n.coordinates, c = t.coordinates;
-      c.points = o.points.map((g) => ({ x: g.x + e, y: g.y + a }));
+      const o = n.coordinates, a = t.coordinates;
+      a.points = o.points.map((g) => ({ x: g.x + e, y: g.y + l }));
     } else if (t.type === "rotatedRect") {
-      const o = n.coordinates, c = t.coordinates;
-      c.x = o.x + e, c.y = o.y + a;
+      const o = n.coordinates, a = t.coordinates;
+      a.x = o.x + e, a.y = o.y + l;
     } else if (t.type === "polygon") {
-      const o = n.coordinates, c = t.coordinates;
-      c.points = o.points.map((g) => ({ x: g.x + e, y: g.y + a }));
+      const o = n.coordinates, a = t.coordinates;
+      a.points = o.points.map((g) => ({ x: g.x + e, y: g.y + l }));
     } else if (t.type === "category") {
-      const o = n.coordinates, c = t.coordinates;
-      o && c && (c.x = o.x + e, c.y = o.y + a);
+      const o = n.coordinates, a = t.coordinates;
+      o && a && (a.x = o.x + e, a.y = o.y + l);
     }
   }
-  resizeAnnotation(t, n, e, a) {
+  resizeAnnotation(t, n, e, l) {
     if (t.type === "rectangle") {
       const o = t.coordinates;
-      e === 0 && (o.x1 = a.x, o.y1 = a.y), e === 1 && (o.x2 = a.x, o.y1 = a.y), e === 2 && (o.x2 = a.x, o.y2 = a.y), e === 3 && (o.x1 = a.x, o.y2 = a.y);
+      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 o = t.coordinates;
-      e >= 0 && e < o.points.length && (o.points[e] = a);
+      e >= 0 && e < o.points.length && (o.points[e] = l);
     } else if (t.type === "point") {
       const o = t.coordinates;
-      e >= 0 && e < o.points.length && (o.points[e] = a);
+      e >= 0 && e < o.points.length && (o.points[e] = l);
     } else if (t.type === "rotatedRect") {
       const o = t.coordinates;
       if (e === -2) {
-        const c = o.x, g = o.y, u = a.x - c, r = a.y - g;
-        let k = Math.atan2(r, u) * 180 / Math.PI;
-        k += 90, o.angle = k;
+        const a = o.x, g = o.y, u = l.x - a, r = l.y - g;
+        let A = Math.atan2(r, u) * 180 / Math.PI;
+        A += 90, o.angle = A;
       } else {
-        const c = o.angle * Math.PI / 180, g = Math.cos(-c), u = Math.sin(-c), r = a.x - o.x, k = a.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);
+        const a = o.angle * Math.PI / 180, g = Math.cos(-a), u = Math.sin(-a), r = l.x - o.x, A = l.y - o.y, w = r * g - A * u, D = r * u + A * g;
+        (e === 0 || e === 3) && (o.width / 2, o.width = Math.abs(w) * 2), (e === 1 || e === 2) && (o.width = Math.abs(w) * 2), (e === 0 || e === 1) && (o.height = Math.abs(D) * 2), (e === 2 || e === 3) && (o.height = Math.abs(D) * 2);
       }
     }
   }
@@ -394,18 +399,18 @@ class he {
       const e = n.coordinates;
       return re(t, e.points);
     } else if (n.type === "rotatedRect") {
-      const e = n.coordinates, a = At(t, { x: e.x, y: e.y }, -e.angle), o = e.width / 2, c = e.height / 2;
-      return a.x >= e.x - o && a.x <= e.x + o && a.y >= e.y - c && a.y <= e.y + c;
+      const e = n.coordinates, l = At(t, { x: e.x, y: e.y }, -e.angle), o = e.width / 2, a = e.height / 2;
+      return l.x >= e.x - o && l.x <= e.x + o && l.y >= e.y - a && l.y <= e.y + a;
     } else if (n.type === "point")
-      return n.coordinates.points.some((a) => pt(t, a) < 10 / this.scale);
+      return n.coordinates.points.some((l) => pt(t, l) < 10 / this.scale);
     return !1;
   }
   getHitHandle(t, n, e) {
-    const a = this.getAnnotationHandles(e), o = 6;
-    for (let c = 0; c < a.length; c++) {
-      const g = a[c], u = this.toScreenCoords(g.x, g.y);
+    const l = this.getAnnotationHandles(e), o = 6;
+    for (let a = 0; a < l.length; a++) {
+      const g = l[a], 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 e.type === "rotatedRect" && a === 4 ? -2 : a;
     }
     return -100;
   }
@@ -428,16 +433,16 @@ 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 }, a = n.width / 2, o = n.height / 2, c = { x: n.x - a, y: n.y - o }, g = { x: n.x + a, y: n.y - o }, u = { x: n.x + a, y: n.y + o }, r = { x: n.x - a, 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));
+        const n = t.coordinates, e = { x: n.x, y: n.y }, l = n.width / 2, o = n.height / 2, a = { 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 }, A = { x: n.x, y: n.y - o - 20 / this.scale };
+        return [a, g, u, r, A].map((w) => At(w, e, n.angle));
       }
     }
     return [];
   }
   checkHover(t, n, e) {
-    const a = this.getHitCategory(t, n);
-    if (a) {
-      this.canvas.style.cursor = "pointer", this.hoverAnnotation = a;
+    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) {
@@ -448,7 +453,11 @@ class he {
     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) => {
+    if (this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), !this.img.complete || this.img.width === 0) {
+      this.ctx.save(), this.ctx.fillStyle = "#999", this.ctx.font = "14px sans-serif", this.ctx.textAlign = "center", this.ctx.textBaseline = "middle", this.ctx.fillText("Loading image...", this.canvas.width / 2, this.canvas.height / 2), this.ctx.restore();
+      return;
+    }
+    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) => {
       t !== this.activeAnnotation && this.drawItem(t, !1);
     }), this.activeAnnotation && this.drawItem(this.activeAnnotation, !0), this.renderCategories();
   }
@@ -459,76 +468,103 @@ class he {
     const n = 12;
     t.forEach((e) => {
       var _;
-      const a = e.label || "未命名分类", o = this.ctx.measureText(a).width + n * 2, c = 28, g = this.activeAnnotation === e, u = this.hoverAnnotation === e;
+      const l = e.label || "未命名分类", o = this.ctx.measureText(l).width + n * 2, a = 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 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(a, r.x, r.y);
+      const A = r.x - o / 2, w = r.y - a / 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(A, w, o, 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, w - 3, o + 6, a + 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 a = 12, o = 28;
-    let c = null;
+    const l = 12, o = 28;
+    let a = null;
     for (let g = e.length - 1; g >= 0; g--) {
-      const u = e[g], r = u.label || "未命名分类", k = this.ctx.measureText(r).width + a * 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 - k / 2, _ = x.y - o / 2;
-      if (t >= D && t <= D + k && n >= _ && n <= _ + o) {
-        c = u;
+      const u = e[g], r = u.label || "未命名分类", A = this.ctx.measureText(r).width + l * 2;
+      let w = { x: 20, y: 20 };
+      u.coordinates && typeof u.coordinates.x == "number" && typeof u.coordinates.y == "number" && (w = this.toScreenCoords(u.coordinates.x, u.coordinates.y));
+      const D = w.x - A / 2, _ = w.y - o / 2;
+      if (t >= D && t <= D + A && n >= _ && n <= _ + o) {
+        a = u;
         break;
       }
     }
-    return this.ctx.restore(), c;
+    return this.ctx.restore(), a;
   }
   drawItem(t, n) {
     var o;
     if (this.visibleLabels.size > 0 && !this.visibleLabels.has(t.label) && !n)
       return;
     this.ctx.save();
-    const e = ((o = t.style) == null ? void 0 : o.strokeColor) || "#FF4081", a = n ? "#00E5FF" : e;
-    if (this.ctx.strokeStyle = a, 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));
+    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 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), w = Math.abs(g.x - u.x), D = Math.abs(g.y - u.y);
+      this.ctx.strokeRect(r, A, w, D), n && this.drawHandles(this.getAnnotationHandles(t));
     } else if (t.type === "polygon") {
-      const c = t.coordinates;
-      if (c.points.length === 0) {
+      const a = t.coordinates;
+      if (a.points.length === 0) {
         this.ctx.restore();
         return;
       }
       this.ctx.beginPath();
-      const g = this.toScreenCoords(c.points[0].x, c.points[0].y);
+      const g = this.toScreenCoords(a.points[0].x, a.points[0].y);
       this.ctx.moveTo(g.x, g.y);
-      for (let u = 1; u < c.points.length; u++) {
-        const r = this.toScreenCoords(c.points[u].x, c.points[u].y);
+      for (let u = 1; u < a.points.length; u++) {
+        const r = this.toScreenCoords(a.points[u].x, a.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 && 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();
+        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();
         }
         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 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));
+      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));
     } 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();
     });
-    this.ctx.restore();
+    this.showLabels && t.label && t.type !== "category" && this.drawAnnotationLabel(t, e), this.ctx.restore();
+  }
+  drawAnnotationLabel(t, n) {
+    let e = 0, l = 0;
+    if (t.type === "rectangle") {
+      const o = t.coordinates, a = this.toScreenCoords(Math.min(o.x1, o.x2), Math.min(o.y1, o.y2));
+      e = a.x, l = a.y - 8;
+    } else if (t.type === "polygon") {
+      const o = t.coordinates;
+      if (o.points.length > 0) {
+        const a = this.toScreenCoords(o.points[0].x, o.points[0].y);
+        e = a.x, l = a.y - 8;
+      }
+    } else if (t.type === "rotatedRect") {
+      const o = t.coordinates, a = this.toScreenCoords(o.x, o.y - o.height / 2);
+      e = a.x, l = a.y - 8;
+    } else if (t.type === "point") {
+      const o = t.coordinates;
+      if (o.points.length > 0) {
+        const a = this.toScreenCoords(o.points[0].x, o.points[0].y);
+        e = a.x, l = a.y - 8;
+      }
+    }
+    if (e !== 0 || l !== 0) {
+      this.ctx.save(), this.ctx.font = "12px sans-serif", this.ctx.textBaseline = "bottom";
+      const o = t.label, a = this.ctx.measureText(o).width, g = 8, u = 4;
+      this.ctx.fillStyle = this.hexToRgba(n, 0.8), this.ctx.beginPath(), this.ctx.roundRect(e, l - 14 - u, a + g * 2, 14 + u * 2, 4), this.ctx.fill(), this.ctx.fillStyle = "#FFFFFF", this.ctx.fillText(o, e + g, l), this.ctx.restore();
+    }
   }
   drawHandles(t) {
     this.ctx.fillStyle = "#FFFFFF", this.ctx.strokeStyle = "#000000", this.ctx.lineWidth = 1, t.forEach((n) => {
@@ -537,31 +573,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>', 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({
+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>', xe = '<?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>', we = '<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": 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 });
+  setup(y) {
+    const t = y, 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": xe, "../assets/svg/last.svg": we, "../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 a = `../assets/svg/${t.name}.svg`, o = e[a];
-      o ? n.value = o : (console.warn(`Icon ${t.name} not found at path ${a}`), n.value = "");
-    }), (a, o) => (v(), m("i", {
-      class: X(["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: q(["svg-icon", [y.size ? `size-${y.size}` : ""]]),
       innerHTML: n.value
     }, null, 10, Te));
   }
-}), rt = (w, t) => {
-  const n = w.__vccOpts || w;
-  for (const [e, a] of t)
-    n[e] = a;
+}), rt = (y, t) => {
+  const n = y.__vccOpts || y;
+  for (const [e, l] of t)
+    n[e] = l;
   return n;
-}, L = /* @__PURE__ */ rt(De, [["__scopeId", "data-v-3928607b"]]), Pe = {
+}, $ = /* @__PURE__ */ rt(De, [["__scopeId", "data-v-3928607b"]]), Pe = {
   key: 0,
   class: "image-list-sidebar"
-}, ze = { class: "image-list-header" }, $e = ["onClick"], Le = { class: "image-list-stage" }, Be = ["src", "alt"], Re = {
+}, Le = { class: "image-list-header" }, ze = ["onClick"], $e = { class: "image-list-stage" }, Re = ["src", "alt"], Be = {
   key: 0,
   class: "thumb-overlay-layer"
 }, He = {
@@ -569,13 +605,13 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
   class: "thumb-overlay-svg",
   viewBox: "0 0 100 100",
   preserveAspectRatio: "none"
-}, Ee = ["points"], Ue = { class: "image-list-text" }, Ve = { class: "center-sidebar" }, Oe = {
+}, Ee = ["points"], Ue = { class: "image-list-text" }, Oe = { class: "center-sidebar" }, Ve = {
   key: 0,
   class: "left-sidebar"
-}, Fe = ["onClick", "title"], Ne = {
+}, Fe = ["onClick", "title"], We = {
   key: 0,
   class: "divider"
-}, We = { class: "center-area" }, Ge = {
+}, Ne = { class: "center-area" }, Ge = {
   key: 0,
   class: "floating-label-selector"
 }, Ye = {
@@ -596,7 +632,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
 }, ts = ["disabled"], es = ["disabled"], ss = ["disabled"], is = ["disabled"], ns = {
   key: 1,
   class: "right-sidebar"
-}, os = { class: "label-list" }, as = { class: "label-row" }, ls = ["onUpdate:modelValue", "onChange"], cs = ["title"], rs = ["onClick"], hs = { class: "action-icon more-actions" }, ds = ["onClick"], gs = { class: "modal-content" }, us = { class: "modal-body" }, vs = { class: "form-group" }, fs = { class: "form-group" }, ms = { class: "color-input-wrapper" }, ps = { class: "color-value" }, ys = { class: "modal-actions" }, ws = ["disabled"], xs = /* @__PURE__ */ ct({
+}, os = { class: "label-list" }, as = { class: "label-row" }, ls = ["onUpdate:modelValue", "onChange"], cs = ["title"], rs = ["onClick"], hs = { class: "action-icon more-actions" }, ds = ["onClick"], gs = { class: "modal-content" }, us = { class: "modal-body" }, vs = { class: "form-group" }, fs = { class: "form-group" }, ms = { class: "color-input-wrapper" }, ps = { class: "color-value" }, ys = { class: "modal-actions" }, xs = ["disabled"], ws = /* @__PURE__ */ ct({
   __name: "ImageAnnotator",
   props: {
     annotationTypes: { default: () => ["rectangle", "polygon", "point", "rotatedRect", "category"] },
@@ -613,10 +649,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     maxZoom: {}
   },
   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, a = 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)), wt = (s) => {
+  setup(y, { expose: t, emit: n }) {
+    const e = y, l = n, o = M(null), a = M(null), g = M(null), u = M([]), r = M(null), A = M(null), w = M(0), D = M(""), _ = M([]), z = M(""), X = M(!1), C = M({ name: "", color: "#FF0000" }), S = M("none"), x = M([]), H = M({}), V = O(() => A.value === "select" && !!D.value), G = M(!1), Z = O(() => _.value.find((s) => s.id === z.value)), xt = (s) => {
       s.stopPropagation(), G.value = !G.value;
-    }, xt = (s) => {
+    }, wt = (s) => {
       tt(s), G.value = !1;
     };
     yt(() => {
@@ -628,10 +664,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       if (!s || H.value[s]) return;
       const i = new Image();
       i.onload = () => {
-        const l = i.naturalWidth || 1, d = i.naturalHeight || 1;
+        const c = i.naturalWidth || 1, d = i.naturalHeight || 1;
         H.value = {
           ...H.value,
-          [s]: { width: l, height: d }
+          [s]: { width: c, height: d }
         };
       }, i.src = s;
     }, nt = () => {
@@ -640,13 +676,13 @@ 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, l = u.value[s];
-      if (!i || !l) return;
-      const d = i.scrollTop, f = d + i.clientHeight, A = l.offsetTop, P = A + l.offsetHeight;
-      if (A < d) {
+    }, Q = (s = w.value) => {
+      const i = g.value, c = u.value[s];
+      if (!i || !c) return;
+      const d = i.scrollTop, f = d + i.clientHeight, I = c.offsetTop, P = I + c.offsetHeight;
+      if (I < d) {
         i.scrollTo({
-          top: Math.max(A - 8, 0),
+          top: Math.max(I - 8, 0),
           behavior: "smooth"
         });
         return;
@@ -656,28 +692,28 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         behavior: "smooth"
       });
     }, j = () => {
-      var l, d, f, A;
-      const s = e.batchImages[x.value], i = (s == null ? void 0 : s.imageUrl) || ((l = e.image) == null ? void 0 : l.url);
+      var c, d, f, I;
+      const s = e.batchImages[w.value], i = (s == null ? void 0 : s.imageUrl) || ((c = e.image) == null ? void 0 : c.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: (A = e.session) == null ? void 0 : A.userId
+        operator: (I = e.session) == null ? void 0 : I.userId
       };
-    }, y = (s) => {
+    }, p = (s) => {
       var d;
       const i = s == null ? void 0 : s.action;
       if (!i) return;
-      const l = {
+      const c = {
         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" && a("annotation:add", l), i === "update" && a("annotation:update", l), i === "delete" && a("annotation:delete", l), i === "select" && a("annotation:select", l);
-    }, b = V(() => e.annotationTypes), I = (s) => ({
+      i === "add" && l("annotation:add", c), i === "update" && l("annotation:update", c), i === "delete" && l("annotation:delete", c), i === "select" && l("annotation:select", c);
+    }, b = O(() => e.annotationTypes), k = (s) => ({
       rectangle: "crop",
       polygon: "connection",
       point: "aim",
@@ -692,49 +728,49 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     })[s] || s;
     yt(() => {
       if (nt(), o.value) {
-        r.value = new he(o.value), r.value.on("annotationChange", (i) => {
-          var l, d;
+        r.value = new he(o.value), r.value.setShowLabels(e.readOnly), r.value.on("annotationChange", (i) => {
+          var c, d;
           if (i.action === "add" && i.changedItem) {
-            const f = _.value.find((A) => A.id === $.value);
+            const f = _.value.find((I) => I.id === z.value);
             f && (i.changedItem.label = f.name, i.changedItem.labelId = f.id);
           }
-          i.action === "select" ? D.value = ((l = i.changedItem) == null ? void 0 : l.id) || "" : i.action === "delete" && ((d = i.changedItem) == null ? void 0 : d.id) === D.value && (D.value = ""), a("annotationChange", i), y(i);
-        }), W(), E();
+          i.action === "select" ? D.value = ((c = i.changedItem) == null ? void 0 : c.id) || "" : i.action === "delete" && ((d = i.changedItem) == null ? void 0 : d.id) === D.value && (D.value = ""), l("annotationChange", i), p(i);
+        }), N(), E();
         const s = new ResizeObserver(() => {
           var i;
           (i = r.value) == null || i.resize();
         });
-        c.value && s.observe(c.value), e.defaultActiveType && Y(e.defaultActiveType), at(() => Q()), a("ready", { meta: j() });
+        a.value && s.observe(a.value), e.defaultActiveType && Y(e.defaultActiveType), at(() => Q()), l("ready", { meta: j() });
       }
     });
     const E = () => {
       if (!r.value) return;
-      const s = _.value.find((l) => l.id === $.value);
+      const s = _.value.find((c) => c.id === z.value);
       s && r.value.setLabelStyle(s.color);
-      const i = _.value.filter((l) => l.visible).map((l) => l.name);
+      const i = _.value.filter((c) => c.visible).map((c) => c.name);
       r.value.setVisibleLabels(i);
-    }, W = () => {
+    }, N = () => {
       var s;
       if (r.value)
         if (D.value = "", requestAnimationFrame(() => {
           var i;
           (i = r.value) == null || i.resize();
         }), e.batchImages.length > 0) {
-          const i = e.batchImages[x.value];
+          const i = e.batchImages[w.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);
     }, Y = (s) => {
-      var i, l;
-      if (k.value = s, D.value = "", s !== "pan" && s !== "select" && _.value.length === 0) {
+      var i, c;
+      if (A.value = s, D.value = "", s !== "pan" && s !== "select" && _.value.length === 0) {
         alert("请先创建标签！");
         return;
       }
-      s === "pan" || s === "select" ? (i = r.value) == null || i.setTool(s) : (l = r.value) == null || l.setTool(s), a("tool:change", { meta: j(), tool: s });
+      s === "pan" || s === "select" ? (i = r.value) == null || i.setTool(s) : (c = r.value) == null || c.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);
     }, bt = () => {
-      r.value && a("viewport:change", {
+      r.value && l("viewport:change", {
         meta: j(),
         scale: r.value.scale,
         offset: { ...r.value.offset }
@@ -746,9 +782,9 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       var s;
       (s = r.value) == null || s.zoom(-1), bt();
     }, Dt = () => {
-      C.value = { name: "", color: "#2196F3" }, q.value = !0;
+      C.value = { name: "", color: "#2196F3" }, X.value = !0;
     }, dt = () => {
-      q.value = !1;
+      X.value = !1;
     }, Pt = () => {
       if (!C.value.name.trim()) {
         alert("请输入标签名称");
@@ -760,60 +796,60 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         color: C.value.color,
         visible: !0
       };
-      _.value.push(i), a("labelChange", _.value), E(), _.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);
-    }, zt = (s, i) => {
+      z.value = s.id, (i = r.value) == null || i.setLabelStyle(s.color);
+    }, Lt = (s, i) => {
       if (!s.startsWith("#")) return s;
-      let l = 0, d = 0, f = 0;
-      return s.length === 4 ? (l = parseInt(s[1] + s[1], 16), d = parseInt(s[2] + s[2], 16), f = parseInt(s[3] + s[3], 16)) : s.length === 7 && (l = parseInt(s.slice(1, 3), 16), d = parseInt(s.slice(3, 5), 16), f = parseInt(s.slice(5, 7), 16)), `rgba(${l}, ${d}, ${f}, ${i})`;
-    }, $t = (s) => {
+      let c = 0, d = 0, f = 0;
+      return s.length === 4 ? (c = parseInt(s[1] + s[1], 16), d = parseInt(s[2] + s[2], 16), f = parseInt(s[3] + s[3], 16)) : s.length === 7 && (c = parseInt(s.slice(1, 3), 16), d = parseInt(s.slice(3, 5), 16), f = parseInt(s.slice(5, 7), 16)), `rgba(${c}, ${d}, ${f}, ${i})`;
+    }, zt = (s) => {
       var i;
-      if (s.id === $.value && ((i = r.value) == null || i.setLabelStyle(s.color)), r.value) {
-        const l = r.value.getAnnotations();
+      if (s.id === z.value && ((i = r.value) == null || i.setLabelStyle(s.color)), r.value) {
+        const c = r.value.getAnnotations();
         let d = !1;
-        l.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);
+        c.forEach((f) => {
+          f.label === s.name && (f.style || (f.style = {}), f.style.strokeColor = s.color, f.style.fillColor = Lt(s.color, 0.2), d = !0);
         }), d && r.value.render();
       }
-      a("labelChange", _.value), E();
-    }, Lt = (s) => {
+      l("labelChange", _.value), E();
+    }, $t = (s) => {
       s.visible = !s.visible, E();
-    }, Bt = (s) => {
-      const i = _.value.findIndex((l) => l.id === s);
-      i > -1 && (_.value.splice(i, 1), a("labelChange", _.value), $.value === s && ($.value = _.value.length > 0 ? _.value[0].id : "", $.value && tt(_.value[0])), E());
+    }, Rt = (s) => {
+      const i = _.value.findIndex((c) => c.id === s);
+      i > -1 && (_.value.splice(i, 1), l("labelChange", _.value), z.value === s && (z.value = _.value.length > 0 ? _.value[0].id : "", z.value && tt(_.value[0])), E());
     };
     K(() => e.labels, (s) => {
       const i = JSON.parse(JSON.stringify(s || []));
       if (_.value = i, _.value.length > 0)
-        if (!$.value || !_.value.find((l) => l.id === $.value))
+        if (!z.value || !_.value.find((c) => c.id === z.value))
           tt(_.value[0]);
         else {
-          const l = _.value.find((d) => d.id === $.value);
-          l && tt(l);
+          const c = _.value.find((d) => d.id === z.value);
+          c && tt(c);
         }
       else
-        $.value = "";
+        z.value = "";
       E();
     }, { immediate: !0, deep: !0 });
-    const Rt = () => {
-      x.value > 0 && (gt(), x.value--, W(), ut());
+    const Bt = () => {
+      w.value > 0 && (gt(), w.value--, N(), ut());
     }, Ht = () => {
-      x.value < e.batchImages.length - 1 && (gt(), x.value++, W(), ut());
+      w.value < e.batchImages.length - 1 && (gt(), w.value++, N(), ut());
     }, Et = () => {
-      x.value > 0 && ot(0);
+      w.value > 0 && ot(0);
     }, Ut = () => {
-      x.value < e.batchImages.length - 1 && ot(e.batchImages.length - 1);
+      w.value < e.batchImages.length - 1 && ot(e.batchImages.length - 1);
     }, gt = () => {
       if (r.value) {
         const s = r.value.getAnnotations();
-        e.batchImages[x.value].annotations = s;
+        e.batchImages[w.value].annotations = s;
       }
     }, ut = () => {
-      const s = e.batchImages[x.value];
-      a("batchChange", {
-        currentIndex: x.value,
+      const s = e.batchImages[w.value];
+      l("batchChange", {
+        currentIndex: w.value,
         total: e.batchImages.length,
         currentImageUrl: s.imageUrl,
         currentAnnotations: s.annotations || []
@@ -821,68 +857,68 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, Ct = (s = []) => {
       var f;
       if (!r.value) return;
-      if (p.value = JSON.parse(JSON.stringify(s)), p.value.length === 0) {
+      if (x.value = JSON.parse(JSON.stringify(s)), x.value.length === 0) {
         S.value = "none";
         return;
       }
       S.value = "loaded";
-      const l = (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;
+      const c = (r.value.getAnnotations() || []).filter((I) => !I.predictionId), d = x.value.map((I) => {
+        const P = JSON.parse(JSON.stringify(I.annotation));
+        return P.id = P.id || `pred-${I.id}`, P.predictionId = I.id, P.modelRunId = I.modelRunId || P.modelRunId, P.confidence = I.confidence ?? P.confidence, P.reviewStatus = P.reviewStatus || "draft", P;
       });
-      r.value.setAnnotations([...l, ...d]), a("prediction:loaded", {
+      r.value.setAnnotations([...c, ...d]), l("prediction:loaded", {
         meta: j(),
-        modelRunId: (f = p.value[0]) == null ? void 0 : f.modelRunId,
-        candidates: p.value
+        modelRunId: (f = x.value[0]) == null ? void 0 : f.modelRunId,
+        candidates: x.value
       });
-    }, Vt = (s, i) => {
+    }, Ot = (s, i) => {
       var f;
       if (!r.value) return [];
       S.value = "applying";
-      const d = (r.value.getAnnotations() || []).filter((A) => A.predictionId && s.includes(A.predictionId));
-      return d.forEach((A) => {
-        A.reviewStatus = "accepted";
-      }), S.value = "applied", a("prediction:apply", {
+      const d = (r.value.getAnnotations() || []).filter((I) => I.predictionId && s.includes(I.predictionId));
+      return d.forEach((I) => {
+        I.reviewStatus = "accepted";
+      }), S.value = "applied", l("prediction:apply", {
         meta: j(),
         modelRunId: (f = d[0]) == null ? void 0 : f.modelRunId,
         candidateIds: s,
         threshold: i,
         acceptedAnnotations: d
       }), r.value.render(), d;
-    }, Ot = (s, i) => {
+    }, Vt = (s, i) => {
       var f;
       if (!r.value) return;
-      const l = r.value.getAnnotations() || [], d = l.filter((A) => !(A.predictionId && s.includes(A.predictionId)));
-      r.value.setAnnotations(d), a("prediction:reject", {
+      const c = r.value.getAnnotations() || [], d = c.filter((I) => !(I.predictionId && s.includes(I.predictionId)));
+      r.value.setAnnotations(d), l("prediction:reject", {
         meta: j(),
-        modelRunId: (f = l.find((A) => A.predictionId && s.includes(A.predictionId))) == null ? void 0 : f.modelRunId,
+        modelRunId: (f = c.find((I) => I.predictionId && s.includes(I.predictionId))) == null ? void 0 : f.modelRunId,
         candidateIds: s,
         reason: i
       });
     }, Ft = (s, i = []) => {
       r.value && (r.value.loadImage(s.url), r.value.setAnnotations(i));
-    }, Nt = (s) => {
+    }, Wt = (s) => {
       var i;
       (i = r.value) == null || i.setAnnotations(s);
     }, _t = () => {
       var s;
       return ((s = r.value) == null ? void 0 : s.getAnnotations()) || [];
-    }, Wt = (s = "json") => {
-      var l, d;
+    }, Nt = (s = "json") => {
+      var c, d;
       const i = _t();
       return {
         format: s,
-        image: ((l = e.batchImages[x.value]) == null ? void 0 : l.imageUrl) || ((d = e.image) == null ? void 0 : d.url) || "",
+        image: ((c = e.batchImages[w.value]) == null ? void 0 : c.imageUrl) || ((d = e.image) == null ? void 0 : d.url) || "",
         annotations: i
       };
     }, ot = (s) => {
-      s >= 0 && s < e.batchImages.length && (gt(), x.value = s, W(), ut());
+      s >= 0 && s < e.batchImages.length && (gt(), w.value = s, N(), ut());
     }, Gt = (s) => {
       var i;
-      return s === x.value && r.value ? r.value.getAnnotations() || [] : ((i = e.batchImages[s]) == null ? void 0 : i.annotations) || [];
+      return s === w.value && r.value ? r.value.getAnnotations() || [] : ((i = e.batchImages[s]) == null ? void 0 : i.annotations) || [];
     }, 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 l, d;
-      const i = (l = _.value.find((f) => f.name === s.label)) == null ? void 0 : l.color;
+      var c, d;
+      const i = (c = _.value.find((f) => f.name === s.label)) == null ? void 0 : c.color;
       return ((d = s.style) == null ? void 0 : d.strokeColor) || i || "#409eff";
     }, kt = (s) => {
       const i = s.coordinates;
@@ -891,24 +927,24 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       const i = e.batchImages[s];
       if (i != null && i.width && (i != null && i.height))
         return { width: i.width, height: i.height };
-      const l = i != null && i.imageUrl ? H.value[i.imageUrl] : void 0;
-      return l || (i != null && i.imageUrl && it(i.imageUrl), { width: 1, height: 1 });
+      const c = i != null && i.imageUrl ? H.value[i.imageUrl] : void 0;
+      return c || (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 ? !!H.value[i.imageUrl] : !1;
     }, Zt = (s, i) => {
-      const l = i.coordinates, d = st(s), f = et(i), A = Math.min(l.x1, l.x2), P = Math.min(l.y1, l.y2), ne = Math.max(l.x1, l.x2), oe = Math.max(l.y1, l.y2);
+      const c = i.coordinates, d = st(s), f = et(i), I = Math.min(c.x1, c.x2), P = Math.min(c.y1, c.y2), ne = Math.max(c.x1, c.x2), oe = Math.max(c.y1, c.y2);
       return {
-        left: `${A / d.width * 100}%`,
+        left: `${I / d.width * 100}%`,
         top: `${P / d.height * 100}%`,
-        width: `${(ne - A) / d.width * 100}%`,
+        width: `${(ne - I) / d.width * 100}%`,
         height: `${(oe - P) / d.height * 100}%`,
         borderColor: f,
         backgroundColor: `${f}22`
       };
     }, Qt = (s, i) => {
-      const l = st(s);
-      return kt(i).map((d) => `${d.x / l.width * 100},${d.y / l.height * 100}`).join(" ");
+      const c = st(s);
+      return kt(i).map((d) => `${d.x / c.width * 100},${d.y / c.height * 100}`).join(" ");
     }, te = (s) => {
       const i = et(s);
       return {
@@ -916,29 +952,29 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         stroke: i,
         strokeWidth: "1.4"
       };
-    }, ee = (s, i, l) => {
-      const d = st(s), f = et(l);
+    }, ee = (s, i, c) => {
+      const d = st(s), f = et(c);
       return {
         left: `${i.x / d.width * 100}%`,
         top: `${i.y / d.height * 100}%`,
         backgroundColor: f
       };
     }, se = (s, i) => {
-      const l = i.coordinates, d = st(s), f = et(i), A = Math.abs(l.width), P = Math.abs(l.height);
+      const c = i.coordinates, d = st(s), f = et(i), I = Math.abs(c.width), P = Math.abs(c.height);
       return {
-        left: `${(l.x - A / 2) / d.width * 100}%`,
-        top: `${(l.y - P / 2) / d.height * 100}%`,
-        width: `${A / d.width * 100}%`,
+        left: `${(c.x - I / 2) / d.width * 100}%`,
+        top: `${(c.y - P / 2) / d.height * 100}%`,
+        width: `${I / d.width * 100}%`,
         height: `${P / d.height * 100}%`,
-        transform: `rotate(${l.angle || 0}deg)`,
+        transform: `rotate(${c.angle || 0}deg)`,
         borderColor: f,
         backgroundColor: `${f}22`
       };
     }, ie = (s, i) => {
-      const l = i.coordinates, d = st(s), f = et(i);
+      const c = i.coordinates, d = st(s), f = et(i);
       return {
-        left: `${l.x / d.width * 100}%`,
-        top: `${l.y / d.height * 100}%`,
+        left: `${c.x / d.width * 100}%`,
+        top: `${c.y / d.height * 100}%`,
         backgroundColor: `${f}d9`
         // ~85% opacity
       };
@@ -946,13 +982,13 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     return t({
       jumpTo: ot,
       setImage: Ft,
-      setAnnotations: Nt,
+      setAnnotations: Wt,
       getAnnotations: _t,
       selectTool: Y,
       loadPredictionCandidates: Ct,
-      applyPredictions: Vt,
-      rejectPredictions: Ot,
-      exportAnnotations: Wt,
+      applyPredictions: Ot,
+      rejectPredictions: Vt,
+      exportAnnotations: Nt,
       getAllAnnotations: () => {
         var s, i;
         return e.batchImages.length > 0 ? e.batchImages : [{
@@ -961,10 +997,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         }];
       },
       getCurrentAnnotation: () => {
-        var s, i, l;
+        var s, i, c;
         return {
-          imageUrl: ((s = e.batchImages[x.value]) == null ? void 0 : s.imageUrl) || ((i = e.image) == null ? void 0 : i.url) || "",
-          annotations: ((l = r.value) == null ? void 0 : l.getAnnotations()) || []
+          imageUrl: ((s = e.batchImages[w.value]) == null ? void 0 : s.imageUrl) || ((i = e.image) == null ? void 0 : i.url) || "",
+          annotations: ((c = r.value) == null ? void 0 : c.getAnnotations()) || []
         };
       }
     }), K(() => {
@@ -972,7 +1008,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       return (s = e.image) == null ? void 0 : s.url;
     }, () => {
       var s;
-      e.batchImages.length === 0 && ((s = e.image) != null && s.url) && W();
+      e.batchImages.length === 0 && ((s = e.image) != null && s.url) && N();
     }), K(() => e.predictionCandidates, (s) => {
       s && Ct(s);
     }, { immediate: !0, deep: !0 }), K(
@@ -982,35 +1018,40 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       },
       { immediate: !0 }
     ), K(
-      () => x.value,
+      () => w.value,
       () => {
         at(() => Q());
       }
+    ), K(
+      () => e.readOnly,
+      (s) => {
+        r.value && r.value.setShowLabels(s);
+      }
     ), (s, i) => (v(), m("div", {
-      class: X(["annotation-container", w.theme])
+      class: q(["annotation-container", y.theme])
     }, [
-      w.batchImages && w.batchImages.length > 0 ? (v(), m("div", Pe, [
-        h("div", ze, "共 " + z(w.batchImages.length) + " 张", 1),
+      y.batchImages && y.batchImages.length > 0 ? (v(), m("div", Pe, [
+        h("div", Le, "共 " + L(y.batchImages.length) + " 张", 1),
         h("div", {
           ref_key: "imageListScrollRef",
           ref: g,
           class: "image-list-scroll"
         }, [
-          (v(!0), m(N, null, J(w.batchImages, (l, d) => (v(), m("button", {
-            key: `${l.imageUrl}-${d}`,
+          (v(!0), m(W, null, J(y.batchImages, (c, d) => (v(), m("button", {
+            key: `${c.imageUrl}-${d}`,
             ref_for: !0,
             ref: (f) => ht(f, d),
-            class: X(["image-list-item", { active: d === x.value }]),
+            class: q(["image-list-item", { active: d === w.value }]),
             onClick: (f) => ot(d)
           }, [
-            h("div", Le, [
+            h("div", $e, [
               h("img", {
-                src: l.imageUrl,
+                src: c.imageUrl,
                 alt: `第${d + 1}张`,
                 class: "image-list-thumb"
-              }, null, 8, Be),
-              Kt(d) ? (v(), m("div", Re, [
-                (v(!0), m(N, null, J(Gt(d), (f) => (v(), m(N, {
+              }, null, 8, Re),
+              Kt(d) ? (v(), m("div", Be, [
+                (v(!0), m(W, null, J(Gt(d), (f) => (v(), m(W, {
                   key: f.id
                 }, [
                   Yt(f) ? (v(), m("div", {
@@ -1022,10 +1063,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                       points: Qt(d, f),
                       style: U(te(f))
                     }, null, 12, Ee)
-                  ])) : jt(f) ? (v(!0), m(N, { key: 2 }, J(kt(f), (A, P) => (v(), m("div", {
+                  ])) : jt(f) ? (v(!0), m(W, { key: 2 }, J(kt(f), (I, P) => (v(), m("div", {
                     key: `${f.id}-${P}`,
                     class: "thumb-overlay-point",
-                    style: U(ee(d, A, f))
+                    style: U(ee(d, I, f))
                   }, null, 4))), 128)) : Xt(f) ? (v(), m("div", {
                     key: 3,
                     class: "thumb-overlay-rotated",
@@ -1034,39 +1075,39 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                     key: 4,
                     class: "thumb-overlay-category",
                     style: U(ie(d, f))
-                  }, z(f.label), 5)) : B("", !0)
+                  }, L(f.label), 5)) : R("", !0)
                 ], 64))), 128))
-              ])) : B("", !0)
+              ])) : R("", !0)
             ]),
-            h("span", Ue, "第 " + z(d + 1) + " 张", 1)
-          ], 10, $e))), 128))
+            h("span", Ue, "第 " + L(d + 1) + " 张", 1)
+          ], 10, ze))), 128))
         ], 512)
-      ])) : B("", !0),
-      h("div", Ve, [
-        w.readOnly ? B("", !0) : (v(), m("div", Oe, [
+      ])) : R("", !0),
+      h("div", Oe, [
+        y.readOnly ? R("", !0) : (v(), m("div", Ve, [
           h("div", {
-            class: X(["tool-btn", { active: k.value === "pan" }]),
-            onClick: i[0] || (i[0] = (l) => Y("pan")),
+            class: q(["tool-btn", { active: A.value === "pan" }]),
+            onClick: i[0] || (i[0] = (c) => Y("pan")),
             title: "拖动"
           }, [
-            R(L, { name: "rank" })
+            B($, { name: "rank" })
           ], 2),
           h("div", {
-            class: X(["tool-btn", { active: k.value === "select" }]),
-            onClick: i[1] || (i[1] = (l) => Y("select")),
+            class: q(["tool-btn", { active: A.value === "select" }]),
+            onClick: i[1] || (i[1] = (c) => Y("select")),
             title: "选择"
           }, [
-            R(L, { name: "pointer" })
+            B($, { name: "pointer" })
           ], 2),
           i[5] || (i[5] = h("div", { class: "divider" }, null, -1)),
-          (v(!0), m(N, null, J(b.value, (l) => (v(), m("div", {
-            key: l,
-            class: X(["tool-btn", { active: k.value === l }]),
-            onClick: (d) => Y(l),
-            title: F(l)
+          (v(!0), m(W, null, J(b.value, (c) => (v(), m("div", {
+            key: c,
+            class: q(["tool-btn", { active: A.value === c }]),
+            onClick: (d) => Y(c),
+            title: F(c)
           }, [
-            R(L, {
-              name: I(l)
+            B($, {
+              name: k(c)
             }, null, 8, ["name"])
           ], 10, Fe))), 128)),
           i[6] || (i[6] = h("div", { class: "divider" }, null, -1)),
@@ -1075,31 +1116,31 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
             onClick: Mt,
             title: "放大"
           }, [
-            R(L, { name: "zoom-in" })
+            B($, { name: "zoom-in" })
           ]),
           h("div", {
             class: "tool-btn",
             onClick: Tt,
             title: "缩小"
           }, [
-            R(L, { name: "zoom-out" })
+            B($, { name: "zoom-out" })
           ]),
-          O.value ? (v(), m("div", Ne)) : B("", !0),
-          O.value ? (v(), m("div", {
+          V.value ? (v(), m("div", We)) : R("", !0),
+          V.value ? (v(), m("div", {
             key: 1,
             class: "tool-btn",
             onClick: St,
             title: "删除选中"
           }, [
-            R(L, { name: "delete" })
-          ])) : B("", !0)
+            B($, { name: "delete" })
+          ])) : R("", !0)
         ]))
       ]),
-      h("div", We, [
+      h("div", Ne, [
         h("div", {
           class: "canvas-wrapper",
           ref_key: "canvasWrapper",
-          ref: c,
+          ref: a,
           onWheel: i[2] || (i[2] = It(() => {
           }, ["prevent"]))
         }, [
@@ -1107,82 +1148,82 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
             ref_key: "canvasRef",
             ref: o
           }, null, 512),
-          w.readOnly ? B("", !0) : (v(), m("div", Ge, [
+          y.readOnly ? R("", !0) : (v(), m("div", Ge, [
             h("div", {
               class: "selector-trigger",
-              onClick: wt
+              onClick: xt
             }, [
               Z.value ? (v(), m("div", Ye, [
                 h("span", {
                   class: "color-dot",
                   style: U({ backgroundColor: Z.value.color })
                 }, null, 4),
-                h("span", Je, z(Z.value.name), 1)
+                h("span", Je, L(Z.value.name), 1)
               ])) : (v(), m("div", je, [...i[7] || (i[7] = [
                 h("span", { class: "label-name" }, "请选择标签", -1)
               ])])),
-              R(L, {
+              B($, {
                 name: "right",
-                class: X(["arrow-icon", { "is-open": G.value }])
+                class: q(["arrow-icon", { "is-open": G.value }])
               }, null, 8, ["class"])
             ]),
             G.value ? (v(), m("div", Xe, [
-              _.value.length === 0 ? (v(), m("div", qe, "请在右侧创建标签")) : (v(!0), m(N, { key: 1 }, J(_.value, (l) => (v(), m("div", {
-                key: l.id,
-                class: X(["dropdown-item", { active: $.value === l.id }]),
-                onClick: (d) => xt(l)
+              _.value.length === 0 ? (v(), m("div", qe, "请在右侧创建标签")) : (v(!0), m(W, { key: 1 }, J(_.value, (c) => (v(), m("div", {
+                key: c.id,
+                class: q(["dropdown-item", { active: z.value === c.id }]),
+                onClick: (d) => wt(c)
               }, [
                 h("span", {
                   class: "color-dot",
-                  style: U({ backgroundColor: l.color })
+                  style: U({ backgroundColor: c.color })
                 }, null, 4),
-                h("span", Ze, z(l.name), 1),
-                $.value === l.id ? (v(), vt(L, {
+                h("span", Ze, L(c.name), 1),
+                z.value === c.id ? (v(), vt($, {
                   key: 0,
                   name: "aim",
                   class: "check-icon"
-                })) : B("", !0)
+                })) : R("", !0)
               ], 10, Ke))), 128))
-            ])) : B("", !0)
+            ])) : R("", !0)
           ]))
         ], 544),
-        w.batchImages && w.batchImages.length > 0 ? (v(), m("div", Qe, [
+        y.batchImages && y.batchImages.length > 0 ? (v(), m("div", Qe, [
           h("button", {
             class: "icon-btn",
             onClick: Et,
-            disabled: x.value <= 0,
+            disabled: w.value <= 0,
             title: "第一张"
           }, [
-            R(L, { name: "first" })
+            B($, { name: "first" })
           ], 8, ts),
           h("button", {
             class: "icon-btn",
-            onClick: Rt,
-            disabled: x.value <= 0,
+            onClick: Bt,
+            disabled: w.value <= 0,
             title: "上一张"
           }, [
-            R(L, { name: "back" })
+            B($, { name: "back" })
           ], 8, es),
-          h("span", null, z(x.value + 1) + " / " + z(w.batchImages.length), 1),
+          h("span", null, L(w.value + 1) + " / " + L(y.batchImages.length), 1),
           h("button", {
             class: "icon-btn",
             onClick: Ht,
-            disabled: x.value >= w.batchImages.length - 1,
+            disabled: w.value >= y.batchImages.length - 1,
             title: "下一张"
           }, [
-            R(L, { name: "right" })
+            B($, { name: "right" })
           ], 8, ss),
           h("button", {
             class: "icon-btn",
             onClick: Ut,
-            disabled: x.value >= w.batchImages.length - 1,
+            disabled: w.value >= y.batchImages.length - 1,
             title: "最后一张"
           }, [
-            R(L, { name: "last" })
+            B($, { name: "last" })
           ], 8, is)
-        ])) : B("", !0)
+        ])) : R("", !0)
       ]),
-      w.readOnly ? B("", !0) : (v(), m("div", ns, [
+      y.readOnly ? R("", !0) : (v(), m("div", ns, [
         h("div", { class: "sidebar-header" }, [
           i[8] || (i[8] = h("h3", null, "标签", -1)),
           h("button", {
@@ -1191,37 +1232,37 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           }, "添加标签")
         ]),
         h("div", os, [
-          (v(!0), m(N, null, J(_.value, (l) => (v(), m("div", {
-            key: l.id,
+          (v(!0), m(W, null, J(_.value, (c) => (v(), m("div", {
+            key: c.id,
             class: "label-item",
-            style: U({ backgroundColor: l.color + "1A", color: l.color })
+            style: U({ backgroundColor: c.color + "1A", color: c.color })
           }, [
             h("div", as, [
               h("label", {
                 class: "color-wrapper",
-                style: U({ backgroundColor: l.color })
+                style: U({ backgroundColor: c.color })
               }, [
                 ft(h("input", {
                   type: "color",
-                  "onUpdate:modelValue": (d) => l.color = d,
-                  onChange: (d) => $t(l),
+                  "onUpdate:modelValue": (d) => c.color = d,
+                  onChange: (d) => zt(c),
                   style: { visibility: "hidden", width: "0", height: "0" }
                 }, null, 40, ls), [
-                  [mt, l.color]
+                  [mt, c.color]
                 ])
               ], 4),
               h("span", {
                 class: "label-name",
-                title: l.name
-              }, z(l.name), 9, cs),
+                title: c.name
+              }, L(c.name), 9, cs),
               h("span", {
                 class: "action-icon eye",
-                onClick: (d) => Lt(l)
+                onClick: (d) => $t(c)
               }, [
-                l.visible ? (v(), vt(L, {
+                c.visible ? (v(), vt($, {
                   key: 0,
                   name: "view"
-                })) : (v(), vt(L, {
+                })) : (v(), vt($, {
                   key: 1,
                   name: "hide"
                 }))
@@ -1230,17 +1271,17 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                 i[9] || (i[9] = h("span", { class: "dots" }, "•••", -1)),
                 h("span", {
                   class: "delete-btn",
-                  onClick: (d) => Bt(l.id),
+                  onClick: (d) => Rt(c.id),
                   title: "删除"
                 }, [
-                  R(L, { name: "delete" })
+                  B($, { name: "delete" })
                 ], 8, ds)
               ])
             ])
           ], 4))), 128))
         ])
       ])),
-      q.value ? (v(), m("div", {
+      X.value ? (v(), m("div", {
         key: 2,
         class: "modal-overlay",
         onClick: It(dt, ["self"])
@@ -1256,7 +1297,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                 h("span", { class: "required" }, "*")
               ], -1)),
               ft(h("input", {
-                "onUpdate:modelValue": i[3] || (i[3] = (l) => C.value.name = l),
+                "onUpdate:modelValue": i[3] || (i[3] = (c) => C.value.name = c),
                 placeholder: "请输入标签名称",
                 class: "modal-input",
                 autofocus: ""
@@ -1273,13 +1314,13 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                 }, [
                   ft(h("input", {
                     type: "color",
-                    "onUpdate:modelValue": i[4] || (i[4] = (l) => C.value.color = l),
+                    "onUpdate:modelValue": i[4] || (i[4] = (c) => C.value.color = c),
                     class: "modal-color-picker"
                   }, null, 512), [
                     [mt, C.value.color]
                   ])
                 ], 4),
-                h("span", ps, z(C.value.color), 1)
+                h("span", ps, L(C.value.color), 1)
               ])
             ])
           ]),
@@ -1292,19 +1333,19 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               onClick: Pt,
               class: "confirm-btn",
               disabled: !C.value.name.trim()
-            }, "确认", 8, ws)
+            }, "确认", 8, xs)
           ])
         ])
-      ])) : B("", !0)
+      ])) : R("", !0)
     ], 2));
   }
-}), bs = /* @__PURE__ */ rt(xs, [["__scopeId", "data-v-914fe07d"]]), Cs = {
+}), bs = /* @__PURE__ */ rt(ws, [["__scopeId", "data-v-08cbbaca"]]), Cs = {
   class: "thumbnail-wrapper",
   ref: "wrapper"
-}, _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 = {
+}, _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 = { key: 4 }, Ls = ["x", "y", "height"], zs = {
   key: 1,
   class: "loading-placeholder"
-}, Ls = /* @__PURE__ */ ct({
+}, $s = /* @__PURE__ */ ct({
   __name: "AnnotationThumbnail",
   props: {
     src: {},
@@ -1315,23 +1356,23 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     strokeWidth: {},
     fontSize: {}
   },
-  setup(w) {
-    const t = w, n = M(null), e = M(!1), a = M(0), o = M(0), c = () => {
-      n.value && (a.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) => {
+  setup(y) {
+    const t = y, n = M(null), e = M(!1), l = M(0), o = M(0), a = () => {
+      n.value && (l.value = n.value.naturalWidth, o.value = n.value.naturalHeight, e.value = !0);
+    }, g = O(() => t.fit === "contain" ? "xMidYMid meet" : "xMidYMid slice"), u = O(() => t.strokeWidth ?? 10), r = O(() => t.fontSize ?? 30), A = (C) => {
       var S;
       if ((S = C.style) != null && S.strokeColor) return C.style.strokeColor;
       if (t.labels) {
-        const p = t.labels.find((H) => H.name === C.label);
-        if (p) return p.color;
+        const x = t.labels.find((H) => H.name === C.label);
+        if (x) return x.color;
       }
       return "#FF0000";
-    }, 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) => {
+    }, w = (C) => {
+      const S = C.coordinates, x = Math.min(S.x1, S.x2), H = Math.min(S.y1, S.y2), V = Math.abs(S.x1 - S.x2), G = Math.abs(S.y1 - S.y2);
+      return { x, y: H, width: V, height: G };
+    }, D = (C) => C.coordinates.points.map((x) => `${x.x},${x.y}`).join(" "), _ = (C) => {
       if (C.type === "rectangle") {
-        const S = x(C);
+        const S = w(C);
         return { x: S.x, y: S.y - 5 };
       } else if (C.type === "polygon") {
         const S = C.coordinates.points;
@@ -1346,97 +1387,101 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           return { x: C.coordinates.x, y: C.coordinates.y };
       }
       return { x: 0, y: 0 };
-    }, $ = (C) => {
-      const { x: S, y: p, angle: H } = C.coordinates, O = H * 180 / Math.PI;
-      return `translate(${S}, ${p}) rotate(${O})`;
-    }, q = (C) => ({ x: C.coordinates.x, y: C.coordinates.y });
+    }, z = (C) => {
+      const { x: S, y: x, angle: H } = C.coordinates, V = H * 180 / Math.PI;
+      return `translate(${S}, ${x}) rotate(${V})`;
+    }, X = (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,
+        src: y.src,
         class: "thumbnail-image",
-        style: U({ objectFit: w.fit }),
-        onLoad: c,
-        alt: w.alt
+        style: U({ objectFit: y.fit }),
+        onLoad: a,
+        alt: y.alt
       }, null, 44, _s),
       e.value ? (v(), m("svg", {
         key: 0,
         class: "annotation-overlay",
-        viewBox: `0 0 ${a.value} ${o.value}`,
+        viewBox: `0 0 ${l.value} ${o.value}`,
         preserveAspectRatio: g.value
       }, [
-        (v(!0), m(N, null, J(w.annotations, (p) => (v(), m(N, {
-          key: p.id
+        (v(!0), m(W, null, J(y.annotations, (x) => (v(), m(W, {
+          key: x.id
         }, [
-          p.type === "rectangle" ? (v(), m("rect", {
+          x.type === "rectangle" ? (v(), m("rect", {
             key: 0,
-            x: x(p).x,
-            y: x(p).y,
-            width: x(p).width,
-            height: x(p).height,
-            stroke: k(p),
+            x: w(x).x,
+            y: w(x).y,
+            width: w(x).width,
+            height: w(x).height,
+            stroke: A(x),
             "stroke-width": u.value,
             fill: "transparent"
-          }, null, 8, Is)) : p.type === "polygon" ? (v(), m("polygon", {
+          }, null, 8, Is)) : x.type === "polygon" ? (v(), m("polygon", {
             key: 1,
-            points: D(p),
-            stroke: k(p),
+            points: D(x),
+            stroke: A(x),
             "stroke-width": u.value,
             fill: "transparent"
-          }, null, 8, As)) : p.type === "rotatedRect" ? (v(), m("g", {
+          }, null, 8, As)) : x.type === "rotatedRect" ? (v(), m("g", {
             key: 2,
-            transform: $(p)
+            transform: z(x)
           }, [
             h("rect", {
-              x: -p.coordinates.width / 2,
-              y: -p.coordinates.height / 2,
-              width: p.coordinates.width,
-              height: p.coordinates.height,
-              stroke: k(p),
+              x: -x.coordinates.width / 2,
+              y: -x.coordinates.height / 2,
+              width: x.coordinates.width,
+              height: x.coordinates.height,
+              stroke: A(x),
               "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, (H, O) => (v(), m("circle", {
-              key: O,
+          ], 8, Ss)) : x.type === "point" ? (v(), m("g", Ts, [
+            (v(!0), m(W, null, J(x.coordinates.points, (H, V) => (v(), m("circle", {
+              key: V,
               cx: H.x,
               cy: H.y,
               r: u.value * 1.5,
-              fill: k(p),
+              fill: A(x),
               stroke: "white",
               "stroke-width": u.value * 0.5
             }, null, 8, Ds))), 128))
-          ])) : p.type === "category" ? (v(), m("rect", {
-            key: 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: k(p),
-            "fill-opacity": "0.85"
-          }, null, 8, Ps)) : B("", !0),
-          p.label ? (v(), m("text", {
-            key: 5,
-            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: X({ "anno-label": p.type !== "category" })
-          }, z(p.label), 11, zs)) : B("", !0)
+          ])) : R("", !0),
+          x.label ? (v(), m("g", Ps, [
+            (v(), m("foreignObject", {
+              x: x.type === "category" ? X(x).x - 100 : _(x).x,
+              y: x.type === "category" ? X(x).y - r.value - 8 : _(x).y - r.value - 8,
+              width: "200",
+              height: r.value + 16,
+              style: { overflow: "visible" }
+            }, [
+              h("div", {
+                style: U({
+                  display: "inline-flex",
+                  alignItems: "center",
+                  justifyContent: x.type === "category" ? "center" : "flex-start",
+                  backgroundColor: `${A(x)}cc`,
+                  color: "#ffffff",
+                  fontSize: `${r.value}px`,
+                  padding: "4px 8px",
+                  borderRadius: "4px",
+                  whiteSpace: "nowrap",
+                  lineHeight: 1,
+                  transform: x.type === "category" ? "translateX(calc(100px - 50%))" : "none"
+                })
+              }, L(x.label), 5)
+            ], 8, Ls))
+          ])) : R("", !0)
         ], 64))), 128))
-      ], 8, ks)) : (v(), m("div", $s, "Loading..."))
+      ], 8, ks)) : (v(), m("div", zs, "Loading..."))
     ], 512));
   }
-}), Bs = /* @__PURE__ */ rt(Ls, [["__scopeId", "data-v-159a7956"]]), Rs = {
+}), Rs = /* @__PURE__ */ rt($s, [["__scopeId", "data-v-46e27181"]]), Bs = {
   key: 0,
   class: "gallery-view"
-}, 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 = {
+}, Hs = { class: "gallery-layout" }, Es = { class: "gallery-sidebar" }, Us = { class: "label-stats-table" }, Os = { class: "label-cover-wrapper" }, Vs = ["src"], Fs = { class: "gallery-content" }, Ws = ["onClick"], Ns = { class: "thumbnail-wrapper" }, Gs = { class: "img-meta" }, Ys = { class: "img-index" }, Js = { class: "anno-count" }, js = {
   key: 0,
   class: "bottom-bar"
 }, Xs = {
@@ -1450,113 +1495,114 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     actionBar: {},
     clickToEnterEditor: { type: Boolean },
     thumbStrokeWidth: {},
-    thumbFontSize: {}
+    thumbFontSize: {},
+    readOnly: { type: Boolean }
   },
   emits: ["export", "update:images", "imageClick", "update:labels", "pageChange"],
-  setup(w, { expose: t, emit: n }) {
-    const e = w, a = 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;
-    }), _ = V(() => {
-      var y, b;
-      return ((b = (y = e.actionBar) == null ? void 0 : y.exportButton) == null ? void 0 : b.show) === !0;
-    }), $ = V(() => D.value || _.value), q = V(() => {
-      var y, b;
-      return ((b = (y = e.actionBar) == null ? void 0 : y.annotateButton) == null ? void 0 : b.text) || "手动标注";
-    }), 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((I) => {
-        y[I.name] = { count: 0, cover: "" };
+  setup(y, { expose: t, emit: n }) {
+    const e = y, l = n, o = M("gallery"), a = M([]), g = M([]), u = M(0), r = M(null), A = M(null), w = M(null), D = O(() => {
+      var p, b;
+      return ((b = (p = e.actionBar) == null ? void 0 : p.annotateButton) == null ? void 0 : b.show) === !0;
+    }), _ = O(() => {
+      var p, b;
+      return ((b = (p = e.actionBar) == null ? void 0 : p.exportButton) == null ? void 0 : b.show) === !0;
+    }), z = O(() => D.value || _.value), X = O(() => {
+      var p, b;
+      return ((b = (p = e.actionBar) == null ? void 0 : p.annotateButton) == null ? void 0 : b.text) || "手动标注";
+    }), C = O(() => {
+      var p, b;
+      return ((b = (p = e.actionBar) == null ? void 0 : p.exportButton) == null ? void 0 : b.text) || "导出";
+    }), S = O(() => e.clickToEnterEditor !== !1), x = O(() => {
+      const p = {};
+      g.value.forEach((k) => {
+        p[k.name] = { count: 0, cover: "" };
       });
       let b = 0;
-      return c.value.forEach((I) => {
-        I.annotations && I.annotations.forEach((F) => {
-          var W;
-          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));
+      return a.value.forEach((k) => {
+        k.annotations && k.annotations.forEach((F) => {
+          var N;
+          const E = F.label || (F.labelId ? (N = g.value.find((Y) => Y.id === F.labelId)) == null ? void 0 : N.name : null);
+          E && p[E] && (p[E].count++, b++, p[E].cover || (p[E].cover = k.imageUrl));
         });
-      }), 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) + "%";
+      }), g.value.map((k) => {
+        var N, Y;
+        const F = ((N = p[k.name]) == null ? void 0 : N.count) || 0, E = b === 0 ? "0.00%" : (F / b * 100).toFixed(2) + "%";
         return {
-          id: I.id,
-          name: I.name,
-          color: I.color,
+          id: k.id,
+          name: k.name,
+          color: k.color,
           count: F,
           percentage: E,
-          cover: ((Y = y[I.name]) == null ? void 0 : Y.cover) || ""
+          cover: ((Y = p[k.name]) == null ? void 0 : Y.cover) || ""
         };
       });
-    }), H = (y) => ({
-      color: y.color,
-      backgroundColor: y.color + "1A"
+    }), H = (p) => ({
+      color: p.color,
+      backgroundColor: p.color + "1A"
       // 1A represents ~10% opacity in hex
     });
     yt(() => {
-      a("pageChange", { nowPage: "listPage" });
-    }), K(() => e.images, (y) => {
-      c.value = JSON.parse(JSON.stringify(y));
-    }, { immediate: !0, deep: !0 }), K(() => e.labels, (y) => {
-      g.value = JSON.parse(JSON.stringify(y || []));
+      l("pageChange", { nowPage: "listPage" });
+    }), K(() => e.images, (p) => {
+      a.value = JSON.parse(JSON.stringify(p));
+    }, { immediate: !0, deep: !0 }), K(() => e.labels, (p) => {
+      g.value = JSON.parse(JSON.stringify(p || []));
     }, { immediate: !0, deep: !0 });
-    const O = (y) => {
-      u.value = y, o.value = "editor", a("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);
+    const V = (p) => {
+      u.value = p, o.value = "editor", l("pageChange", { nowPage: "editPage" }), w.value && (w.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, p);
         });
       });
-    }, G = (y, b) => {
+    }, G = (p, b) => {
       if (S.value) {
-        O(y);
+        V(p);
         return;
       }
-      a("imageClick", { index: y, imageId: b.id, image: b });
-    }, Z = (y) => c.value.findIndex((b) => b.id === y);
+      l("imageClick", { index: p, imageId: b.id, image: b });
+    }, Z = (p) => a.value.findIndex((b) => b.id === p);
     t({
-      openImageById: (y) => {
-        const b = Z(y);
-        return b < 0 ? !1 : (O(b), !0);
+      openImageById: (p) => {
+        const b = Z(p);
+        return b < 0 ? !1 : (V(b), !0);
       },
-      triggerImageClickById: (y) => {
-        const b = Z(y);
+      triggerImageClickById: (p) => {
+        const b = Z(p);
         if (b < 0)
           return !1;
-        const I = c.value[b];
-        return I ? (a("imageClick", { index: b, imageId: I.id, image: I }), !0) : !1;
+        const k = a.value[b];
+        return k ? (l("imageClick", { index: b, imageId: k.id, image: k }), !0) : !1;
       },
       getFinalData: () => ({
-        images: JSON.parse(JSON.stringify(c.value)),
+        images: JSON.parse(JSON.stringify(a.value)),
         labels: JSON.parse(JSON.stringify(g.value))
       })
     });
     const it = () => {
       if (r.value && r.value.getCurrentAnnotation) {
-        const y = r.value.getCurrentAnnotation();
-        c.value[u.value] && (c.value[u.value].annotations = y.annotations);
+        const p = r.value.getCurrentAnnotation();
+        a.value[u.value] && (a.value[u.value].annotations = p.annotations);
       }
-      o.value = "gallery", a("pageChange", { nowPage: "listPage" });
+      o.value = "gallery", l("pageChange", { nowPage: "listPage" });
     }, nt = () => {
-      a("export", c.value);
-    }, ht = (y) => {
-      u.value = y.currentIndex, c.value[y.currentIndex] && (c.value[y.currentIndex].annotations = y.currentAnnotations);
-    }, Q = (y) => {
+      l("export", a.value);
+    }, ht = (p) => {
+      u.value = p.currentIndex, a.value[p.currentIndex] && (a.value[p.currentIndex].annotations = p.currentAnnotations);
+    }, Q = (p) => {
       if (r.value && r.value.getCurrentAnnotation) {
         const b = r.value.getCurrentAnnotation();
-        c.value[u.value] && (c.value[u.value].annotations = b.annotations, a("update:images", c.value));
+        a.value[u.value] && (a.value[u.value].annotations = b.annotations, l("update:images", a.value));
       }
-    }, j = (y) => {
-      g.value = JSON.parse(JSON.stringify(y || [])), a("update:labels", g.value);
+    }, j = (p) => {
+      g.value = JSON.parse(JSON.stringify(p || [])), l("update:labels", g.value);
     };
-    return (y, b) => (v(), m("div", {
+    return (p, b) => (v(), m("div", {
       ref_key: "batchRootRef",
-      ref: k,
+      ref: A,
       class: "batch-annotator"
     }, [
-      o.value === "gallery" ? (v(), m("div", Rs, [
+      o.value === "gallery" ? (v(), m("div", Bs, [
         h("div", Hs, [
           h("div", Es, [
             h("table", Us, [
@@ -1569,26 +1615,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, (I) => (v(), m("tr", {
-                  key: I.id,
-                  style: U(H(I))
+                (v(!0), m(W, null, J(x.value, (k) => (v(), m("tr", {
+                  key: k.id,
+                  style: U(H(k))
                 }, [
                   h("td", null, [
-                    h("div", Vs, [
-                      I.cover ? (v(), m("img", {
+                    h("div", Os, [
+                      k.cover ? (v(), m("img", {
                         key: 0,
-                        src: I.cover,
+                        src: k.cover,
                         class: "label-cover"
-                      }, null, 8, Os)) : (v(), m("div", {
+                      }, null, 8, Vs)) : (v(), m("div", {
                         key: 1,
                         class: "label-cover-empty",
-                        style: U({ backgroundColor: I.color })
+                        style: U({ backgroundColor: k.color })
                       }, null, 4))
                     ])
                   ]),
-                  h("td", null, z(I.name), 1),
-                  h("td", null, z(I.count), 1),
-                  h("td", null, z(I.percentage), 1)
+                  h("td", null, L(k.name), 1),
+                  h("td", null, L(k.count), 1),
+                  h("td", null, L(k.percentage), 1)
                 ], 4))), 128))
               ])
             ])
@@ -1596,18 +1642,18 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           h("div", Fs, [
             h("div", {
               ref_key: "galleryGridRef",
-              ref: x,
+              ref: w,
               class: "gallery-grid"
             }, [
-              (v(!0), m(N, null, J(c.value, (I, F) => (v(), m("div", {
+              (v(!0), m(W, null, J(a.value, (k, F) => (v(), m("div", {
                 key: F,
                 class: "gallery-item",
-                onClick: (E) => G(F, I)
+                onClick: (E) => G(F, k)
               }, [
-                h("div", Ws, [
-                  R(Bs, {
-                    src: I.imageUrl,
-                    annotations: I.annotations || [],
+                h("div", Ns, [
+                  B(Rs, {
+                    src: k.imageUrl,
+                    annotations: k.annotations || [],
                     labels: g.value,
                     fit: "cover",
                     strokeWidth: e.thumbStrokeWidth,
@@ -1615,31 +1661,31 @@ 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", Ys, "#" + z(F + 1), 1),
-                  h("span", Js, z((I.annotations || []).length) + " 标注", 1)
+                  h("span", Ys, "#" + L(F + 1), 1),
+                  h("span", Js, L((k.annotations || []).length) + " 标注", 1)
                 ])
-              ], 8, Ns))), 128))
+              ], 8, Ws))), 128))
             ], 512)
           ])
         ]),
-        $.value ? (v(), m("div", js, [
+        z.value ? (v(), m("div", js, [
           D.value ? (v(), m("button", {
             key: 0,
             class: "action-btn primary",
-            onClick: b[0] || (b[0] = (I) => O(0))
+            onClick: b[0] || (b[0] = (k) => V(0))
           }, [
-            R(L, { name: "edit" }),
-            lt(" " + z(q.value), 1)
-          ])) : B("", !0),
+            B($, { name: "edit" }),
+            lt(" " + L(X.value), 1)
+          ])) : R("", !0),
           _.value ? (v(), m("button", {
             key: 1,
             class: "action-btn success",
             onClick: nt
           }, [
-            R(L, { name: "download" }),
-            lt(" " + z(C.value), 1)
-          ])) : B("", !0)
-        ])) : B("", !0)
+            B($, { name: "download" }),
+            lt(" " + L(C.value), 1)
+          ])) : R("", !0)
+        ])) : R("", !0)
       ])) : (v(), m("div", Xs, [
         h("div", qs, [
           h("div", Ks, [
@@ -1647,32 +1693,33 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               class: "back-btn",
               onClick: it
             }, [
-              R(L, {
+              B($, {
                 name: "back",
                 class: "back-icon"
               }),
               b[2] || (b[2] = lt()),
               b[3] || (b[3] = h("span", { class: "back-text" }, "返回", -1))
             ]),
-            h("span", Zs, "正在标注: " + z(u.value + 1) + " / " + z(c.value.length), 1)
+            h("span", Zs, L(y.readOnly ? "正在查看" : "正在标注") + ": " + L(u.value + 1) + " / " + L(a.value.length), 1)
           ])
         ]),
         h("div", Qs, [
-          R(bs, {
+          B(bs, {
             ref_key: "annotatorRef",
             ref: r,
-            batchImages: c.value,
+            batchImages: a.value,
             labels: g.value,
+            readOnly: y.readOnly,
             annotationTypes: ["rectangle", "polygon", "point", "rotatedRect", "category"],
             onBatchChange: ht,
             onAnnotationChange: Q,
             onLabelChange: j
-          }, null, 8, ["batchImages", "labels"])
+          }, null, 8, ["batchImages", "labels", "readOnly"])
         ])
       ]))
     ], 512));
   }
-}), ii = /* @__PURE__ */ rt(ti, [["__scopeId", "data-v-5bb1d03b"]]);
+}), ii = /* @__PURE__ */ rt(ti, [["__scopeId", "data-v-448a060c"]]);
 export {
   ii as BatchAnnotator,
   bs as ImageAnnotator,