npm - luo-image-annotator - Versions diffs - 0.0.3 → 0.0.4 - Mend

luo-image-annotator 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +158 -10
package/dist/luo-image-annotator.css +1 -1
package/dist/luo-image-annotator.es.js +692 -546
package/dist/luo-image-annotator.umd.js +17 -17
package/package.json +1 -1

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

@@ -1,71 +1,71 @@
-var rt = Object.defineProperty;
-var ct = (v, t, e) => t in v ? rt(v, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[t] = e;
-var b = (v, t, e) => ct(v, typeof t != "symbol" ? t + "" : t, e);
-import { defineComponent as R, ref as C, watchEffect as ht, openBlock as p, createElementBlock as x, normalizeClass as T, computed as gt, onMounted as dt, watch as q, createElementVNode as h, createVNode as S, Fragment as P, renderList as D, createCommentVNode as H, normalizeStyle as j, toDisplayString as z, createTextVNode as F, withDirectives as N, vModelText as J, createBlock as Y, nextTick as vt } from "vue";
-const W = (v, t) => Math.sqrt(Math.pow(v.x - t.x, 2) + Math.pow(v.y - t.y, 2)), ut = (v, t) => {
-  let e = !1;
-  for (let s = 0, a = t.length - 1; s < t.length; a = s++) {
-    const n = t[s].x, o = t[s].y, i = t[a].x, r = t[a].y;
-    o > v.y != r > v.y && v.x < (i - n) * (v.y - o) / (r - o) + n && (e = !e);
+var _t = Object.defineProperty;
+var It = (v, t, n) => t in v ? _t(v, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : v[t] = n;
+var C = (v, t, n) => It(v, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as N, ref as S, watchEffect as St, openBlock as x, createElementBlock as b, normalizeClass as $, computed as kt, onMounted as Mt, watch as V, createElementVNode as d, createVNode as z, Fragment as T, renderList as D, createCommentVNode as L, normalizeStyle as K, toDisplayString as H, createTextVNode as O, withDirectives as q, vModelText as X, createBlock as nt, nextTick as zt } from "vue";
+const Y = (v, t) => Math.sqrt(Math.pow(v.x - t.x, 2) + Math.pow(v.y - t.y, 2)), Ht = (v, t) => {
+  let n = !1;
+  for (let e = 0, a = t.length - 1; e < t.length; a = e++) {
+    const o = t[e].x, r = t[e].y, i = t[a].x, h = t[a].y;
+    r > v.y != h > v.y && v.x < (i - o) * (v.y - r) / (h - r) + o && (n = !n);
   }
-  return e;
-}, K = (v, t, e) => {
-  const s = e * (Math.PI / 180), a = Math.cos(s), n = Math.sin(s), o = v.x - t.x, i = v.y - t.y;
+  return n;
+}, st = (v, t, n) => {
+  const e = n * (Math.PI / 180), a = Math.cos(e), o = Math.sin(e), r = v.x - t.x, i = v.y - t.y;
   return {
-    x: t.x + (o * a - i * n),
-    y: t.y + (o * n + i * a)
+    x: t.x + (r * a - i * o),
+    y: t.y + (r * o + i * a)
   };
 };
-class mt {
+class Pt {
   constructor(t) {
-    b(this, "canvas");
-    b(this, "ctx");
-    b(this, "img");
-    b(this, "annotations", []);
+    C(this, "canvas");
+    C(this, "ctx");
+    C(this, "img");
+    C(this, "annotations", []);
     // 状态
-    b(this, "currentTool", null);
-    b(this, "activeAnnotation", null);
-    b(this, "hoverAnnotation", null);
-    b(this, "isDrawing", !1);
-    b(this, "isDragging", !1);
-    b(this, "isPanning", !1);
+    C(this, "currentTool", null);
+    C(this, "activeAnnotation", null);
+    C(this, "hoverAnnotation", null);
+    C(this, "isDrawing", !1);
+    C(this, "isDragging", !1);
+    C(this, "isPanning", !1);
     // 平移模式
-    b(this, "panStartPoint", null);
+    C(this, "panStartPoint", null);
     // 平移起点
-    b(this, "dragStartPoint", null);
-    b(this, "dragStartAnnotation", null);
+    C(this, "dragStartPoint", null);
+    C(this, "dragStartAnnotation", null);
     // 快照用于撤销/diff
-    b(this, "lastMouseMovePoint", null);
+    C(this, "lastMouseMovePoint", null);
     // 用于绘制辅助线
-    b(this, "isHoveringStartPoint", !1);
+    C(this, "isHoveringStartPoint", !1);
     // 多边形闭合吸附状态
     // 设置
-    b(this, "currentLabelColor", "#FF4081");
+    C(this, "currentLabelColor", "#FF4081");
     // 当前选中标签颜色
-    b(this, "visibleLabels", /* @__PURE__ */ new Set());
+    C(this, "visibleLabels", /* @__PURE__ */ new Set());
     // 可见标签集合 (如果为空则全部可见，或者由外部控制渲染列表)
     // 交互
-    b(this, "selectedHandleIndex", -1);
+    C(this, "selectedHandleIndex", -1);
     // -1: 主体, >=0: 顶点索引, -2: 旋转手柄
-    b(this, "hoverHandleIndex", -1);
+    C(this, "hoverHandleIndex", -1);
     // 视口
-    b(this, "scale", 1);
-    b(this, "offset", { x: 0, y: 0 });
-    b(this, "listeners", {});
-    b(this, "imageUrl", "");
+    C(this, "scale", 1);
+    C(this, "offset", { x: 0, y: 0 });
+    C(this, "listeners", {});
+    C(this, "imageUrl", "");
     this.canvas = t;
-    const e = t.getContext("2d");
-    if (!e) throw new Error("Could not get 2d context");
-    this.ctx = e, this.img = new Image(), this.img.crossOrigin = "Anonymous", this.img.onload = () => {
+    const n = t.getContext("2d");
+    if (!n) throw new Error("Could not get 2d context");
+    this.ctx = n, this.img = new Image(), this.img.crossOrigin = "Anonymous", this.img.onload = () => {
       this.fitImageToCanvas(), this.render();
     }, this.bindEvents();
   }
   // --- 公共 API ---
-  on(t, e) {
-    this.listeners[t] || (this.listeners[t] = []), this.listeners[t].push(e);
+  on(t, n) {
+    this.listeners[t] || (this.listeners[t] = []), this.listeners[t].push(n);
   }
-  emit(t, e) {
-    this.listeners[t] && this.listeners[t].forEach((s) => s(e));
+  emit(t, n) {
+    this.listeners[t] && this.listeners[t].forEach((e) => e(n));
   }
   loadImage(t) {
     this.imageUrl = t, this.img.src = t, this.activeAnnotation = null, this.isDrawing = !1;
@@ -86,33 +86,33 @@ class mt {
     this.visibleLabels = new Set(t), this.render();
   }
   zoom(t) {
-    const s = t > 0 ? this.scale * 1.1 : this.scale / 1.1;
-    if (s < 0.1 || s > 10) return;
-    const a = this.canvas.width / 2, n = this.canvas.height / 2, o = this.toImageCoords(a, n);
-    this.scale = s, this.offset.x = a - o.x * this.scale, this.offset.y = n - o.y * this.scale, this.render();
+    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, r = this.toImageCoords(a, o);
+    this.scale = e, this.offset.x = a - r.x * this.scale, this.offset.y = o - r.y * this.scale, this.render();
   }
   resize() {
     this.fitImageToCanvas(), this.render();
   }
   // --- 坐标系统 ---
-  toImageCoords(t, e) {
+  toImageCoords(t, n) {
     return {
       x: (t - this.offset.x) / this.scale,
-      y: (e - this.offset.y) / this.scale
+      y: (n - this.offset.y) / this.scale
     };
   }
-  toScreenCoords(t, e) {
+  toScreenCoords(t, n) {
     return {
       x: t * this.scale + this.offset.x,
-      y: e * this.scale + this.offset.y
+      y: n * this.scale + this.offset.y
     };
   }
   fitImageToCanvas() {
     const t = this.canvas.parentElement;
     if (t) {
       if (this.canvas.width = t.clientWidth, this.canvas.height = t.clientHeight, this.img.width === 0) return;
-      const e = this.canvas.width / this.img.width, s = this.canvas.height / this.img.height;
-      this.scale = Math.min(e, s), this.offset.x = (this.canvas.width - this.img.width * this.scale) / 2, this.offset.y = (this.canvas.height - this.img.height * this.scale) / 2;
+      const n = this.canvas.width / this.img.width, e = this.canvas.height / this.img.height;
+      this.scale = Math.min(n, e), this.offset.x = (this.canvas.width - this.img.width * this.scale) / 2, this.offset.y = (this.canvas.height - this.img.height * this.scale) / 2;
     }
   }
   // --- 事件处理 ---
@@ -123,82 +123,82 @@ class mt {
     (t.key === "Delete" || t.key === "Backspace") && this.activeAnnotation && this.deleteAnnotation(this.activeAnnotation.id);
   }
   deleteAnnotation(t) {
-    const e = this.annotations.findIndex((s) => s.id === t);
-    if (e > -1) {
-      const s = this.annotations[e];
-      this.annotations.splice(e, 1), this.activeAnnotation = null, this.emit("annotationChange", {
+    const n = this.annotations.findIndex((e) => e.id === t);
+    if (n > -1) {
+      const e = this.annotations[n];
+      this.annotations.splice(n, 1), this.activeAnnotation = null, this.emit("annotationChange", {
         action: "delete",
-        changedItem: s,
+        changedItem: e,
         imageUrl: this.imageUrl
       }), this.render();
     }
   }
   handleMouseDown(t) {
-    const e = this.canvas.getBoundingClientRect(), s = t.clientX - e.left, a = t.clientY - e.top, n = this.toImageCoords(s, a);
+    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, a = t.clientY - n.top, o = this.toImageCoords(e, a);
     if (this.canvas.style.cursor === "grab" || this.canvas.style.cursor === "grabbing") {
-      this.isPanning = !0, this.panStartPoint = { x: s, y: a }, this.canvas.style.cursor = "grabbing";
+      this.isPanning = !0, this.panStartPoint = { x: e, y: a }, this.canvas.style.cursor = "grabbing";
       return;
     }
     if (this.activeAnnotation) {
-      const r = this.getHitHandle(s, a, this.activeAnnotation);
-      if (r !== -100) {
-        this.isDragging = !0, this.dragStartPoint = n, this.selectedHandleIndex = r, this.dragStartAnnotation = JSON.parse(JSON.stringify(this.activeAnnotation));
+      const h = this.getHitHandle(e, a, this.activeAnnotation);
+      if (h !== -100) {
+        this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = h, this.dragStartAnnotation = JSON.parse(JSON.stringify(this.activeAnnotation));
         return;
       }
     }
-    const o = this.getHitCategory(s, a);
-    if (o) {
-      this.activeAnnotation = o, this.isDragging = !1, this.selectedHandleIndex = -1, this.emit("annotationChange", { action: "select", changedItem: o, imageUrl: this.imageUrl }), this.render();
+    const r = this.getHitCategory(e, a);
+    if (r) {
+      this.activeAnnotation = r, this.isDragging = !1, this.selectedHandleIndex = -1, this.emit("annotationChange", { action: "select", changedItem: r, imageUrl: this.imageUrl }), this.render();
       return;
     }
-    const i = this.getHitAnnotation(n);
+    const i = this.getHitAnnotation(o);
     if (this.currentTool) {
       if (this.isDrawing && this.currentTool === "polygon" && this.activeAnnotation) {
-        const r = this.activeAnnotation.coordinates;
-        if (r.points.length > 2 && W(n, r.points[0]) < 20 / this.scale) {
+        const h = this.activeAnnotation.coordinates;
+        if (h.points.length > 2 && Y(o, h.points[0]) < 20 / this.scale) {
           this.finishDrawing();
           return;
         }
-        this.startDrawing(n);
+        this.startDrawing(o);
         return;
       }
       if (this.currentTool) {
         if (this.currentTool === "polygon" && !this.isDrawing) {
-          this.startDrawing(n);
+          this.startDrawing(o);
           return;
         }
         if (i) {
-          this.activeAnnotation = i, this.isDragging = !0, this.dragStartPoint = n, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(i)), this.emit("annotationChange", { action: "select", changedItem: i, imageUrl: this.imageUrl }), this.render();
+          this.activeAnnotation = i, this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(i)), this.emit("annotationChange", { action: "select", changedItem: i, imageUrl: this.imageUrl }), this.render();
           return;
         }
-        this.startDrawing(n);
-      } else i ? (this.activeAnnotation = i, this.isDragging = !0, this.dragStartPoint = n, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(i)), this.emit("annotationChange", { action: "select", changedItem: i, imageUrl: this.imageUrl }), this.render()) : (this.activeAnnotation = null, this.render());
+        this.startDrawing(o);
+      } else i ? (this.activeAnnotation = i, this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(i)), this.emit("annotationChange", { action: "select", changedItem: i, imageUrl: this.imageUrl }), this.render()) : (this.activeAnnotation = null, this.render());
     } else if (i) {
       if (!(this.visibleLabels.size > 0 && !this.visibleLabels.has(i.label))) {
-        this.activeAnnotation = i, this.isDragging = !0, this.dragStartPoint = n, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(i)), this.emit("annotationChange", { action: "select", changedItem: i, imageUrl: this.imageUrl }), this.render();
+        this.activeAnnotation = i, this.isDragging = !0, this.dragStartPoint = o, this.selectedHandleIndex = -1, this.dragStartAnnotation = JSON.parse(JSON.stringify(i)), this.emit("annotationChange", { action: "select", changedItem: i, imageUrl: this.imageUrl }), this.render();
         return;
       }
     } else
       this.activeAnnotation = null, this.render();
   }
   handleMouseMove(t) {
-    const e = this.canvas.getBoundingClientRect(), s = t.clientX - e.left, a = t.clientY - e.top, n = this.toImageCoords(s, a);
+    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, a = t.clientY - n.top, o = this.toImageCoords(e, a);
     if (this.isPanning && this.panStartPoint) {
-      const o = s - this.panStartPoint.x, i = a - this.panStartPoint.y;
-      this.offset.x += o, this.offset.y += i, this.panStartPoint = { x: s, y: a }, this.render();
+      const r = e - this.panStartPoint.x, i = a - this.panStartPoint.y;
+      this.offset.x += r, this.offset.y += i, this.panStartPoint = { x: e, y: a }, this.render();
       return;
     }
-    if (this.lastMouseMovePoint = n, this.isDrawing) {
+    if (this.lastMouseMovePoint = o, this.isDrawing) {
       if (this.currentTool === "polygon" && this.activeAnnotation) {
-        const o = this.activeAnnotation.coordinates;
-        if (o.points.length > 2) {
-          const i = o.points[0], r = W(n, i);
-          this.isHoveringStartPoint = r < 20 / this.scale;
+        const r = this.activeAnnotation.coordinates;
+        if (r.points.length > 2) {
+          const i = r.points[0], h = Y(o, i);
+          this.isHoveringStartPoint = h < 20 / this.scale;
         } else
           this.isHoveringStartPoint = !1;
       }
-      this.updateDrawing(n);
-    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(n) : this.checkHover(s, a, n);
+      this.updateDrawing(o);
+    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(o) : this.checkHover(e, a, o);
     this.render();
   }
   handleMouseUp(t) {
@@ -221,17 +221,17 @@ class mt {
   }
   // --- 绘制逻辑 ---
   // 辅助函数：将 hex 转换为 rgba
-  hexToRgba(t, e) {
+  hexToRgba(t, n) {
     if (!t.startsWith("#")) return t;
-    const s = parseInt(t.slice(1, 3), 16), a = parseInt(t.slice(3, 5), 16), n = parseInt(t.slice(5, 7), 16);
-    return `rgba(${s}, ${a}, ${n}, ${e})`;
+    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})`;
   }
   startDrawing(t) {
     if (!this.currentTool) return;
-    const e = Date.now().toString();
+    const n = Date.now().toString();
     if (this.hexToRgba(this.currentLabelColor, 0.2), this.currentLabelColor, this.currentTool === "rectangle")
       this.isDrawing = !0, this.dragStartPoint = t, this.activeAnnotation = {
-        id: e,
+        id: n,
         type: "rectangle",
         label: "",
         // 组件应填充此项
@@ -239,25 +239,25 @@ class mt {
         style: { strokeColor: this.currentLabelColor }
       };
     else if (this.currentTool === "point") {
-      const s = {
-        id: e,
+      const e = {
+        id: n,
         type: "point",
         label: "",
         coordinates: { points: [t] },
         style: { strokeColor: this.currentLabelColor }
       };
-      this.annotations.push(s), this.emit("annotationChange", { action: "add", changedItem: s, imageUrl: this.imageUrl }), this.activeAnnotation = s;
+      this.annotations.push(e), this.emit("annotationChange", { action: "add", changedItem: e, imageUrl: this.imageUrl }), this.activeAnnotation = e;
     } else if (this.currentTool === "polygon")
       this.activeAnnotation && this.activeAnnotation.type === "polygon" && this.isDrawing ? this.activeAnnotation.coordinates.points.push(t) : (this.isDrawing = !0, this.activeAnnotation = {
-        id: e,
+        id: n,
         type: "polygon",
         label: "",
         coordinates: { points: [t] },
         style: { strokeColor: this.currentLabelColor }
       });
     else if (this.currentTool === "category") {
-      const s = {
-        id: e,
+      const e = {
+        id: n,
         type: "category",
         label: "",
         // 将被填充
@@ -265,9 +265,9 @@ class mt {
         // 或位置？
         style: { strokeColor: this.currentLabelColor }
       };
-      this.annotations.push(s), this.emit("annotationChange", { action: "add", changedItem: s, imageUrl: this.imageUrl }), this.activeAnnotation = s;
+      this.annotations.push(e), this.emit("annotationChange", { action: "add", changedItem: e, imageUrl: this.imageUrl }), this.activeAnnotation = e;
     } else this.currentTool === "rotatedRect" && (this.isDrawing = !0, this.dragStartPoint = t, this.activeAnnotation = {
-      id: e,
+      id: n,
       type: "rotatedRect",
       label: "",
       coordinates: { x: t.x, y: t.y, width: 0, height: 0, angle: 0 },
@@ -277,11 +277,11 @@ class mt {
   updateDrawing(t) {
     if (this.activeAnnotation)
       if (this.activeAnnotation.type === "rectangle" && this.dragStartPoint) {
-        const e = this.activeAnnotation.coordinates;
-        e.x2 = t.x, e.y2 = t.y;
+        const n = this.activeAnnotation.coordinates;
+        n.x2 = t.x, n.y2 = t.y;
       } else if (this.activeAnnotation.type === "rotatedRect" && this.dragStartPoint) {
-        const e = this.activeAnnotation.coordinates, s = Math.abs(t.x - this.dragStartPoint.x), a = Math.abs(t.y - this.dragStartPoint.y);
-        e.width = s * 2, e.height = a * 2;
+        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;
       } else this.activeAnnotation.type;
   }
   finishDrawing() {
@@ -292,8 +292,8 @@ class mt {
           this.activeAnnotation = null, this.isDrawing = !1;
           return;
         }
-        const e = Math.min(t.x1, t.x2), s = Math.max(t.x1, t.x2), a = Math.min(t.y1, t.y2), n = Math.max(t.y1, t.y2);
-        t.x1 = e, t.x2 = s, t.y1 = a, t.y2 = n, 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), 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 });
       } else if (this.activeAnnotation.type === "polygon") {
         if (this.activeAnnotation.coordinates.points.length < 3) {
           this.activeAnnotation = null, this.isDrawing = !1;
@@ -314,89 +314,89 @@ class mt {
   }
   updateDragging(t) {
     if (!this.activeAnnotation || !this.dragStartPoint || !this.dragStartAnnotation) return;
-    const e = t.x - this.dragStartPoint.x, s = t.y - this.dragStartPoint.y;
-    this.selectedHandleIndex === -1 ? this.moveAnnotation(this.activeAnnotation, this.dragStartAnnotation, e, s) : this.resizeAnnotation(this.activeAnnotation, this.dragStartAnnotation, this.selectedHandleIndex, t);
+    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, e, s, a) {
+  moveAnnotation(t, n, e, a) {
     if (t.type === "rectangle") {
-      const n = e.coordinates, o = t.coordinates;
-      o.x1 = n.x1 + s, o.x2 = n.x2 + s, o.y1 = n.y1 + a, o.y2 = n.y2 + a;
+      const o = n.coordinates, r = t.coordinates;
+      r.x1 = o.x1 + e, r.x2 = o.x2 + e, r.y1 = o.y1 + a, r.y2 = o.y2 + a;
     } else if (t.type === "point") {
-      const n = e.coordinates, o = t.coordinates;
-      o.points = n.points.map((i) => ({ x: i.x + s, y: i.y + a }));
+      const o = n.coordinates, r = t.coordinates;
+      r.points = o.points.map((i) => ({ x: i.x + e, y: i.y + a }));
     } else if (t.type === "rotatedRect") {
-      const n = e.coordinates, o = t.coordinates;
-      o.x = n.x + s, o.y = n.y + a;
+      const o = n.coordinates, r = t.coordinates;
+      r.x = o.x + e, r.y = o.y + a;
     } else if (t.type === "polygon") {
-      const n = e.coordinates, o = t.coordinates;
-      o.points = n.points.map((i) => ({ x: i.x + s, y: i.y + a }));
+      const o = n.coordinates, r = t.coordinates;
+      r.points = o.points.map((i) => ({ x: i.x + e, y: i.y + a }));
     }
   }
-  resizeAnnotation(t, e, s, a) {
+  resizeAnnotation(t, n, e, a) {
     if (t.type === "rectangle") {
-      const n = t.coordinates;
-      s === 0 && (n.x1 = a.x, n.y1 = a.y), s === 1 && (n.x2 = a.x, n.y1 = a.y), s === 2 && (n.x2 = a.x, n.y2 = a.y), s === 3 && (n.x1 = a.x, n.y2 = a.y);
+      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);
     } else if (t.type === "polygon") {
-      const n = t.coordinates;
-      s >= 0 && s < n.points.length && (n.points[s] = a);
+      const o = t.coordinates;
+      e >= 0 && e < o.points.length && (o.points[e] = a);
     } else if (t.type === "point") {
-      const n = t.coordinates;
-      s >= 0 && s < n.points.length && (n.points[s] = a);
+      const o = t.coordinates;
+      e >= 0 && e < o.points.length && (o.points[e] = a);
     } else if (t.type === "rotatedRect") {
-      const n = t.coordinates;
-      if (s === -2) {
-        const o = n.x, i = n.y, r = a.x - o, m = a.y - i;
-        let d = Math.atan2(m, r) * 180 / Math.PI;
-        d += 90, n.angle = d;
+      const o = t.coordinates;
+      if (e === -2) {
+        const r = o.x, i = o.y, h = a.x - r, m = a.y - i;
+        let g = Math.atan2(m, h) * 180 / Math.PI;
+        g += 90, o.angle = g;
       } else {
-        const o = n.angle * Math.PI / 180, i = Math.cos(-o), r = Math.sin(-o), m = a.x - n.x, d = a.y - n.y, u = m * i - d * r, f = m * r + d * i;
-        (s === 0 || s === 3) && (n.width / 2, n.width = Math.abs(u) * 2), (s === 1 || s === 2) && (n.width = Math.abs(u) * 2), (s === 0 || s === 1) && (n.height = Math.abs(f) * 2), (s === 2 || s === 3) && (n.height = Math.abs(f) * 2);
+        const r = o.angle * Math.PI / 180, i = Math.cos(-r), h = Math.sin(-r), m = a.x - o.x, g = a.y - o.y, u = m * i - g * h, f = m * h + g * i;
+        (e === 0 || e === 3) && (o.width / 2, o.width = Math.abs(u) * 2), (e === 1 || e === 2) && (o.width = Math.abs(u) * 2), (e === 0 || e === 1) && (o.height = Math.abs(f) * 2), (e === 2 || e === 3) && (o.height = Math.abs(f) * 2);
       }
     }
   }
   // --- 命中测试和渲染辅助函数 ---
   getHitAnnotation(t) {
-    for (let e = this.annotations.length - 1; e >= 0; e--) {
-      const s = this.annotations[e];
-      if (this.isPointInAnnotation(t, s))
-        return s;
+    for (let n = this.annotations.length - 1; n >= 0; n--) {
+      const e = this.annotations[n];
+      if (this.isPointInAnnotation(t, e))
+        return e;
     }
     return null;
   }
-  isPointInAnnotation(t, e) {
-    if (e.type === "rectangle") {
-      const s = e.coordinates;
-      return t.x >= s.x1 && t.x <= s.x2 && t.y >= s.y1 && t.y <= s.y2;
-    } else if (e.type === "polygon") {
-      const s = e.coordinates;
-      return ut(t, s.points);
-    } else if (e.type === "rotatedRect") {
-      const s = e.coordinates, a = K(t, { x: s.x, y: s.y }, -s.angle), n = s.width / 2, o = s.height / 2;
-      return a.x >= s.x - n && a.x <= s.x + n && a.y >= s.y - o && a.y <= s.y + o;
-    } else if (e.type === "point")
-      return e.coordinates.points.some((a) => W(t, a) < 10 / this.scale);
+  isPointInAnnotation(t, n) {
+    if (n.type === "rectangle") {
+      const e = n.coordinates;
+      return t.x >= e.x1 && t.x <= e.x2 && t.y >= e.y1 && t.y <= e.y2;
+    } else if (n.type === "polygon") {
+      const e = n.coordinates;
+      return Ht(t, e.points);
+    } else if (n.type === "rotatedRect") {
+      const e = n.coordinates, a = st(t, { x: e.x, y: e.y }, -e.angle), o = e.width / 2, r = e.height / 2;
+      return a.x >= e.x - o && a.x <= e.x + o && a.y >= e.y - r && a.y <= e.y + r;
+    } else if (n.type === "point")
+      return n.coordinates.points.some((a) => Y(t, a) < 10 / this.scale);
     return !1;
   }
-  getHitHandle(t, e, s) {
-    const a = this.getAnnotationHandles(s), n = 6;
-    for (let o = 0; o < a.length; o++) {
-      const i = a[o], r = this.toScreenCoords(i.x, i.y);
-      if (Math.abs(t - r.x) < n && Math.abs(e - r.y) < n)
-        return s.type === "rotatedRect" && o === 4 ? -2 : o;
+  getHitHandle(t, n, e) {
+    const a = this.getAnnotationHandles(e), o = 6;
+    for (let r = 0; r < a.length; r++) {
+      const i = a[r], h = this.toScreenCoords(i.x, i.y);
+      if (Math.abs(t - h.x) < o && Math.abs(n - h.y) < o)
+        return e.type === "rotatedRect" && r === 4 ? -2 : r;
     }
     return -100;
   }
   getAnnotationHandles(t) {
     if (t.type === "rectangle") {
-      const e = t.coordinates;
+      const n = t.coordinates;
       return [
-        { x: e.x1, y: e.y1 },
+        { x: n.x1, y: n.y1 },
         // 左上
-        { x: e.x2, y: e.y1 },
+        { x: n.x2, y: n.y1 },
         // 右上
-        { x: e.x2, y: e.y2 },
+        { x: n.x2, y: n.y2 },
         // 右下
-        { x: e.x1, y: e.y2 }
+        { x: n.x1, y: n.y2 }
         // 左下
       ];
     } else {
@@ -405,24 +405,24 @@ class mt {
       if (t.type === "point")
         return t.coordinates.points;
       if (t.type === "rotatedRect") {
-        const e = t.coordinates, s = { x: e.x, y: e.y }, a = e.width / 2, n = e.height / 2, o = { x: e.x - a, y: e.y - n }, i = { x: e.x + a, y: e.y - n }, r = { x: e.x + a, y: e.y + n }, m = { x: e.x - a, y: e.y + n }, d = { x: e.x, y: e.y - n - 20 / this.scale };
-        return [o, i, r, m, d].map((u) => K(u, s, e.angle));
+        const n = t.coordinates, e = { x: n.x, y: n.y }, a = n.width / 2, o = n.height / 2, r = { x: n.x - a, y: n.y - o }, i = { x: n.x + a, y: n.y - o }, h = { x: n.x + a, y: n.y + o }, m = { x: n.x - a, y: n.y + o }, g = { x: n.x, y: n.y - o - 20 / this.scale };
+        return [r, i, h, m, g].map((u) => st(u, e, n.angle));
       }
     }
     return [];
   }
-  checkHover(t, e, s) {
-    const a = this.getHitCategory(t, e);
+  checkHover(t, n, e) {
+    const a = this.getHitCategory(t, n);
     if (a) {
       this.canvas.style.cursor = "pointer", this.hoverAnnotation = a;
       return;
     }
-    if (this.activeAnnotation && this.getHitHandle(t, e, this.activeAnnotation) !== -100) {
+    if (this.activeAnnotation && this.getHitHandle(t, n, this.activeAnnotation) !== -100) {
       this.canvas.style.cursor = "pointer";
       return;
     }
-    const n = this.getHitAnnotation(s);
-    n ? (this.canvas.style.cursor = "move", this.hoverAnnotation = n) : (this.canvas.style.cursor = "default", this.hoverAnnotation = null);
+    const o = this.getHitAnnotation(e);
+    o ? (this.canvas.style.cursor = "move", this.hoverAnnotation = o) : (this.canvas.style.cursor = "default", this.hoverAnnotation = null);
   }
   render() {
     this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height), this.img.complete && this.img.width > 0 && this.ctx.drawImage(this.img, this.offset.x, this.offset.y, this.img.width * this.scale, this.img.height * this.scale), this.annotations.forEach((t) => {
@@ -430,158 +430,158 @@ class mt {
     }), this.activeAnnotation && this.drawItem(this.activeAnnotation, !0), this.renderCategories();
   }
   renderCategories() {
-    const t = this.annotations.filter((r) => r.type === "category");
+    const t = this.annotations.filter((h) => h.type === "category");
     if (t.length === 0) return;
     this.ctx.save(), this.ctx.font = "14px sans-serif", this.ctx.textBaseline = "top";
-    let e = 10;
-    const s = 10, a = 8, n = 4, o = 24, i = 8;
-    t.forEach((r) => {
-      const m = r.label || "Unlabeled", d = this.ctx.measureText(m).width + a * 2, u = this.activeAnnotation === r, f = this.hoverAnnotation === r;
-      this.ctx.fillStyle = u ? "#E3F2FD" : f ? "#F5F5F5" : "rgba(255, 255, 255, 0.9)", this.ctx.strokeStyle = u ? "#2196F3" : "#666", this.ctx.lineWidth = u ? 2 : 1, this.ctx.beginPath(), this.ctx.rect(e, s, d, o), this.ctx.fill(), this.ctx.stroke(), this.ctx.fillStyle = u ? "#1976D2" : "#333", this.ctx.fillText(m, e + a, s + n), e += d + i;
+    let n = 10;
+    const e = 10, a = 8, o = 4, r = 24, i = 8;
+    t.forEach((h) => {
+      const m = h.label || "Unlabeled", g = this.ctx.measureText(m).width + a * 2, u = this.activeAnnotation === h, f = this.hoverAnnotation === h;
+      this.ctx.fillStyle = u ? "#E3F2FD" : f ? "#F5F5F5" : "rgba(255, 255, 255, 0.9)", this.ctx.strokeStyle = u ? "#2196F3" : "#666", this.ctx.lineWidth = u ? 2 : 1, this.ctx.beginPath(), this.ctx.rect(n, e, g, r), this.ctx.fill(), this.ctx.stroke(), this.ctx.fillStyle = u ? "#1976D2" : "#333", this.ctx.fillText(m, n + a, e + o), n += g + i;
     }), this.ctx.restore();
   }
-  getHitCategory(t, e) {
-    const s = this.annotations.filter((d) => d.type === "category");
-    if (s.length === 0) return null;
+  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";
     let a = 10;
-    const n = 10, o = 8, i = 24, r = 8;
+    const o = 10, r = 8, i = 24, h = 8;
     let m = null;
-    for (const d of s) {
-      const u = d.label || "Unlabeled", f = this.ctx.measureText(u).width + o * 2;
-      if (t >= a && t <= a + f && e >= n && e <= n + i) {
-        m = d;
+    for (const g of e) {
+      const u = g.label || "Unlabeled", f = this.ctx.measureText(u).width + r * 2;
+      if (t >= a && t <= a + f && n >= o && n <= o + i) {
+        m = g;
         break;
       }
-      a += f + r;
+      a += f + h;
     }
     return this.ctx.restore(), m;
   }
-  drawItem(t, e) {
-    var n;
-    if (this.visibleLabels.size > 0 && !this.visibleLabels.has(t.label) && !e)
+  drawItem(t, n) {
+    var o;
+    if (this.visibleLabels.size > 0 && !this.visibleLabels.has(t.label) && !n)
       return;
     this.ctx.save();
-    const s = ((n = t.style) == null ? void 0 : n.strokeColor) || "#FF4081", a = e ? "#00E5FF" : s;
-    if (this.ctx.strokeStyle = a, this.ctx.lineWidth = 2, e ? this.ctx.fillStyle = "rgba(0, 229, 255, 0.2)" : this.ctx.fillStyle = this.hexToRgba(s, 0.2), t.type === "rectangle") {
-      const o = t.coordinates, i = this.toScreenCoords(o.x1, o.y1), r = this.toScreenCoords(o.x2, o.y2), m = Math.min(i.x, r.x), d = Math.min(i.y, r.y), u = Math.abs(i.x - r.x), f = Math.abs(i.y - r.y);
-      this.ctx.strokeRect(m, d, u, f), this.ctx.fillStyle = e ? "rgba(0, 229, 255, 0.2)" : "rgba(255, 64, 129, 0.2)", this.ctx.fillRect(m, d, u, f), e && this.drawHandles(this.getAnnotationHandles(t));
+    const e = ((o = t.style) == null ? void 0 : o.strokeColor) || "#FF4081", a = n ? "#00E5FF" : e;
+    if (this.ctx.strokeStyle = a, this.ctx.lineWidth = 2, n ? this.ctx.fillStyle = "rgba(0, 229, 255, 0.2)" : this.ctx.fillStyle = this.hexToRgba(e, 0.2), t.type === "rectangle") {
+      const r = t.coordinates, i = this.toScreenCoords(r.x1, r.y1), h = this.toScreenCoords(r.x2, r.y2), m = Math.min(i.x, h.x), g = Math.min(i.y, h.y), u = Math.abs(i.x - h.x), f = Math.abs(i.y - h.y);
+      this.ctx.strokeRect(m, g, u, f), this.ctx.fillStyle = n ? "rgba(0, 229, 255, 0.2)" : "rgba(255, 64, 129, 0.2)", this.ctx.fillRect(m, g, u, f), n && this.drawHandles(this.getAnnotationHandles(t));
     } else if (t.type === "polygon") {
-      const o = t.coordinates;
-      if (o.points.length === 0) {
+      const r = t.coordinates;
+      if (r.points.length === 0) {
         this.ctx.restore();
         return;
       }
       this.ctx.beginPath();
-      const i = this.toScreenCoords(o.points[0].x, o.points[0].y);
+      const i = this.toScreenCoords(r.points[0].x, r.points[0].y);
       this.ctx.moveTo(i.x, i.y);
-      for (let r = 1; r < o.points.length; r++) {
-        const m = this.toScreenCoords(o.points[r].x, o.points[r].y);
+      for (let h = 1; h < r.points.length; h++) {
+        const m = this.toScreenCoords(r.points[h].x, r.points[h].y);
         this.ctx.lineTo(m.x, m.y);
       }
       if (!this.isDrawing || t !== this.activeAnnotation)
         this.ctx.closePath();
       else if (this.lastMouseMovePoint) {
-        let r = this.lastMouseMovePoint;
-        if (this.isHoveringStartPoint && o.points.length > 0) {
-          r = o.points[0];
-          const d = this.toScreenCoords(o.points[0].x, o.points[0].y);
-          this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(d.x, d.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();
+        let h = this.lastMouseMovePoint;
+        if (this.isHoveringStartPoint && r.points.length > 0) {
+          h = r.points[0];
+          const g = this.toScreenCoords(r.points[0].x, r.points[0].y);
+          this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(g.x, g.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 m = this.toScreenCoords(r.x, r.y);
+        const m = this.toScreenCoords(h.x, h.y);
         this.ctx.lineTo(m.x, m.y);
       }
-      this.ctx.stroke(), this.ctx.fillStyle = e ? "rgba(0, 229, 255, 0.2)" : "rgba(255, 64, 129, 0.2)", this.ctx.fill(), e && this.drawHandles(this.getAnnotationHandles(t));
+      this.ctx.stroke(), this.ctx.fillStyle = n ? "rgba(0, 229, 255, 0.2)" : "rgba(255, 64, 129, 0.2)", this.ctx.fill(), n && this.drawHandles(this.getAnnotationHandles(t));
     } else if (t.type === "rotatedRect") {
-      const o = t.coordinates;
-      this.ctx.translate(this.toScreenCoords(o.x, o.y).x, this.toScreenCoords(o.x, o.y).y), this.ctx.rotate(o.angle * Math.PI / 180);
-      const i = o.width * this.scale, r = o.height * this.scale;
-      this.ctx.strokeRect(-i / 2, -r / 2, i, r), this.ctx.fillStyle = e ? "rgba(0, 229, 255, 0.2)" : "rgba(255, 64, 129, 0.2)", this.ctx.fillRect(-i / 2, -r / 2, i, r), this.ctx.rotate(-o.angle * Math.PI / 180), this.ctx.translate(-this.toScreenCoords(o.x, o.y).x, -this.toScreenCoords(o.x, o.y).y), e && this.drawHandles(this.getAnnotationHandles(t));
+      const r = t.coordinates;
+      this.ctx.translate(this.toScreenCoords(r.x, r.y).x, this.toScreenCoords(r.x, r.y).y), this.ctx.rotate(r.angle * Math.PI / 180);
+      const i = r.width * this.scale, h = r.height * this.scale;
+      this.ctx.strokeRect(-i / 2, -h / 2, i, h), this.ctx.fillStyle = n ? "rgba(0, 229, 255, 0.2)" : "rgba(255, 64, 129, 0.2)", this.ctx.fillRect(-i / 2, -h / 2, i, h), this.ctx.rotate(-r.angle * Math.PI / 180), this.ctx.translate(-this.toScreenCoords(r.x, r.y).x, -this.toScreenCoords(r.x, r.y).y), n && this.drawHandles(this.getAnnotationHandles(t));
     } else t.type === "point" && t.coordinates.points.forEach((i) => {
-      const r = this.toScreenCoords(i.x, i.y);
-      this.ctx.beginPath(), this.ctx.arc(r.x, r.y, 5, 0, Math.PI * 2), this.ctx.fillStyle = e ? "#00E5FF" : s, this.ctx.fill(), this.ctx.stroke();
+      const h = this.toScreenCoords(i.x, i.y);
+      this.ctx.beginPath(), this.ctx.arc(h.x, h.y, 5, 0, Math.PI * 2), this.ctx.fillStyle = n ? "#00E5FF" : e, this.ctx.fill(), this.ctx.stroke();
     });
     this.ctx.restore();
   }
   drawHandles(t) {
-    this.ctx.fillStyle = "#FFFFFF", this.ctx.strokeStyle = "#000000", this.ctx.lineWidth = 1, t.forEach((e) => {
-      const s = this.toScreenCoords(e.x, e.y);
-      this.ctx.fillRect(s.x - 4, s.y - 4, 8, 8), this.ctx.strokeRect(s.x - 4, s.y - 4, 8, 8);
+    this.ctx.fillStyle = "#FFFFFF", this.ctx.strokeStyle = "#000000", this.ctx.lineWidth = 1, t.forEach((n) => {
+      const e = this.toScreenCoords(n.x, n.y);
+      this.ctx.fillRect(e.x - 4, e.y - 4, 8, 8), this.ctx.strokeRect(e.x - 4, e.y - 4, 8, 8);
     });
   }
 }
-const ft = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+const Lt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z m0-320a64 64 0 1 0 0-128 64 64 0 0 0 0 128z m0 64a128 128 0 1 1 0-256 128 128 0 0 1 0 256z" fill="currentColor"/>\r
-</svg>`, yt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Tt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M609.408 149.376l-277.76 277.76a96 96 0 0 0 0 135.68l277.76 277.76a32 32 0 1 0 45.248-45.248L376.96 512l277.76-277.76a32 32 0 0 0-45.248-45.248z" fill="currentColor"/>\r
-</svg>`, pt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, $t = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M704 192h160v160h-160z m-64-64v288h288V128H640zM160 672h160v160H160z m-64-64v288h288V608H96z m256-320h320v64H352z" fill="currentColor"/>\r
-</svg>`, xt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Dt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M256 256h512v512H256z m-64-64v640h640V192H192z" fill="currentColor"/>\r
-</svg>`, bt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Rt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M160 256h704a32 32 0 1 1 0 64h-64v608a32 32 0 0 1-32 32H256a32 32 0 0 1-32-32V320h-64a32 32 0 1 1 0-64zm128 64v576h448V320H288z m128 0v512a32 32 0 1 1-64 0V320a32 32 0 1 1 64 0zm256 0v512a32 32 0 1 1-64 0V320a32 32 0 1 1 64 0zM352 128h320a32 32 0 0 1 32 32v64H320v-64a32 32 0 0 1 32-32z" fill="currentColor"/>\r
-</svg>`, wt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Ut = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M512 666.56l-186.88-186.88a32 32 0 0 0-45.248 45.248l209.536 209.536a96 96 0 0 0 135.68 0l209.536-209.536a32 32 0 1 0-45.248-45.248L544 666.56V128a32 32 0 0 0-64 0v538.56zM192 832h640a32 32 0 1 1 0 64H192a32 32 0 1 1 0-64z" fill="currentColor"/>\r
-</svg>`, Ct = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Ft = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z m-144-320l-480 480v160h160l480-480-160-160z m-114.56 480H256v-117.76L653.44 236.8l117.76 117.76L573.44 672z m208-208l-117.76-117.76 66.56-66.56a32 32 0 0 1 45.248 0l72.512 72.512a32 32 0 0 1 0 45.248l-66.56 66.56z" fill="currentColor"/>\r
-</svg>`, _t = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Bt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M940.48 876.16L148.16 83.84a32 32 0 1 0-45.12 45.12L236.8 262.4C163.52 337.28 107.52 429.12 82.56 528.96a32 32 0 0 0 0 20.48C144.384 727.68 314.88 840.96 512 840.96c103.04 0 199.36-30.72 283.52-83.84l99.84 99.84a32 32 0 1 0 45.12-45.12zM512 776.96c-176.64 0-333.44-98.56-402.56-248.96 25.6-56.32 63.36-107.52 110.08-151.04L364.8 522.24a128 128 0 0 0 147.2 147.2l123.52 123.52A445.44 445.44 0 0 1 512 776.96z m373.12-32.64l-64-64C857.6 627.84 879.616 572.16 879.616 512c0-176.64-156.8-328.96-367.616-328.96-58.24 0-113.6 11.52-164.48 32.64l-55.68-55.68C346.88 136.96 427.52 119.04 512 119.04c229.76 0 425.216 142.08 493.44 346.24a32 32 0 0 1 0 20.48 450.56 450.56 0 0 1-120.32 258.56z m-309.12-309.12l-128-128A128 128 0 0 1 576 435.2z" fill="currentColor"/>\r
-</svg>`, At = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Ot = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 832a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm-48-384H320a32 32 0 0 1 0-64h144V304a32 32 0 1 1 64 0v144h144a32 32 0 1 1 0 64H528v144a32 32 0 1 1-64 0V512z" fill="currentColor"/>\r
-</svg>`, kt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Et = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M224 448a32 32 0 0 0 9.536 22.592l416 416a32 32 0 0 0 45.248 0l226.24-226.24a32 32 0 0 0 0-45.248l-416-416A32 32 0 0 0 482.432 192H256a64 64 0 0 0-64 64v192z m64-192h160l384 384-160 160-384-384V256z m64 128a64 64 0 1 0 0-128 64 64 0 0 0 0 128z" fill="currentColor"/>\r
-</svg>`, St = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Vt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm0-704h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm0 352h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64z" fill="currentColor"/>\r
-</svg>`, It = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Nt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384 384 384 0 0 1-384-384 384 384 0 0 1 643.712-282.88z" fill="currentColor"/>\r
-</svg>`, zt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Jt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M340.864 149.376a32 32 0 0 0-45.248 45.248L573.44 512l-277.76 317.376a32 32 0 0 0 45.248 45.248l277.76-277.76a96 96 0 0 0 0-135.68L340.864 149.376z" fill="currentColor"/>\r
-</svg>`, Mt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, jt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M512 192c229.76 0 425.216 142.08 493.44 346.24a32 32 0 0 1 0 20.48C937.216 762.88 741.76 904.96 512 904.96S86.784 762.88 18.56 558.72a32 32 0 0 1 0-20.48C86.784 334.08 282.24 192 512 192zm0 64c-197.12 0-367.616 120.32-428.16 296.32C144.384 727.68 314.88 840.96 512 840.96s367.616-113.28 428.16-288.64C879.616 376.32 709.12 256 512 256zm0 160a128 128 0 1 1 0 256 128 128 0 0 1 0-256zm0 64a64 64 0 1 0 0 128 64 64 0 0 0 0-128z" fill="currentColor"/>\r
-</svg>`, Ht = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, Wt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M637.12 693.376l182.208 182.208a32 32 0 1 1-45.248 45.248L591.872 738.624a352 352 0 1 1 45.248-45.248z m-45.248-45.248A288 288 0 1 0 183.872 240.128a288 288 0 0 0 408 408zM416 448h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96v-96a32 32 0 0 1 64 0v96z" fill="currentColor"/>\r
-</svg>`, Lt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
+</svg>`, qt = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1em" height="1em">\r
   <path d="M637.12 693.376l182.208 182.208a32 32 0 1 1-45.248 45.248L591.872 738.624a352 352 0 1 1 45.248-45.248z m-45.248-45.248A288 288 0 1 0 183.872 240.128a288 288 0 0 0 408 408zM256 448h320a32 32 0 1 1 0 64H256a32 32 0 1 1 0-64z" fill="currentColor"/>\r
-</svg>`, Pt = ["innerHTML"], Tt = /* @__PURE__ */ R({
+</svg>`, Xt = ["innerHTML"], Yt = /* @__PURE__ */ N({
   __name: "SvgIcon",
   props: {
     name: {},
     size: {}
   },
   setup(v) {
-    const t = v, e = C(""), s = /* @__PURE__ */ Object.assign({ "../assets/svg/aim.svg": ft, "../assets/svg/back.svg": yt, "../assets/svg/connection.svg": pt, "../assets/svg/crop.svg": xt, "../assets/svg/delete.svg": bt, "../assets/svg/download.svg": wt, "../assets/svg/edit.svg": Ct, "../assets/svg/hide.svg": _t, "../assets/svg/pointer.svg": At, "../assets/svg/price-tag.svg": kt, "../assets/svg/rank.svg": St, "../assets/svg/refresh-right.svg": It, "../assets/svg/right.svg": zt, "../assets/svg/view.svg": Mt, "../assets/svg/zoom-in.svg": Ht, "../assets/svg/zoom-out.svg": Lt });
-    return ht(() => {
-      const a = `../assets/svg/${t.name}.svg`, n = s[a];
-      n ? e.value = n : (console.warn(`Icon ${t.name} not found at path ${a}`), e.value = "");
-    }), (a, n) => (p(), x("i", {
-      class: T(["svg-icon", [v.size ? `size-${v.size}` : ""]]),
-      innerHTML: e.value
-    }, null, 10, Pt));
+    const t = v, n = S(""), e = /* @__PURE__ */ Object.assign({ "../assets/svg/aim.svg": Lt, "../assets/svg/back.svg": Tt, "../assets/svg/connection.svg": $t, "../assets/svg/crop.svg": Dt, "../assets/svg/delete.svg": Rt, "../assets/svg/download.svg": Ut, "../assets/svg/edit.svg": Ft, "../assets/svg/hide.svg": Bt, "../assets/svg/pointer.svg": Ot, "../assets/svg/price-tag.svg": Et, "../assets/svg/rank.svg": Vt, "../assets/svg/refresh-right.svg": Nt, "../assets/svg/right.svg": Jt, "../assets/svg/view.svg": jt, "../assets/svg/zoom-in.svg": Wt, "../assets/svg/zoom-out.svg": qt });
+    return St(() => {
+      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) => (x(), b("i", {
+      class: $(["svg-icon", [v.size ? `size-${v.size}` : ""]]),
+      innerHTML: n.value
+    }, null, 10, Xt));
   }
-}), B = (v, t) => {
-  const e = v.__vccOpts || v;
-  for (const [s, a] of t)
-    e[s] = a;
-  return e;
-}, k = /* @__PURE__ */ B(Tt, [["__scopeId", "data-v-3928607b"]]), Dt = {
+}), J = (v, t) => {
+  const n = v.__vccOpts || v;
+  for (const [e, a] of t)
+    n[e] = a;
+  return n;
+}, M = /* @__PURE__ */ J(Yt, [["__scopeId", "data-v-3928607b"]]), Kt = {
   key: 0,
   class: "left-sidebar"
-}, $t = ["onClick", "title"], Ut = { class: "center-area" }, Ft = {
+}, Zt = ["onClick", "title"], Gt = { class: "center-area" }, Qt = {
   key: 0,
   class: "top-bar"
-}, Rt = { class: "label-selector" }, Bt = { class: "tags-row" }, Ot = ["onClick"], Vt = {
+}, te = { class: "label-selector" }, ee = { class: "tags-row" }, ne = ["onClick"], se = {
   key: 0,
   class: "no-labels"
-}, Et = {
+}, ie = {
   key: 1,
   class: "batch-nav"
-}, Nt = ["disabled"], Jt = ["disabled"], Wt = {
+}, oe = ["disabled"], ae = ["disabled"], le = {
   key: 1,
   class: "right-sidebar"
-}, jt = { class: "label-list" }, Xt = { class: "label-row" }, Yt = ["onUpdate:modelValue", "onChange"], Kt = ["title"], qt = ["onClick"], Gt = { class: "action-icon more-actions" }, Qt = ["onClick"], Zt = {
+}, re = { class: "label-list" }, ce = { class: "label-row" }, he = ["onUpdate:modelValue", "onChange"], de = ["title"], ge = ["onClick"], ve = { class: "action-icon more-actions" }, ue = ["onClick"], me = {
   key: 2,
   class: "modal-overlay"
-}, te = { class: "modal-content" }, ee = { class: "form-group" }, se = { class: "form-group" }, ne = { class: "color-input-wrapper" }, ie = /* @__PURE__ */ R({
+}, fe = { class: "modal-content" }, ye = { class: "form-group" }, pe = { class: "form-group" }, xe = { class: "color-input-wrapper" }, be = /* @__PURE__ */ N({
   __name: "ImageAnnotator",
   props: {
     annotationTypes: { default: () => ["rectangle", "polygon", "point", "rotatedRect"] },
@@ -589,348 +589,494 @@ const ft = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" widt
     labels: { default: () => [] },
     defaultActiveType: {},
     theme: { default: "light" },
-    readOnly: { type: Boolean, default: !1 }
+    readOnly: { type: Boolean, default: !1 },
+    image: {},
+    predictionCandidates: {},
+    reviewMode: {},
+    session: {},
+    requestId: {},
+    minZoom: {},
+    maxZoom: {}
   },
-  emits: ["annotationChange", "batchChange", "labelChange"],
-  setup(v, { expose: t, emit: e }) {
-    const s = v, a = e, n = C(null), o = C(null), i = C(null), r = C(null), m = C(0), d = C([]), u = C(""), f = C(!1), y = C({ name: "", color: "#FF0000" }), w = gt(() => s.annotationTypes.filter((l) => l !== "category")), A = (l) => ({
+  emits: ["annotationChange", "batchChange", "labelChange", "ready", "error", "tool:change", "viewport:change", "annotation:add", "annotation:update", "annotation:delete", "annotation:select", "prediction:request", "prediction:loaded", "prediction:apply", "prediction:reject", "review:action", "qa:issue"],
+  setup(v, { expose: t, emit: n }) {
+    const e = v, a = n, o = S(null), r = S(null), i = S(null), h = S(null), m = S(0), g = S([]), u = S(""), f = S(!1), p = S({ name: "", color: "#FF0000" }), w = S("none"), k = S([]), I = () => {
+      var c, y, _, A;
+      const s = e.batchImages[m.value], l = (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: (y = e.session) == null ? void 0 : y.taskId,
+        imageId: ((_ = e.image) == null ? void 0 : _.id) || l,
+        operator: (A = e.session) == null ? void 0 : A.userId
+      };
+    }, R = (s) => {
+      var y;
+      const l = s == null ? void 0 : s.action;
+      if (!l) return;
+      const c = {
+        meta: I(),
+        action: l,
+        current: s == null ? void 0 : s.changedItem,
+        source: (y = s == null ? void 0 : s.changedItem) != null && y.predictionId ? "prediction" : "manual"
+      };
+      l === "add" && a("annotation:add", c), l === "update" && a("annotation:update", c), l === "delete" && a("annotation:delete", c), l === "select" && a("annotation:select", c);
+    }, Z = kt(() => e.annotationTypes.filter((s) => s !== "category")), it = (s) => ({
       rectangle: "crop",
       polygon: "connection",
       point: "aim",
       rotatedRect: "refresh-right",
       category: "price-tag"
-    })[l] || l, I = (l) => ({
+    })[s] || s, ot = (s) => ({
       rectangle: "矩形框",
       polygon: "多边形",
       point: "关键点",
       rotatedRect: "旋转矩形",
       category: "分类标签"
-    })[l] || l;
-    dt(() => {
-      if (n.value) {
-        i.value = new mt(n.value), i.value.on("annotationChange", (c) => {
-          if (c.action === "add" && c.changedItem) {
-            const g = d.value.find((_) => _.id === u.value);
-            g && (c.changedItem.label = g.name);
+    })[s] || s;
+    Mt(() => {
+      if (o.value) {
+        i.value = new Pt(o.value), i.value.on("annotationChange", (l) => {
+          if (l.action === "add" && l.changedItem) {
+            const c = g.value.find((y) => y.id === u.value);
+            c && (l.changedItem.label = c.name, l.changedItem.labelId = c.id);
           }
-          a("annotationChange", c);
-        }), $(), L();
-        const l = new ResizeObserver(() => {
-          var c;
-          (c = i.value) == null || c.resize();
+          a("annotationChange", l), R(l);
+        }), U(), E();
+        const s = new ResizeObserver(() => {
+          var l;
+          (l = i.value) == null || l.resize();
         });
-        o.value && l.observe(o.value);
+        r.value && s.observe(r.value), e.defaultActiveType && F(e.defaultActiveType), a("ready", { meta: I() });
       }
     });
-    const L = () => {
+    const E = () => {
       if (!i.value) return;
-      const l = d.value.find((g) => g.id === u.value);
-      l && i.value.setLabelStyle(l.color);
-      const c = d.value.filter((g) => g.visible).map((g) => g.name);
-      i.value.setVisibleLabels(c);
-    }, $ = () => {
-      if (i.value && s.batchImages.length > 0) {
-        const l = s.batchImages[m.value];
-        i.value.loadImage(l.imageUrl), l.annotations && i.value.setAnnotations(l.annotations);
-      }
-    }, O = (l) => {
-      var c, g;
-      if (r.value = l, l !== "pan" && l !== "select" && d.value.length === 0) {
+      const s = g.value.find((c) => c.id === u.value);
+      s && i.value.setLabelStyle(s.color);
+      const l = g.value.filter((c) => c.visible).map((c) => c.name);
+      i.value.setVisibleLabels(l);
+    }, U = () => {
+      var s;
+      if (i.value)
+        if (e.batchImages.length > 0) {
+          const l = e.batchImages[m.value];
+          i.value.loadImage(l.imageUrl), l.annotations ? i.value.setAnnotations(l.annotations) : i.value.setAnnotations([]);
+        } else (s = e.image) != null && s.url && i.value.loadImage(e.image.url);
+    }, F = (s) => {
+      var l, c;
+      if (h.value = s, s !== "pan" && s !== "select" && g.value.length === 0) {
         alert("请先创建标签！");
         return;
       }
-      l === "pan" || l === "select" ? (c = i.value) == null || c.setTool(l) : (g = i.value) == null || g.setTool(l);
+      s === "pan" || s === "select" ? (l = i.value) == null || l.setTool(s) : (c = i.value) == null || c.setTool(s), a("tool:change", { meta: I(), tool: s });
+    }, at = () => {
+      var s;
+      (s = i.value) != null && s.activeAnnotation && i.value.deleteAnnotation(i.value.activeAnnotation.id);
     }, G = () => {
-      var l;
-      (l = i.value) != null && l.activeAnnotation && i.value.deleteAnnotation(i.value.activeAnnotation.id);
+      i.value && a("viewport:change", {
+        meta: I(),
+        scale: i.value.scale,
+        offset: { ...i.value.offset }
+      });
+    }, lt = () => {
+      var s;
+      (s = i.value) == null || s.zoom(1), G();
+    }, rt = () => {
+      var s;
+      (s = i.value) == null || s.zoom(-1), G();
+    }, ct = () => {
+      p.value = { name: "", color: "#2196F3" }, f.value = !0;
     }, Q = () => {
-      var l;
-      return (l = i.value) == null ? void 0 : l.zoom(1);
-    }, Z = () => {
-      var l;
-      return (l = i.value) == null ? void 0 : l.zoom(-1);
-    }, tt = () => {
-      y.value = { name: "", color: "#2196F3" }, f.value = !0;
-    }, X = () => {
       f.value = !1;
-    }, et = () => {
-      if (!y.value.name.trim()) {
+    }, ht = () => {
+      if (!p.value.name.trim()) {
         alert("请输入标签名称");
         return;
       }
-      const c = {
+      const l = {
         id: Date.now().toString(),
-        name: y.value.name,
-        color: y.value.color,
+        name: p.value.name,
+        color: p.value.color,
         visible: !0
       };
-      d.value.push(c), a("labelChange", d.value), d.value.length === 1 && U(c), X();
-    }, U = (l) => {
-      var c;
-      u.value = l.id, (c = i.value) == null || c.setLabelStyle(l.color);
-    }, st = (l, c) => {
-      if (!l.startsWith("#")) return l;
-      let g = 0, _ = 0, M = 0;
-      return l.length === 4 ? (g = parseInt(l[1] + l[1], 16), _ = parseInt(l[2] + l[2], 16), M = parseInt(l[3] + l[3], 16)) : l.length === 7 && (g = parseInt(l.slice(1, 3), 16), _ = parseInt(l.slice(3, 5), 16), M = parseInt(l.slice(5, 7), 16)), `rgba(${g}, ${_}, ${M}, ${c})`;
-    }, nt = (l) => {
-      var c;
-      if (l.id === u.value && ((c = i.value) == null || c.setLabelStyle(l.color)), i.value) {
-        const g = i.value.getAnnotations();
-        let _ = !1;
-        g.forEach((M) => {
-          M.label === l.name && (M.style || (M.style = {}), M.style.strokeColor = l.color, M.style.fillColor = st(l.color, 0.2), _ = !0);
-        }), _ && i.value.render();
+      g.value.push(l), a("labelChange", g.value), g.value.length === 1 && B(l), Q();
+    }, B = (s) => {
+      var l;
+      u.value = s.id, (l = i.value) == null || l.setLabelStyle(s.color);
+    }, dt = (s, l) => {
+      if (!s.startsWith("#")) return s;
+      let c = 0, y = 0, _ = 0;
+      return s.length === 4 ? (c = parseInt(s[1] + s[1], 16), y = parseInt(s[2] + s[2], 16), _ = parseInt(s[3] + s[3], 16)) : s.length === 7 && (c = parseInt(s.slice(1, 3), 16), y = parseInt(s.slice(3, 5), 16), _ = parseInt(s.slice(5, 7), 16)), `rgba(${c}, ${y}, ${_}, ${l})`;
+    }, gt = (s) => {
+      var l;
+      if (s.id === u.value && ((l = i.value) == null || l.setLabelStyle(s.color)), i.value) {
+        const c = i.value.getAnnotations();
+        let y = !1;
+        c.forEach((_) => {
+          _.label === s.name && (_.style || (_.style = {}), _.style.strokeColor = s.color, _.style.fillColor = dt(s.color, 0.2), y = !0);
+        }), y && i.value.render();
       }
-      a("labelChange", d.value);
-    }, it = (l) => {
-      l.visible = !l.visible, L();
-    }, ot = (l) => {
-      const c = d.value.findIndex((g) => g.id === l);
-      c > -1 && (d.value.splice(c, 1), a("labelChange", d.value), u.value === l && (u.value = d.value.length > 0 ? d.value[0].id : "", u.value && U(d.value[0])), L());
+      a("labelChange", g.value);
+    }, vt = (s) => {
+      s.visible = !s.visible, E();
+    }, ut = (s) => {
+      const l = g.value.findIndex((c) => c.id === s);
+      l > -1 && (g.value.splice(l, 1), a("labelChange", g.value), u.value === s && (u.value = g.value.length > 0 ? g.value[0].id : "", u.value && B(g.value[0])), E());
     };
-    q(() => s.labels, (l) => {
-      const c = JSON.parse(JSON.stringify(l || []));
-      if (d.value = c, d.value.length > 0)
-        if (!u.value || !d.value.find((g) => g.id === u.value))
-          U(d.value[0]);
+    V(() => e.labels, (s) => {
+      const l = JSON.parse(JSON.stringify(s || []));
+      if (g.value = l, g.value.length > 0)
+        if (!u.value || !g.value.find((c) => c.id === u.value))
+          B(g.value[0]);
         else {
-          const g = d.value.find((_) => _.id === u.value);
-          g && U(g);
+          const c = g.value.find((y) => y.id === u.value);
+          c && B(c);
         }
       else
         u.value = "";
-      L();
+      E();
     }, { immediate: !0, deep: !0 });
-    const at = () => {
-      m.value > 0 && (V(), m.value--, $(), E());
-    }, lt = () => {
-      m.value < s.batchImages.length - 1 && (V(), m.value++, $(), E());
-    }, V = () => {
+    const mt = () => {
+      m.value > 0 && (j(), m.value--, U(), W());
+    }, ft = () => {
+      m.value < e.batchImages.length - 1 && (j(), m.value++, U(), W());
+    }, j = () => {
       if (i.value) {
-        const l = i.value.getAnnotations();
-        s.batchImages[m.value].annotations = l;
+        const s = i.value.getAnnotations();
+        e.batchImages[m.value].annotations = s;
       }
-    }, E = () => {
-      const l = s.batchImages[m.value];
+    }, W = () => {
+      const s = e.batchImages[m.value];
       a("batchChange", {
         currentIndex: m.value,
-        total: s.batchImages.length,
-        currentImageUrl: l.imageUrl,
-        currentAnnotations: l.annotations || []
+        total: e.batchImages.length,
+        currentImageUrl: s.imageUrl,
+        currentAnnotations: s.annotations || []
+      });
+    }, tt = (s = []) => {
+      var _;
+      if (!i.value) return;
+      if (k.value = JSON.parse(JSON.stringify(s)), k.value.length === 0) {
+        w.value = "none";
+        return;
+      }
+      w.value = "loaded";
+      const c = (i.value.getAnnotations() || []).filter((A) => !A.predictionId), y = k.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;
+      });
+      i.value.setAnnotations([...c, ...y]), a("prediction:loaded", {
+        meta: I(),
+        modelRunId: (_ = k.value[0]) == null ? void 0 : _.modelRunId,
+        candidates: k.value
+      });
+    }, yt = (s) => {
+      w.value = "loading", a("prediction:request", {
+        meta: I(),
+        threshold: s
       });
+    }, pt = (s, l) => {
+      var _;
+      if (!i.value) return [];
+      w.value = "applying";
+      const y = (i.value.getAnnotations() || []).filter((A) => A.predictionId && s.includes(A.predictionId));
+      return y.forEach((A) => {
+        A.reviewStatus = "accepted";
+      }), w.value = "applied", a("prediction:apply", {
+        meta: I(),
+        modelRunId: (_ = y[0]) == null ? void 0 : _.modelRunId,
+        candidateIds: s,
+        threshold: l,
+        acceptedAnnotations: y
+      }), i.value.render(), y;
+    }, xt = (s, l) => {
+      var _;
+      if (!i.value) return;
+      const c = i.value.getAnnotations() || [], y = c.filter((A) => !(A.predictionId && s.includes(A.predictionId)));
+      i.value.setAnnotations(y), a("prediction:reject", {
+        meta: I(),
+        modelRunId: (_ = c.find((A) => A.predictionId && s.includes(A.predictionId))) == null ? void 0 : _.modelRunId,
+        candidateIds: s,
+        reason: l
+      });
+    }, bt = (s, l, c) => {
+      if (!i.value) return;
+      const y = i.value.getAnnotations() || [], _ = {
+        pass: "accepted",
+        reject: "rejected",
+        revise: "needs_fix"
+      };
+      y.forEach((A) => {
+        l.includes(A.id) && (A.reviewStatus = _[s]);
+      }), i.value.render(), a("review:action", {
+        meta: I(),
+        reviewAction: s,
+        targetAnnotationIds: l,
+        comment: c
+      });
+    }, wt = (s, l, c) => {
+      a("qa:issue", {
+        meta: I(),
+        issueType: s,
+        targetAnnotationIds: l,
+        detail: c
+      });
+    }, At = (s, l = []) => {
+      i.value && (i.value.loadImage(s.url), i.value.setAnnotations(l));
+    }, Ct = (s) => {
+      var l;
+      (l = i.value) == null || l.setAnnotations(s);
+    }, et = () => {
+      var s;
+      return ((s = i.value) == null ? void 0 : s.getAnnotations()) || [];
     };
     return t({
-      jumpTo: (l) => {
-        l >= 0 && l < s.batchImages.length && (V(), m.value = l, $(), E());
+      jumpTo: (s) => {
+        s >= 0 && s < e.batchImages.length && (j(), m.value = s, U(), W());
       },
-      getAllAnnotations: () => s.batchImages,
-      getCurrentAnnotation: () => {
-        var l;
+      setImage: At,
+      setAnnotations: Ct,
+      getAnnotations: et,
+      selectTool: F,
+      loadPredictionCandidates: tt,
+      requestPrediction: yt,
+      applyPredictions: pt,
+      rejectPredictions: xt,
+      reviewAction: bt,
+      reportQaIssue: wt,
+      exportAnnotations: (s = "json") => {
+        var c, y;
+        const l = et();
         return {
-          imageUrl: s.batchImages[m.value].imageUrl,
+          format: s,
+          image: ((c = e.batchImages[m.value]) == null ? void 0 : c.imageUrl) || ((y = e.image) == null ? void 0 : y.url) || "",
+          annotations: l
+        };
+      },
+      getAllAnnotations: () => {
+        var s, l;
+        return e.batchImages.length > 0 ? e.batchImages : [{
+          imageUrl: ((s = e.image) == null ? void 0 : s.url) || "",
           annotations: ((l = i.value) == null ? void 0 : l.getAnnotations()) || []
+        }];
+      },
+      getCurrentAnnotation: () => {
+        var s, l, c;
+        return {
+          imageUrl: ((s = e.batchImages[m.value]) == null ? void 0 : s.imageUrl) || ((l = e.image) == null ? void 0 : l.url) || "",
+          annotations: ((c = i.value) == null ? void 0 : c.getAnnotations()) || []
         };
       }
-    }), (l, c) => (p(), x("div", {
-      class: T(["annotation-container", v.theme])
+    }), V(() => {
+      var s;
+      return (s = e.image) == null ? void 0 : s.url;
+    }, () => {
+      var s;
+      e.batchImages.length === 0 && ((s = e.image) != null && s.url) && U();
+    }), V(() => e.predictionCandidates, (s) => {
+      s && tt(s);
+    }, { immediate: !0, deep: !0 }), (s, l) => (x(), b("div", {
+      class: $(["annotation-container", v.theme])
     }, [
-      v.readOnly ? H("", !0) : (p(), x("div", Dt, [
-        h("div", {
-          class: T(["tool-btn", { active: r.value === "pan" }]),
-          onClick: c[0] || (c[0] = (g) => O("pan")),
+      v.readOnly ? L("", !0) : (x(), b("div", Kt, [
+        d("div", {
+          class: $(["tool-btn", { active: h.value === "pan" }]),
+          onClick: l[0] || (l[0] = (c) => F("pan")),
           title: "拖动"
         }, [
-          S(k, { name: "rank" })
+          z(M, { name: "rank" })
         ], 2),
-        h("div", {
-          class: T(["tool-btn", { active: r.value === "select" }]),
-          onClick: c[1] || (c[1] = (g) => O("select")),
+        d("div", {
+          class: $(["tool-btn", { active: h.value === "select" }]),
+          onClick: l[1] || (l[1] = (c) => F("select")),
           title: "选择"
         }, [
-          S(k, { name: "pointer" })
+          z(M, { name: "pointer" })
         ], 2),
-        c[4] || (c[4] = h("div", { class: "divider" }, null, -1)),
-        (p(!0), x(P, null, D(w.value, (g) => (p(), x("div", {
-          key: g,
-          class: T(["tool-btn", { active: r.value === g }]),
-          onClick: (_) => O(g),
-          title: I(g)
+        l[4] || (l[4] = d("div", { class: "divider" }, null, -1)),
+        (x(!0), b(T, null, D(Z.value, (c) => (x(), b("div", {
+          key: c,
+          class: $(["tool-btn", { active: h.value === c }]),
+          onClick: (y) => F(c),
+          title: ot(c)
         }, [
-          S(k, {
-            name: A(g)
+          z(M, {
+            name: it(c)
           }, null, 8, ["name"])
-        ], 10, $t))), 128)),
-        c[5] || (c[5] = h("div", { class: "divider" }, null, -1)),
-        h("div", {
+        ], 10, Zt))), 128)),
+        l[5] || (l[5] = d("div", { class: "divider" }, null, -1)),
+        d("div", {
           class: "tool-btn",
-          onClick: Q,
+          onClick: lt,
           title: "放大"
         }, [
-          S(k, { name: "zoom-in" })
+          z(M, { name: "zoom-in" })
         ]),
-        h("div", {
+        d("div", {
           class: "tool-btn",
-          onClick: Z,
+          onClick: rt,
           title: "缩小"
         }, [
-          S(k, { name: "zoom-out" })
+          z(M, { name: "zoom-out" })
         ]),
-        c[6] || (c[6] = h("div", { class: "divider" }, null, -1)),
-        h("div", {
+        l[6] || (l[6] = d("div", { class: "divider" }, null, -1)),
+        d("div", {
           class: "tool-btn",
-          onClick: G,
+          onClick: at,
           title: "删除选中"
         }, [
-          S(k, { name: "delete" })
+          z(M, { name: "delete" })
         ])
       ])),
-      h("div", Ut, [
-        v.readOnly ? H("", !0) : (p(), x("div", Ft, [
-          h("div", Rt, [
-            c[7] || (c[7] = h("span", { class: "label-text" }, "当前标签:", -1)),
-            h("div", Bt, [
-              (p(!0), x(P, null, D(d.value, (g) => (p(), x("div", {
-                key: g.id,
-                class: T(["tag-chip", { active: u.value === g.id }]),
-                style: j({ backgroundColor: g.color, borderColor: g.color }),
-                onClick: (_) => U(g)
-              }, z(g.name), 15, Ot))), 128)),
-              d.value.length === 0 ? (p(), x("div", Vt, "请在右侧创建标签")) : H("", !0)
+      d("div", Gt, [
+        v.readOnly ? L("", !0) : (x(), b("div", Qt, [
+          d("div", te, [
+            l[7] || (l[7] = d("span", { class: "label-text" }, "当前标签:", -1)),
+            d("div", ee, [
+              (x(!0), b(T, null, D(g.value, (c) => (x(), b("div", {
+                key: c.id,
+                class: $(["tag-chip", { active: u.value === c.id }]),
+                style: K({ backgroundColor: c.color, borderColor: c.color }),
+                onClick: (y) => B(c)
+              }, H(c.name), 15, ne))), 128)),
+              g.value.length === 0 ? (x(), b("div", se, "请在右侧创建标签")) : L("", !0)
             ])
           ])
         ])),
-        h("div", {
+        d("div", {
           class: "canvas-wrapper",
           ref_key: "canvasWrapper",
-          ref: o
+          ref: r
         }, [
-          h("canvas", {
+          d("canvas", {
             ref_key: "canvasRef",
-            ref: n
+            ref: o
           }, null, 512)
         ], 512),
-        v.batchImages && v.batchImages.length > 0 ? (p(), x("div", Et, [
-          h("button", {
-            onClick: at,
+        v.batchImages && v.batchImages.length > 0 ? (x(), b("div", ie, [
+          d("button", {
+            onClick: mt,
             disabled: m.value <= 0
           }, [
-            S(k, { name: "back" }),
-            c[8] || (c[8] = F(" 上一张 ", -1))
-          ], 8, Nt),
-          h("span", null, z(m.value + 1) + " / " + z(v.batchImages.length), 1),
-          h("button", {
-            onClick: lt,
+            z(M, { name: "back" }),
+            l[8] || (l[8] = O(" 上一张 ", -1))
+          ], 8, oe),
+          d("span", null, H(m.value + 1) + " / " + H(v.batchImages.length), 1),
+          d("button", {
+            onClick: ft,
             disabled: m.value >= v.batchImages.length - 1
           }, [
-            c[9] || (c[9] = F(" 下一张 ", -1)),
-            S(k, { name: "right" })
-          ], 8, Jt)
-        ])) : H("", !0)
+            l[9] || (l[9] = O(" 下一张 ", -1)),
+            z(M, { name: "right" })
+          ], 8, ae)
+        ])) : L("", !0)
       ]),
-      v.readOnly ? H("", !0) : (p(), x("div", Wt, [
-        h("div", { class: "sidebar-header" }, [
-          c[10] || (c[10] = h("h3", null, "标签管理", -1)),
-          h("button", {
+      v.readOnly ? L("", !0) : (x(), b("div", le, [
+        d("div", { class: "sidebar-header" }, [
+          l[10] || (l[10] = d("h3", null, "标签管理", -1)),
+          d("button", {
             class: "add-btn",
-            onClick: tt
+            onClick: ct
           }, "添加标签")
         ]),
-        h("div", jt, [
-          (p(!0), x(P, null, D(d.value, (g) => (p(), x("div", {
-            key: g.id,
+        d("div", re, [
+          (x(!0), b(T, null, D(g.value, (c) => (x(), b("div", {
+            key: c.id,
             class: "label-item"
           }, [
-            h("div", Xt, [
-              h("label", {
+            d("div", ce, [
+              d("label", {
                 class: "color-wrapper",
-                style: j({ backgroundColor: g.color })
+                style: K({ backgroundColor: c.color })
               }, [
-                N(h("input", {
+                q(d("input", {
                   type: "color",
-                  "onUpdate:modelValue": (_) => g.color = _,
-                  onChange: (_) => nt(g),
+                  "onUpdate:modelValue": (y) => c.color = y,
+                  onChange: (y) => gt(c),
                   style: { visibility: "hidden", width: "0", height: "0" }
-                }, null, 40, Yt), [
-                  [J, g.color]
+                }, null, 40, he), [
+                  [X, c.color]
                 ])
               ], 4),
-              h("span", {
+              d("span", {
                 class: "label-name",
-                title: g.name
-              }, z(g.name), 9, Kt),
-              h("span", {
+                title: c.name
+              }, H(c.name), 9, de),
+              d("span", {
                 class: "action-icon eye",
-                onClick: (_) => it(g)
+                onClick: (y) => vt(c)
               }, [
-                g.visible ? (p(), Y(k, {
+                c.visible ? (x(), nt(M, {
                   key: 0,
                   name: "view"
-                })) : (p(), Y(k, {
+                })) : (x(), nt(M, {
                   key: 1,
                   name: "hide"
                 }))
-              ], 8, qt),
-              h("div", Gt, [
-                c[11] || (c[11] = h("span", { class: "dots" }, "•••", -1)),
-                h("span", {
+              ], 8, ge),
+              d("div", ve, [
+                l[11] || (l[11] = d("span", { class: "dots" }, "•••", -1)),
+                d("span", {
                   class: "delete-btn",
-                  onClick: (_) => ot(g.id),
+                  onClick: (y) => ut(c.id),
                   title: "删除"
                 }, [
-                  S(k, { name: "delete" })
-                ], 8, Qt)
+                  z(M, { name: "delete" })
+                ], 8, ue)
               ])
             ])
           ]))), 128))
         ])
       ])),
-      f.value ? (p(), x("div", Zt, [
-        h("div", te, [
-          c[14] || (c[14] = h("h3", null, "新增标签", -1)),
-          h("div", ee, [
-            c[12] || (c[12] = h("label", null, "名称", -1)),
-            N(h("input", {
-              "onUpdate:modelValue": c[2] || (c[2] = (g) => y.value.name = g),
+      f.value ? (x(), b("div", me, [
+        d("div", fe, [
+          l[14] || (l[14] = d("h3", null, "新增标签", -1)),
+          d("div", ye, [
+            l[12] || (l[12] = d("label", null, "名称", -1)),
+            q(d("input", {
+              "onUpdate:modelValue": l[2] || (l[2] = (c) => p.value.name = c),
               placeholder: "请输入标签名称",
               class: "modal-input"
             }, null, 512), [
-              [J, y.value.name]
+              [X, p.value.name]
             ])
           ]),
-          h("div", se, [
-            c[13] || (c[13] = h("label", null, "颜色", -1)),
-            h("div", ne, [
-              N(h("input", {
+          d("div", pe, [
+            l[13] || (l[13] = d("label", null, "颜色", -1)),
+            d("div", xe, [
+              q(d("input", {
                 type: "color",
-                "onUpdate:modelValue": c[3] || (c[3] = (g) => y.value.color = g),
+                "onUpdate:modelValue": l[3] || (l[3] = (c) => p.value.color = c),
                 class: "modal-color-picker"
               }, null, 512), [
-                [J, y.value.color]
+                [X, p.value.color]
               ]),
-              h("span", null, z(y.value.color), 1)
+              d("span", null, H(p.value.color), 1)
             ])
           ]),
-          h("div", { class: "modal-actions" }, [
-            h("button", {
-              onClick: X,
+          d("div", { class: "modal-actions" }, [
+            d("button", {
+              onClick: Q,
               class: "cancel-btn"
             }, "取消"),
-            h("button", {
-              onClick: et,
+            d("button", {
+              onClick: ht,
               class: "confirm-btn"
             }, "确认")
           ])
         ])
-      ])) : H("", !0)
+      ])) : L("", !0)
     ], 2));
   }
-}), oe = /* @__PURE__ */ B(ie, [["__scopeId", "data-v-fe1b36c0"]]), ae = {
+}), we = /* @__PURE__ */ J(be, [["__scopeId", "data-v-7b013204"]]), Ae = {
   class: "thumbnail-wrapper",
   ref: "wrapper"
-}, le = ["src", "alt"], re = ["viewBox"], ce = ["x", "y", "width", "height", "stroke"], he = ["points", "stroke"], ge = ["x", "y", "fill"], de = {
+}, Ce = ["src", "alt"], _e = ["viewBox"], Ie = ["x", "y", "width", "height", "stroke"], Se = ["points", "stroke"], ke = ["x", "y", "fill"], Me = {
   key: 1,
   class: "loading-placeholder"
-}, ve = /* @__PURE__ */ R({
+}, ze = /* @__PURE__ */ N({
   __name: "AnnotationThumbnail",
   props: {
     src: {},
@@ -939,22 +1085,22 @@ const ft = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" widt
     labels: {}
   },
   setup(v) {
-    const t = v, e = C(null), s = C(!1), a = C(0), n = C(0), o = () => {
-      e.value && (a.value = e.value.naturalWidth, n.value = e.value.naturalHeight, s.value = !0);
+    const t = v, n = S(null), e = S(!1), a = S(0), o = S(0), r = () => {
+      n.value && (a.value = n.value.naturalWidth, o.value = n.value.naturalHeight, e.value = !0);
     }, i = (u) => {
       var f;
       if ((f = u.style) != null && f.strokeColor) return u.style.strokeColor;
       if (t.labels) {
-        const y = t.labels.find((w) => w.name === u.label);
-        if (y) return y.color;
+        const p = t.labels.find((w) => w.name === u.label);
+        if (p) return p.color;
       }
       return "#FF0000";
-    }, r = (u) => {
-      const f = u.coordinates, y = Math.min(f.x1, f.x2), w = Math.min(f.y1, f.y2), A = Math.abs(f.x1 - f.x2), I = Math.abs(f.y1 - f.y2);
-      return { x: y, y: w, width: A, height: I };
-    }, m = (u) => u.coordinates.points.map((y) => `${y.x},${y.y}`).join(" "), d = (u) => {
+    }, h = (u) => {
+      const f = u.coordinates, p = Math.min(f.x1, f.x2), w = Math.min(f.y1, f.y2), k = Math.abs(f.x1 - f.x2), I = Math.abs(f.y1 - f.y2);
+      return { x: p, y: w, width: k, height: I };
+    }, m = (u) => u.coordinates.points.map((p) => `${p.x},${p.y}`).join(" "), g = (u) => {
       if (u.type === "rectangle") {
-        const f = r(u);
+        const f = h(u);
         return { x: f.x, y: f.y - 5 };
       } else if (u.type === "polygon") {
         const f = u.coordinates.points;
@@ -962,61 +1108,61 @@ const ft = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" widt
       }
       return { x: 0, y: 0 };
     };
-    return (u, f) => (p(), x("div", ae, [
-      h("img", {
+    return (u, f) => (x(), b("div", Ae, [
+      d("img", {
         ref_key: "img",
-        ref: e,
+        ref: n,
         src: v.src,
         class: "thumbnail-image",
-        onLoad: o,
+        onLoad: r,
         alt: v.alt
-      }, null, 40, le),
-      s.value ? (p(), x("svg", {
+      }, null, 40, Ce),
+      e.value ? (x(), b("svg", {
         key: 0,
         class: "annotation-overlay",
-        viewBox: `0 0 ${a.value} ${n.value}`,
+        viewBox: `0 0 ${a.value} ${o.value}`,
         preserveAspectRatio: "none"
       }, [
-        (p(!0), x(P, null, D(v.annotations, (y) => (p(), x(P, {
-          key: y.id
+        (x(!0), b(T, null, D(v.annotations, (p) => (x(), b(T, {
+          key: p.id
         }, [
-          y.type === "rectangle" ? (p(), x("rect", {
+          p.type === "rectangle" ? (x(), b("rect", {
             key: 0,
-            x: r(y).x,
-            y: r(y).y,
-            width: r(y).width,
-            height: r(y).height,
-            stroke: i(y),
+            x: h(p).x,
+            y: h(p).y,
+            width: h(p).width,
+            height: h(p).height,
+            stroke: i(p),
             "stroke-width": "2",
             fill: "transparent"
-          }, null, 8, ce)) : H("", !0),
-          y.type === "polygon" ? (p(), x("polygon", {
+          }, null, 8, Ie)) : L("", !0),
+          p.type === "polygon" ? (x(), b("polygon", {
             key: 1,
-            points: m(y),
-            stroke: i(y),
+            points: m(p),
+            stroke: i(p),
             "stroke-width": "2",
             fill: "transparent"
-          }, null, 8, he)) : H("", !0),
-          y.label ? (p(), x("text", {
+          }, null, 8, Se)) : L("", !0),
+          p.label ? (x(), b("text", {
             key: 2,
-            x: d(y).x,
-            y: d(y).y,
-            fill: i(y),
+            x: g(p).x,
+            y: g(p).y,
+            fill: i(p),
             "font-size": "14",
             "font-weight": "bold",
             class: "anno-label"
-          }, z(y.label), 9, ge)) : H("", !0)
+          }, H(p.label), 9, ke)) : L("", !0)
         ], 64))), 128))
-      ], 8, re)) : (p(), x("div", de, "Loading..."))
+      ], 8, _e)) : (x(), b("div", Me, "Loading..."))
     ], 512));
   }
-}), ue = /* @__PURE__ */ B(ve, [["__scopeId", "data-v-78bcbe0c"]]), me = { class: "batch-annotator" }, fe = {
+}), He = /* @__PURE__ */ J(ze, [["__scopeId", "data-v-78bcbe0c"]]), Pe = { class: "batch-annotator" }, Le = {
   key: 0,
   class: "gallery-view"
-}, ye = { class: "gallery-header" }, pe = { class: "label-summary" }, xe = { class: "gallery-grid" }, be = ["onClick"], we = { class: "thumbnail-wrapper" }, Ce = { class: "img-meta" }, _e = { class: "img-index" }, Ae = { class: "anno-count" }, ke = { class: "bottom-bar" }, Se = {
+}, Te = { class: "gallery-header" }, $e = { class: "label-summary" }, De = { class: "gallery-grid" }, Re = ["onClick"], Ue = { class: "thumbnail-wrapper" }, Fe = { class: "img-meta" }, Be = { class: "img-index" }, Oe = { class: "anno-count" }, Ee = { class: "bottom-bar" }, Ve = {
   key: 1,
   class: "editor-view"
-}, Ie = { class: "editor-header" }, ze = { class: "header-left" }, Me = { class: "editor-title" }, He = { class: "editor-content" }, Le = /* @__PURE__ */ R({
+}, Ne = { class: "editor-header" }, Je = { class: "header-left" }, je = { class: "editor-title" }, We = { class: "editor-content" }, qe = /* @__PURE__ */ N({
   __name: "BatchAnnotator",
   props: {
     images: {},
@@ -1024,109 +1170,109 @@ const ft = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" widt
   },
   emits: ["export", "update:images"],
   setup(v, { emit: t }) {
-    const e = v, s = t, a = C("gallery"), n = C([]), o = C(0), i = C(null);
-    q(() => e.images, (w) => {
-      n.value = JSON.parse(JSON.stringify(w));
+    const n = v, e = t, a = S("gallery"), o = S([]), r = S(0), i = S(null);
+    V(() => n.images, (w) => {
+      o.value = JSON.parse(JSON.stringify(w));
     }, { immediate: !0, deep: !0 });
-    const r = (w) => {
-      o.value = w, a.value = "editor", vt(() => {
+    const h = (w) => {
+      r.value = w, a.value = "editor", zt(() => {
         i.value && i.value.jumpTo && i.value.jumpTo(w);
       });
     }, m = () => {
       if (i.value && i.value.getCurrentAnnotation) {
         const w = i.value.getCurrentAnnotation();
-        n.value[o.value] && (n.value[o.value].annotations = w.annotations);
+        o.value[r.value] && (o.value[r.value].annotations = w.annotations);
       }
       a.value = "gallery";
-    }, d = () => {
-      s("export", n.value);
+    }, g = () => {
+      e("export", o.value);
     }, u = (w) => {
-      o.value = w.currentIndex, n.value[w.currentIndex] && (n.value[w.currentIndex].annotations = w.currentAnnotations);
+      r.value = w.currentIndex, o.value[w.currentIndex] && (o.value[w.currentIndex].annotations = w.currentAnnotations);
     }, f = (w) => {
       if (i.value && i.value.getCurrentAnnotation) {
-        const A = i.value.getCurrentAnnotation();
-        n.value[o.value] && (n.value[o.value].annotations = A.annotations, s("update:images", n.value));
+        const k = i.value.getCurrentAnnotation();
+        o.value[r.value] && (o.value[r.value].annotations = k.annotations, e("update:images", o.value));
       }
-    }, y = (w) => {
+    }, p = (w) => {
     };
-    return (w, A) => (p(), x("div", me, [
-      a.value === "gallery" ? (p(), x("div", fe, [
-        h("div", ye, [
-          h("h3", null, "批量查看与标注 (" + z(n.value.length) + " 张)", 1),
-          h("div", pe, [
-            (p(!0), x(P, null, D(v.labels, (I) => (p(), x("span", {
+    return (w, k) => (x(), b("div", Pe, [
+      a.value === "gallery" ? (x(), b("div", Le, [
+        d("div", Te, [
+          d("h3", null, "批量查看与标注 (" + H(o.value.length) + " 张)", 1),
+          d("div", $e, [
+            (x(!0), b(T, null, D(v.labels, (I) => (x(), b("span", {
               key: I.id,
               class: "label-badge",
-              style: j({ backgroundColor: I.color })
-            }, z(I.name), 5))), 128))
+              style: K({ backgroundColor: I.color })
+            }, H(I.name), 5))), 128))
           ])
         ]),
-        h("div", xe, [
-          (p(!0), x(P, null, D(n.value, (I, L) => (p(), x("div", {
-            key: L,
+        d("div", De, [
+          (x(!0), b(T, null, D(o.value, (I, R) => (x(), b("div", {
+            key: R,
             class: "gallery-item",
-            onClick: ($) => r(L)
+            onClick: (Z) => h(R)
           }, [
-            h("div", we, [
-              S(ue, {
+            d("div", Ue, [
+              z(He, {
                 src: I.imageUrl,
                 annotations: I.annotations || [],
                 labels: v.labels
               }, null, 8, ["src", "annotations", "labels"])
             ]),
-            h("div", Ce, [
-              h("span", _e, "#" + z(L + 1), 1),
-              h("span", Ae, z((I.annotations || []).length) + " 标注", 1)
+            d("div", Fe, [
+              d("span", Be, "#" + H(R + 1), 1),
+              d("span", Oe, H((I.annotations || []).length) + " 标注", 1)
             ])
-          ], 8, be))), 128))
+          ], 8, Re))), 128))
         ]),
-        h("div", ke, [
-          h("button", {
+        d("div", Ee, [
+          d("button", {
             class: "action-btn primary",
-            onClick: A[0] || (A[0] = (I) => r(0))
+            onClick: k[0] || (k[0] = (I) => h(0))
           }, [
-            S(k, { name: "edit" }),
-            A[1] || (A[1] = F(" 手动标注 ", -1))
+            z(M, { name: "edit" }),
+            k[1] || (k[1] = O(" 手动标注 ", -1))
           ]),
-          h("button", {
+          d("button", {
             class: "action-btn success",
-            onClick: d
+            onClick: g
           }, [
-            S(k, { name: "download" }),
-            A[2] || (A[2] = F(" 导出 ", -1))
+            z(M, { name: "download" }),
+            k[2] || (k[2] = O(" 导出 ", -1))
           ])
         ])
-      ])) : (p(), x("div", Se, [
-        h("div", Ie, [
-          h("div", ze, [
-            h("button", {
+      ])) : (x(), b("div", Ve, [
+        d("div", Ne, [
+          d("div", Je, [
+            d("button", {
               class: "back-btn",
               onClick: m
             }, [
-              S(k, { name: "back" }),
-              A[3] || (A[3] = F(" 返回列表 ", -1))
+              z(M, { name: "back" }),
+              k[3] || (k[3] = O(" 返回列表 ", -1))
             ]),
-            h("span", Me, "正在标注: " + z(o.value + 1) + " / " + z(n.value.length), 1)
+            d("span", je, "正在标注: " + H(r.value + 1) + " / " + H(o.value.length), 1)
           ])
         ]),
-        h("div", He, [
-          S(oe, {
+        d("div", We, [
+          z(we, {
             ref_key: "annotatorRef",
             ref: i,
-            batchImages: n.value,
+            batchImages: o.value,
             labels: v.labels,
             annotationTypes: ["rectangle", "polygon", "point", "rotatedRect"],
             onBatchChange: u,
             onAnnotationChange: f,
-            onLabelChange: y
+            onLabelChange: p
           }, null, 8, ["batchImages", "labels"])
         ])
       ]))
     ]));
   }
-}), $e = /* @__PURE__ */ B(Le, [["__scopeId", "data-v-87f3e002"]]);
+}), Ge = /* @__PURE__ */ J(qe, [["__scopeId", "data-v-87f3e002"]]);
 export {
-  $e as BatchAnnotator,
-  oe as ImageAnnotator,
-  $e as default
+  Ge as BatchAnnotator,
+  we as ImageAnnotator,
+  Ge as default
 };