luo-image-annotator 0.0.15 → 0.0.17

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 kt, nextTick as at, watch as K, createElementVNode as h, toDisplayString as z, Fragment as N, renderList as J, normalizeStyle as U, createCommentVNode as B, createVNode as R, withModifiers as It, createBlock as vt, withDirectives as ft, vModelText as mt, createTextVNode as lt } from "vue";
-const pt = (w, t) => Math.sqrt(Math.pow(w.x - t.x, 2) + Math.pow(w.y - t.y, 2)), re = (w, t) => {
+var le = (x, t, n) => t in x ? ae(x, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : x[t] = n;
+var T = (x, t, n) => le(x, 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 = (x, t) => Math.sqrt(Math.pow(x.x - t.x, 2) + Math.pow(x.y - t.y, 2)), re = (x, t) => {
   let n = !1;
-  for (let e = 0, l = t.length - 1; e < t.length; l = e++) {
-    const o = t[e].x, c = t[e].y, g = t[l].x, u = t[l].y;
-    c > w.y != u > w.y && w.x < (g - o) * (w.y - c) / (u - c) + o && (n = !n);
+  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 > x.y != u > x.y && x.x < (g - o) * (x.y - c) / (u - c) + o && (n = !n);
   }
   return n;
-}, At = (w, t, n) => {
-  const e = n * (Math.PI / 180), l = Math.cos(e), o = Math.sin(e), c = w.x - t.x, g = w.y - t.y;
+}, At = (x, t, n) => {
+  const e = n * (Math.PI / 180), a = Math.cos(e), o = Math.sin(e), c = x.x - t.x, g = x.y - t.y;
   return {
-    x: t.x + (c * l - g * o),
-    y: t.y + (c * o + g * l)
+    x: t.x + (c * a - g * o),
+    y: t.y + (c * o + g * a)
   };
 };
 class he {
@@ -89,8 +89,8 @@ class he {
   zoom(t) {
     const e = t > 0 ? this.scale * 1.1 : this.scale / 1.1;
     if (e < 0.1 || e > 10) return;
-    const l = this.canvas.width / 2, o = this.canvas.height / 2, c = this.toImageCoords(l, o);
-    this.scale = e, this.offset.x = l - c.x * this.scale, this.offset.y = o - c.y * this.scale, this.clampViewportOffset(), this.render();
+    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();
   }
   resize() {
     this.fitImageToCanvas(), this.render();
@@ -120,18 +120,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 l = -t + e, o = this.canvas.width - e;
-      this.offset.x = Math.min(o, Math.max(l, this.offset.x));
+      const a = -t + e, o = this.canvas.width - e;
+      this.offset.x = Math.min(o, Math.max(a, this.offset.x));
     } else {
-      const l = this.canvas.width - t - e, o = e;
-      this.offset.x = Math.min(o, Math.max(l, this.offset.x));
+      const a = this.canvas.width - t - e, o = e;
+      this.offset.x = Math.min(o, Math.max(a, this.offset.x));
     }
     if (n <= this.canvas.height) {
-      const l = -n + e, o = this.canvas.height - e;
-      this.offset.y = Math.min(o, Math.max(l, this.offset.y));
+      const a = -n + e, o = this.canvas.height - e;
+      this.offset.y = Math.min(o, Math.max(a, this.offset.y));
     } else {
-      const l = this.canvas.height - n - e, o = e;
-      this.offset.y = Math.min(o, Math.max(l, this.offset.y));
+      const a = this.canvas.height - n - e, o = e;
+      this.offset.y = Math.min(o, Math.max(a, this.offset.y));
     }
   }
   // --- 事件处理 ---
@@ -153,19 +153,19 @@ class he {
     }
   }
   handleMouseDown(t) {
-    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, l = t.clientY - n.top, o = this.toImageCoords(e, l);
+    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, a = t.clientY - n.top, o = this.toImageCoords(e, a);
     if (this.interactionMode === "pan") {
-      this.isPanning = !0, this.panStartPoint = { x: e, y: l }, this.canvas.style.cursor = "grabbing";
+      this.isPanning = !0, this.panStartPoint = { x: e, y: a }, this.canvas.style.cursor = "grabbing";
       return;
     }
     if (this.interactionMode === "select" && this.activeAnnotation) {
-      const u = this.getHitHandle(e, l, this.activeAnnotation);
+      const u = this.getHitHandle(e, a, 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, l) : null;
+    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();
       return;
@@ -203,10 +203,10 @@ class he {
     this.activeAnnotation = null, this.render();
   }
   handleMouseMove(t) {
-    const n = this.canvas.getBoundingClientRect(), e = t.clientX - n.left, l = t.clientY - n.top, o = this.toImageCoords(e, l);
+    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 c = e - this.panStartPoint.x, g = l - this.panStartPoint.y;
-      this.offset.x += c, this.offset.y += g, this.clampViewportOffset(), this.panStartPoint = { x: e, y: l }, this.render();
+      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();
       return;
     }
     if (this.lastMouseMovePoint = o, this.isDrawing) {
@@ -219,7 +219,7 @@ class he {
           this.isHoveringStartPoint = !1;
       }
       this.updateDrawing(o);
-    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(o) : this.checkHover(e, l, o);
+    } else this.isDragging && this.activeAnnotation && this.dragStartPoint ? this.updateDragging(o) : this.checkHover(e, a, o);
     this.render();
   }
   handleMouseUp(t) {
@@ -244,8 +244,8 @@ class he {
   // 辅助函数：将 hex 转换为 rgba
   hexToRgba(t, n) {
     if (!t.startsWith("#")) return t;
-    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})`;
+    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;
@@ -300,8 +300,8 @@ class he {
         const n = this.activeAnnotation.coordinates;
         n.x2 = t.x, n.y2 = t.y;
       } else if (this.activeAnnotation.type === "rotatedRect" && this.dragStartPoint) {
-        const n = this.activeAnnotation.coordinates, e = Math.abs(t.x - this.dragStartPoint.x), l = Math.abs(t.y - this.dragStartPoint.y);
-        n.width = e * 2, n.height = l * 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() {
@@ -312,8 +312,8 @@ class he {
           this.activeAnnotation = null, this.isDrawing = !1;
           return;
         }
-        const n = Math.min(t.x1, t.x2), e = Math.max(t.x1, t.x2), 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 });
+        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;
@@ -337,43 +337,43 @@ class he {
     const n = t.x - this.dragStartPoint.x, e = t.y - this.dragStartPoint.y;
     this.selectedHandleIndex === -1 ? this.moveAnnotation(this.activeAnnotation, this.dragStartAnnotation, n, e) : this.resizeAnnotation(this.activeAnnotation, this.dragStartAnnotation, this.selectedHandleIndex, t);
   }
-  moveAnnotation(t, n, e, l) {
+  moveAnnotation(t, n, e, a) {
     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 + l, c.y2 = o.y2 + l;
+      c.x1 = o.x1 + e, c.x2 = o.x2 + e, c.y1 = o.y1 + a, c.y2 = o.y2 + a;
     } 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 + l }));
+      c.points = o.points.map((g) => ({ x: g.x + e, y: g.y + a }));
     } else if (t.type === "rotatedRect") {
       const o = n.coordinates, c = t.coordinates;
-      c.x = o.x + e, c.y = o.y + l;
+      c.x = o.x + e, c.y = o.y + a;
     } 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 + l }));
+      c.points = o.points.map((g) => ({ x: g.x + e, y: g.y + a }));
     } else if (t.type === "category") {
       const o = n.coordinates, c = t.coordinates;
-      o && c && (c.x = o.x + e, c.y = o.y + l);
+      o && c && (c.x = o.x + e, c.y = o.y + a);
     }
   }
-  resizeAnnotation(t, n, e, l) {
+  resizeAnnotation(t, n, e, a) {
     if (t.type === "rectangle") {
       const o = t.coordinates;
-      e === 0 && (o.x1 = l.x, o.y1 = l.y), e === 1 && (o.x2 = l.x, o.y1 = l.y), e === 2 && (o.x2 = l.x, o.y2 = l.y), e === 3 && (o.x1 = l.x, o.y2 = l.y);
+      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 o = t.coordinates;
-      e >= 0 && e < o.points.length && (o.points[e] = l);
+      e >= 0 && e < o.points.length && (o.points[e] = a);
     } else if (t.type === "point") {
       const o = t.coordinates;
-      e >= 0 && e < o.points.length && (o.points[e] = l);
+      e >= 0 && e < o.points.length && (o.points[e] = a);
     } else if (t.type === "rotatedRect") {
       const o = t.coordinates;
       if (e === -2) {
-        const c = o.x, g = o.y, u = l.x - c, r = l.y - g;
+        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;
       } else {
-        const c = o.angle * Math.PI / 180, g = Math.cos(-c), u = Math.sin(-c), r = l.x - o.x, k = l.y - o.y, x = r * g - k * u, D = r * u + k * g;
-        (e === 0 || e === 3) && (o.width / 2, o.width = Math.abs(x) * 2), (e === 1 || e === 2) && (o.width = Math.abs(x) * 2), (e === 0 || e === 1) && (o.height = Math.abs(D) * 2), (e === 2 || e === 3) && (o.height = Math.abs(D) * 2);
+        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, w = r * g - k * u, D = r * u + k * 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,16 +394,16 @@ class he {
       const e = n.coordinates;
       return re(t, e.points);
     } else if (n.type === "rotatedRect") {
-      const e = n.coordinates, l = At(t, { x: e.x, y: e.y }, -e.angle), o = e.width / 2, c = e.height / 2;
-      return l.x >= e.x - o && l.x <= e.x + o && l.y >= e.y - c && l.y <= e.y + c;
+      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;
     } else if (n.type === "point")
-      return n.coordinates.points.some((l) => pt(t, l) < 10 / this.scale);
+      return n.coordinates.points.some((a) => pt(t, a) < 10 / this.scale);
     return !1;
   }
   getHitHandle(t, n, e) {
-    const l = this.getAnnotationHandles(e), o = 6;
-    for (let c = 0; c < l.length; c++) {
-      const g = l[c], u = this.toScreenCoords(g.x, g.y);
+    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);
       if (Math.abs(t - u.x) < o && Math.abs(n - u.y) < o)
         return e.type === "rotatedRect" && c === 4 ? -2 : c;
     }
@@ -428,16 +428,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 }, l = n.width / 2, o = n.height / 2, c = { x: n.x - l, y: n.y - o }, g = { x: n.x + l, y: n.y - o }, u = { x: n.x + l, y: n.y + o }, r = { x: n.x - l, y: n.y + o }, k = { x: n.x, y: n.y - o - 20 / this.scale };
-        return [c, g, u, r, k].map((x) => At(x, e, n.angle));
+        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((w) => At(w, e, n.angle));
       }
     }
     return [];
   }
   checkHover(t, n, e) {
-    const l = this.getHitCategory(t, n);
-    if (l) {
-      this.canvas.style.cursor = "pointer", this.hoverAnnotation = l;
+    const a = this.getHitCategory(t, n);
+    if (a) {
+      this.canvas.style.cursor = "pointer", this.hoverAnnotation = a;
       return;
     }
     if (this.activeAnnotation && this.getHitHandle(t, n, this.activeAnnotation) !== -100) {
@@ -448,7 +448,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,24 +463,24 @@ class he {
     const n = 12;
     t.forEach((e) => {
       var _;
-      const l = e.label || "未命名分类", o = this.ctx.measureText(l).width + n * 2, c = 28, g = this.activeAnnotation === e, u = this.hoverAnnotation === e;
+      const a = e.label || "未命名分类", o = this.ctx.measureText(a).width + n * 2, c = 28, g = this.activeAnnotation === e, u = this.hoverAnnotation === e;
       let r = { x: 20, y: 20 };
       e.coordinates && typeof e.coordinates.x == "number" && typeof e.coordinates.y == "number" && (r = this.toScreenCoords(e.coordinates.x, e.coordinates.y));
-      const k = r.x - o / 2, x = r.y - c / 2, D = ((_ = e.style) == null ? void 0 : _.strokeColor) || "#2196F3";
-      this.ctx.fillStyle = g ? D : this.hexToRgba(D, 0.85), u && !g && (this.ctx.fillStyle = D), g ? (this.ctx.strokeStyle = "#ffffff", this.ctx.lineWidth = 2) : (this.ctx.strokeStyle = "transparent", this.ctx.lineWidth = 0), this.ctx.beginPath(), this.ctx.roundRect(k, x, o, c, 6), this.ctx.fill(), g && (this.ctx.stroke(), this.ctx.save(), this.ctx.strokeStyle = D, this.ctx.lineWidth = 2, this.ctx.strokeRect(k - 3, x - 3, o + 6, c + 6), this.ctx.restore()), this.ctx.fillStyle = "#ffffff", this.ctx.fillText(l, r.x, r.y);
+      const k = r.x - o / 2, w = 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, w, 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, w - 3, o + 6, c + 6), this.ctx.restore()), this.ctx.fillStyle = "#ffffff", this.ctx.fillText(a, 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 l = 12, o = 28;
+    const a = 12, o = 28;
     let c = null;
     for (let g = e.length - 1; g >= 0; g--) {
-      const u = e[g], r = u.label || "未命名分类", k = this.ctx.measureText(r).width + l * 2;
-      let x = { x: 20, y: 20 };
-      u.coordinates && typeof u.coordinates.x == "number" && typeof u.coordinates.y == "number" && (x = this.toScreenCoords(u.coordinates.x, u.coordinates.y));
-      const D = x.x - k / 2, _ = x.y - o / 2;
+      const u = e[g], r = u.label || "未命名分类", k = this.ctx.measureText(r).width + a * 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 - k / 2, _ = w.y - o / 2;
       if (t >= D && t <= D + k && n >= _ && n <= _ + o) {
         c = u;
         break;
@@ -489,10 +493,10 @@ class he {
     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", l = n ? "#00E5FF" : e;
-    if (this.ctx.strokeStyle = l, this.ctx.lineWidth = 2, t.type === "rectangle") {
-      const c = t.coordinates, g = this.toScreenCoords(c.x1, c.y1), u = this.toScreenCoords(c.x2, c.y2), r = Math.min(g.x, u.x), k = Math.min(g.y, u.y), x = Math.abs(g.x - u.x), D = Math.abs(g.y - u.y);
-      this.ctx.strokeRect(r, k, x, D), n && this.drawHandles(this.getAnnotationHandles(t));
+    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), w = Math.abs(g.x - u.x), D = Math.abs(g.y - u.y);
+      this.ctx.strokeRect(r, k, w, D), n && this.drawHandles(this.getAnnotationHandles(t));
     } else if (t.type === "polygon") {
       const c = t.coordinates;
       if (c.points.length === 0) {
@@ -537,26 +541,26 @@ 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(x) {
+    const t = x, 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 l = `../assets/svg/${t.name}.svg`, o = e[l];
-      o ? n.value = o : (console.warn(`Icon ${t.name} not found at path ${l}`), n.value = "");
-    }), (l, o) => (v(), m("i", {
-      class: X(["svg-icon", [w.size ? `size-${w.size}` : ""]]),
+      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", [x.size ? `size-${x.size}` : ""]]),
       innerHTML: n.value
     }, null, 10, Te));
   }
-}), rt = (w, t) => {
-  const n = w.__vccOpts || w;
-  for (const [e, l] of t)
-    n[e] = l;
+}), rt = (x, t) => {
+  const n = x.__vccOpts || x;
+  for (const [e, a] of t)
+    n[e] = a;
   return n;
 }, L = /* @__PURE__ */ rt(De, [["__scopeId", "data-v-3928607b"]]), Pe = {
   key: 0,
@@ -596,7 +600,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,13 +617,13 @@ 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, l = n, o = M(null), c = M(null), g = M(null), u = M([]), r = M(null), k = M(null), x = M(0), D = M(""), _ = M([]), $ = M(""), q = M(!1), C = M({ name: "", color: "#FF0000" }), S = M("none"), p = M([]), H = M({}), O = V(() => k.value === "select" && !!D.value), G = M(!1), Z = V(() => _.value.find((s) => s.id === $.value)), yt = (s) => {
+  setup(x, { expose: t, emit: n }) {
+    const e = x, a = n, o = M(null), c = M(null), g = M(null), u = M([]), r = M(null), k = M(null), w = 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)), xt = (s) => {
       s.stopPropagation(), G.value = !G.value;
     }, wt = (s) => {
       tt(s), G.value = !1;
     };
-    kt(() => {
+    yt(() => {
       document.addEventListener("click", (s) => {
         s.target.closest(".floating-label-selector") || (G.value = !1);
       });
@@ -628,10 +632,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 a = i.naturalWidth || 1, d = i.naturalHeight || 1;
+        const l = i.naturalWidth || 1, d = i.naturalHeight || 1;
         H.value = {
           ...H.value,
-          [s]: { width: a, height: d }
+          [s]: { width: l, height: d }
         };
       }, i.src = s;
     }, nt = () => {
@@ -640,10 +644,10 @@ 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, a = u.value[s];
-      if (!i || !a) return;
-      const d = i.scrollTop, f = d + i.clientHeight, A = a.offsetTop, P = A + a.offsetHeight;
+    }, Q = (s = w.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) {
         i.scrollTo({
           top: Math.max(A - 8, 0),
@@ -656,8 +660,8 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         behavior: "smooth"
       });
     }, j = () => {
-      var a, d, f, A;
-      const s = e.batchImages[x.value], i = (s == null ? void 0 : s.imageUrl) || ((a = e.image) == null ? void 0 : a.url);
+      var l, d, f, A;
+      const s = e.batchImages[w.value], i = (s == null ? void 0 : s.imageUrl) || ((l = e.image) == null ? void 0 : l.url);
       return {
         eventId: `${Date.now()}-${Math.random().toString(36).slice(2, 10)}`,
         timestamp: Date.now(),
@@ -670,13 +674,13 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       var d;
       const i = s == null ? void 0 : s.action;
       if (!i) return;
-      const a = {
+      const l = {
         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" && l("annotation:add", a), i === "update" && l("annotation:update", a), i === "delete" && l("annotation:delete", a), i === "select" && l("annotation:select", a);
+      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) => ({
       rectangle: "crop",
       polygon: "connection",
@@ -690,28 +694,28 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       rotatedRect: "旋转矩形",
       category: "分类标签"
     })[s] || s;
-    kt(() => {
+    yt(() => {
       if (nt(), o.value) {
         r.value = new he(o.value), r.value.on("annotationChange", (i) => {
-          var a, d;
+          var l, d;
           if (i.action === "add" && i.changedItem) {
             const f = _.value.find((A) => A.id === $.value);
             f && (i.changedItem.label = f.name, i.changedItem.labelId = f.id);
           }
-          i.action === "select" ? D.value = ((a = i.changedItem) == null ? void 0 : a.id) || "" : i.action === "delete" && ((d = i.changedItem) == null ? void 0 : d.id) === D.value && (D.value = ""), l("annotationChange", i), y(i);
+          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();
         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()), l("ready", { meta: j() });
+        c.value && s.observe(c.value), e.defaultActiveType && Y(e.defaultActiveType), at(() => Q()), a("ready", { meta: j() });
       }
     });
     const E = () => {
       if (!r.value) return;
-      const s = _.value.find((a) => a.id === $.value);
+      const s = _.value.find((l) => l.id === $.value);
       s && r.value.setLabelStyle(s.color);
-      const i = _.value.filter((a) => a.visible).map((a) => a.name);
+      const i = _.value.filter((l) => l.visible).map((l) => l.name);
       r.value.setVisibleLabels(i);
     }, W = () => {
       var s;
@@ -720,31 +724,31 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           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, a;
+      var i, l;
       if (k.value = s, D.value = "", s !== "pan" && s !== "select" && _.value.length === 0) {
         alert("请先创建标签！");
         return;
       }
-      s === "pan" || s === "select" ? (i = r.value) == null || i.setTool(s) : (a = r.value) == null || a.setTool(s), l("tool:change", { meta: j(), tool: s });
+      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 });
     }, St = () => {
       var s;
       (s = r.value) != null && s.activeAnnotation && r.value.deleteAnnotation(r.value.activeAnnotation.id);
-    }, xt = () => {
-      r.value && l("viewport:change", {
+    }, bt = () => {
+      r.value && a("viewport:change", {
         meta: j(),
         scale: r.value.scale,
         offset: { ...r.value.offset }
       });
     }, Mt = () => {
       var s;
-      (s = r.value) == null || s.zoom(1), xt();
+      (s = r.value) == null || s.zoom(1), bt();
     }, Tt = () => {
       var s;
-      (s = r.value) == null || s.zoom(-1), xt();
+      (s = r.value) == null || s.zoom(-1), bt();
     }, Dt = () => {
       C.value = { name: "", color: "#2196F3" }, q.value = !0;
     }, dt = () => {
@@ -760,65 +764,65 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         color: C.value.color,
         visible: !0
       };
-      _.value.push(i), l("labelChange", _.value), E(), _.value.length === 1 && tt(i), dt();
+      _.value.push(i), a("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) => {
       if (!s.startsWith("#")) return s;
-      let a = 0, d = 0, f = 0;
-      return s.length === 4 ? (a = parseInt(s[1] + s[1], 16), d = parseInt(s[2] + s[2], 16), f = parseInt(s[3] + s[3], 16)) : s.length === 7 && (a = parseInt(s.slice(1, 3), 16), d = parseInt(s.slice(3, 5), 16), f = parseInt(s.slice(5, 7), 16)), `rgba(${a}, ${d}, ${f}, ${i})`;
+      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) => {
       var i;
       if (s.id === $.value && ((i = r.value) == null || i.setLabelStyle(s.color)), r.value) {
-        const a = r.value.getAnnotations();
+        const l = r.value.getAnnotations();
         let d = !1;
-        a.forEach((f) => {
+        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);
         }), d && r.value.render();
       }
-      l("labelChange", _.value), E();
+      a("labelChange", _.value), E();
     }, Lt = (s) => {
       s.visible = !s.visible, E();
     }, Bt = (s) => {
-      const i = _.value.findIndex((a) => a.id === s);
-      i > -1 && (_.value.splice(i, 1), l("labelChange", _.value), $.value === s && ($.value = _.value.length > 0 ? _.value[0].id : "", $.value && tt(_.value[0])), E());
+      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());
     };
     K(() => e.labels, (s) => {
       const i = JSON.parse(JSON.stringify(s || []));
       if (_.value = i, _.value.length > 0)
-        if (!$.value || !_.value.find((a) => a.id === $.value))
+        if (!$.value || !_.value.find((l) => l.id === $.value))
           tt(_.value[0]);
         else {
-          const a = _.value.find((d) => d.id === $.value);
-          a && tt(a);
+          const l = _.value.find((d) => d.id === $.value);
+          l && tt(l);
         }
       else
         $.value = "";
       E();
     }, { immediate: !0, deep: !0 });
     const Rt = () => {
-      x.value > 0 && (gt(), x.value--, W(), ut());
+      w.value > 0 && (gt(), w.value--, W(), ut());
     }, Ht = () => {
-      x.value < e.batchImages.length - 1 && (gt(), x.value++, W(), ut());
+      w.value < e.batchImages.length - 1 && (gt(), w.value++, W(), 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];
-      l("batchChange", {
-        currentIndex: x.value,
+      const s = e.batchImages[w.value];
+      a("batchChange", {
+        currentIndex: w.value,
         total: e.batchImages.length,
         currentImageUrl: s.imageUrl,
         currentAnnotations: s.annotations || []
       });
-    }, bt = (s = []) => {
+    }, Ct = (s = []) => {
       var f;
       if (!r.value) return;
       if (p.value = JSON.parse(JSON.stringify(s)), p.value.length === 0) {
@@ -826,11 +830,11 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         return;
       }
       S.value = "loaded";
-      const a = (r.value.getAnnotations() || []).filter((A) => !A.predictionId), d = p.value.map((A) => {
+      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;
       });
-      r.value.setAnnotations([...a, ...d]), l("prediction:loaded", {
+      r.value.setAnnotations([...l, ...d]), a("prediction:loaded", {
         meta: j(),
         modelRunId: (f = p.value[0]) == null ? void 0 : f.modelRunId,
         candidates: p.value
@@ -842,7 +846,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       const d = (r.value.getAnnotations() || []).filter((A) => A.predictionId && s.includes(A.predictionId));
       return d.forEach((A) => {
         A.reviewStatus = "accepted";
-      }), S.value = "applied", l("prediction:apply", {
+      }), S.value = "applied", a("prediction:apply", {
         meta: j(),
         modelRunId: (f = d[0]) == null ? void 0 : f.modelRunId,
         candidateIds: s,
@@ -852,10 +856,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, Ot = (s, i) => {
       var f;
       if (!r.value) return;
-      const a = r.value.getAnnotations() || [], d = a.filter((A) => !(A.predictionId && s.includes(A.predictionId)));
-      r.value.setAnnotations(d), l("prediction:reject", {
+      const l = r.value.getAnnotations() || [], d = l.filter((A) => !(A.predictionId && s.includes(A.predictionId)));
+      r.value.setAnnotations(d), a("prediction:reject", {
         meta: j(),
-        modelRunId: (f = a.find((A) => A.predictionId && s.includes(A.predictionId))) == null ? void 0 : f.modelRunId,
+        modelRunId: (f = l.find((A) => A.predictionId && s.includes(A.predictionId))) == null ? void 0 : f.modelRunId,
         candidateIds: s,
         reason: i
       });
@@ -864,40 +868,40 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     }, Nt = (s) => {
       var i;
       (i = r.value) == null || i.setAnnotations(s);
-    }, Ct = () => {
+    }, _t = () => {
       var s;
       return ((s = r.value) == null ? void 0 : s.getAnnotations()) || [];
     }, Wt = (s = "json") => {
-      var a, d;
-      const i = Ct();
+      var l, d;
+      const i = _t();
       return {
         format: s,
-        image: ((a = e.batchImages[x.value]) == null ? void 0 : a.imageUrl) || ((d = e.image) == null ? void 0 : d.url) || "",
+        image: ((l = e.batchImages[w.value]) == null ? void 0 : l.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, W(), 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 a, d;
-      const i = (a = _.value.find((f) => f.name === s.label)) == null ? void 0 : a.color;
+      var l, d;
+      const i = (l = _.value.find((f) => f.name === s.label)) == null ? void 0 : l.color;
       return ((d = s.style) == null ? void 0 : d.strokeColor) || i || "#409eff";
-    }, _t = (s) => {
+    }, kt = (s) => {
       const i = s.coordinates;
       return (i == null ? void 0 : i.points) || [];
     }, st = (s) => {
       const i = e.batchImages[s];
       if (i != null && i.width && (i != null && i.height))
         return { width: i.width, height: i.height };
-      const a = i != null && i.imageUrl ? H.value[i.imageUrl] : void 0;
-      return a || (i != null && i.imageUrl && it(i.imageUrl), { width: 1, height: 1 });
+      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 });
     }, 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 a = i.coordinates, d = st(s), f = et(i), A = Math.min(a.x1, a.x2), P = Math.min(a.y1, a.y2), ne = Math.max(a.x1, a.x2), oe = Math.max(a.y1, a.y2);
+      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);
       return {
         left: `${A / d.width * 100}%`,
         top: `${P / d.height * 100}%`,
@@ -907,8 +911,8 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         backgroundColor: `${f}22`
       };
     }, Qt = (s, i) => {
-      const a = st(s);
-      return _t(i).map((d) => `${d.x / a.width * 100},${d.y / a.height * 100}`).join(" ");
+      const l = st(s);
+      return kt(i).map((d) => `${d.x / l.width * 100},${d.y / l.height * 100}`).join(" ");
     }, te = (s) => {
       const i = et(s);
       return {
@@ -916,29 +920,29 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         stroke: i,
         strokeWidth: "1.4"
       };
-    }, ee = (s, i, a) => {
-      const d = st(s), f = et(a);
+    }, ee = (s, i, l) => {
+      const d = st(s), f = et(l);
       return {
         left: `${i.x / d.width * 100}%`,
         top: `${i.y / d.height * 100}%`,
         backgroundColor: f
       };
     }, se = (s, i) => {
-      const a = i.coordinates, d = st(s), f = et(i), A = Math.abs(a.width), P = Math.abs(a.height);
+      const l = i.coordinates, d = st(s), f = et(i), A = Math.abs(l.width), P = Math.abs(l.height);
       return {
-        left: `${(a.x - A / 2) / d.width * 100}%`,
-        top: `${(a.y - P / 2) / d.height * 100}%`,
+        left: `${(l.x - A / 2) / d.width * 100}%`,
+        top: `${(l.y - P / 2) / d.height * 100}%`,
         width: `${A / d.width * 100}%`,
         height: `${P / d.height * 100}%`,
-        transform: `rotate(${a.angle || 0}deg)`,
+        transform: `rotate(${l.angle || 0}deg)`,
         borderColor: f,
         backgroundColor: `${f}22`
       };
     }, ie = (s, i) => {
-      const a = i.coordinates, d = st(s), f = et(i);
+      const l = i.coordinates, d = st(s), f = et(i);
       return {
-        left: `${a.x / d.width * 100}%`,
-        top: `${a.y / d.height * 100}%`,
+        left: `${l.x / d.width * 100}%`,
+        top: `${l.y / d.height * 100}%`,
         backgroundColor: `${f}d9`
         // ~85% opacity
       };
@@ -947,9 +951,9 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       jumpTo: ot,
       setImage: Ft,
       setAnnotations: Nt,
-      getAnnotations: Ct,
+      getAnnotations: _t,
       selectTool: Y,
-      loadPredictionCandidates: bt,
+      loadPredictionCandidates: Ct,
       applyPredictions: Vt,
       rejectPredictions: Ot,
       exportAnnotations: Wt,
@@ -961,10 +965,10 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         }];
       },
       getCurrentAnnotation: () => {
-        var s, i, a;
+        var s, i, l;
         return {
-          imageUrl: ((s = e.batchImages[x.value]) == null ? void 0 : s.imageUrl) || ((i = e.image) == null ? void 0 : i.url) || "",
-          annotations: ((a = r.value) == null ? void 0 : a.getAnnotations()) || []
+          imageUrl: ((s = e.batchImages[w.value]) == null ? void 0 : s.imageUrl) || ((i = e.image) == null ? void 0 : i.url) || "",
+          annotations: ((l = r.value) == null ? void 0 : l.getAnnotations()) || []
         };
       }
     }), K(() => {
@@ -974,7 +978,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       var s;
       e.batchImages.length === 0 && ((s = e.image) != null && s.url) && W();
     }), K(() => e.predictionCandidates, (s) => {
-      s && bt(s);
+      s && Ct(s);
     }, { immediate: !0, deep: !0 }), K(
       () => e.batchImages.map((s) => `${s.imageUrl}:${s.width || ""}x${s.height || ""}`),
       () => {
@@ -982,30 +986,30 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       },
       { immediate: !0 }
     ), K(
-      () => x.value,
+      () => w.value,
       () => {
         at(() => Q());
       }
     ), (s, i) => (v(), m("div", {
-      class: X(["annotation-container", w.theme])
+      class: X(["annotation-container", x.theme])
     }, [
-      w.batchImages && w.batchImages.length > 0 ? (v(), m("div", Pe, [
-        h("div", ze, "共 " + z(w.batchImages.length) + " 张", 1),
+      x.batchImages && x.batchImages.length > 0 ? (v(), m("div", Pe, [
+        h("div", ze, "共 " + z(x.batchImages.length) + " 张", 1),
         h("div", {
           ref_key: "imageListScrollRef",
           ref: g,
           class: "image-list-scroll"
         }, [
-          (v(!0), m(N, null, J(w.batchImages, (a, d) => (v(), m("button", {
-            key: `${a.imageUrl}-${d}`,
+          (v(!0), m(N, null, J(x.batchImages, (l, d) => (v(), m("button", {
+            key: `${l.imageUrl}-${d}`,
             ref_for: !0,
             ref: (f) => ht(f, d),
-            class: X(["image-list-item", { active: d === x.value }]),
+            class: X(["image-list-item", { active: d === w.value }]),
             onClick: (f) => ot(d)
           }, [
             h("div", Le, [
               h("img", {
-                src: a.imageUrl,
+                src: l.imageUrl,
                 alt: `第${d + 1}张`,
                 class: "image-list-thumb"
               }, null, 8, Be),
@@ -1022,7 +1026,7 @@ 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(_t(f), (A, P) => (v(), m("div", {
+                  ])) : jt(f) ? (v(!0), m(N, { key: 2 }, J(kt(f), (A, P) => (v(), m("div", {
                     key: `${f.id}-${P}`,
                     class: "thumb-overlay-point",
                     style: U(ee(d, A, f))
@@ -1043,30 +1047,30 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         ], 512)
       ])) : B("", !0),
       h("div", Ve, [
-        w.readOnly ? B("", !0) : (v(), m("div", Oe, [
+        x.readOnly ? B("", !0) : (v(), m("div", Oe, [
           h("div", {
             class: X(["tool-btn", { active: k.value === "pan" }]),
-            onClick: i[0] || (i[0] = (a) => Y("pan")),
+            onClick: i[0] || (i[0] = (l) => Y("pan")),
             title: "拖动"
           }, [
             R(L, { name: "rank" })
           ], 2),
           h("div", {
             class: X(["tool-btn", { active: k.value === "select" }]),
-            onClick: i[1] || (i[1] = (a) => Y("select")),
+            onClick: i[1] || (i[1] = (l) => Y("select")),
             title: "选择"
           }, [
             R(L, { name: "pointer" })
           ], 2),
           i[5] || (i[5] = h("div", { class: "divider" }, null, -1)),
-          (v(!0), m(N, null, J(b.value, (a) => (v(), m("div", {
-            key: a,
-            class: X(["tool-btn", { active: k.value === a }]),
-            onClick: (d) => Y(a),
-            title: F(a)
+          (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)
           }, [
             R(L, {
-              name: I(a)
+              name: I(l)
             }, null, 8, ["name"])
           ], 10, Fe))), 128)),
           i[6] || (i[6] = h("div", { class: "divider" }, null, -1)),
@@ -1107,10 +1111,10 @@ 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, [
+          x.readOnly ? B("", !0) : (v(), m("div", Ge, [
             h("div", {
               class: "selector-trigger",
-              onClick: yt
+              onClick: xt
             }, [
               Z.value ? (v(), m("div", Ye, [
                 h("span", {
@@ -1127,17 +1131,17 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
               }, null, 8, ["class"])
             ]),
             G.value ? (v(), m("div", Xe, [
-              _.value.length === 0 ? (v(), m("div", qe, "请在右侧创建标签")) : (v(!0), m(N, { key: 1 }, J(_.value, (a) => (v(), m("div", {
-                key: a.id,
-                class: X(["dropdown-item", { active: $.value === a.id }]),
-                onClick: (d) => wt(a)
+              _.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) => wt(l)
               }, [
                 h("span", {
                   class: "color-dot",
-                  style: U({ backgroundColor: a.color })
+                  style: U({ backgroundColor: l.color })
                 }, null, 4),
-                h("span", Ze, z(a.name), 1),
-                $.value === a.id ? (v(), vt(L, {
+                h("span", Ze, z(l.name), 1),
+                $.value === l.id ? (v(), vt(L, {
                   key: 0,
                   name: "aim",
                   class: "check-icon"
@@ -1146,11 +1150,11 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
             ])) : B("", !0)
           ]))
         ], 544),
-        w.batchImages && w.batchImages.length > 0 ? (v(), m("div", Qe, [
+        x.batchImages && x.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" })
@@ -1158,16 +1162,16 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           h("button", {
             class: "icon-btn",
             onClick: Rt,
-            disabled: x.value <= 0,
+            disabled: w.value <= 0,
             title: "上一张"
           }, [
             R(L, { name: "back" })
           ], 8, es),
-          h("span", null, z(x.value + 1) + " / " + z(w.batchImages.length), 1),
+          h("span", null, z(w.value + 1) + " / " + z(x.batchImages.length), 1),
           h("button", {
             class: "icon-btn",
             onClick: Ht,
-            disabled: x.value >= w.batchImages.length - 1,
+            disabled: w.value >= x.batchImages.length - 1,
             title: "下一张"
           }, [
             R(L, { name: "right" })
@@ -1175,14 +1179,14 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           h("button", {
             class: "icon-btn",
             onClick: Ut,
-            disabled: x.value >= w.batchImages.length - 1,
+            disabled: w.value >= x.batchImages.length - 1,
             title: "最后一张"
           }, [
             R(L, { name: "last" })
           ], 8, is)
         ])) : B("", !0)
       ]),
-      w.readOnly ? B("", !0) : (v(), m("div", ns, [
+      x.readOnly ? B("", !0) : (v(), m("div", ns, [
         h("div", { class: "sidebar-header" }, [
           i[8] || (i[8] = h("h3", null, "标签", -1)),
           h("button", {
@@ -1191,34 +1195,34 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
           }, "添加标签")
         ]),
         h("div", os, [
-          (v(!0), m(N, null, J(_.value, (a) => (v(), m("div", {
-            key: a.id,
+          (v(!0), m(N, null, J(_.value, (l) => (v(), m("div", {
+            key: l.id,
             class: "label-item",
-            style: U({ backgroundColor: a.color + "1A", color: a.color })
+            style: U({ backgroundColor: l.color + "1A", color: l.color })
           }, [
             h("div", as, [
               h("label", {
                 class: "color-wrapper",
-                style: U({ backgroundColor: a.color })
+                style: U({ backgroundColor: l.color })
               }, [
                 ft(h("input", {
                   type: "color",
-                  "onUpdate:modelValue": (d) => a.color = d,
-                  onChange: (d) => $t(a),
+                  "onUpdate:modelValue": (d) => l.color = d,
+                  onChange: (d) => $t(l),
                   style: { visibility: "hidden", width: "0", height: "0" }
                 }, null, 40, ls), [
-                  [mt, a.color]
+                  [mt, l.color]
                 ])
               ], 4),
               h("span", {
                 class: "label-name",
-                title: a.name
-              }, z(a.name), 9, cs),
+                title: l.name
+              }, z(l.name), 9, cs),
               h("span", {
                 class: "action-icon eye",
-                onClick: (d) => Lt(a)
+                onClick: (d) => Lt(l)
               }, [
-                a.visible ? (v(), vt(L, {
+                l.visible ? (v(), vt(L, {
                   key: 0,
                   name: "view"
                 })) : (v(), vt(L, {
@@ -1230,7 +1234,7 @@ 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(a.id),
+                  onClick: (d) => Bt(l.id),
                   title: "删除"
                 }, [
                   R(L, { name: "delete" })
@@ -1256,7 +1260,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] = (a) => C.value.name = a),
+                "onUpdate:modelValue": i[3] || (i[3] = (l) => C.value.name = l),
                 placeholder: "请输入标签名称",
                 class: "modal-input",
                 autofocus: ""
@@ -1273,7 +1277,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
                 }, [
                   ft(h("input", {
                     type: "color",
-                    "onUpdate:modelValue": i[4] || (i[4] = (a) => C.value.color = a),
+                    "onUpdate:modelValue": i[4] || (i[4] = (l) => C.value.color = l),
                     class: "modal-color-picker"
                   }, null, 512), [
                     [mt, C.value.color]
@@ -1292,13 +1296,13 @@ 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)
     ], 2));
   }
-}), bs = /* @__PURE__ */ rt(xs, [["__scopeId", "data-v-914fe07d"]]), Cs = {
+}), bs = /* @__PURE__ */ rt(ws, [["__scopeId", "data-v-914fe07d"]]), 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 = {
@@ -1315,9 +1319,9 @@ 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), l = M(0), o = M(0), c = () => {
-      n.value && (l.value = n.value.naturalWidth, o.value = n.value.naturalHeight, e.value = !0);
+  setup(x) {
+    const t = x, 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) => {
       var S;
       if ((S = C.style) != null && S.strokeColor) return C.style.strokeColor;
@@ -1326,12 +1330,12 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         if (p) return p.color;
       }
       return "#FF0000";
-    }, x = (C) => {
+    }, w = (C) => {
       const S = C.coordinates, p = Math.min(S.x1, S.x2), H = Math.min(S.y1, S.y2), O = Math.abs(S.x1 - S.x2), G = Math.abs(S.y1 - S.y2);
       return { x: p, y: H, width: O, height: G };
     }, D = (C) => C.coordinates.points.map((p) => `${p.x},${p.y}`).join(" "), _ = (C) => {
       if (C.type === "rectangle") {
-        const S = x(C);
+        const S = w(C);
         return { x: S.x, y: S.y - 5 };
       } else if (C.type === "polygon") {
         const S = C.coordinates.points;
@@ -1354,27 +1358,27 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       h("img", {
         ref_key: "img",
         ref: n,
-        src: w.src,
+        src: x.src,
         class: "thumbnail-image",
-        style: U({ objectFit: w.fit }),
+        style: U({ objectFit: x.fit }),
         onLoad: c,
-        alt: w.alt
+        alt: x.alt
       }, null, 44, _s),
       e.value ? (v(), m("svg", {
         key: 0,
         class: "annotation-overlay",
-        viewBox: `0 0 ${l.value} ${o.value}`,
+        viewBox: `0 0 ${a.value} ${o.value}`,
         preserveAspectRatio: g.value
       }, [
-        (v(!0), m(N, null, J(w.annotations, (p) => (v(), m(N, {
+        (v(!0), m(N, null, J(x.annotations, (p) => (v(), m(N, {
           key: p.id
         }, [
           p.type === "rectangle" ? (v(), m("rect", {
             key: 0,
-            x: x(p).x,
-            y: x(p).y,
-            width: x(p).width,
-            height: x(p).height,
+            x: w(p).x,
+            y: w(p).y,
+            width: w(p).width,
+            height: w(p).height,
             stroke: k(p),
             "stroke-width": u.value,
             fill: "transparent"
@@ -1453,8 +1457,8 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
     thumbFontSize: {}
   },
   emits: ["export", "update:images", "imageClick", "update:labels", "pageChange"],
-  setup(w, { expose: t, emit: n }) {
-    const e = w, l = n, o = M("gallery"), c = M([]), g = M([]), u = M(0), r = M(null), k = M(null), x = M(null), D = V(() => {
+  setup(x, { expose: t, emit: n }) {
+    const e = x, a = n, o = M("gallery"), c = M([]), g = M([]), u = M(0), r = M(null), k = M(null), w = M(null), D = V(() => {
       var y, b;
       return ((b = (y = e.actionBar) == null ? void 0 : y.annotateButton) == null ? void 0 : b.show) === !0;
     }), _ = V(() => {
@@ -1495,13 +1499,15 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       backgroundColor: y.color + "1A"
       // 1A represents ~10% opacity in hex
     });
-    K(() => e.images, (y) => {
+    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 || []));
     }, { immediate: !0, deep: !0 });
     const O = (y) => {
-      u.value = y, o.value = "editor", l("pageChange", { nowPage: "editPage" }), x.value && (x.value.scrollTop = 0), at(() => {
+      u.value = y, o.value = "editor", a("pageChange", { nowPage: "editPage" }), w.value && (w.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);
@@ -1512,7 +1518,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         O(y);
         return;
       }
-      l("imageClick", { index: y, imageId: b.id, image: b });
+      a("imageClick", { index: y, imageId: b.id, image: b });
     }, Z = (y) => c.value.findIndex((b) => b.id === y);
     t({
       openImageById: (y) => {
@@ -1524,7 +1530,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         if (b < 0)
           return !1;
         const I = c.value[b];
-        return I ? (l("imageClick", { index: b, imageId: I.id, image: I }), !0) : !1;
+        return I ? (a("imageClick", { index: b, imageId: I.id, image: I }), !0) : !1;
       },
       getFinalData: () => ({
         images: JSON.parse(JSON.stringify(c.value)),
@@ -1536,18 +1542,18 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
         const y = r.value.getCurrentAnnotation();
         c.value[u.value] && (c.value[u.value].annotations = y.annotations);
       }
-      o.value = "gallery", l("pageChange", { nowPage: "listPage" });
+      o.value = "gallery", a("pageChange", { nowPage: "listPage" });
     }, nt = () => {
-      l("export", c.value);
+      a("export", c.value);
     }, ht = (y) => {
       u.value = y.currentIndex, c.value[y.currentIndex] && (c.value[y.currentIndex].annotations = y.currentAnnotations);
     }, Q = (y) => {
       if (r.value && r.value.getCurrentAnnotation) {
         const b = r.value.getCurrentAnnotation();
-        c.value[u.value] && (c.value[u.value].annotations = b.annotations, l("update:images", c.value));
+        c.value[u.value] && (c.value[u.value].annotations = b.annotations, a("update:images", c.value));
       }
     }, j = (y) => {
-      g.value = JSON.parse(JSON.stringify(y || [])), l("update:labels", g.value);
+      g.value = JSON.parse(JSON.stringify(y || [])), a("update:labels", g.value);
     };
     return (y, b) => (v(), m("div", {
       ref_key: "batchRootRef",
@@ -1594,7 +1600,7 @@ 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", {
@@ -1670,7 +1676,7 @@ const de = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//D
       ]))
     ], 512));
   }
-}), ii = /* @__PURE__ */ rt(ti, [["__scopeId", "data-v-701c81a6"]]);
+}), ii = /* @__PURE__ */ rt(ti, [["__scopeId", "data-v-5bb1d03b"]]);
 export {
   ii as BatchAnnotator,
   bs as ImageAnnotator,