@aplus-frontend/ui 6.17.2 → 6.19.0

package/es/src/business/ap-draggable-grid/ApDraggableGrid.vue2.mjs

@@ -1,189 +1,440 @@
-import { defineComponent as H, ref as $, computed as w, useTemplateRef as M, reactive as U, watch as V, onMounted as J, onUnmounted as X, openBlock as D, createBlock as Y, unref as d, withCtx as j, createElementVNode as K, normalizeClass as L, normalizeStyle as W, createElementBlock as k, Fragment as Q, renderList as Z, renderSlot as ee, createTextVNode as re, toDisplayString as T } from "vue";
-import { ApDraggableGridProps as te } from "./constans.mjs";
-import { Spin as ae } from "@aplus-frontend/antdv";
+import { defineComponent as lo, ref as N, computed as I, useTemplateRef as co, reactive as io, watch as fo, onMounted as po, onUnmounted as uo, createBlock as wo, openBlock as k, unref as R, withCtx as go, createElementVNode as ho, normalizeStyle as J, normalizeClass as U, createElementBlock as z, Fragment as mo, renderList as vo, renderSlot as Eo } from "vue";
+import { ApDraggableGridProps as yo } from "./constans.mjs";
+import { Spin as So } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { useNamespace as ne } from "../../config-provider/hooks/use-namespace.mjs";
-const oe = ["data-span", "draggable", "onDragstart"], ue = /* @__PURE__ */ H({
+import { useNamespace as Ro } from "../../config-provider/hooks/use-namespace.mjs";
+const Do = ["data-span", "draggable", "onDragstart"], Co = /* @__PURE__ */ lo({
   __name: "ApDraggableGrid",
-  props: te(),
+  props: yo(),
   emits: ["onGridListChange"],
-  setup(N, { expose: R, emit: B }) {
-    const o = N, { b, e: p, m: E } = ne("ap-draggable-grid"), f = $(!1), m = w(() => p("item")), S = w(() => p("dragging")), I = w(() => o.customWrapper ? `.${o.customWrapper} .${m.value}` : `.${m.value}`), O = w(() => o.customWrapper ? `.${o.customWrapper} .${m.value}:not(.${S.value})` : `.${m.value}:not(.${S.value})`), F = B, u = M("gridContainer"), i = $(null), s = U([]);
-    V(
-      () => o.gridList,
-      (e) => {
-        Array.isArray(e) && v(e);
+  setup(V, { expose: X, emit: Y }) {
+    const h = V, { b: W, e: M, m: H } = Ro("ap-draggable-grid"), $ = N(!1), L = N([]), A = I(() => M("item")), B = I(() => M("dragging")), P = I(() => h.customWrapper ? `.${h.customWrapper} .${A.value}` : `.${A.value}`), q = I(() => h.customWrapper ? `.${h.customWrapper} .${A.value}:not(.${B.value})` : `.${A.value}:not(.${B.value})`), K = Y, D = co("gridContainer"), y = N(null), c = io([]);
+    fo(
+      () => h.gridList,
+      (r) => {
+        Array.isArray(r) && G(r);
       },
       { deep: !0, immediate: !0 }
     );
-    function v(e) {
-      s.splice(0, s.length), e.forEach((r) => {
-        s.push({
-          ...r,
+    function G(r) {
+      c.splice(0, c.length), r.forEach((s) => {
+        c.push({
+          ...s,
           isDragging: !1,
           isOverlay: !1
         });
       });
     }
-    const q = (e) => ({
-      gridColumn: `${e.col} / span ${e.span}`,
-      gridRow: e.row,
-      minHeight: `${o.gridItemHeight}px`,
-      boxShadow: o.gridItemShadow ? o.gridItemShadow : "none"
-    }), x = (e) => {
-      if (e.isOverlay) {
-        const r = {};
-        return o.dragOverlayColor && (r.backgroundColor = o.dragOverlayColor), o.dragOverlayBorderColor && (r.border = `2px dashed ${o.dragOverlayBorderColor}`, r.boxSizing = "border-box"), r;
-      }
-      return {};
-    }, _ = (e, r) => {
-      i.value = r, s[r].isDragging = !0, e.dataTransfer && (e.dataTransfer.setData("text/plain", String(r)), e.dataTransfer.effectAllowed = "move");
-    }, P = () => {
-      i.value !== null && (s[i.value].isDragging = !1, h(), i.value = null), s.forEach((e) => e.isOverlay = !1);
+    const Q = (r) => ({
+      gridColumn: `${r.col} / span ${r.span}`,
+      gridRow: r.row,
+      minHeight: `${h.gridItemHeight}px`,
+      boxShadow: h.gridItemShadow ? h.gridItemShadow : "none"
+    }), Z = (r, s) => {
+      y.value = s, c[s].isDragging = !0, L.value = c.map((o) => ({
+        row: o.row,
+        col: o.col
+      })), r.dataTransfer && (r.dataTransfer.setData("text/plain", String(s)), r.dataTransfer.effectAllowed = "move");
+    }, x = () => {
+      y.value !== null && (c[y.value].isDragging = !1, C(), y.value = null), c.forEach((r) => r.isOverlay = !1);
     };
-    function h() {
-      const e = s.map(
-        (r) => ({
-          span: r.span,
-          row: r.row,
-          col: r.col,
-          height: r.height ? r.height : ""
+    function C() {
+      const r = c.map(
+        (s) => ({
+          span: s.span,
+          row: s.row,
+          col: s.col,
+          height: s.height ? s.height : "",
+          showHeight: s.showHeight ? s.showHeight : "",
+          module: s.module
         })
       );
-      F("onGridListChange", e);
+      K("onGridListChange", r);
     }
-    async function C() {
-      if (v([]), typeof o.request == "function")
+    async function _() {
+      if (G([]), typeof h.request == "function")
         try {
-          f.value = !0;
-          const e = await o.request();
-          Array.isArray(e) ? v(e) : console.warn(
+          $.value = !0;
+          const r = await h.request();
+          Array.isArray(r) ? G(r) : console.warn(
             "ApDraggableGrid: 请求函数必须返回一个符合 ApDraggableGridItemBase 数组的格式"
           );
-        } catch (e) {
-          console.error("ApDraggableGrid: 请求错误:", e);
+        } catch (r) {
+          console.error("ApDraggableGrid: 请求错误:", r);
         } finally {
-          f.value = !1;
+          $.value = !1;
         }
     }
-    J(async () => {
-      if (await C(), y(), o.disableDrag || !u.value) return;
-      const e = (t) => {
-        if (t.preventDefault(), i.value === null || !t.target) return;
-        const a = document.elementFromPoint(t.clientX, t.clientY);
-        if (!a) return;
-        const n = a.closest(
-          O.value
+    function oo() {
+      L.value.length === c.length && c.forEach((r, s) => {
+        const o = L.value[s];
+        r.row = o.row, r.col = o.col;
+      });
+    }
+    po(async () => {
+      if (await _(), O(), h.disableDrag || !D.value) return;
+      const r = (o) => {
+        if (o.preventDefault(), y.value === null || !o.target) return;
+        const e = document.elementFromPoint(o.clientX, o.clientY);
+        if (!e) return;
+        const t = e.closest(
+          q.value
         );
-        if (!n) return;
-        const l = Array.from(
-          document.querySelectorAll(I.value)
-        ).indexOf(n);
-        l >= 0 && l !== i.value && (s.forEach((c) => c.isOverlay = !1), s[l].isOverlay = !0, A(i.value, l) ? t.dataTransfer.dropEffect = "move" : t.dataTransfer.dropEffect = "none");
-      }, r = (t) => {
-        if (t.preventDefault(), i.value === null) return;
-        const a = document.elementFromPoint(t.clientX, t.clientY);
-        if (!a) return;
-        const n = a.closest(
-          O.value
+        if (!t) return;
+        const a = Array.from(
+          document.querySelectorAll(P.value)
+        ).indexOf(t);
+        a >= 0 && a !== y.value && (c.forEach((f) => f.isOverlay = !1), c[a].isOverlay = !0, j(y.value, a) ? o.dataTransfer.dropEffect = "move" : o.dataTransfer.dropEffect = "none");
+      }, s = (o) => {
+        if (o.preventDefault(), y.value === null) return;
+        const e = document.elementFromPoint(o.clientX, o.clientY);
+        if (!e) return;
+        const t = e.closest(
+          q.value
         );
-        if (!n) return;
-        const l = Array.from(
-          document.querySelectorAll(I.value)
-        ).indexOf(n);
-        l >= 0 && A(i.value, l) && (z(i.value, l), y(), h()), s.forEach((c) => {
-          c.isDragging = !1, c.isOverlay = !1;
-        }), i.value = null;
+        if (!t) return;
+        const a = Array.from(
+          document.querySelectorAll(P.value)
+        ).indexOf(t);
+        a >= 0 && ro(y.value, a) ? (no(y.value, a), O(), C()) : oo(), c.forEach((f) => {
+          f.isDragging = !1, f.isOverlay = !1;
+        }), y.value = null;
       };
-      u.value.addEventListener("dragover", e), u.value.addEventListener("drop", r), X(() => {
-        u.value && (u.value.removeEventListener("dragover", e), u.value.removeEventListener("drop", r));
+      D.value.addEventListener("dragover", r), D.value.addEventListener("drop", s), uo(() => {
+        D.value && (D.value.removeEventListener("dragover", r), D.value.removeEventListener("drop", s));
       });
     });
-    function A(e, r) {
-      const t = JSON.parse(
-        JSON.stringify(s)
-      ), a = t[e], n = t[r], g = a.height === n.height, l = G(
-        a.span,
-        n.row,
-        e,
-        r
-      ), c = G(
-        n.span,
-        a.row,
-        r,
-        e
-      );
-      return l && c && g;
+    function j(r, s) {
+      const o = c[r], e = c[s];
+      if (o.row === e.row) {
+        const t = c.filter(
+          (a) => a.row === o.row
+        );
+        let i = 0;
+        return t.forEach((a) => {
+          c.indexOf(a) !== r && c.indexOf(a) !== s && (i += a.span);
+        }), i += o.span + e.span, i <= 24;
+      }
+      return o.span === e.span && o.height === e.height ? !0 : o.span === 24 ? c.filter(
+        (a) => a.row === e.row
+      ).reduce(
+        (a, f) => a + f.span,
+        0
+      ) === 24 : e.span === 24 ? c.filter(
+        (a) => a.row === o.row
+      ).reduce(
+        (a, f) => a + f.span,
+        0
+      ) === 24 : !1;
     }
-    function G(e, r, t, a) {
-      let n = 0, g = 1;
-      return s.forEach((l, c) => {
-        l.row === r && c !== a && c !== t && (n += l.span, l.col <= g && (g = l.col + l.span));
-      }), n + e <= 24;
+    function ro(r, s) {
+      const o = c[r], e = c[s];
+      if (o.row === e.row)
+        return j(r, s);
+      const t = JSON.parse(JSON.stringify(c)), i = o.row, a = e.row, f = a < i, m = /* @__PURE__ */ new Map();
+      if (t.forEach((n, p) => {
+        m.has(n.row) || m.set(n.row, []), m.get(n.row).push(p);
+      }), o.span === 24 && e.span === 24) {
+        t[r].row = a, t[r].col = 1;
+        const n = f ? a + 1 : a - 1;
+        t[s].row = n, t[s].col = 1;
+        const p = t.map((u) => u.row);
+        t.forEach((u, l) => {
+          l !== r && l !== s && (f ? (p[l] > a && p[l] < i || p[l] === n) && (u.row += 1) : (p[l] > i && p[l] < a || p[l] === n) && (u.row -= 1));
+        });
+      } else if (o.span === 24) {
+        const n = t.filter(
+          (u) => u.row === a
+        );
+        if (n.reduce(
+          (u, l) => u + l.span,
+          0
+        ) !== 24) return !1;
+        if (t[r].row = a, t[r].col = 1, f) {
+          const u = /* @__PURE__ */ new Set();
+          for (let l = a; l < i; l++)
+            u.add(l);
+          t.forEach((l, E) => {
+            E !== r && u.has(l.row) && (l.row += 1);
+          }), n.forEach((l) => {
+            t.indexOf(l) !== r && (l.row = a + 1);
+          });
+        } else
+          n.forEach((u) => {
+            t.indexOf(u) !== r && (u.row = i);
+          });
+      } else if (e.span === 24) {
+        const n = t.filter(
+          (u) => u.row === i
+        );
+        if (n.reduce(
+          (u, l) => u + l.span,
+          0
+        ) !== 24) return !1;
+        t[s].row = i, t[s].col = 1, f ? n.forEach((u) => {
+          t.indexOf(u) !== s && (u.row = a + 1);
+        }) : n.forEach((u) => {
+          t.indexOf(u) !== s && (u.row = a);
+        });
+      } else if (o.span === e.span)
+        t[r].row = a, t[r].col = e.col, t[s].row = i, t[s].col = o.col;
+      else
+        return !1;
+      const v = /* @__PURE__ */ new Map();
+      t.forEach((n) => {
+        v.has(n.row) || v.set(n.row, []), v.get(n.row).push(n);
+      });
+      const S = Array.from(v.keys()).sort((n, p) => n - p);
+      let w = 1;
+      for (const n of S)
+        v.get(n).forEach((u) => {
+          u.row = w;
+        }), w++;
+      return eo(t);
     }
-    function z(e, r) {
-      const t = s[e], a = s[r], n = t.row, g = t.col;
-      t.row = a.row, t.col = a.col, a.row = n, a.col = g;
+    function eo(r) {
+      const s = {};
+      r.forEach((o) => {
+        s[o.row] || (s[o.row] = []), s[o.row].push(o);
+      });
+      for (const o in s) {
+        const e = s[o];
+        if (e.reduce((a, f) => a + f.span, 0) > 24)
+          return !1;
+        e.sort((a, f) => a.col - f.col);
+        let i = 0;
+        for (const a of e) {
+          if (a.col <= i)
+            return !1;
+          i = a.col + a.span - 1;
+        }
+      }
+      return !0;
     }
-    function y() {
-      const e = {};
-      s.forEach((r) => {
-        e[r.row] || (e[r.row] = []), e[r.row].push(r);
-      }), Object.keys(e).forEach((r) => {
-        const t = parseInt(r);
-        e[t].sort((n, g) => n.col - g.col);
-        let a = 1;
-        e[t].forEach((n) => {
-          n.col = a, a += n.span;
+    function no(r, s) {
+      const o = c[r], e = c[s], t = JSON.parse(JSON.stringify(c)), i = o.row, a = e.row;
+      if (o.span === 24 && e.span === 24) {
+        ao(
+          o,
+          e,
+          i,
+          a,
+          t
+        );
+        return;
+      }
+      if (i === a) {
+        const w = o.col;
+        o.col = e.col, e.col = w;
+        return;
+      }
+      const f = a < i, m = c.map((w) => w.row), v = c.map((w) => w.col), S = c.map((w) => w.span);
+      if (o.span === 24 && e.span === 24) {
+        const w = i, n = a;
+        o.row = n, o.col = 1, o.span = 24, e.row = w, e.col = 1, e.span = 24;
+        const p = Math.abs(w - n), u = /* @__PURE__ */ new Set();
+        for (let l = Math.min(w, n); l <= Math.max(w, n); l++)
+          u.add(l);
+        if (p !== 1) {
+          const l = Math.min(w, n), E = Math.max(w, n), d = /* @__PURE__ */ new Map();
+          if (f) {
+            d.set(w, n), d.set(n, n + 1);
+            for (let g = n + 1; g < w; g++)
+              d.set(g, g + 1);
+          } else {
+            d.set(w, n), d.set(n, n - 1);
+            for (let g = w + 1; g < n; g++)
+              d.set(g, g - 1);
+          }
+          c.forEach((g, b) => {
+            if (b !== r && b !== s) {
+              const T = m[b];
+              T >= l && T <= E && d.has(T) && (g.row = d.get(T), g.col = v[b], g.span = S[b]);
+            }
+          });
+        }
+      } else if (o.span === 24) {
+        const w = c.filter(
+          (n) => n.row === a
+        );
+        o.row = a, o.col = 1, f ? c.forEach((n, p) => {
+          p !== r && (n.row === a ? n.row = a + 1 : n.row > a && n.row < i && (n.row += 1));
+        }) : w.forEach((n) => {
+          c.indexOf(n) !== r && (n.row = i);
+        });
+      } else if (e.span === 24) {
+        const w = c.filter(
+          (n) => n.row === i
+        );
+        e.row = i, e.col = 1, f ? (w.forEach((n) => {
+          c.indexOf(n) !== s && (n.row = a + 1);
+        }), c.forEach((n, p) => {
+          p !== s && !w.includes(n) && n.row > a && n.row < i && (n.row += 1);
+        })) : w.forEach((n) => {
+          c.indexOf(n) !== s && (n.row = a);
         });
+      } else o.span === e.span && (o.row = a, o.col = e.col, e.row = i, e.col = o.col);
+      O();
+    }
+    function ao(r, s, o, e, t) {
+      const i = r.module, a = s.module, f = t.map((l) => ({ ...l })), m = /* @__PURE__ */ new Map();
+      f.forEach((l) => {
+        m.has(l.row) || m.set(l.row, []), m.get(l.row).push(l);
       });
+      const v = f.find(
+        (l) => l.module === i
+      ), S = f.find(
+        (l) => l.module === a
+      ), w = Array.from(
+        /* @__PURE__ */ new Set([o, e, ...Array.from(m.keys())])
+      ).sort((l, E) => l - E), n = {};
+      let p = 1;
+      for (const l of w) {
+        if (n[p]) {
+          p++;
+          continue;
+        }
+        if (l === o)
+          p === e && p++, n[p] = [S], S.row = p, S.col = 1, S.span = 24, p++;
+        else if (l === e)
+          p === o && p++, n[p] = [v], v.row = p, v.col = 1, v.span = 24, p++;
+        else {
+          const d = (m.get(l) || []).filter(
+            (g) => g.module !== i && g.module !== a
+          );
+          d.length > 0 && (d.forEach((g) => {
+            g.row = p, g.col = g === d[0] ? 1 : d[0].col + d[0].span;
+          }), n[p] = d, p++);
+        }
+      }
+      c.splice(0, c.length);
+      const u = Object.keys(n).map(Number).sort((l, E) => l - E);
+      for (const l of u) {
+        const E = n[l];
+        E.sort((d, g) => d.col - g.col), E.forEach((d) => {
+          c.push(d);
+        });
+      }
+      O();
+    }
+    function O() {
+      c.forEach((e) => {
+        if (e.module) {
+          const t = so(e.module);
+          t && (e.span <= 0 || e.span > 24) ? (console.log(
+            `Restoring original span ${t} for module ${e.module}`
+          ), e.span = t) : (e.span <= 0 && (e.span = 1), e.span > 24 && (e.span = 24));
+        } else
+          e.span <= 0 && (e.span = 1), e.span > 24 && (e.span = 24);
+        e.span === 24 && (e.col = 1);
+      });
+      const r = {};
+      c.forEach((e) => {
+        r[e.row] || (r[e.row] = []), r[e.row].push(e);
+      }), Object.keys(r).forEach((e) => {
+        const t = parseInt(e), i = r[t];
+        if (i.sort((f, m) => f.col - m.col), i.length === 1 && i[0].span === 24) {
+          i[0].col = 1;
+          return;
+        }
+        let a = 1;
+        i.forEach((f, m) => {
+          f.col = a;
+          const v = 24 - a + 1;
+          f.span > v && (m === 0 ? f.span = Math.min(f.span, 24) : f.span = v), a += f.span;
+        }), F(i);
+      });
+      const s = Object.keys(r).map(Number).sort((e, t) => e - t);
+      let o = 1;
+      s.forEach((e) => {
+        e !== o && r[e].forEach((t) => {
+          t.row = o;
+        }), o++;
+      }), to();
+    }
+    function so(r) {
+      return {
+        1: 8,
+        2: 16,
+        3: 24,
+        4: 16,
+        5: 8,
+        6: 16,
+        7: 8,
+        8: 24,
+        9: 12,
+        10: 12
+      }[r] || null;
+    }
+    function to() {
+      const r = [...new Set(c.map((o) => o.row))].sort(
+        (o, e) => o - e
+      );
+      for (let o = 0; o < r.length - 1; o++)
+        r[o + 1] - r[o] !== 1 && console.warn(`Row gap detected: ${r[o]} to ${r[o + 1]}`);
+      const s = {};
+      c.forEach((o) => {
+        s[o.row] || (s[o.row] = []), s[o.row].push(o);
+      }), Object.keys(s).forEach((o) => {
+        F(s[parseInt(o)]);
+      });
+    }
+    function F(r) {
+      r.sort((s, o) => s.col - o.col);
+      for (let s = 0; s < r.length; s++) {
+        const o = r[s], e = o.col, t = o.span;
+        if (o.span <= 0 && (o.span = 1), o.span > 24 && (o.span = 24), o.col < 1 && (o.col = 1), o.col + o.span - 1 > 24 && (o.col > 1 ? o.col = Math.max(1, 25 - o.span) : o.span = 24 - o.col + 1), s > 0) {
+          const a = r[s - 1], f = a.col + a.span - 1;
+          o.col <= f && (o.col = f + 1, o.col + o.span - 1 > 24 && (o.span = Math.max(1, 24 - o.col + 1)));
+        }
+        (e !== o.col || t !== o.span) && console.warn(
+          `Item layout corrected: col ${e} -> ${o.col}, span ${t} -> ${o.span}`
+        );
+      }
     }
-    return R({
-      setGridItems: (e) => {
-        v(e), y(), h();
+    return X({
+      setGridItems: (r) => {
+        G(r), O(), C();
       },
       refreshGrid: () => {
         (async () => {
-          await C(), y(), h();
+          await _(), O(), C();
         })();
       }
-    }), (e, r) => (D(), Y(d(ae), { spinning: f.value }, {
-      default: j(() => [
-        K("div", {
+    }), (r, s) => (k(), wo(R(So), { spinning: $.value }, {
+      default: go(() => [
+        ho("div", {
           ref_key: "gridContainer",
-          ref: u,
-          class: L([f.value ? d(b)("loading") : d(b)(), o.customWrapper]),
-          style: W({
-            width: typeof e.gridWidth == "number" ? `${e.gridWidth}px` : e.gridWidth,
-            gap: `${e.gapWidth}px`
+          ref: D,
+          class: U([$.value ? R(W)("loading") : R(W)(), h.customWrapper]),
+          style: J({
+            width: typeof r.gridWidth == "number" ? `${r.gridWidth}px` : r.gridWidth,
+            gap: `${r.gapWidth}px`
           })
         }, [
-          (D(!0), k(Q, null, Z(s, (t, a) => (D(), k("div", {
-            key: a,
-            class: L([
-              d(p)("item"),
-              o.disableDrag ? "" : d(E)("dragging"),
-              t.isDragging ? d(p)("dragging") : "",
-              t.isOverlay ? d(p)("overlay") : "",
-              o.disableDrag ? "" : d(E)("canDrag")
+          (k(!0), z(mo, null, vo(c, (o, e) => (k(), z("div", {
+            key: e,
+            class: U([
+              R(M)("item"),
+              h.disableDrag ? "" : R(H)("dragging"),
+              o.isDragging ? R(M)("dragging") : "",
+              o.isOverlay ? R(M)("overlay") : "",
+              h.disableDrag ? "" : R(H)("canDrag")
             ]),
-            "data-span": t.span,
-            style: W([
-              q(t),
-              x(t),
-              { height: t.height ? t.height + "px" : "" }
+            "data-span": o.span,
+            style: J([
+              Q(o),
+              { height: o.showHeight ? o.showHeight + "px" : "" }
             ]),
-            draggable: !o.disableDrag,
-            onDragstart: (n) => _(n, a),
-            onDragend: P
+            draggable: !h.disableDrag,
+            onDragstart: (t) => Z(t, e),
+            onDragend: x
           }, [
-            ee(e.$slots, "item", {
-              item: t,
-              index: a
-            }, () => [
-              re(T(Math.round(t.span / 24 * 100)) + "% (" + T(t.span) + "/24) ", 1)
-            ])
-          ], 46, oe))), 128))
+            Eo(r.$slots, "item", {
+              item: o,
+              index: e
+            })
+          ], 46, Do))), 128))
         ], 6)
       ]),
       _: 3
@@ -191,5 +442,5 @@ const oe = ["data-span", "draggable", "onDragstart"], ue = /* @__PURE__ */ H({
   }
 });
 export {
-  ue as default
+  Co as default
 };

package/es/src/business/ap-draggable-grid/constans.d.ts

@@ -25,14 +25,6 @@ export declare const ApDraggableGridProps: () => {
         type: NumberConstructor;
         default: number;
     };
-    dragOverlayColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    dragOverlayBorderColor: {
-        type: StringConstructor;
-        default: string;
-    };
     disableDrag: {
         type: BooleanConstructor;
         default: boolean;

package/es/src/business/ap-draggable-grid/constans.mjs

@@ -23,14 +23,6 @@ const e = () => ({
     type: Number,
     default: 12
   },
-  dragOverlayColor: {
-    type: String,
-    default: "#66a9ff"
-  },
-  dragOverlayBorderColor: {
-    type: String,
-    default: "#4d97f7"
-  },
   disableDrag: {
     type: Boolean,
     default: !1