@aplus-frontend/ui 6.17.1 → 6.18.0

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

@@ -1,188 +1,440 @@
-import { defineComponent as W, ref as O, computed as C, useTemplateRef as z, reactive as H, watch as M, onMounted as U, onUnmounted as V, createBlock as J, openBlock as w, unref as u, withCtx as X, createElementVNode as Y, normalizeStyle as A, normalizeClass as G, createElementBlock as $, Fragment as j, renderList as K, renderSlot as Q, createTextVNode as Z, toDisplayString as L } from "vue";
-import { ApDraggableGridProps as ee } from "./constans.mjs";
-import { Spin as re } 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 ae } from "../../config-provider/hooks/use-namespace.mjs";
-const te = ["data-span", "draggable", "onDragstart"], ce = /* @__PURE__ */ W({
+import { useNamespace as Ro } from "../../config-provider/hooks/use-namespace.mjs";
+const Do = ["data-span", "draggable", "onDragstart"], Co = /* @__PURE__ */ lo({
   __name: "ApDraggableGrid",
-  props: ee(),
+  props: yo(),
   emits: ["onGridListChange"],
-  setup(k, { expose: T, emit: N }) {
-    const l = k, { b: D, e: f, m: R } = ae("ap-draggable-grid"), p = O(!1), v = C(() => f("item")), E = C(() => f("dragging")), B = N, d = z("gridContainer"), i = O(null), o = H([]);
-    M(
-      () => l.gridList,
-      (e) => {
-        Array.isArray(e) && h(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 h(e) {
-      o.splice(0, o.length), e.forEach((r) => {
-        o.push({
-          ...r,
+    function G(r) {
+      c.splice(0, c.length), r.forEach((s) => {
+        c.push({
+          ...s,
           isDragging: !1,
           isOverlay: !1
         });
       });
     }
-    const F = (e) => ({
-      gridColumn: `${e.col} / span ${e.span}`,
-      gridRow: e.row,
-      minHeight: `${l.gridItemHeight}px`,
-      boxShadow: l.gridItemShadow ? l.gridItemShadow : "none"
-    }), q = (e) => {
-      if (e.isOverlay) {
-        const r = {};
-        return l.dragOverlayColor && (r.backgroundColor = l.dragOverlayColor), l.dragOverlayBorderColor && (r.border = `2px dashed ${l.dragOverlayBorderColor}`, r.boxSizing = "border-box"), r;
-      }
-      return {};
-    }, x = (e, r) => {
-      i.value = r, o[r].isDragging = !0, e.dataTransfer && (e.dataTransfer.setData("text/plain", String(r)), e.dataTransfer.effectAllowed = "move");
-    }, _ = () => {
-      i.value !== null && (o[i.value].isDragging = !1, m(), i.value = null), o.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 m() {
-      const e = o.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
         })
       );
-      B("onGridListChange", e);
+      K("onGridListChange", r);
     }
-    async function b() {
-      if (h([]), typeof l.request == "function")
+    async function _() {
+      if (G([]), typeof h.request == "function")
         try {
-          p.value = !0;
-          const e = await l.request();
-          Array.isArray(e) ? h(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 {
-          p.value = !1;
+          $.value = !1;
         }
     }
-    U(async () => {
-      if (await b(), y(), l.disableDrag || !d.value) return;
-      const e = (a) => {
-        if (a.preventDefault(), i.value === null || !a.target) return;
-        const t = document.elementFromPoint(a.clientX, a.clientY);
-        if (!t) return;
-        const n = t.closest(
-          `.${v.value}:not(.${E.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 s = Array.from(
-          document.querySelectorAll(`.${v.value}`)
-        ).indexOf(n);
-        s >= 0 && s !== i.value && (o.forEach((c) => c.isOverlay = !1), o[s].isOverlay = !0, S(i.value, s) ? a.dataTransfer.dropEffect = "move" : a.dataTransfer.dropEffect = "none");
-      }, r = (a) => {
-        if (a.preventDefault(), i.value === null) return;
-        const t = document.elementFromPoint(a.clientX, a.clientY);
         if (!t) return;
-        const n = t.closest(
-          `.${v.value}:not(.${E.value})`
+        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 s = Array.from(
-          document.querySelectorAll(`.${v.value}`)
-        ).indexOf(n);
-        s >= 0 && S(i.value, s) && (P(i.value, s), y(), m()), o.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;
       };
-      d.value.addEventListener("dragover", e), d.value.addEventListener("drop", r), V(() => {
-        d.value && (d.value.removeEventListener("dragover", e), d.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 S(e, r) {
-      const a = JSON.parse(
-        JSON.stringify(o)
-      ), t = a[e], n = a[r], g = t.height === n.height, s = I(
-        t.span,
-        n.row,
-        e,
-        r
-      ), c = I(
-        n.span,
-        t.row,
-        r,
-        e
-      );
-      return s && 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 I(e, r, a, t) {
-      let n = 0, g = 1;
-      return o.forEach((s, c) => {
-        s.row === r && c !== t && c !== a && (n += s.span, s.col <= g && (g = s.col + s.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 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 P(e, r) {
-      const a = o[e], t = o[r], n = a.row, g = a.col;
-      a.row = t.row, a.col = t.col, t.row = n, t.col = g;
+    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 y() {
-      const e = {};
-      o.forEach((r) => {
-        e[r.row] || (e[r.row] = []), e[r.row].push(r);
-      }), Object.keys(e).forEach((r) => {
-        const a = parseInt(r);
-        e[a].sort((n, g) => n.col - g.col);
-        let t = 1;
-        e[a].forEach((n) => {
-          n.col = t, t += n.span;
+    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 T({
-      setGridItems: (e) => {
-        h(e), y(), m();
+    return X({
+      setGridItems: (r) => {
+        G(r), O(), C();
       },
       refreshGrid: () => {
         (async () => {
-          await b(), y(), m();
+          await _(), O(), C();
         })();
       }
-    }), (e, r) => (w(), J(u(re), { spinning: p.value }, {
-      default: X(() => [
-        Y("div", {
+    }), (r, s) => (k(), wo(R(So), { spinning: $.value }, {
+      default: go(() => [
+        ho("div", {
           ref_key: "gridContainer",
-          ref: d,
-          class: G([p.value ? u(D)("loading") : u(D)()]),
-          style: A({
-            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`
           })
         }, [
-          (w(!0), $(j, null, K(o, (a, t) => (w(), $("div", {
-            key: t,
-            class: G([
-              u(f)("item"),
-              l.disableDrag ? "" : u(R)("dragging"),
-              a.isDragging ? u(f)("dragging") : "",
-              a.isOverlay ? u(f)("overlay") : ""
+          (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": a.span,
-            style: A([
-              F(a),
-              q(a),
-              { height: a.height ? a.height + "px" : "" }
+            "data-span": o.span,
+            style: J([
+              Q(o),
+              { height: o.showHeight ? o.showHeight + "px" : "" }
             ]),
-            draggable: !l.disableDrag,
-            onDragstart: (n) => x(n, t),
-            onDragend: _
+            draggable: !h.disableDrag,
+            onDragstart: (t) => Z(t, e),
+            onDragend: x
           }, [
-            Q(e.$slots, "item", {
-              item: a,
-              index: t
-            }, () => [
-              Z(L(Math.round(a.span / 24 * 100)) + "% (" + L(a.span) + "/24) ", 1)
-            ])
-          ], 46, te))), 128))
+            Eo(r.$slots, "item", {
+              item: o,
+              index: e
+            })
+          ], 46, Do))), 128))
         ], 6)
       ]),
       _: 3
@@ -190,5 +442,5 @@ const te = ["data-span", "draggable", "onDragstart"], ce = /* @__PURE__ */ W({
   }
 });
 export {
-  ce as default
+  Co as default
 };

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

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

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

@@ -23,17 +23,13 @@ const e = () => ({
     type: Number,
     default: 12
   },
-  dragOverlayColor: {
-    type: String,
-    default: "#66a9ff"
-  },
-  dragOverlayBorderColor: {
-    type: String,
-    default: "#4d97f7"
-  },
   disableDrag: {
     type: Boolean,
     default: !1
+  },
+  customWrapper: {
+    type: String,
+    default: "ap-draggable-grid"
   }
 });
 export {