@aplus-frontend/ui 6.38.0 → 6.39.1

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

@@ -0,0 +1,165 @@
+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 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 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);
+    }
+  }), 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: _(t),
+      rows: t.map((s) => {
+        const l = u(s);
+        return e === "old" && d?.[l] ? d[l] : F(s);
+      })
+    };
+  }, 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 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: C,
+      onCancel: O,
+      afterOpenChange(n) {
+        n === !1 && (a.setInstance(void 0), a.setDataSourceLength(0));
+      },
+      content: t,
+      ...o.modalProps || {}
+    });
+  }
+  function _(e) {
+    return e?.map(u) || [];
+  }
+  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 j(e, t) {
+    return h(e, t, !0);
+  }
+  return v(() => {
+    c.reject("component is Unmounted!");
+  }), {
+    open: h,
+    asyncOpen: j,
+    refresh: a.refresh,
+    getAgGridInstance: a.getInstance,
+    genContent: R,
+    validate: C,
+    updateProps: w
+  };
+}
+export {
+  fe as useAgGridSelectModal
+};

package/es/src/business/ag-grid-modal/hooks/use-modal-title.d.ts

@@ -0,0 +1,24 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare function useModalTitle(): readonly [ DefineComponent<ExtractPropTypes<{
+    title: {
+        type: any;
+        default: null;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: any;
+        default: null;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    title: any;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    readonly setCount: (data: number) => void;
+}];

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

@@ -0,0 +1,49 @@
+import { ref as n, defineComponent as u, createVNode as a } from "vue";
+import "../../../config-provider/index.mjs";
+import { useLocale as i } from "../../../config-provider/hooks/use-locale.mjs";
+function d() {
+  const e = n(0);
+  return [/* @__PURE__ */ u({
+    props: {
+      title: {
+        type: null,
+        default: null
+      },
+      maxCount: {
+        type: Number,
+        required: !0
+      }
+    },
+    setup(t, {
+      slots: l
+    }) {
+      const {
+        t: o
+      } = i();
+      return () => a("div", null, [t.title, l.default ? l.default({
+        maxCount: t.maxCount,
+        count: e.value
+      }) : a("span", {
+        style: {
+          color: "var(--ap-text-color-3)",
+          fontSize: "12px",
+          fontWeight: "normal",
+          marginLeft: "12px"
+        }
+      }, [isFinite(t.maxCount) ? o("ap.apTableModal.titleSuffixOne", {
+        maxCount: t.maxCount
+      }) : "", o("ap.apTableModal.titleSuffixTwo"), a("span", {
+        style: {
+          color: "var(--ap-color-primary)"
+        }
+      }, [e.value]), o("ap.apTableModal.titleSuffixThree")])]);
+    }
+  }), {
+    setCount: (t) => {
+      e.value = t;
+    }
+  }];
+}
+export {
+  d as useModalTitle
+};

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

@@ -0,0 +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

@@ -0,0 +1,8 @@
+import { useAgGridModal as r } from "./hooks/use-ag-grid-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,
+  d as useAgGridSelectModal
+};

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

@@ -0,0 +1,141 @@
+import { StyleValue, VNodeChild } from 'vue';
+import { AgGridColumnType, AgGridExpose, AgGridProps, AgGridSlots } from '../../ag-grid';
+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;
+    width?: string | number;
+    modalProps?: Omit<CreateModalFuncProps, 'content'>;
+    columns: AgGridColumnType<TableRowType, any>[];
+    getRowKey: GetRowKey<TableRowType>;
+    api?: (params: any) => Promise<RequestReturn<TableRowType>>;
+    /** 渲染头部信息 */
+    renderHeader?: (gridApi: Omit<GridApi, 'setInstance'>, modalApi: {
+        updateProps: UpdatePropsFn<TableRowType>;
+    }) => VNodeChild;
+    rowHeight?: number;
+}
+/** 刷新方式 */
+export type RefreshType = 'reset' | 'submit' | 'submitWith';
+/** 只读模式 */
+export interface AgGridPreviewModalProps<RowType = any> extends AgGridModalBasicProps<RowType> {
+    /** ag-grid 插槽 */
+    gridSlots?: AgGridSlots<RowType>;
+}
+/** 只读模式返回值 */
+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 {
+    /** 发起网络请求携带的额外参数 */
+    extraParams?: Recordable;
+}
+/** 可选模式 */
+export interface AgGridSelectModalProps<RowType = any> extends AgGridModalBasicProps<RowType> {
+    /** ag-grid 插槽 */
+    gridSlots?: AgGridSlots<RowType>;
+    /**
+     * 选择模式
+     * - radio: 单选模式
+     * - checkbox: 多选模式
+     * @default 'checkbox'
+     */
+    mode?: 'radio' | 'checkbox';
+    /**
+     * 合并规则
+     * - old 老数据优先
+     * - new 新数据优先
+     * @default 'old'
+     */
+    mergeRule?: 'old' | 'new';
+    /** 点击确认后执行的回调 */
+    finishCallback?: (data: OpenReturnType<RowType>) => void;
+    /** 最多选择多少条 */
+    maxCount?: number;
+    /** 禁用选项 */
+    disabledCheckbox?: boolean | ((record: RowType, actions: Omit<GridApi, 'setInstance'>) => boolean);
+    /** 额外的rowSelection配置 */
+    rowSelection?: Omit<AgGridProps['rowSelection'], 'disabled'>;
+    /** modal标题插槽 */
+    modalTitleSlots?: ModalTitleSlots;
+    /** 在finishCallback执行前执行，返回reject终止后续执行 */
+    beforeOk?: (data: OpenReturnType<RowType>) => Promise<any> | void;
+    /** 设置是否是复杂布局 */
+    modalLayout?: ModalLayoutConfig<RowType>;
+}
+export interface SelectModalReturnType<T = any> {
+    /** 打开弹框 */
+    open: (selectRows?: T[], options?: OpenOptions, isAsync?: boolean) => Promise<OpenReturnType<T>> | undefined;
+    /** 异步打开弹框 */
+    asyncOpen: (selectRows?: T[], options?: OpenOptions) => Promise<OpenReturnType<T>>;
+    /** 刷新表格数据 */
+    refresh: (type?: RefreshType) => void;
+    /** 获取表格实例  */
+    getAgGridInstance: () => AgGridExpose | undefined;
+    /** 获取原子化内容 */
+    genContent: (selectedRows?: T[]) => VNodeChild;
+    /** 获取数据并校验 */
+    validate: () => Promise<OpenReturnType<T>>;
+    /** 修改hook的props */
+    updateProps: UpdateSelectPropsFn<T>;
+}
+export interface RequestReturn<T = any> {
+    records: T[];
+    total: number;
+}
+/** open打开方法返回的值的类型 */
+export interface OpenReturnType<RowType> {
+    keys: (string | number)[];
+    rows: RowType[];
+}
+/** modal-title slots */
+export interface ModalTitleSlots {
+    /** 标题 suffix 插槽 */
+    default: (props: {
+        maxCount: number;
+        count: number;
+    }) => VNodeChild;
+}
+/** 弹框布局props */
+export interface ModalLayoutProps {
+    /** 左侧标题 */
+    leftTitle?: string | VNodeChild;
+    /** 右侧内容样式 */
+    rightContentStyle?: StyleValue;
+    /** 中间分割线向上偏移量 */
+    dividerOffset?: number;
+    /** 是否有边框 */
+    bordered?: boolean;
+}
+/** modal-layout配置 */
+export interface ModalLayoutConfig<T = any> extends ModalLayoutProps {
+    /** 右侧标题插槽 */
+    rightTitle?: (selectedCount: number) => any;
+    /** 右侧底部插槽 */
+    rightBottom?: (props: {
+        records: T[];
+        actions: {
+            deleteItem: (record: T) => void;
+        };
+    }) => any;
+    /** 已经选择item渲染, 选择项渲染插槽 */
+    renderSelectedItem: (props: {
+        record: T;
+        actions: {
+            deleteItem: (record: T) => void;
+            deleteCurrent: () => void;
+        };
+    }) => any;
+}

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

@@ -0,0 +1,44 @@
+import { ModalLayoutProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
+type __VLS_Props = ModalLayoutProps & {
+    layoutType?: 'two-column';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+        rightTitle?(_: {
+            count: number;
+        }): any;
+        renderSelectedItem?(_: {
+            record: any;
+            actions: {
+                deleteItem: (record: any) => void;
+                deleteCurrent: () => void;
+            };
+        }): any;
+        rightBottom?(_: {
+            records: any[];
+            actions: {
+                deleteItem: (record: any) => void;
+            };
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    leftTitle: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    layoutType: "two-column";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, 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/ag-grid-modal/modal-layout/index.vue.mjs

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

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

@@ -0,0 +1,106 @@
+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 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(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": `${y.dividerOffset}px`
+        };
+    }, $ = () => {
+      d?.clearAllSelected();
+    }, u = (t) => {
+      d?.removeSelected(t);
+    }, { e: A, m: l } = x("ag-grid-modal");
+    return (t, D) => t.layoutType === "two-column" ? (n(), p("div", {
+      key: 0,
+      class: o([e(l)("table-layout"), t.bordered ? e(l)("bordered") : ""]),
+      style: g(E())
+    }, [
+      i("div", {
+        class: o(e(l)("table-layout-left"))
+      }, [
+        t.leftTitle ? (n(), v(e(k), {
+          key: 0,
+          style: { "margin-bottom": "16px" }
+        }, {
+          prefix: s(() => [
+            (n(), v(M(O(b, [t.leftTitle]))))
+          ]),
+          _: 1
+        })) : h("", !0),
+        i("div", {
+          class: o(e(l)("table-layout-left-content"))
+        }, [
+          a(t.$slots, "default")
+        ], 2)
+      ], 2),
+      i("div", {
+        class: o(e(l)("table-layout-right")),
+        style: g(t.rightContentStyle)
+      }, [
+        m(e(k), null, {
+          prefix: s(() => [
+            a(t.$slots, "rightTitle", {
+              count: r.value.length
+            }, () => [
+              S(T(`${e(f)("ap.apTableModal.selected")} (${r.value.length})`), 1)
+            ])
+          ]),
+          suffix: s(() => [
+            m(e(w), {
+              type: "link",
+              style: { padding: "0px", height: "22px", "border-width": "0px" },
+              onClick: $
+            }, {
+              default: s(() => [
+                S(T(e(f)("ap.apTableModal.clear")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }),
+        i("div", {
+          class: o(e(l)("table-layout-right-content"))
+        }, [
+          (n(!0), p(b, null, V(r.value, (c) => a(t.$slots, "renderSelectedItem", {
+            key: c,
+            record: c,
+            actions: { deleteItem: u, deleteCurrent: () => u(c) }
+          })), 128)),
+          r.value.length === 0 ? (n(), p("div", {
+            key: 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, [
+          a(t.$slots, "rightBottom", {
+            records: r.value,
+            actions: { deleteItem: u }
+          })
+        ])
+      ], 6)
+    ], 6)) : a(t.$slots, "default", { key: 1 });
+  }
+});
+export {
+  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/style/css.js

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