@aplus-frontend/ui 6.17.1 → 6.17.2

package/es/src/business/ap-appendix/icons/file-icon.vue.mjs

@@ -1,4 +1,4 @@
-import { createElementBlock as t, openBlock as e, createStaticVNode as r } from "vue";
+import { openBlock as t, createElementBlock as e, createStaticVNode as r } from "vue";
 import l from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 const i = {}, o = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -8,7 +8,7 @@ const i = {}, o = {
   viewBox: "0 0 16 16"
 };
 function c(n, Q) {
-  return e(), t("svg", o, Q[0] || (Q[0] = [
+  return t(), e("svg", o, Q[0] || (Q[0] = [
     r('<defs><clipPath id="master_svg0_183_82058/183_76208"><rect x="0" y="0" width="16" height="16" rx="0"></rect></clipPath></defs><g clip-path="url(#master_svg0_183_82058/183_76208)"><g><rect x="0" y="0" width="16" height="16" rx="0" fill="#FFFFFF" fill-opacity="0.009999999776482582" style="mix-blend-mode:passthrough;"></rect></g><g><path d="M6.4678965625,11.32002357421875L11.4176265625,6.37025357421875Q11.4879565625,6.29993357421875,11.5260165625,6.20804357421875Q11.5640765625,6.11616357421875,11.5640765625,6.0167035742187505Q11.5640765625,5.967463574218749,11.5544665625,5.91916357421875Q11.5448565625,5.87086357421875,11.5260165625,5.82536357421875Q11.5071665625,5.77986357421875,11.4798065625,5.7389235742187505Q11.4524465625,5.69797357421875,11.4176265625,5.66315357421875Q11.3828065625,5.62833357421875,11.3418565625,5.6009735742187505Q11.3009165625,5.57361357421875,11.2554165625,5.55476357421875Q11.2099165625,5.535923574218749,11.1616165625,5.52631357421875Q11.1133165625,5.5167035742187505,11.0640765625,5.5167035742187505Q10.9646165625,5.5167035742187505,10.8727365625,5.55476357421875Q10.7808465625,5.59282357421875,10.7105265625,5.66315357421875L10.7102665625,5.66341357421875L5.7607865625,10.612923574218751Q5.4072265625,10.96648357421875,5.0536665625,10.612923574218751Q4.7001265624999995,10.25935357421875,5.0536765625,9.905773574218749L10.9462265625,4.01326057421875Q11.3855665625,3.57391357421875,12.0068765625,3.57391357421875Q12.6282265625,3.57391357421875,13.0675265625,4.01326157421875Q13.5069265625,4.45258357421875,13.5069265625,5.07391357421875Q13.5069265625,5.69523357421875,13.0675265625,6.13459357421875L7.1749865625,12.02712357421875Q6.4427665625,12.75934357421875,5.4072265625,12.75934357421875Q4.3716865625,12.75934357421875,3.6394565625,12.02712357421875Q2.9072265625,11.29489357421875,2.9072265625,10.25935357421875Q2.9072265625,9.22382357421875,3.6394565625,8.49159357421875L8.5891965625,3.5418455742187502Q8.6595265625,3.47151957421875,8.6975865625,3.37963357421875Q8.735646562500001,3.28774857421875,8.735646562500001,3.18829257421875Q8.735646562500001,3.13904677421875,8.7260365625,3.09074737421875Q8.7164265625,3.04244787421875,8.6975865625,2.99695077421875Q8.6787365625,2.95145357421875,8.651376562500001,2.91050757421875Q8.6240165625,2.86956157421875,8.5891965625,2.83473957421875Q8.5543765625,2.79991757421875,8.513426562500001,2.77255757421875Q8.472476562499999,2.74519857421875,8.4269865625,2.72635257421875Q8.381486562500001,2.70750757421875,8.3331865625,2.69789957421875Q8.284886562499999,2.68829257421875,8.235646562500001,2.68829257421875Q8.1361865625,2.68829257421875,8.0442965625,2.72635257421875Q7.9524165625,2.76441257421875,7.8820865625,2.83473957421875L7.8816965625,2.83512857421875L2.9323545625,7.78448357421875Q1.9072265625,8.80960357421875,1.9072265625,10.25935357421875Q1.9072265625,11.70910357421875,2.9323525625,12.73422357421875Q3.9574765625,13.75931357421875,5.4072265625,13.75931357421875Q6.8569765625,13.75931357421875,7.8820965625,12.73422357421875L13.7746265625,6.8416835742187505Q14.5069265625,6.10944357421875,14.5069265625,5.07391357421875Q14.5069265625,4.03837257421875,13.7746265625,3.30615057421875Q13.0424265625,2.57391357421875,12.0068765625,2.57391357421875Q10.9713365625,2.57391357421875,10.239126562500001,3.30615157421875L4.3465365625,9.19870357421875Q3.9072365625,9.638043574218749,3.9072365625,10.25935357421875Q3.9072365625,10.880663574218751,4.3465565625,11.32002357421875Q4.7859065625,11.75937357421875,5.4072265625,11.75937357421875Q6.0285465625,11.75937357421875,6.4678965625,11.32002357421875Z" fill-rule="evenodd" fill="currentColor" fill-opacity="1"></path></g></g>', 2)
   ]));
 }

package/es/src/business/ap-batch-action/ApBatchAction.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as x, useSlots as D, computed as E, ref as N, watch as K, createElementBlock as R, openBlock as V, normalizeClass as f, unref as t, withDirectives as T, createElementVNode as c, renderSlot as m, vShow as z, createCommentVNode as O, createTextVNode as v, toDisplayString as n, createVNode as j, withCtx as q } from "vue";
+import { defineComponent as x, useSlots as D, computed as E, ref as N, watch as K, openBlock as R, createElementBlock as V, normalizeClass as f, unref as t, withDirectives as T, createElementVNode as c, renderSlot as m, vShow as z, createTextVNode as v, toDisplayString as n, createVNode as O, withCtx as j, createCommentVNode as q } from "vue";
 import { Button as F } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
 import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
@@ -33,7 +33,7 @@ const J = {
       {
         immediate: !0
       }
-    ), (e, l) => (V(), R("div", {
+    ), (e, l) => (R(), V("div", {
       class: f([t(r)()])
     }, [
       T(c("div", {
@@ -49,24 +49,24 @@ const J = {
         class: f(t(r)("body"))
       }, [
         m(e.$slots, "prefix"),
-        o.showSelected ? (V(), R("div", J, [
+        o.showSelected ? (R(), V("div", J, [
           c("div", M, [
             v(n(t(d)("ap.apBatchAction.selected")) + " ", 1),
             c("span", null, n(b.value), 1),
             v(" " + n(t(d)("ap.apBatchAction.piecesOfData")), 1)
           ]),
           c("div", P, [
-            j(t(F), {
+            O(t(F), {
               type: "link",
               onClick: l[0] || (l[0] = (h) => o.clearAll && o.clearAll())
             }, {
-              default: q(() => [
+              default: j(() => [
                 v(n(t(d)("ap.apBatchAction.empty")), 1)
               ]),
               _: 1
             })
           ])
-        ])) : O("", !0),
+        ])) : q("", !0),
         m(e.$slots, "suffix")
       ], 2)
     ], 2));

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as F, useSlots as O, computed as n, createBlock as m, createCommentVNode as j, openBlock as d, unref as s, mergeProps as b, createSlots as g, withCtx as r, createElementVNode as x, normalizeStyle as E, resolveDynamicComponent as k, h as A, createVNode as i, renderList as B, renderSlot as C, normalizeProps as v, guardReactiveProps as y, normalizeClass as I } from "vue";
+import { defineComponent as F, useSlots as O, computed as n, openBlock as m, createBlock as d, unref as s, mergeProps as b, createSlots as g, withCtx as r, createVNode as i, createElementVNode as j, normalizeStyle as x, resolveDynamicComponent as k, h as A, renderList as B, renderSlot as C, normalizeProps as v, guardReactiveProps as y, normalizeClass as E, createCommentVNode as I } from "vue";
 import { DropdownButton as q, Dropdown as H } from "@aplus-frontend/antdv";
 import "../../ap-button/index.mjs";
 import "./MenuItemGroup.vue.mjs";
@@ -61,7 +61,7 @@ const ie = /* @__PURE__ */ F({
     return D({
       columns: T,
       dataSource: N
-    }), (t, o) => c.value.length && P.value === "dropdown" ? (d(), m(s(q), b({
+    }), (t, o) => c.value.length && P.value === "dropdown" ? (m(), d(s(q), b({
       key: 0,
       class: [s(h)()]
     }, {
@@ -75,12 +75,12 @@ const ie = /* @__PURE__ */ F({
         }, { "menu-list": c.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
-        x("span", {
-          style: E({
+        j("span", {
+          style: x({
             color: V.value
           })
         }, [
-          (d(), m(k(A("span", [_.value]))))
+          (m(), d(k(A("span", [_.value]))))
         ], 4)
       ]),
       _: 2
@@ -91,9 +91,9 @@ const ie = /* @__PURE__ */ F({
           C(t.$slots, l, v(y(f || {})))
         ])
       }))
-    ]), 1040, ["class"])) : c.value.length && P.value === "default" ? (d(), m(s(H), {
+    ]), 1040, ["class"])) : c.value.length && P.value === "default" ? (m(), d(s(H), {
       key: 1,
-      class: I([s(h)()]),
+      class: E([s(h)()]),
       disabled: p.value
     }, g({
       overlay: r(() => [
@@ -108,7 +108,7 @@ const ie = /* @__PURE__ */ F({
           type: u.value
         })), {
           default: r(() => [
-            (d(), m(k(A("span", [_.value])))),
+            (m(), d(k(A("span", [_.value])))),
             i(s(J))
           ]),
           _: 1
@@ -122,7 +122,7 @@ const ie = /* @__PURE__ */ F({
           C(t.$slots, l, v(y(f || {})))
         ])
       }))
-    ]), 1032, ["class", "disabled"])) : j("", !0);
+    ]), 1032, ["class", "disabled"])) : I("", !0);
   }
 });
 export {

package/es/src/business/ap-batch-action-group/MenuItemGroup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _, ref as v, createBlock as a, openBlock as s, unref as u, withCtx as d, createElementBlock as h, Fragment as t, renderList as y, mergeProps as k, createElementVNode as w, withDirectives as g, createVNode as C, vShow as b, resolveDynamicComponent as L, h as M } from "vue";
+import { defineComponent as _, ref as v, openBlock as s, createBlock as a, unref as u, withCtx as d, createElementBlock as h, Fragment as t, renderList as y, mergeProps as k, createElementVNode as w, withDirectives as g, createVNode as C, vShow as b, resolveDynamicComponent as L, h as M } from "vue";
 import { LoadingOutlined as B } from "@ant-design/icons-vue";
 import { Menu as R, MenuItem as x } from "@aplus-frontend/antdv";
 const D = { style: { display: "flex", "align-items": "center" } }, P = /* @__PURE__ */ _({

package/es/src/business/ap-batch-action-group/index.d.ts

@@ -3,8 +3,8 @@ import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/bu
 import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { MouseEventHandler, FocusEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { ButtonProps, ItemType, MenuTheme, MenuMode, TableColumnsType } from '@aplus-frontend/antdv';
 import { DropdownArrowOptions, Trigger, Align } from '@aplus-frontend/antdv/es/dropdown/props';
-import { ItemType, MenuTheme, MenuMode, TableColumnsType, ButtonProps } from '@aplus-frontend/antdv';
 import { Key } from '@aplus-frontend/antdv/es/_util/type';
 import { CSSMotionProps } from '@aplus-frontend/antdv/es/_util/transition';
 import { BuiltinPlacements, TriggerSubMenuAction, SelectEventHandler, MenuClickEventHandler } from '@aplus-frontend/antdv/es/menu/src/interface';
@@ -63,7 +63,7 @@ declare const ApBatchActionGroup: {
                 type: PropType< MouseEventHandler | MouseEventHandler[]>;
             };
         }>>, "type" | "onClick"> & {
-            type?: ( ButtonType | undefined) | "borderLink";
+            type?: ButtonProps["type"] | "borderLink";
             borderLinkColor?: string;
             minWidth?: boolean | number | string;
             lazy?: boolean | number;
@@ -364,7 +364,7 @@ declare const ApBatchActionGroup: {
                 type: PropType< MouseEventHandler | MouseEventHandler[]>;
             };
         }>>, "type" | "onClick"> & {
-            type?: ( ButtonType | undefined) | "borderLink";
+            type?: ButtonProps["type"] | "borderLink";
             borderLinkColor?: string;
             minWidth?: boolean | number | string;
             lazy?: boolean | number;

package/es/src/business/ap-button-group/ApButtonGroup.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as T, createBlock as u, openBlock as t, unref as s, normalizeProps as P, guardReactiveProps as R, withCtx as c, createElementBlock as m, Fragment as p, renderList as i, createCommentVNode as B, mergeProps as l, resolveDynamicComponent as f, h as y } from "vue";
+import { defineComponent as k, computed as T, openBlock as t, createBlock as u, unref as s, normalizeProps as P, guardReactiveProps as R, withCtx as c, createElementBlock as m, Fragment as p, renderList as i, mergeProps as l, resolveDynamicComponent as f, h as y, createCommentVNode as B } from "vue";
 import { Space as x } from "@aplus-frontend/antdv";
 import "../../ap-button/ap-button.vue2.mjs";
 import "../../ap-button/ap-action-button.vue2.mjs";

package/es/src/business/ap-card/ApCard.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as h, useSlots as $, computed as l, createElementBlock as o, openBlock as r, normalizeStyle as B, normalizeClass as N, unref as s, createBlock as c, createCommentVNode as P, renderSlot as d, mergeProps as b, createSlots as z, withCtx as y, isVNode as k, resolveDynamicComponent as v, toDisplayString as _ } from "vue";
+import { defineComponent as h, useSlots as $, computed as l, openBlock as r, createElementBlock as o, normalizeClass as B, unref as s, normalizeStyle as N, createBlock as c, mergeProps as b, createSlots as z, withCtx as P, renderSlot as d, isVNode as y, resolveDynamicComponent as k, toDisplayString as v, createCommentVNode as _ } from "vue";
 import "../ap-title/ApTitle.vue.mjs";
 import { omit as D } from "lodash-unified";
 import "../../config-provider/index.mjs";
@@ -20,8 +20,8 @@ const w = { key: 2 }, A = { key: 2 }, I = /* @__PURE__ */ h({
     return (i, E) => {
       var u, x;
       return r(), o("div", {
-        class: N([s(m)()]),
-        style: B({
+        class: B([s(m)()]),
+        style: N({
           padding: C.value
         })
       }, [
@@ -33,26 +33,26 @@ const w = { key: 2 }, A = { key: 2 }, I = /* @__PURE__ */ h({
         }), z({ _: 2 }, [
           t != null && t.titleSuffix || (u = e == null ? void 0 : e.titleProps) != null && u.suffix ? {
             name: "suffix",
-            fn: y(() => {
+            fn: P(() => {
               var f, n, a;
               return [
-                t != null && t.titleSuffix ? d(i.$slots, "titleSuffix", { key: 0 }) : k((f = e == null ? void 0 : e.titleProps) == null ? void 0 : f.suffix) ? (r(), c(v((n = e == null ? void 0 : e.titleProps) == null ? void 0 : n.suffix), { key: 1 })) : (r(), o("div", w, _((a = e == null ? void 0 : e.titleProps) == null ? void 0 : a.suffix), 1))
+                t != null && t.titleSuffix ? d(i.$slots, "titleSuffix", { key: 0 }) : y((f = e == null ? void 0 : e.titleProps) == null ? void 0 : f.suffix) ? (r(), c(k((n = e == null ? void 0 : e.titleProps) == null ? void 0 : n.suffix), { key: 1 })) : (r(), o("div", w, v((a = e == null ? void 0 : e.titleProps) == null ? void 0 : a.suffix), 1))
               ];
             }),
             key: "0"
           } : void 0,
           t != null && t.titlePrefix || (x = e == null ? void 0 : e.titleProps) != null && x.prefix ? {
             name: "prefix",
-            fn: y(() => {
+            fn: P(() => {
               var f, n, a;
               return [
-                t != null && t.titlePrefix ? d(i.$slots, "titlePrefix", { key: 0 }) : P("", !0),
-                k((f = e == null ? void 0 : e.titleProps) == null ? void 0 : f.prefix) ? (r(), c(v((n = e == null ? void 0 : e.titleProps) == null ? void 0 : n.prefix), { key: 1 })) : (r(), o("div", A, _((a = e == null ? void 0 : e.titleProps) == null ? void 0 : a.prefix), 1))
+                t != null && t.titlePrefix ? d(i.$slots, "titlePrefix", { key: 0 }) : _("", !0),
+                y((f = e == null ? void 0 : e.titleProps) == null ? void 0 : f.prefix) ? (r(), c(k((n = e == null ? void 0 : e.titleProps) == null ? void 0 : n.prefix), { key: 1 })) : (r(), o("div", A, v((a = e == null ? void 0 : e.titleProps) == null ? void 0 : a.prefix), 1))
               ];
             }),
             key: "1"
           } : void 0
-        ]), 1040, ["class"])) : P("", !0),
+        ]), 1040, ["class"])) : _("", !0),
         d(i.$slots, "default")
       ], 6);
     };

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

@@ -10,7 +10,7 @@ declare function __VLS_template(): {
                 span: number;
                 row: number;
                 col: number;
-                height?: number | string | undefined;
+                height?: (number | string) | undefined;
             };
             index: number;
         }): any;
@@ -58,6 +58,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    customWrapper: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     setGridItems: (items: ApDraggableGridItemBase[]) => void;
     refreshGrid: () => void;
@@ -100,6 +104,10 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    customWrapper: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onOnGridListChange?: ((args_0: ApDraggableGridItemBase[]) => any) | undefined;
 }>, {
@@ -112,6 +120,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     dragOverlayColor: string;
     dragOverlayBorderColor: string;
     disableDrag: boolean;
+    customWrapper: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     gridContainer: HTMLDivElement;
 }, any>;

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

@@ -1,48 +1,48 @@
-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 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 "../../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 ne } from "../../config-provider/hooks/use-namespace.mjs";
+const oe = ["data-span", "draggable", "onDragstart"], ue = /* @__PURE__ */ H({
   __name: "ApDraggableGrid",
-  props: ee(),
+  props: te(),
   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,
+  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) && h(e);
+        Array.isArray(e) && v(e);
       },
       { deep: !0, immediate: !0 }
     );
-    function h(e) {
-      o.splice(0, o.length), e.forEach((r) => {
-        o.push({
+    function v(e) {
+      s.splice(0, s.length), e.forEach((r) => {
+        s.push({
           ...r,
           isDragging: !1,
           isOverlay: !1
         });
       });
     }
-    const F = (e) => ({
+    const q = (e) => ({
       gridColumn: `${e.col} / span ${e.span}`,
       gridRow: e.row,
-      minHeight: `${l.gridItemHeight}px`,
-      boxShadow: l.gridItemShadow ? l.gridItemShadow : "none"
-    }), q = (e) => {
+      minHeight: `${o.gridItemHeight}px`,
+      boxShadow: o.gridItemShadow ? o.gridItemShadow : "none"
+    }), x = (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 o.dragOverlayColor && (r.backgroundColor = o.dragOverlayColor), o.dragOverlayBorderColor && (r.border = `2px dashed ${o.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);
+    }, _ = (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);
     };
-    function m() {
-      const e = o.map(
+    function h() {
+      const e = s.map(
         (r) => ({
           span: r.span,
           row: r.row,
@@ -50,139 +50,140 @@ const te = ["data-span", "draggable", "onDragstart"], ce = /* @__PURE__ */ W({
           height: r.height ? r.height : ""
         })
       );
-      B("onGridListChange", e);
+      F("onGridListChange", e);
     }
-    async function b() {
-      if (h([]), typeof l.request == "function")
+    async function C() {
+      if (v([]), typeof o.request == "function")
         try {
-          p.value = !0;
-          const e = await l.request();
-          Array.isArray(e) ? h(e) : console.warn(
+          f.value = !0;
+          const e = await o.request();
+          Array.isArray(e) ? v(e) : console.warn(
             "ApDraggableGrid: 请求函数必须返回一个符合 ApDraggableGridItemBase 数组的格式"
           );
         } catch (e) {
           console.error("ApDraggableGrid: 请求错误:", e);
         } finally {
-          p.value = !1;
+          f.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})`
+    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
         );
         if (!n) return;
-        const s = Array.from(
-          document.querySelectorAll(`.${v.value}`)
+        const l = Array.from(
+          document.querySelectorAll(I.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})`
+        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 (!n) return;
-        const s = Array.from(
-          document.querySelectorAll(`.${v.value}`)
+        const l = Array.from(
+          document.querySelectorAll(I.value)
         ).indexOf(n);
-        s >= 0 && S(i.value, s) && (P(i.value, s), y(), m()), o.forEach((c) => {
+        l >= 0 && A(i.value, l) && (z(i.value, l), y(), h()), s.forEach((c) => {
           c.isDragging = !1, c.isOverlay = !1;
         }), i.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));
+      u.value.addEventListener("dragover", e), u.value.addEventListener("drop", r), X(() => {
+        u.value && (u.value.removeEventListener("dragover", e), u.value.removeEventListener("drop", r));
       });
     });
-    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,
+    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 = I(
+      ), c = G(
         n.span,
-        t.row,
+        a.row,
         r,
         e
       );
-      return s && c && g;
+      return l && c && g;
     }
-    function I(e, r, a, t) {
+    function G(e, r, t, a) {
       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));
+      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 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 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 y() {
       const e = {};
-      o.forEach((r) => {
+      s.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;
+        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;
         });
       });
     }
-    return T({
+    return R({
       setGridItems: (e) => {
-        h(e), y(), m();
+        v(e), y(), h();
       },
       refreshGrid: () => {
         (async () => {
-          await b(), y(), m();
+          await C(), y(), h();
         })();
       }
-    }), (e, r) => (w(), J(u(re), { spinning: p.value }, {
-      default: X(() => [
-        Y("div", {
+    }), (e, r) => (D(), Y(d(ae), { spinning: f.value }, {
+      default: j(() => [
+        K("div", {
           ref_key: "gridContainer",
-          ref: d,
-          class: G([p.value ? u(D)("loading") : u(D)()]),
-          style: A({
+          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`
           })
         }, [
-          (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") : ""
+          (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")
             ]),
-            "data-span": a.span,
-            style: A([
-              F(a),
-              q(a),
-              { height: a.height ? a.height + "px" : "" }
+            "data-span": t.span,
+            style: W([
+              q(t),
+              x(t),
+              { height: t.height ? t.height + "px" : "" }
             ]),
-            draggable: !l.disableDrag,
-            onDragstart: (n) => x(n, t),
-            onDragend: _
+            draggable: !o.disableDrag,
+            onDragstart: (n) => _(n, a),
+            onDragend: P
           }, [
-            Q(e.$slots, "item", {
-              item: a,
-              index: t
+            ee(e.$slots, "item", {
+              item: t,
+              index: a
             }, () => [
-              Z(L(Math.round(a.span / 24 * 100)) + "% (" + L(a.span) + "/24) ", 1)
+              re(T(Math.round(t.span / 24 * 100)) + "% (" + T(t.span) + "/24) ", 1)
             ])
-          ], 46, te))), 128))
+          ], 46, oe))), 128))
         ], 6)
       ]),
       _: 3
@@ -190,5 +191,5 @@ const te = ["data-span", "draggable", "onDragstart"], ce = /* @__PURE__ */ W({
   }
 });
 export {
-  ce as default
+  ue as default
 };

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

@@ -37,4 +37,8 @@ export declare const ApDraggableGridProps: () => {
         type: BooleanConstructor;
         default: boolean;
     };
+    customWrapper: {
+        type: StringConstructor;
+        default: string;
+    };
 };

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

@@ -34,6 +34,10 @@ const e = () => ({
   disableDrag: {
     type: Boolean,
     default: !1
+  },
+  customWrapper: {
+    type: String,
+    default: "ap-draggable-grid"
   }
 });
 export {