@aplus-frontend/ui 6.39.0 → 6.39.2

package/es/src/business/ag-grid-modal/hooks/use-ag-grid-select-modal.mjs

@@ -1,122 +1,165 @@
-import { createVNode as r, onUnmounted as O } from "vue";
-import { ApModal as _ } from "../../../ap-modal/index.mjs";
+import { defineComponent as L, reactive as q, createVNode as i, onUnmounted as v } from "vue";
+import { ApModal as G } from "../../../ap-modal/index.mjs";
 import "../../../ag-grid/index.mjs";
-import { AsyncCallback as L, genRequest as P, delRowKeyField as H, getModalLayoutConfig as T, addRowKeyField as j } from "../utils.mjs";
-import { useAgGridInstance as q } from "./use-ag-grid-instance.mjs";
-import { isFunction as u, omit as h } from "lodash-unified";
-import { ROW_KEY as v } from "../constants.mjs";
-import { useModalTitle as F } from "./use-modal-title.mjs";
-import { message as G } from "@aplus-frontend/antdv";
+import { AsyncCallback as H, genRequest as T, delRowKeyField as F, addRowKeyField as D, getModalLayoutConfig as b } from "../utils.mjs";
+import { useAgGridInstance as E } from "./use-ag-grid-instance.mjs";
+import { isFunction as m, isEmpty as p, omitBy as U, isUndefined as W, omit as K } from "lodash-unified";
+import { ROW_KEY as $ } from "../constants.mjs";
+import { useModalTitle as z } from "./use-modal-title.mjs";
+import { message as B } from "@aplus-frontend/antdv";
 import "../../../config-provider/index.mjs";
 import "../modal-layout/index.vue.mjs";
 import "../wrapper/index.vue.mjs";
-import { useLocale as D } from "../../../config-provider/hooks/use-locale.mjs";
-import E from "../wrapper/index.vue2.mjs";
-import U from "../modal-layout/index.vue2.mjs";
-import W from "../../../ag-grid/index.vue.mjs";
-function le(e) {
-  let i;
-  const c = new L(), [C, b] = F(), {
-    t: K
-  } = D(), [n, k] = q({
-    onSelectedRows(t) {
-      b.setCount(t?.length || 0);
+import { useLocale as N } from "../../../config-provider/hooks/use-locale.mjs";
+import V from "../wrapper/index.vue2.mjs";
+import Y from "../modal-layout/index.vue2.mjs";
+import J from "../../../ag-grid/index.vue.mjs";
+function fe(o) {
+  let d, f = null, g = null;
+  const c = new H(), [k, x] = z(), {
+    t: S
+  } = N(), [a, M] = E({
+    onSelectedRows(e) {
+      x.setCount(e?.length || 0);
     }
-  }), f = P(e.api, e.getRowKey, n.setDataSourceLength), d = u(e.getRowKey) ? e.getRowKey : (t) => t[e.getRowKey], x = () => {
-    const t = e.mergeRule || "old", o = n.getSelectedRows() || [];
+  }), y = T(o.api, o.getRowKey, a.setDataSourceLength), w = (e) => {
+    const {
+      title: t,
+      width: n,
+      modalProps: r,
+      ...s
+    } = m(e) ? e(o) : e;
+    p(s) || g?.(s);
+    const l = U({
+      title: t,
+      width: n,
+      modalProps: r
+    }, W);
+    p(l) || f?.update(l);
+  }, u = m(o.getRowKey) ? o.getRowKey : (e) => e[o.getRowKey], I = () => {
+    const e = o.mergeRule || "old", t = a.getSelectedRows() || [];
     return {
-      keys: M(o),
-      rows: o.map((l) => {
-        const s = d(l);
-        return t === "old" && i?.[s] ? i[s] : H(l);
+      keys: _(t),
+      rows: t.map((s) => {
+        const l = u(s);
+        return e === "old" && d?.[l] ? d[l] : F(s);
       })
     };
-  }, g = async () => {
-    const t = x(), o = e.maxCount || 1 / 0;
-    return t.keys.length > o ? (G.warning(K("ap.apTableModal.messageMaxCount", {
-      maxCount: o
-    })), Promise.reject()) : (await e.beforeOk?.(t), e.finishCallback?.(t), c.resolve(t), t);
-  }, S = () => {
-    c.reject("modal is closed!"), n.setInstance(void 0), n.setDataSourceLength(0);
-  }, w = T(e.modalLayout);
-  function y(t) {
-    const o = t?.map((a) => j(a, e.getRowKey));
-    return r(k, null, {
-      default: () => [r(E, {
-        rowHeight: e.rowHeight
-      }, {
-        default: () => [e.renderHeader?.(h(n, "setInstance")), r(U, w.props, {
-          default: () => [r(W, {
-            ref: n.setInstance,
-            searchForm: {
-              sortable: !1,
-              resize: {
-                target: "form"
-              }
-            },
-            rowKey: u(e.getRowKey) ? v : e.getRowKey,
-            request: f.request,
-            style: {
-              padding: "0px"
-            },
-            rowHeight: e.rowHeight,
-            columns: e.columns,
-            rowSelection: {
-              defaultSelectedRows: o,
-              preserveSelectedRowKeys: !0,
-              type: e.mode || "checkbox",
-              fixed: "left",
-              columnWidth: 38,
-              disabled(a) {
-                return u(e.disabledCheckbox) ? e.disabledCheckbox(a, h(n, "setInstance")) : e.disabledCheckbox ?? !1;
-              }
-            }
-          }, e.gridSlots)],
-          ...w.slots
-        })]
-      })]
-    });
+  }, C = async () => {
+    const e = I(), t = o.maxCount || 1 / 0;
+    return e.keys.length > t ? (B.warning(S("ap.apTableModal.messageMaxCount", {
+      maxCount: t
+    })), Promise.reject()) : (await o.beforeOk?.(e), o.finishCallback?.(e), c.resolve(e), e);
+  }, O = () => {
+    c.reject("modal is closed!");
+  }, P = /* @__PURE__ */ L({
+    name: "AgGridModalSelectContent",
+    props: {
+      modalConfig: {
+        type: Object,
+        required: !0
+      },
+      selectedRows: {
+        type: Array,
+        default: () => []
+      }
+    },
+    setup(e) {
+      const t = q(e.modalConfig);
+      return g = (n) => {
+        Object.assign(t, n);
+      }, () => {
+        const n = e.selectedRows?.map((r) => D(r, t.getRowKey));
+        return i(M, null, {
+          default: () => [i(V, {
+            rowHeight: t.rowHeight
+          }, {
+            default: () => [o.renderHeader?.(K(a, "setInstance"), {
+              updateProps: w
+            }), i(Y, b(t.modalLayout).props, {
+              default: () => [i(J, {
+                ref: a.setInstance,
+                searchForm: {
+                  sortable: !1,
+                  resize: {
+                    target: "form"
+                  }
+                },
+                rowKey: m(t.getRowKey) ? $ : t.getRowKey,
+                request: y.request,
+                style: {
+                  padding: "0px"
+                },
+                rowHeight: t.rowHeight,
+                columns: t.columns,
+                rowSelection: {
+                  defaultSelectedRows: n,
+                  preserveSelectedRowKeys: !0,
+                  type: t.mode || "checkbox",
+                  fixed: "left",
+                  columnWidth: 38,
+                  disabled(r) {
+                    return m(t.disabledCheckbox) ? t.disabledCheckbox(r, K(a, "setInstance")) : t.disabledCheckbox ?? !1;
+                  }
+                }
+              }, t.gridSlots)],
+              ...b(t.modalLayout).slots
+            })]
+          })]
+        });
+      };
+    }
+  });
+  function R(e) {
+    return i(P, {
+      modalConfig: o,
+      selectedRows: e
+    }, null);
   }
-  function I() {
-    const t = Object.values(i || {}), o = y(t);
-    _.createModal({
-      title: r(C, {
-        title: e.title,
-        maxCount: e.maxCount || 1 / 0
-      }, e.modalTitleSlots),
-      width: e.width,
+  function A() {
+    const e = Object.values(d || {}), t = R(e);
+    f = G.createModal({
+      title: i(k, {
+        title: o.title,
+        maxCount: o.maxCount || 1 / 0
+      }, o.modalTitleSlots),
+      width: o.width,
       destroyOnClose: !0,
       maskClosable: !1,
-      onOk: g,
-      onCancel: S,
-      content: o,
-      ...e.modalProps || {}
+      onOk: C,
+      onCancel: O,
+      afterOpenChange(n) {
+        n === !1 && (a.setInstance(void 0), a.setDataSourceLength(0));
+      },
+      content: t,
+      ...o.modalProps || {}
     });
   }
-  function M(t) {
-    return t?.map(d) || [];
+  function _(e) {
+    return e?.map(u) || [];
   }
-  function R(t, o, a = !1) {
-    if (i = t?.reduce((m, l) => {
-      const s = d(l);
-      return m[s] = l, m;
-    }, {}), f.setExtraParams(o?.extraParams), I(), a)
+  function h(e, t, n = !1) {
+    if (d = e?.reduce((r, s) => {
+      const l = u(s);
+      return r[l] = s, r;
+    }, {}), y.setExtraParams(t?.extraParams), A(), n)
       return c.buildPromise();
   }
-  function A(t, o) {
-    return R(t, o, !0);
+  function j(e, t) {
+    return h(e, t, !0);
   }
-  return O(() => {
+  return v(() => {
     c.reject("component is Unmounted!");
   }), {
-    open: R,
-    asyncOpen: A,
-    refresh: n.refresh,
-    getAgGridInstance: n.getInstance,
-    genContent: y,
-    validate: g
+    open: h,
+    asyncOpen: j,
+    refresh: a.refresh,
+    getAgGridInstance: a.getInstance,
+    genContent: R,
+    validate: C,
+    updateProps: w
   };
 }
 export {
-  le as useAgGridSelectModal
+  fe as useAgGridSelectModal
 };

package/es/src/business/ag-grid-modal/index.d.ts

@@ -1,2 +1,3 @@
 export { useAgGridModal } from './hooks/use-ag-grid-modal';
 export { useAgGridSelectModal } from './hooks/use-ag-grid-select-modal';
+export { ApSelectedItems } from './selected-items';

package/es/src/business/ag-grid-modal/index.mjs

@@ -1,6 +1,8 @@
 import { useAgGridModal as r } from "./hooks/use-ag-grid-modal.mjs";
-import { useAgGridSelectModal as l } from "./hooks/use-ag-grid-select-modal.mjs";
+import { useAgGridSelectModal as d } from "./hooks/use-ag-grid-select-modal.mjs";
+import { ApSelectedItems as m } from "./selected-items/index.mjs";
 export {
+  m as ApSelectedItems,
   r as useAgGridModal,
-  l as useAgGridSelectModal
+  d as useAgGridSelectModal
 };

package/es/src/business/ag-grid-modal/interface.d.ts

@@ -4,16 +4,20 @@ import { CreateModalFuncProps } from '../../ap-modal';
 import { Recordable } from '../../type';
 import { GridApi } from './hooks/use-ag-grid-instance';
 export type GetRowKey<TableRowType> = ((record: TableRowType) => string | number) | string;
+export type UpdatePropsFn<T> = (props: Partial<AgGridPreviewModalProps<T>> | ((props: AgGridPreviewModalProps<T>) => Partial<AgGridPreviewModalProps<T>>)) => void;
+export type UpdateSelectPropsFn<T> = (props: Partial<AgGridSelectModalProps<T>> | ((props: AgGridSelectModalProps<T>) => Partial<AgGridSelectModalProps<T>>)) => void;
 /** AgGridModal 基础类型 */
 export interface AgGridModalBasicProps<TableRowType = any> {
-    title: VNodeChild;
+    title?: VNodeChild;
     width?: string | number;
     modalProps?: Omit<CreateModalFuncProps, 'content'>;
-    columns: AgGridColumnType[];
+    columns: AgGridColumnType<TableRowType, any>[];
     getRowKey: GetRowKey<TableRowType>;
     api?: (params: any) => Promise<RequestReturn<TableRowType>>;
     /** 渲染头部信息 */
-    renderHeader?: (gridApi: Omit<GridApi, 'setInstance'>) => VNodeChild;
+    renderHeader?: (gridApi: Omit<GridApi, 'setInstance'>, modalApi: {
+        updateProps: UpdatePropsFn<TableRowType>;
+    }) => VNodeChild;
     rowHeight?: number;
 }
 /** 刷新方式 */
@@ -24,13 +28,15 @@ export interface AgGridPreviewModalProps<RowType = any> extends AgGridModalBasic
     gridSlots?: AgGridSlots<RowType>;
 }
 /** 只读模式返回值 */
-export interface PreviewModalReturnType {
+export interface PreviewModalReturnType<RowType = any> {
     /** 打开弹框 */
     open(opt?: OpenOptions): void;
     /** 刷新表格数据 */
     refresh: (type: RefreshType) => void;
     /** 获取ag-grid实例 */
     getAgGridInstance: () => AgGridExpose | undefined;
+    /** 修改hook的props */
+    updateProps: UpdatePropsFn<RowType>;
 }
 export interface OpenOptions {
     /** 发起网络请求携带的额外参数 */
@@ -82,6 +88,8 @@ export interface SelectModalReturnType<T = any> {
     genContent: (selectedRows?: T[]) => VNodeChild;
     /** 获取数据并校验 */
     validate: () => Promise<OpenReturnType<T>>;
+    /** 修改hook的props */
+    updateProps: UpdateSelectPropsFn<T>;
 }
 export interface RequestReturn<T = any> {
     records: T[];
@@ -108,6 +116,8 @@ export interface ModalLayoutProps {
     rightContentStyle?: StyleValue;
     /** 中间分割线向上偏移量 */
     dividerOffset?: number;
+    /** 是否有边框 */
+    bordered?: boolean;
 }
 /** modal-layout配置 */
 export interface ModalLayoutConfig<T = any> extends ModalLayoutProps {
@@ -125,6 +135,7 @@ export interface ModalLayoutConfig<T = any> extends ModalLayoutProps {
         record: T;
         actions: {
             deleteItem: (record: T) => void;
+            deleteCurrent: () => void;
         };
     }) => any;
 }

package/es/src/business/ag-grid-modal/modal-layout/index.vue.d.ts

@@ -15,6 +15,7 @@ declare function __VLS_template(): {
             record: any;
             actions: {
                 deleteItem: (record: any) => void;
+                deleteCurrent: () => void;
             };
         }): any;
         rightBottom?(_: {

package/es/src/business/ag-grid-modal/modal-layout/index.vue2.mjs

@@ -1,72 +1,73 @@
-import { defineComponent as B, computed as N, createElementBlock as y, renderSlot as r, openBlock as a, normalizeStyle as g, normalizeClass as n, unref as e, createElementVNode as i, createBlock as c, createCommentVNode as v, withCtx as s, resolveDynamicComponent as O, h as x, Fragment as h, createVNode as b, createTextVNode as S, toDisplayString as T, renderList as I } from "vue";
+import { defineComponent as N, computed as I, createElementBlock as p, renderSlot as a, openBlock as n, normalizeStyle as g, normalizeClass as o, unref as e, createElementVNode as i, createBlock as v, createCommentVNode as h, withCtx as s, resolveDynamicComponent as M, h as O, Fragment as b, createVNode as m, createTextVNode as S, toDisplayString as T, renderList as V } from "vue";
 import "../../../config-provider/index.mjs";
 import { ApTitle as k } from "../../ap-title/index.mjs";
-import { Button as M, Empty as C } from "@aplus-frontend/antdv";
-import { useAgGridModalInject as V } from "../hooks/use-ag-grid-instance.mjs";
-import { useLocale as w } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as L } from "../../../config-provider/hooks/use-namespace.mjs";
-const q = /* @__PURE__ */ B({
+import { Button as w, Empty as C } from "@aplus-frontend/antdv";
+import { useAgGridModalInject as L } from "../hooks/use-ag-grid-instance.mjs";
+import { useLocale as j } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as x } from "../../../config-provider/hooks/use-namespace.mjs";
+const H = /* @__PURE__ */ N({
   __name: "index",
   props: {
     leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
     rightContentStyle: { type: [Boolean, null, String, Object, Array] },
     dividerOffset: {},
+    bordered: { type: Boolean },
     layoutType: { default: void 0 }
   },
-  setup(E) {
-    const { t: p } = w(), d = V(), l = N(() => d?.selectedRows?.value || []), u = E, $ = () => {
-      if (console.log("props.dividerOffset", u), u.dividerOffset != null)
+  setup(B) {
+    const { t: f } = j(), d = L(), r = I(() => d?.selectedRows?.value || []), y = B, E = () => {
+      if (y.dividerOffset != null)
         return {
-          "--ag-grid-modal-layout-divider-offset": `${u.dividerOffset}px`
+          "--ag-grid-modal-layout-divider-offset": `${y.dividerOffset}px`
         };
-    }, A = () => {
+    }, $ = () => {
       d?.clearAllSelected();
-    }, m = (t) => {
+    }, u = (t) => {
       d?.removeSelected(t);
-    }, { m: o } = L("ag-grid-modal");
-    return (t, j) => t.layoutType === "two-column" ? (a(), y("div", {
+    }, { e: A, m: l } = x("ag-grid-modal");
+    return (t, D) => t.layoutType === "two-column" ? (n(), p("div", {
       key: 0,
-      class: n(e(o)("table-layout")),
-      style: g($())
+      class: o([e(l)("table-layout"), t.bordered ? e(l)("bordered") : ""]),
+      style: g(E())
     }, [
       i("div", {
-        class: n(e(o)("table-layout-left"))
+        class: o(e(l)("table-layout-left"))
       }, [
-        t.leftTitle ? (a(), c(e(k), {
+        t.leftTitle ? (n(), v(e(k), {
           key: 0,
           style: { "margin-bottom": "16px" }
         }, {
           prefix: s(() => [
-            (a(), c(O(x(h, [t.leftTitle]))))
+            (n(), v(M(O(b, [t.leftTitle]))))
           ]),
           _: 1
-        })) : v("", !0),
+        })) : h("", !0),
         i("div", {
-          class: n(e(o)("table-layout-left-content"))
+          class: o(e(l)("table-layout-left-content"))
         }, [
-          r(t.$slots, "default")
+          a(t.$slots, "default")
         ], 2)
       ], 2),
       i("div", {
-        class: n(e(o)("table-layout-right")),
+        class: o(e(l)("table-layout-right")),
         style: g(t.rightContentStyle)
       }, [
-        b(e(k), null, {
+        m(e(k), null, {
           prefix: s(() => [
-            r(t.$slots, "rightTitle", {
-              count: l.value.length
+            a(t.$slots, "rightTitle", {
+              count: r.value.length
             }, () => [
-              S(T(`${e(p)("ap.apTableModal.selected")} (${l.value.length})`), 1)
+              S(T(`${e(f)("ap.apTableModal.selected")} (${r.value.length})`), 1)
             ])
           ]),
           suffix: s(() => [
-            b(e(M), {
+            m(e(w), {
               type: "link",
               style: { padding: "0px", height: "22px", "border-width": "0px" },
-              onClick: A
+              onClick: $
             }, {
               default: s(() => [
-                S(T(e(p)("ap.apTableModal.clear")), 1)
+                S(T(e(f)("ap.apTableModal.clear")), 1)
               ]),
               _: 1
             })
@@ -74,29 +75,32 @@ const q = /* @__PURE__ */ B({
           _: 3
         }),
         i("div", {
-          class: n(e(o)("table-layout-right-content"))
+          class: o(e(l)("table-layout-right-content"))
         }, [
-          (a(!0), y(h, null, I(l.value, (f) => r(t.$slots, "renderSelectedItem", {
-            key: f,
-            record: f,
-            actions: { deleteItem: m }
+          (n(!0), p(b, null, V(r.value, (c) => a(t.$slots, "renderSelectedItem", {
+            key: c,
+            record: c,
+            actions: { deleteItem: u, deleteCurrent: () => u(c) }
           })), 128)),
-          l.value.length === 0 ? (a(), c(e(C), {
+          r.value.length === 0 ? (n(), p("div", {
             key: 0,
-            image: e(C).PRESENTED_IMAGE_SIMPLE,
-            style: { "margin-top": "100px" }
-          }, null, 8, ["image"])) : v("", !0)
+            class: o(e(A)("empty"))
+          }, [
+            m(e(C), {
+              image: e(C).PRESENTED_IMAGE_SIMPLE
+            }, null, 8, ["image"])
+          ], 2)) : h("", !0)
         ], 2),
         i("div", null, [
-          r(t.$slots, "rightBottom", {
-            records: l.value,
-            actions: { deleteItem: m }
+          a(t.$slots, "rightBottom", {
+            records: r.value,
+            actions: { deleteItem: u }
           })
         ])
       ], 6)
-    ], 6)) : r(t.$slots, "default", { key: 1 });
+    ], 6)) : a(t.$slots, "default", { key: 1 });
   }
 });
 export {
-  q as default
+  H as default
 };

package/es/src/business/ag-grid-modal/selected-items/default.vue.d.ts

@@ -0,0 +1,25 @@
+import { StyleValue, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    style?: StyleValue;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clickDel: (...args: any[]) => void;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClickDel?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/ag-grid-modal/selected-items/default.vue.mjs

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

package/es/src/business/ag-grid-modal/selected-items/default.vue2.mjs

@@ -0,0 +1,33 @@
+import { defineComponent as c, createElementBlock as i, openBlock as m, normalizeClass as l, unref as e, normalizeStyle as p, createElementVNode as n, renderSlot as d, createVNode as f } from "vue";
+import { IconApAdLineCloseDrawer as u } from "@aplus-frontend/icon";
+import "../../../config-provider/index.mjs";
+import { useNamespace as k } from "../../../config-provider/hooks/use-namespace.mjs";
+const N = /* @__PURE__ */ c({
+  __name: "default",
+  props: {
+    style: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: ["clickDel"],
+  setup(y, { emit: s }) {
+    const { e: t } = k("ap-selected-items"), r = s, a = () => r("clickDel");
+    return (o, _) => (m(), i("div", {
+      style: p(o.style),
+      class: l(e(t)("default"))
+    }, [
+      n("div", {
+        class: l(e(t)("default-content"))
+      }, [
+        d(o.$slots, "default")
+      ], 2),
+      n("span", {
+        class: l(e(t)("del-icon")),
+        onClick: a
+      }, [
+        f(e(u))
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  N as default
+};

package/es/src/business/ag-grid-modal/selected-items/index.d.ts

@@ -0,0 +1,36 @@
+import { CreateComponentPublicInstanceWithMixins, StyleValue, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+export declare const ApSelectedItems: {
+    Default: {
+        new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{
+            style?: StyleValue;
+        }> & Readonly<{
+            onClickDel?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            clickDel: (...args: any[]) => void;
+        }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            style?: StyleValue;
+        }> & Readonly<{
+            onClickDel?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & ComponentOptionsBase<Readonly<{
+        style?: StyleValue;
+    }> & Readonly<{
+        onClickDel?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        clickDel: (...args: any[]) => void;
+    }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+};

package/es/src/business/ag-grid-modal/selected-items/index.mjs

@@ -0,0 +1,8 @@
+import "./default.vue.mjs";
+import t from "./default.vue2.mjs";
+const o = {
+  Default: t
+};
+export {
+  o as ApSelectedItems
+};

package/es/src/business/ag-grid-modal/selected-items/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ag-grid-modal/selected-items.css';

package/es/src/business/ag-grid-modal/selected-items/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ag-grid-modal/selected-items.less';

package/es/src/business/ag-grid-modal/utils.d.ts

@@ -17,12 +17,14 @@ export declare function getModalLayoutConfig(props?: ModalLayoutConfig): {
         readonly leftTitle?: string | VNodeChild;
         readonly rightContentStyle?: StyleValue;
         readonly dividerOffset?: number;
+        readonly bordered?: boolean;
     };
     slots: {
         renderSelectedItem: ((props: {
             record: any;
             actions: {
                 deleteItem: (record: any) => void;
+                deleteCurrent: () => void;
             };
         }) => any) | undefined;
         rightTitle: ((selectedCount: number) => any) | undefined;