@glodon-aiot/dataset-annotation 3.13.0-alpha.29 → 3.14.0-alpha.31

package/dist/es/components/VLMAnnotation/constants.mjs

@@ -1,50 +1,57 @@
-const _ = 20, E = 0.1, O = 0.999, T = 0.01, L = 100, R = 2, C = "#EAD4FF", A = "rgba(156, 36, 242, 0.1)", I = "rgba(156, 36, 242, 0.05)", n = "transparent", s = "rgba(0, 0, 0, 0)", N = [5, 5], t = "vlm-label-maker-canvas", c = 300, o = 0.7, S = 0.05, F = 0.95, M = "rect", D = "区域", a = "区域1", P = "Arial, sans-serif", r = 12, U = 4, G = 3, X = 3, g = 1.5, H = 0.5, b = 8e-3, Y = "rgba(156, 36, 242, 0.2)", K = "rgba(156, 36, 242, 0.5)", e = "#9C24F2", Z = "rgba(156, 36, 242, 0.2)", B = "rgba(156, 36, 242, 0.2)", l = "rgba(156, 36, 242, 0.5)", W = "rgba(0, 255, 0, 0.2)", i = 300, m = "#9C24F2", p = 6, V = 36, v = 20, f = 24, k = "#9C24F2", x = "image/png", d = "确认删除", h = "确定要删除此标注区域吗？", j = "确定", q = "取消";
+const _ = 8, E = 0.1, O = 0.999, T = 0.01, R = 100, L = 2, C = "#EAD4FF", A = "#9C24F2", I = "rgba(156, 36, 242, 0.1)", n = "rgba(156, 36, 242, 0.05)", s = "transparent", t = "rgba(0, 0, 0, 0)", N = [5, 5], c = "vlm-label-maker-canvas", o = 300, S = 0.7, F = 0.05, D = 0.95, M = "rect", a = "区域", r = "区域1", P = "Arial, sans-serif", H = 12, U = 4, X = 3, G = 3, g = 1.5, Y = 0.5, b = 3e-3, K = "rgba(156, 36, 242, 0.2)", Z = "rgba(156, 36, 242, 0.5)", e = "#9C24F2", B = "rgba(156, 36, 242, 0.2)", W = "rgba(156, 36, 242, 0.2)", l = "rgba(156, 36, 242, 0.5)", V = "rgba(0, 255, 0, 0.2)", i = 300, m = "#9C24F2", p = 6, v = 24, f = 20, k = 24, x = 24, d = 20, h = 24, j = "#9C24F2", q = "image/png", u = "确认删除", w = "确定要删除此标注区域吗？", y = "确定", z = "取消", J = "rgba(156, 36, 242, 0.5)", Q = 1, $ = [5, 5];
 export {
-  R as BASE_STROKE_WIDTH,
-  t as CANVAS_CONTAINER_CLASS,
+  A as ACTIVE_RECT_STROKE_COLOR,
+  d as AI_CONTROL_OFFSET_X,
+  h as AI_CONTROL_OFFSET_Y,
+  x as AI_ICON_SIZE,
+  L as BASE_STROKE_WIDTH,
+  c as CANVAS_CONTAINER_CLASS,
   m as CONTROL_POINT_COLOR,
   p as CONTROL_POINT_SIZE,
-  o as DEFAULT_LEFT_RATIO,
-  F as DEFAULT_MAX_RATIO,
-  c as DEFAULT_MIN_LEFT_WIDTH,
-  S as DEFAULT_MIN_RATIO,
-  a as DEFAULT_REGION_NAME,
+  J as CROSSHAIR_LINE_COLOR,
+  $ as CROSSHAIR_LINE_DASH_ARRAY,
+  Q as CROSSHAIR_LINE_WIDTH,
+  S as DEFAULT_LEFT_RATIO,
+  D as DEFAULT_MAX_RATIO,
+  o as DEFAULT_MIN_LEFT_WIDTH,
+  F as DEFAULT_MIN_RATIO,
+  r as DEFAULT_REGION_NAME,
   M as DEFAULT_SHAPE_TYPE,
-  v as DELETE_CONTROL_OFFSET_X,
-  f as DELETE_CONTROL_OFFSET_Y,
-  V as DELETE_ICON_SIZE,
-  q as DELETE_MODAL_CANCEL_TEXT,
-  h as DELETE_MODAL_CONTENT,
-  j as DELETE_MODAL_OK_TEXT,
-  d as DELETE_MODAL_TITLE,
-  I as HOVER_RECT_FILL_COLOR,
-  x as IMAGE_EXPORT_FORMAT,
+  f as DELETE_CONTROL_OFFSET_X,
+  k as DELETE_CONTROL_OFFSET_Y,
+  v as DELETE_ICON_SIZE,
+  z as DELETE_MODAL_CANCEL_TEXT,
+  w as DELETE_MODAL_CONTENT,
+  y as DELETE_MODAL_OK_TEXT,
+  u as DELETE_MODAL_TITLE,
+  n as HOVER_RECT_FILL_COLOR,
+  q as IMAGE_EXPORT_FORMAT,
   _ as MAX_ZOOM,
   E as MIN_ZOOM,
   b as OCR_SCAN_ANIMATION_SPEED,
-  G as OCR_SCAN_LINE_BASE_HEIGHT,
-  K as OCR_SCAN_LINE_BRIGHT_COLOR,
+  X as OCR_SCAN_LINE_BASE_HEIGHT,
+  Z as OCR_SCAN_LINE_BRIGHT_COLOR,
   e as OCR_SCAN_LINE_CORE_COLOR,
-  H as OCR_SCAN_LINE_CORE_HEIGHT_MULTIPLIER,
+  Y as OCR_SCAN_LINE_CORE_HEIGHT_MULTIPLIER,
   g as OCR_SCAN_LINE_CORE_POSITION_MULTIPLIER,
-  Y as OCR_SCAN_LINE_GLOW_COLOR,
-  X as OCR_SCAN_LINE_GLOW_MULTIPLIER,
+  K as OCR_SCAN_LINE_GLOW_COLOR,
+  G as OCR_SCAN_LINE_GLOW_MULTIPLIER,
   C as RECT_STROKE_COLOR,
   P as REGION_NAME_FONT_FAMILY,
-  r as REGION_NAME_FONT_SIZE,
+  H as REGION_NAME_FONT_SIZE,
   U as REGION_NAME_PADDING,
-  D as REGION_NAME_PREFIX,
-  k as REGION_NAME_TEXT_COLOR,
-  A as SELECTED_RECT_FILL_COLOR,
-  s as TEMP_RECT_FILL_COLOR,
+  a as REGION_NAME_PREFIX,
+  j as REGION_NAME_TEXT_COLOR,
+  I as SELECTED_RECT_FILL_COLOR,
+  t as TEMP_RECT_FILL_COLOR,
   N as TEMP_RECT_STROKE_DASH_ARRAY,
-  W as TEXT_LAYOUT_RECT_CLICK_FEEDBACK_COLOR,
+  V as TEXT_LAYOUT_RECT_CLICK_FEEDBACK_COLOR,
   i as TEXT_LAYOUT_RECT_FEEDBACK_DELAY,
-  Z as TEXT_LAYOUT_RECT_FILL_COLOR,
+  B as TEXT_LAYOUT_RECT_FILL_COLOR,
   l as TEXT_LAYOUT_RECT_HOVER_STROKE_COLOR,
-  B as TEXT_LAYOUT_RECT_STROKE_COLOR,
-  n as TRANSPARENT_FILL,
+  W as TEXT_LAYOUT_RECT_STROKE_COLOR,
+  s as TRANSPARENT_FILL,
   O as ZOOM_FACTOR,
   T as ZOOM_PRECISION_ERROR,
-  L as ZOOM_STEP
+  R as ZOOM_STEP
 };

package/dist/es/components/VLMAnnotation/index.mjs

@@ -1,242 +1,279 @@
-var le = Object.defineProperty, ce = Object.defineProperties;
-var ae = Object.getOwnPropertyDescriptors;
-var G = Object.getOwnPropertySymbols;
-var ue = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
-var J = (r, o, s) => o in r ? le(r, o, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[o] = s, a = (r, o) => {
-  for (var s in o || (o = {}))
-    ue.call(o, s) && J(r, s, o[s]);
-  if (G)
-    for (var s of G(o))
-      ie.call(o, s) && J(r, s, o[s]);
-  return r;
-}, u = (r, o) => ce(r, ae(o));
-import { jsxs as de, jsx as M } from "react/jsx-runtime";
-import { useMemo as me, useState as y, useRef as K, useEffect as T } from "react";
+var me = Object.defineProperty, fe = Object.defineProperties;
+var pe = Object.getOwnPropertyDescriptors;
+var ee = Object.getOwnPropertySymbols;
+var ve = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
+var te = (l, o, r) => o in l ? me(l, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : l[o] = r, u = (l, o) => {
+  for (var r in o || (o = {}))
+    ve.call(o, r) && te(l, r, o[r]);
+  if (ee)
+    for (var r of ee(o))
+      be.call(o, r) && te(l, r, o[r]);
+  return l;
+}, a = (l, o) => fe(l, pe(o));
+import { jsxs as Ee, jsx as g } from "react/jsx-runtime";
+import { useMemo as Te, useState as b, useRef as S, useEffect as w } from "react";
+import { Modal as Ae } from "antd";
 import "./style.less.mjs";
-import pe from "./TextAnnotationPanel.mjs";
-import ve from "./VLMLabelMaker/index.mjs";
-import { DEFAULT_SHAPE_TYPE as fe, DEFAULT_MIN_LEFT_WIDTH as be, DEFAULT_MAX_RATIO as P, DEFAULT_MIN_RATIO as Q, DEFAULT_LEFT_RATIO as ye } from "./constants.mjs";
-const k = (r) => {
-  var o, s;
-  return u(a({}, r), {
-    labels: (s = (o = r.labels) == null ? void 0 : o.map((l) => {
-      if (l.shape.name === "rect") {
+import ye from "./TextAnnotationPanel.mjs";
+import Le from "./VLMLabelMaker/index.mjs";
+import { DEFAULT_SHAPE_TYPE as Re, DELETE_MODAL_TITLE as Me, DELETE_MODAL_CONTENT as we, DELETE_MODAL_OK_TEXT as _e, DELETE_MODAL_CANCEL_TEXT as he, DEFAULT_MIN_LEFT_WIDTH as ge, DEFAULT_MAX_RATIO as F, DEFAULT_MIN_RATIO as ne, DEFAULT_LEFT_RATIO as De } from "./constants.mjs";
+const V = (l) => {
+  var o, r;
+  return a(u({}, l), {
+    labels: (r = (o = l.labels) == null ? void 0 : o.map((c) => {
+      if (c.shape.name === "rect") {
         const {
-          x: A,
-          y: p,
-          width: v,
-          height: d
-        } = l.shape;
-        return u(a({}, l), {
-          shape: u(a({}, l.shape), {
-            x: A + v / 2,
-            y: p + d / 2
+          x: L,
+          y: E,
+          width: T,
+          height: f
+        } = c.shape;
+        return a(u({}, c), {
+          shape: a(u({}, c.shape), {
+            x: L + T / 2,
+            y: E + f / 2
           })
         });
       }
-      return l;
-    })) != null ? s : []
+      return c;
+    })) != null ? r : []
   });
-}, Ae = (r) => {
-  var o, s;
-  return u(a({}, r), {
-    labels: (s = (o = r.labels) == null ? void 0 : o.map((l) => {
-      if (l.shape.name === "rect") {
+}, Oe = (l) => {
+  var o, r;
+  return a(u({}, l), {
+    labels: (r = (o = l.labels) == null ? void 0 : o.map((c) => {
+      if (c.shape.name === "rect") {
         const {
-          x: A,
-          y: p,
-          width: v,
-          height: d
-        } = l.shape;
-        return u(a({}, l), {
-          shape: u(a({}, l.shape), {
-            x: A - v / 2,
-            y: p - d / 2
+          x: L,
+          y: E,
+          width: T,
+          height: f
+        } = c.shape;
+        return a(u({}, c), {
+          shape: a(u({}, c.shape), {
+            x: L - T / 2,
+            y: E - f / 2
           })
         });
       }
-      return l;
-    })) != null ? s : []
+      return c;
+    })) != null ? r : []
   });
-}, Fe = ({
-  sample: r,
+}, Be = ({
+  sample: l,
   labelDefinitions: o,
-  onChange: s,
-  leftRatio: l,
-  resizable: A = !0,
-  minLeftRatio: p,
-  maxLeftRatio: v,
-  minLeftWidth: d = be,
-  onRatioChange: B,
-  ocrRecognize: Z,
-  coordinateType: L = "top-left",
-  hideRightSide: E,
-  readOnly: C
+  onChange: r,
+  leftRatio: c,
+  resizable: L = !0,
+  minLeftRatio: E,
+  maxLeftRatio: T,
+  minLeftWidth: f = ge,
+  onRatioChange: U,
+  ocrRecognize: re,
+  coordinateType: R = "top-left",
+  hideRightSide: D,
+  readOnly: B
 }) => {
-  var H, q;
-  const i = me(() => L === "center" ? Ae(r) : r, [r, L]), [f, R] = y((H = i == null ? void 0 : i.labels) != null ? H : []), [b, m] = y(null), [g, w] = y(null), [_, x] = y(null);
-  y(fe);
-  const z = Math.min(P, Math.max(Q, p != null ? p : Q)), O = Math.min(P, Math.max(z, v != null ? v : P)), F = K(null), N = K(!1), V = (t, e) => {
-    let n = z;
-    return typeof d == "number" && d >= 0 && e && e > 0 && (n = Math.max(n, Math.min(P, d / e))), Math.min(O, Math.max(n, t));
-  }, U = typeof l == "number", [W, S] = y(V(l != null ? l : ye));
-  T(() => {
-    U || S((t) => V(t));
-  }, [z, O]);
-  const ee = (q = F.current) == null ? void 0 : q.clientWidth, te = V(U ? l : W, ee), X = E ? 1 : te, ne = E ? 0 : 1 - X, oe = E ? !1 : A, [, $] = y(0);
-  T(() => {
-    const t = F.current;
+  var K, Y, G, J, Q, Z;
+  const i = Te(() => R === "center" ? Oe(l) : l, [l, R]), [d, _] = b((K = i == null ? void 0 : i.labels) != null ? K : []), [m, p] = b(null), [O, v] = b(null), [A, y] = b(null);
+  b(Re);
+  const h = S(null), [Ne, oe] = b(0);
+  w(() => {
+    const t = setInterval(() => {
+      h.current && oe((e) => e + 1);
+    }, 100);
+    return () => clearInterval(t);
+  }, []);
+  const I = Math.min(F, Math.max(ne, E != null ? E : ne)), X = Math.min(F, Math.max(I, T != null ? T : F)), N = S(null), P = S(!1), x = (t, e) => {
+    let n = I;
+    return typeof f == "number" && f >= 0 && e && e > 0 && (n = Math.max(n, Math.min(F, f / e))), Math.min(X, Math.max(n, t));
+  }, k = typeof c == "number", [se, $] = b(x(c != null ? c : De));
+  w(() => {
+    k || $((t) => x(t));
+  }, [I, X]);
+  const le = (Y = N.current) == null ? void 0 : Y.clientWidth, ce = x(k ? c : se, le), j = D ? 1 : ce, ue = D ? 0 : 1 - j, ae = D ? !1 : L, [, H] = b(0);
+  w(() => {
+    const t = N.current;
     if (!t)
       return;
     let e = null, n = 0;
     if (typeof ResizeObserver != "undefined")
       e = new ResizeObserver(() => {
         cancelAnimationFrame(n), n = requestAnimationFrame(() => {
-          $((c) => c + 1);
+          H((s) => s + 1);
         });
       }), e.observe(t);
     else {
-      const c = () => $((h) => h + 1);
-      return window.addEventListener("resize", c), () => {
-        window.removeEventListener("resize", c);
+      const s = () => H((M) => M + 1);
+      return window.addEventListener("resize", s), () => {
+        window.removeEventListener("resize", s);
       };
     }
     return () => {
       e && e.disconnect(), cancelAnimationFrame(n);
     };
-  }, []), T(() => {
+  }, []), w(() => {
     var t;
-    R((t = i == null ? void 0 : i.labels) != null ? t : []), m(null), w(null), x(null);
-  }, [i]), T(() => {
-    _ && m(null);
-  }, [_]), T(() => {
-    b !== null && x(null);
-  }, [b]);
-  const j = (t) => {
-    const e = F.current;
+    _((t = i == null ? void 0 : i.labels) != null ? t : []), p(null), v(null), y(null);
+  }, [i]), w(() => {
+    A && (p(null), v(null));
+  }, [A]), w(() => {
+    m !== null && y(null);
+  }, [m]);
+  const q = (t) => {
+    const e = N.current;
     if (!e)
       return;
-    const n = e.getBoundingClientRect(), c = V((t - n.left) / n.width, n.width);
-    B && B(c), U || S(c);
-  }, se = (t) => {
-    if (!A)
+    const n = e.getBoundingClientRect(), s = x((t - n.left) / n.width, n.width);
+    U && U(s), k || $(s);
+  }, ie = (t) => {
+    if (!L)
       return;
-    t.preventDefault(), N.current = !0, document.body.style.userSelect = "none", document.body.style.setProperty("-webkit-user-select", "none"), document.body.style.setProperty("-moz-user-select", "none"), document.body.style.setProperty("-ms-user-select", "none"), j(t.clientX);
-    const e = (c) => {
-      N.current && (c.preventDefault(), j(c.clientX));
+    t.preventDefault(), P.current = !0, document.body.style.userSelect = "none", document.body.style.setProperty("-webkit-user-select", "none"), document.body.style.setProperty("-moz-user-select", "none"), document.body.style.setProperty("-ms-user-select", "none"), q(t.clientX);
+    const e = (s) => {
+      P.current && (s.preventDefault(), q(s.clientX));
     }, n = () => {
-      N.current = !1, document.body.style.userSelect = "", document.body.style.setProperty("-webkit-user-select", ""), document.body.style.setProperty("-moz-user-select", ""), document.body.style.setProperty("-ms-user-select", ""), window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", n);
+      P.current = !1, document.body.style.userSelect = "", document.body.style.setProperty("-webkit-user-select", ""), document.body.style.setProperty("-moz-user-select", ""), document.body.style.setProperty("-ms-user-select", ""), window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", n);
     };
     window.addEventListener("mousemove", e), window.addEventListener("mouseup", n);
   };
-  return /* @__PURE__ */ de("div", {
+  return /* @__PURE__ */ Ee("div", {
     className: "vlm-annotation-wrap",
-    ref: F,
-    children: [/* @__PURE__ */ M("div", {
+    ref: N,
+    children: [/* @__PURE__ */ g("div", {
       className: "vlm-annotation-left",
       style: {
-        flex: `${X} 1 0%`,
-        minWidth: typeof d == "number" ? `${d}px` : void 0
+        flex: `${j} 1 0%`,
+        minWidth: typeof f == "number" ? `${f}px` : void 0
       },
-      children: /* @__PURE__ */ M(ve, {
+      children: /* @__PURE__ */ g(Le, {
+        ref: h,
         sample: i,
         labelDefinitions: o,
-        labels: f,
+        labels: d,
         onChange: (t) => {
-          if (s) {
-            const e = u(a({}, i), {
+          if (r) {
+            const e = a(u({}, i), {
               labels: t
             });
-            s(L === "center" ? k(e) : e);
+            r(R === "center" ? V(e) : e);
           }
-          R(t);
+          _(t);
         },
-        onRegionSelect: x,
+        onRegionSelect: y,
         onRegionChange: (t, e) => {
         },
-        ocrRecognize: Z,
-        activeLabelValue: b,
+        ocrRecognize: re,
+        activeLabelValue: m,
         onClearActive: () => {
-          m(null), w(null);
+          p(null), v(null);
         },
-        selectedRegion: _,
+        selectedRegion: A,
         onAppendTextToActive: (t) => {
-          if (!b || g === null)
+          if (!m || O === null)
             return;
-          const e = f[g];
+          const e = d[O];
           if (!e)
             return;
-          const n = b.label.id, h = (e.content[n] || "") + t, D = [...f], Y = u(a({}, e), {
-            content: u(a({}, e.content), {
-              [n]: h
+          const n = m.label.id, M = (e.content[n] || "") + t, C = [...d], W = a(u({}, e), {
+            content: a(u({}, e.content), {
+              [n]: M
             })
           });
-          D[g] = Y, R(D);
-          const re = u(a({}, b), {
-            region: Y
+          C[O] = W, _(C);
+          const de = a(u({}, m), {
+            region: W
           });
-          if (m(re), (o == null ? void 0 : o.find((I) => I.id === n)) && setTimeout(() => {
-          }, 0), s) {
-            const I = u(a({}, i), {
-              labels: D
+          if (p(de), (o == null ? void 0 : o.find((z) => z.id === n)) && setTimeout(() => {
+          }, 0), r) {
+            const z = a(u({}, i), {
+              labels: C
             });
-            s(L === "center" ? k(I) : I);
+            r(R === "center" ? V(z) : z);
           }
         },
-        readOnly: C
+        readOnly: B
       })
-    }), oe ? /* @__PURE__ */ M("div", {
+    }), ae ? /* @__PURE__ */ g("div", {
       className: "vlm-annotation-resizer",
       role: "separator",
       "aria-orientation": "vertical",
-      onMouseDown: se
-    }) : null, !E && /* @__PURE__ */ M("div", {
+      onMouseDown: ie
+    }) : null, !D && /* @__PURE__ */ g("div", {
       className: "vlm-annotation-right",
       style: {
-        flex: `${ne} 1 0%`
+        flex: `${ue} 1 0%`
       },
-      children: /* @__PURE__ */ M(pe, {
+      children: /* @__PURE__ */ g(ye, {
         labelDefinitions: o,
-        labels: f,
-        selectedRegion: _,
-        activeLabelValue: b,
-        activeRegionNumber: g,
-        readOnly: C,
+        labels: d,
+        selectedRegion: A,
+        activeLabelValue: m,
+        activeRegionNumber: O,
+        readOnly: B,
+        onRegionClick: (t) => {
+          y(t);
+        },
+        onOCR: (t) => {
+          var n;
+          const e = d.find((s) => s.id === t);
+          e && y(e), (n = h.current) == null || n.performOCRById(t);
+        },
+        ocrRecognizing: (J = (G = h.current) == null ? void 0 : G.ocrRecognizingRef) == null ? void 0 : J.current,
+        ocrErrors: (Z = (Q = h.current) == null ? void 0 : Q.ocrErrorRef) == null ? void 0 : Z.current,
+        onDelete: (t) => {
+          const e = d.find((n) => n.id === t);
+          e && y(e), Ae.confirm({
+            title: Me,
+            content: we,
+            okText: _e,
+            cancelText: he,
+            onOk: () => {
+              const n = d.filter((s) => s.id !== t);
+              if (_(n), (A == null ? void 0 : A.id) === t && y(null), (m == null ? void 0 : m.region.id) === t && (p(null), v(null)), r) {
+                const s = a(u({}, i), {
+                  labels: n
+                });
+                r(R === "center" ? V(s) : s);
+              }
+            }
+          });
+        },
         onInputActive: (t, e) => {
-          if (e !== void 0 && f[e]) {
-            const n = f[e], c = {
+          if (e !== void 0 && d[e]) {
+            const n = d[e], s = {
               label: t.label,
               // 使用传入的 label，确保 label 字段被更新
-              region: a({}, n)
+              region: u({}, n)
             };
-            m(c), w(e);
+            p(s), v(e);
           } else
-            m(t), e !== void 0 && w(e);
+            p(t), e !== void 0 && v(e);
         },
         onChange: (t, e) => {
           if (t !== null && e !== void 0) {
-            const n = [...f];
-            n[e] = t.region, R(n);
-            const c = {
+            const n = [...d];
+            n[e] = t.region, _(n);
+            const s = {
               label: t.label,
               // 确保使用传入的 label
               region: n[e]
               // 使用更新后的 region
             };
-            if (m(c), w(e), s) {
-              const h = u(a({}, i), {
+            if (p(s), v(e), r) {
+              const M = a(u({}, i), {
                 labels: n
               });
-              s(L === "center" ? k(h) : h);
+              r(R === "center" ? V(M) : M);
             }
           } else
-            m(null), w(null);
+            p(null), v(null);
         }
       })
     })]
   });
 };
 export {
-  k as convertTopLeftToCenter,
-  Fe as default
+  V as convertTopLeftToCenter,
+  Be as default
 };