@aplus-frontend/ui 6.16.0 → 6.17.1

package/es/index.mjs

@@ -4,8 +4,8 @@ import p from "./src/version.mjs";
 import "./src/hooks/index.mjs";
 import { configProviderProps as A } from "./src/config-provider/config-provider-props.mjs";
 import { DEFAULT_NAMESPACE as n, DEFAULT_UIMODE as c, configProviderContextKey as F } from "./src/config-provider/constants.mjs";
-import { keysOf as T, provideGlobalConfig as b, useGlobalConfig as C } from "./src/config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as g, buildTranslator as D, localeContextKey as h, translate as G, useLocale as P } from "./src/config-provider/hooks/use-locale.mjs";
+import { keysOf as T, provideGlobalConfig as b, useGlobalConfig as g } from "./src/config-provider/hooks/use-global-config.mjs";
+import { buildLocaleContext as S, buildTranslator as D, localeContextKey as G, translate as h, useLocale as P } from "./src/config-provider/hooks/use-locale.mjs";
 import { defaultNamespace as E, namespaceContextKey as L, useGetDerivedNamespace as M, useNamespace as N } from "./src/config-provider/hooks/use-namespace.mjs";
 import { ConfigProvider as y, globalConfigCached as w } from "./src/config-provider/config-provider.mjs";
 import { APConfigProvider as B } from "./src/config-provider/index.mjs";
@@ -27,9 +27,9 @@ import { default as Ae } from "./src/ap-form/list/index.vue.mjs";
 import { default as ne } from "./src/ap-form/search-form/index.vue.mjs";
 import { default as Fe } from "./src/ap-form/modal-form/index.vue.mjs";
 import { default as Te } from "./src/ap-form/dependency/index.vue.mjs";
-import { default as Ce } from "./src/ap-form/set/index.vue.mjs";
-import { default as ge } from "./src/ap-form/drawer-form/index.vue.mjs";
-import { default as he } from "./src/ap-form/render/control.vue.mjs";
+import { default as ge } from "./src/ap-form/set/index.vue.mjs";
+import { default as Se } from "./src/ap-form/drawer-form/index.vue.mjs";
+import { default as Ge } from "./src/ap-form/render/control.vue.mjs";
 import { default as Pe } from "./src/ap-form/render/item.vue.mjs";
 import { default as Ee } from "./src/ap-form/provider/index.vue.mjs";
 import { ApField as Me } from "./src/ap-field/index.mjs";
@@ -53,9 +53,9 @@ import { default as Ao } from "./src/ap-action/item-modal/index.vue.mjs";
 import { default as no } from "./src/ap-action/item-popconfirm/index.vue.mjs";
 import { default as Fo } from "./src/ap-action/item-dropdown/index.vue.mjs";
 import { default as To } from "./src/ap-action/group/index.vue.mjs";
-import { DictCode as Co, langMap as So } from "./src/work-order-modal/interfaces.mjs";
+import { DictCode as go, langMap as Co } from "./src/work-order-modal/interfaces.mjs";
 import { createWorkOrderModal as Do } from "./src/work-order-modal/createWorkOrder.mjs";
-import { default as Go } from "./src/work-order-modal/work-order-modal.vue.mjs";
+import { default as ho } from "./src/work-order-modal/work-order-modal.vue.mjs";
 import { default as Ro } from "./src/ap-tag/ap-tag.vue.mjs";
 import { default as Lo } from "./src/ap-tag/ap-tag-group.vue.mjs";
 import { NeedNameKeyDefault as No } from "./src/ap-upload/apUploadTypes.mjs";
@@ -80,9 +80,9 @@ import { ApBatchActionGroup as ir } from "./src/business/ap-batch-action-group/i
 import { ApButtonGroup as cr } from "./src/business/ap-button-group/index.mjs";
 import { ApCard as Ir } from "./src/business/ap-card/index.mjs";
 import { ApExpandAlert as br } from "./src/business/ap-expand-alert/index.mjs";
-import { ApExportGroupActionType as Sr } from "./src/business/ap-export-group/interface.mjs";
+import { ApExportGroupActionType as Cr } from "./src/business/ap-export-group/interface.mjs";
 import { ApExportGroup as Dr } from "./src/business/ap-export-group/index.mjs";
-import { handleExportDownload as Gr } from "./src/business/ap-export-group/handleExportDownload.mjs";
+import { handleExportDownload as hr } from "./src/business/ap-export-group/handleExportDownload.mjs";
 import { convertExportField as Rr } from "./src/business/ap-export-group/convertExportField.mjs";
 import { ApImage as Lr } from "./src/business/ap-image/index.mjs";
 import { ApInputRadio as Nr } from "./src/business/ap-input-radio/index.mjs";
@@ -104,42 +104,43 @@ import { default as At } from "./src/business/ap-upload-file/ap-upload-single/ap
 import { default as nt } from "./src/business/batch-input-group/index.vue.mjs";
 import { default as Ft } from "./src/business/batch-input-group/form-item.vue.mjs";
 import { ApSizeInput as Tt } from "./src/business/ap-size-input/index.mjs";
-import { ApProductInfo as Ct } from "./src/business/ap-product-info/index.mjs";
-import { ApCopy as gt } from "./src/business/ap-copy/index.mjs";
-import { ApView as ht } from "./src/business/ap-view/index.mjs";
+import { ApProductInfo as gt } from "./src/business/ap-product-info/index.mjs";
+import { ApCopy as St } from "./src/business/ap-copy/index.mjs";
+import { ApView as Gt } from "./src/business/ap-view/index.mjs";
 import { ApRadioGroup as Pt } from "./src/business/ap-radio-group/index.mjs";
 import { ApKeepAliveProps as Et, forceStopTags as Lt } from "./src/business/ap-keep-alive/interface.mjs";
 import { ApKeepAlive as Nt } from "./src/business/ap-keep-alive/index.mjs";
 import { LruCacher as yt } from "./src/business/ap-keep-alive/cacher/lru-cacher.mjs";
 import { useApKeepAliveInject as kt } from "./src/business/ap-keep-alive/hook.mjs";
 import { matches as Kt } from "./src/business/ap-keep-alive/utils.mjs";
-import { useTablePaging as Ut } from "./src/ap-table/hooks/use-table-paging.mjs";
-import { ApTable as _t } from "./src/ap-table/index.mjs";
-import { default as Wt } from "./src/editable-table/index.vue.mjs";
-import { default as jt } from "./src/editable-table/form-item.vue.mjs";
-import { default as qt } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
-import { ensureRangeValue as Qt } from "./src/scroll-bar/utils/index.mjs";
-import { default as Yt } from "./src/scroll-bar/index.vue.mjs";
-import { default as ep } from "./src/scroll-bar/internal.vue.mjs";
-import { default as rp } from "./src/scroll-view/index.vue.mjs";
-import { default as pp } from "./src/portal/index.vue.mjs";
-import { default as fp } from "./src/full-screen/index.vue.mjs";
-import { default as lp } from "./src/resize-observer/index.vue.mjs";
-import { ROW_SELECTION_FIELD as dp } from "./src/ap-grid/constants.mjs";
-import { toTreeArray as up } from "./src/ap-grid/utils/to-tree-array.mjs";
-import { default as ip } from "./src/ap-grid/index.vue.mjs";
-import { default as cp } from "./src/ap-grid/editable/index.vue.mjs";
-import { default as Ip } from "./src/ap-grid/editable/form-item.vue.mjs";
-import { default as bp } from "./src/text/index.vue.mjs";
-import { default as Sp } from "./src/text/group.vue.mjs";
-import { default as Dp } from "./src/mask/index.vue.mjs";
-import { Splitter as Gp } from "./src/splitter/index.mjs";
-import { useMessage as Rp } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as Lp } from "./src/hooks/useControllableValue.mjs";
-import { useManualRef as Np } from "./src/hooks/useManualRef.mjs";
-import { useThrottleRef as yp } from "./src/hooks/useThrottleRef.mjs";
-import { useFullScreen as kp } from "./src/hooks/useFullScreen.mjs";
-import { useResize as Kp } from "./src/hooks/useResize.mjs";
+import { ApDraggableGrid as Ut } from "./src/business/ap-draggable-grid/index.mjs";
+import { useTablePaging as _t } from "./src/ap-table/hooks/use-table-paging.mjs";
+import { ApTable as Wt } from "./src/ap-table/index.mjs";
+import { default as jt } from "./src/editable-table/index.vue.mjs";
+import { default as qt } from "./src/editable-table/form-item.vue.mjs";
+import { default as Qt } from "./src/ap-descriptions/ap-descriptions.vue.mjs";
+import { ensureRangeValue as Yt } from "./src/scroll-bar/utils/index.mjs";
+import { default as ep } from "./src/scroll-bar/index.vue.mjs";
+import { default as rp } from "./src/scroll-bar/internal.vue.mjs";
+import { default as pp } from "./src/scroll-view/index.vue.mjs";
+import { default as fp } from "./src/portal/index.vue.mjs";
+import { default as lp } from "./src/full-screen/index.vue.mjs";
+import { default as dp } from "./src/resize-observer/index.vue.mjs";
+import { ROW_SELECTION_FIELD as up } from "./src/ap-grid/constants.mjs";
+import { toTreeArray as ip } from "./src/ap-grid/utils/to-tree-array.mjs";
+import { default as cp } from "./src/ap-grid/index.vue.mjs";
+import { default as Ip } from "./src/ap-grid/editable/index.vue.mjs";
+import { default as bp } from "./src/ap-grid/editable/form-item.vue.mjs";
+import { default as Cp } from "./src/text/index.vue.mjs";
+import { default as Dp } from "./src/text/group.vue.mjs";
+import { default as hp } from "./src/mask/index.vue.mjs";
+import { Splitter as Rp } from "./src/splitter/index.mjs";
+import { useMessage as Lp } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as Np } from "./src/hooks/useControllableValue.mjs";
+import { useManualRef as yp } from "./src/hooks/useManualRef.mjs";
+import { useThrottleRef as kp } from "./src/hooks/useThrottleRef.mjs";
+import { useFullScreen as Kp } from "./src/hooks/useFullScreen.mjs";
+import { useResize as Up } from "./src/hooks/useResize.mjs";
 const a = console.log;
 a(`APlus-UI version ${p}`);
 const l = {
@@ -166,14 +167,15 @@ export {
   cr as ApButtonGroup,
   Ir as ApCard,
   Yo as ApConfirmButton,
-  gt as ApCopy,
-  qt as ApDescriptions,
+  St as ApCopy,
+  Qt as ApDescriptions,
   ko as ApDownLoadNeedNameKeyDefault,
   Ko as ApDownload,
+  Ut as ApDraggableGrid,
   er as ApDrawer,
   br as ApExpandAlert,
   Dr as ApExportGroup,
-  Sr as ApExportGroupActionType,
+  Cr as ApExportGroupActionType,
   Me as ApField,
   we as ApFieldCheckbox,
   Be as ApFieldDate,
@@ -190,9 +192,9 @@ export {
   $e as ApFieldTextArea,
   ao as ApFieldTreeSelect,
   me as ApForm,
-  he as ApFormControlRender,
+  Ge as ApFormControlRender,
   Te as ApFormDependency,
-  ge as ApFormDrawerForm,
+  Se as ApFormDrawerForm,
   xe as ApFormItem,
   Ft as ApFormItemBatchInput,
   oe as ApFormItemCheckbox,
@@ -212,8 +214,8 @@ export {
   Fe as ApFormModalForm,
   Ee as ApFormProvider,
   ne as ApFormSearchForm,
-  Ce as ApFormSet,
-  ip as ApGrid,
+  ge as ApFormSet,
+  cp as ApGrid,
   Lr as ApImage,
   Nr as ApInputRadio,
   Nt as ApKeepAlive,
@@ -224,50 +226,50 @@ export {
   jo as ApList,
   Wo as ApModal,
   xt as ApNeedNameKeyDefault,
-  Ct as ApProductInfo,
+  gt as ApProductInfo,
   Pt as ApRadioGroup,
   Vr as ApSelectLayout,
   Tt as ApSizeInput,
   zr as ApStatus,
   Wr as ApStatusGroup,
   mt as ApSummary,
-  _t as ApTable,
+  Wt as ApTable,
   pr as ApTableModal,
   Ro as ApTag,
   Lo as ApTagGroup,
-  bp as ApText,
-  Sp as ApTextGroup,
+  Cp as ApText,
+  Dp as ApTextGroup,
   jr as ApTitle,
   rr as ApTransformDataHelper,
   yo as ApUpload,
   At as ApUploadSingle,
-  ht as ApView,
+  Gt as ApView,
   nt as BatchInputGroup,
   Uo as CheckCard,
   _o as CheckCardGroup,
   y as ConfigProvider,
   n as DEFAULT_NAMESPACE,
   c as DEFAULT_UIMODE,
-  Co as DictCode,
-  cp as EditableGrid,
-  Ip as EditableGridFormItem,
-  Wt as EditableTable,
-  jt as EditableTableFormItem,
-  fp as FullScreen,
-  ep as InternalScrollBar,
+  go as DictCode,
+  Ip as EditableGrid,
+  bp as EditableGridFormItem,
+  jt as EditableTable,
+  qt as EditableTableFormItem,
+  lp as FullScreen,
+  rp as InternalScrollBar,
   yt as LruCacher,
-  Dp as Mask,
+  hp as Mask,
   No as NeedNameKeyDefault,
-  pp as Portal,
-  dp as ROW_SELECTION_FIELD,
-  lp as ResizeObserver,
-  Yt as ScrollBar,
-  rp as ScrollView,
-  Gp as Splitter,
-  Go as WorkOrderModal,
+  fp as Portal,
+  up as ROW_SELECTION_FIELD,
+  dp as ResizeObserver,
+  ep as ScrollBar,
+  pp as ScrollView,
+  Rp as Splitter,
+  ho as WorkOrderModal,
   mo as adminToken,
   lo as aplusToken,
-  g as buildLocaleContext,
+  S as buildLocaleContext,
   D as buildTranslator,
   rt as computedRecords,
   F as configProviderContextKey,
@@ -276,39 +278,39 @@ export {
   Do as createWorkOrderModal,
   l as default,
   E as defaultNamespace,
-  Qt as ensureRangeValue,
+  Yt as ensureRangeValue,
   tt as flattenColumns,
   Lt as forceStopTags,
   pt as formatDataIndex,
   at as formatNumber,
   w as globalConfigCached,
-  Gr as handleExportDownload,
+  hr as handleExportDownload,
   Kt as isNameMatches,
   T as keysOf,
-  So as langMap,
-  h as localeContextKey,
+  Co as langMap,
+  G as localeContextKey,
   Br as locales,
   L as namespaceContextKey,
   s as pathMap,
   b as provideGlobalConfig,
-  up as toTreeArray,
-  G as translate,
+  ip as toTreeArray,
+  h as translate,
   kt as useApKeepAliveInject,
-  Lp as useControllableValue,
-  kp as useFullScreen,
+  Np as useControllableValue,
+  Kp as useFullScreen,
   M as useGetDerivedNamespace,
-  C as useGlobalConfig,
+  g as useGlobalConfig,
   et as useGridRefresh,
   P as useLocale,
-  Np as useManualRef,
-  Rp as useMessage,
+  yp as useManualRef,
+  Lp as useMessage,
   N as useNamespace,
   Yr as usePageListApGrid,
   qr as usePageListApTable,
-  Kp as useResize,
+  Up as useResize,
   fr as useTableModal,
-  Ut as useTablePaging,
+  _t as useTablePaging,
   Qr as useTableRefresh,
   lr as useTableSelectModal,
-  yp as useThrottleRef
+  kp as useThrottleRef
 };

package/es/src/ap-grid/utils/table.mjs

@@ -1,10 +1,10 @@
-import { omit as u, isUndefined as s, isFunction as c, isNumber as C } from "lodash-unified";
-import { isDef as m } from "../../utils/index.mjs";
-const g = 20, w = 50, b = (e) => e.some((t) => !!t.html);
-function v(e) {
-  var n;
+import { omit as s, isUndefined as d, isFunction as m, isNumber as C } from "lodash-unified";
+import { isDef as g } from "../../utils/index.mjs";
+const y = 20, b = 50, w = (e) => e.some((t) => !!t.html);
+function K(e) {
+  var o;
   const t = {
-    ...u(e, [
+    ...s(e, [
       "columns",
       "request",
       "searchForm",
@@ -18,39 +18,39 @@ function v(e) {
     isHover: !0,
     keyField: e.rowKey,
     isCurrent: !!e.rowHighlightable
-  }, t.columnConfig = {}, b(e.columns || []) && (t.rowConfig.useKey = !0, t.columnConfig.useKey = !0), e.adaptive && (t.autoResize = !0, t.height = "100%"), e.columnResizable && (t.columnConfig.resizable = !0), e.rowSelection) {
-    const o = e.rowSelection === !0 ? {} : e.rowSelection;
-    o.type === "radio" ? t.radioConfig = {
+  }, t.columnConfig = {}, w(e.columns || []) && (t.rowConfig.useKey = !0, t.columnConfig.useKey = !0), e.adaptive && (t.autoResize = !0, t.height = "100%"), e.columnResizable && (t.columnConfig.resizable = !0), e.rowSelection) {
+    const r = e.rowSelection === !0 ? {} : e.rowSelection;
+    r.type === "radio" ? t.radioConfig = {
       highlight: !0,
-      checkMethod({ row: r }) {
-        return o.disabled ? !o.disabled(r) : !0;
+      checkMethod({ row: i }) {
+        return r.disabled ? !r.disabled(i) : !0;
       },
-      visibleMethod({ row: r }) {
-        return o.shown ? o.shown(r) : !0;
+      visibleMethod({ row: i }) {
+        return r.shown ? r.shown(i) : !0;
       },
-      checkRowKey: (n = o.defaultSelectedRowKeys) == null ? void 0 : n[0],
-      reserve: s(o.preserveSelectedRowKeys) ? !0 : o.preserveSelectedRowKeys
+      checkRowKey: (o = r.defaultSelectedRowKeys) == null ? void 0 : o[0],
+      reserve: d(r.preserveSelectedRowKeys) ? !0 : r.preserveSelectedRowKeys
     } : t.checkboxConfig = {
       highlight: !0,
-      checkMethod({ row: r }) {
-        return o.disabled ? !o.disabled(r) : !0;
+      checkMethod({ row: i }) {
+        return r.disabled ? !r.disabled(i) : !0;
       },
-      visibleMethod({ row: r }) {
-        return o.shown ? o.shown(r) : !0;
+      visibleMethod({ row: i }) {
+        return r.shown ? r.shown(i) : !0;
       },
-      reserve: s(o.preserveSelectedRowKeys) ? !0 : o.preserveSelectedRowKeys,
-      range: o.range || !1
+      reserve: d(r.preserveSelectedRowKeys) ? !0 : r.preserveSelectedRowKeys,
+      range: r.range || !1
     };
   }
-  return t.border = e.bordered === !1 ? "inner" : !0, e.expandable && (t.expandConfig = u(e.expandable, [
+  return t.border = e.bordered === !1 ? "inner" : !0, e.expandable && (t.expandConfig = s(e.expandable, [
     "renderContent",
     "width",
     "title"
-  ])), e.footer && (t.showFooter = !0, c(e.footer) ? t.footerMethod = e.footer : t.footerData = e.footer), e.virtual === !1 ? (t.virtualXConfig = {
+  ])), e.footer && (t.showFooter = !0, m(e.footer) ? t.footerMethod = e.footer : t.footerData = e.footer), e.virtual === !1 ? (t.virtualXConfig = {
     enabled: !1
   }, t.virtualYConfig = {
     enabled: !1
-  }) : (f(t, "X", e.virtual), f(t, "Y", e.virtual)), t.round = m(e.round) ? e.round : !e.card, t.headerCellConfig = {
+  }) : (f(t, "X", e.virtual), f(t, "Y", e.virtual)), t.round = g(e.round) ? e.round : !e.card, t.headerCellConfig = {
     height: 36,
     ...t.headerCellConfig || {}
   }, t.treeConfig && (t.treeConfig = {
@@ -59,28 +59,32 @@ function v(e) {
      * 使用非树层级列表，配合transform
      */
     transform: !0
-  }), t;
+  }), t.resizableConfig = {
+    minWidth({ cell: r }) {
+      return R(r, e.size);
+    }
+  }, t;
 }
-function f(e, t, i) {
-  const n = t === "X", o = n ? "x" : "y", r = n ? "virtualXConfig" : "virtualYConfig", l = i == null ? void 0 : i[o], a = l !== !1, d = n ? g : w, h = C(l) && l >= 0 ? l : d;
-  e[r] = {
-    enabled: a,
+function f(e, t, n) {
+  const o = t === "X", r = o ? "x" : "y", i = o ? "virtualXConfig" : "virtualYConfig", u = n == null ? void 0 : n[r], c = u !== !1, l = o ? y : b, h = C(u) && u >= 0 ? u : l;
+  e[i] = {
+    enabled: c,
     gt: h,
-    oSize: (i == null ? void 0 : i.oSize) || 0
+    oSize: (n == null ? void 0 : n.oSize) || 0
   };
 }
-function y(e) {
+function x(e) {
   return e === !0 ? "left" : e;
 }
-function K(e, t) {
-  const i = e === !0 || !e.type ? "checkbox" : e.type, n = e === !0 ? 60 : e.columnWidth || 60;
-  let o = e === !0 ? void 0 : y(e.fixed);
-  return o || (o === !1 ? o = void 0 : o = t.some(
-    (r) => r.fixed === "left" || r.fixed === !0
+function M(e, t) {
+  const n = e === !0 || !e.type ? "checkbox" : e.type, o = e === !0 ? 60 : e.columnWidth || 60;
+  let r = e === !0 ? void 0 : x(e.fixed);
+  return r || (r === !1 ? r = void 0 : r = t.some(
+    (i) => i.fixed === "left" || i.fixed === !0
   ) ? "left" : void 0), {
-    type: i,
-    width: n,
-    fixed: o
+    type: n,
+    width: o,
+    fixed: r
   };
 }
 function k(e) {
@@ -91,8 +95,22 @@ function k(e) {
     width: t
   };
 }
+function a(e) {
+  if (!e)
+    return 0;
+  const t = getComputedStyle(e);
+  return e.offsetWidth + (Number.parseFloat(t.marginLeft) || 0) + Number.parseFloat(t.marginRight) || 0;
+}
+function R(e, t) {
+  if (!e)
+    return "auto";
+  const n = getComputedStyle(e);
+  let o = t === "medium" ? 12 * 2 : 9 * 2;
+  const r = (Number.parseFloat(n.fontSize) || 14) * 1.6;
+  return o += r, e.querySelector("span.anticon-question-circle") && (o += 20), o += a(e.querySelector(".vxe-cell--sort")) + a(e.querySelector(".vxe-cell--filter")), Math.ceil(o);
+}
 export {
   k as getRowExpandProps,
-  K as getRowSelectionProps,
-  v as toVxeProps
+  M as getRowSelectionProps,
+  K as toVxeProps
 };

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

@@ -0,0 +1,124 @@
+import { ApDraggableGridItemBase } from './interface';
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: {
+                isDragging: boolean;
+                isOverlay: boolean;
+                span: number;
+                row: number;
+                col: number;
+                height?: number | string | undefined;
+            };
+            index: number;
+        }): any;
+    };
+    refs: {
+        gridContainer: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
+    gridList: {
+        type: PropType<Array<ApDraggableGridItemBase>>;
+        default: () => never[];
+    };
+    request: {
+        type: PropType<() => Promise<ApDraggableGridItemBase[]>>;
+        default: null;
+    };
+    gridWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    gridItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    gridItemShadow: {
+        type: StringConstructor;
+        default: string;
+    };
+    gapWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dragOverlayColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dragOverlayBorderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disableDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    setGridItems: (items: ApDraggableGridItemBase[]) => void;
+    refreshGrid: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    onGridListChange: (args_0: ApDraggableGridItemBase[]) => any;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    gridList: {
+        type: PropType<Array<ApDraggableGridItemBase>>;
+        default: () => never[];
+    };
+    request: {
+        type: PropType<() => Promise<ApDraggableGridItemBase[]>>;
+        default: null;
+    };
+    gridWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    gridItemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    gridItemShadow: {
+        type: StringConstructor;
+        default: string;
+    };
+    gapWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dragOverlayColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    dragOverlayBorderColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    disableDrag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onOnGridListChange?: ((args_0: ApDraggableGridItemBase[]) => any) | undefined;
+}>, {
+    request: () => Promise<ApDraggableGridItemBase[]>;
+    gridList: ApDraggableGridItemBase[];
+    gridWidth: string | number;
+    gridItemHeight: number;
+    gridItemShadow: string;
+    gapWidth: number;
+    dragOverlayColor: string;
+    dragOverlayBorderColor: string;
+    disableDrag: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    gridContainer: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+import f from "./ApDraggableGrid.vue2.mjs";
+export {
+  f as default
+};