@aplus-frontend/ui 0.1.20 → 0.1.22

package/es/src/business/ap-table-modal/index.d.ts

@@ -0,0 +1,538 @@
+import { useTableModal } from './hooks/use-table-modal';
+import { useTableSelectModal } from './hooks/use-table-select-modal';
+import { DefineComponent, PropType, ExtractPropTypes, CSSProperties, VNodeChild, ComponentOptionsMixin, PublicProps } from 'vue';
+import { ApColumnType, ApTableProps } from '../..';
+import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { ButtonHTMLType, LegacyButtonType } from 'ant-design-vue/es/button/buttonTypes';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+import { VueNode } from 'ant-design-vue/es/_util/type';
+import { OpenOptions, OpenReturnType } from './interface';
+/**
+ *
+ */
+declare const ApTableModal: DefineComponent<{
+    width: {
+        type: PropType<string | number>;
+    };
+    footer: {
+        type: PropType<any>;
+    };
+    title: {
+        type: PropType<any>;
+    };
+    onCancel: {
+        type: PropType<(e: MouseEvent) => void>;
+    };
+    onChange: {
+        type: PropType<(open: boolean) => void>;
+    };
+    icon: {
+        type: PropType<any>;
+    };
+    zIndex: {
+        type: PropType<number>;
+    };
+    columns: {
+        type: PropType< ApColumnType[]>;
+        required: true;
+    };
+    mask: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    prefixCls: {
+        type: PropType<string>;
+    };
+    api: {
+        type: PropType<(params: any) => Promise<{
+            records: any[];
+            total: number;
+        }>>;
+        default: () => Promise<{
+            records: never[];
+            total: number;
+        }>;
+    };
+    closable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    afterClose: {
+        type: PropType<() => void>;
+    };
+    okButtonProps: {
+        type: PropType<Partial< ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: PropType<ButtonType>;
+            htmlType: {
+                type: PropType<ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: PropType<ButtonShape>;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+            };
+            loading: {
+                type: PropType<boolean | {
+                    delay?: number;
+                }>;
+                default: () => boolean | {
+                    delay?: number;
+                };
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            ghost: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            danger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            icon: VueTypeValidableDef<any>;
+            href: StringConstructor;
+            target: StringConstructor;
+            title: StringConstructor;
+            onClick: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+        }>>>;
+    };
+    cancelButtonProps: {
+        type: PropType<Partial< ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: PropType<ButtonType>;
+            htmlType: {
+                type: PropType<ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: PropType<ButtonShape>;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+            };
+            loading: {
+                type: PropType<boolean | {
+                    delay?: number;
+                }>;
+                default: () => boolean | {
+                    delay?: number;
+                };
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            ghost: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            danger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            icon: VueTypeValidableDef<any>;
+            href: StringConstructor;
+            target: StringConstructor;
+            title: StringConstructor;
+            onClick: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+        }>>>;
+    };
+    centered: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    okText: {
+        type: PropType<any>;
+    };
+    okType: {
+        type: PropType<LegacyButtonType>;
+    };
+    cancelText: {
+        type: PropType<any>;
+    };
+    wrapClassName: {
+        type: PropType<string>;
+    };
+    maskClosable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    maskStyle: {
+        type: PropType<CSSProperties>;
+    };
+    keyboard: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    getContainer: {
+        type: PropType<string | false | HTMLElement | (() => HTMLElement)>;
+        default: undefined;
+    };
+    transitionName: {
+        type: PropType<string>;
+    };
+    maskTransitionName: {
+        type: PropType<string>;
+    };
+    bodyStyle: {
+        type: PropType<CSSProperties>;
+    };
+    closeIcon: {
+        type: PropType<any>;
+    };
+    modalRender: {
+        type: PropType<(arg: {
+            originVNode: VueNode;
+        }) => VueNode>;
+    };
+    focusTriggerAfterClose: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    confirmLoading: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    'onUpdate:visible': {
+        type: PropType<(visible: boolean) => void>;
+    };
+    'onUpdate:open': {
+        type: PropType<(open: boolean) => void>;
+    };
+    forceRender: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    destroyOnClose: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    wrapProps: {
+        type: PropType<Record<string, any>>;
+    };
+    mousePosition: {
+        type: PropType<{
+            x: number;
+            y: number;
+        }>;
+    };
+    maxCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    getRowKey: {
+        type: PropType<(record: any) => string | number>;
+    };
+    apTableProps: {
+        type: PropType<Omit< ApTableProps, "columns" | "getRowKey" | "request">>;
+    };
+    isRenderModalTitleSuffix: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    renderModalTitleSuffix: {
+        type: PropType<(props: {
+            maxCount: number;
+            count: number;
+        }) => VNodeChild>;
+    };
+}, {
+    open: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T>>;
+    close: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    finish: (selectedRowKeys: (string | number)[], selectedRows: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    width: {
+        type: PropType<string | number>;
+    };
+    footer: {
+        type: PropType<any>;
+    };
+    title: {
+        type: PropType<any>;
+    };
+    onCancel: {
+        type: PropType<(e: MouseEvent) => void>;
+    };
+    onChange: {
+        type: PropType<(open: boolean) => void>;
+    };
+    icon: {
+        type: PropType<any>;
+    };
+    zIndex: {
+        type: PropType<number>;
+    };
+    columns: {
+        type: PropType< ApColumnType[]>;
+        required: true;
+    };
+    mask: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    prefixCls: {
+        type: PropType<string>;
+    };
+    api: {
+        type: PropType<(params: any) => Promise<{
+            records: any[];
+            total: number;
+        }>>;
+        default: () => Promise<{
+            records: never[];
+            total: number;
+        }>;
+    };
+    closable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    afterClose: {
+        type: PropType<() => void>;
+    };
+    okButtonProps: {
+        type: PropType<Partial< ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: PropType<ButtonType>;
+            htmlType: {
+                type: PropType<ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: PropType<ButtonShape>;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+            };
+            loading: {
+                type: PropType<boolean | {
+                    delay?: number;
+                }>;
+                default: () => boolean | {
+                    delay?: number;
+                };
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            ghost: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            danger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            icon: VueTypeValidableDef<any>;
+            href: StringConstructor;
+            target: StringConstructor;
+            title: StringConstructor;
+            onClick: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+        }>>>;
+    };
+    cancelButtonProps: {
+        type: PropType<Partial< ExtractPropTypes<{
+            prefixCls: StringConstructor;
+            type: PropType<ButtonType>;
+            htmlType: {
+                type: PropType<ButtonHTMLType>;
+                default: string;
+            };
+            shape: {
+                type: PropType<ButtonShape>;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+            };
+            loading: {
+                type: PropType<boolean | {
+                    delay?: number;
+                }>;
+                default: () => boolean | {
+                    delay?: number;
+                };
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            ghost: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            danger: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            icon: VueTypeValidableDef<any>;
+            href: StringConstructor;
+            target: StringConstructor;
+            title: StringConstructor;
+            onClick: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+            onMousedown: {
+                type: PropType< MouseEventHandler | MouseEventHandler[]>;
+            };
+        }>>>;
+    };
+    centered: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    okText: {
+        type: PropType<any>;
+    };
+    okType: {
+        type: PropType<LegacyButtonType>;
+    };
+    cancelText: {
+        type: PropType<any>;
+    };
+    wrapClassName: {
+        type: PropType<string>;
+    };
+    maskClosable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    maskStyle: {
+        type: PropType<CSSProperties>;
+    };
+    keyboard: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    getContainer: {
+        type: PropType<string | false | HTMLElement | (() => HTMLElement)>;
+        default: undefined;
+    };
+    transitionName: {
+        type: PropType<string>;
+    };
+    maskTransitionName: {
+        type: PropType<string>;
+    };
+    bodyStyle: {
+        type: PropType<CSSProperties>;
+    };
+    closeIcon: {
+        type: PropType<any>;
+    };
+    modalRender: {
+        type: PropType<(arg: {
+            originVNode: VueNode;
+        }) => VueNode>;
+    };
+    focusTriggerAfterClose: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    confirmLoading: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    'onUpdate:visible': {
+        type: PropType<(visible: boolean) => void>;
+    };
+    'onUpdate:open': {
+        type: PropType<(open: boolean) => void>;
+    };
+    forceRender: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    destroyOnClose: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    wrapProps: {
+        type: PropType<Record<string, any>>;
+    };
+    mousePosition: {
+        type: PropType<{
+            x: number;
+            y: number;
+        }>;
+    };
+    maxCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    getRowKey: {
+        type: PropType<(record: any) => string | number>;
+    };
+    apTableProps: {
+        type: PropType<Omit< ApTableProps, "columns" | "getRowKey" | "request">>;
+    };
+    isRenderModalTitleSuffix: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    renderModalTitleSuffix: {
+        type: PropType<(props: {
+            maxCount: number;
+            count: number;
+        }) => VNodeChild>;
+    };
+}>> & {
+    onFinish?: ((selectedRowKeys: (string | number)[], selectedRows: any[]) => any) | undefined;
+}, {
+    mask: boolean;
+    api: (params: any) => Promise<{
+        records: any[];
+        total: number;
+    }>;
+    closable: boolean;
+    centered: boolean;
+    maskClosable: boolean;
+    keyboard: boolean;
+    getContainer: string | false | HTMLElement | (() => HTMLElement);
+    focusTriggerAfterClose: boolean;
+    confirmLoading: boolean;
+    forceRender: boolean;
+    destroyOnClose: boolean;
+    maxCount: number;
+    isRenderModalTitleSuffix: boolean;
+}, {}>;
+export default ApTableModal;
+export { ApTableModal, useTableModal, useTableSelectModal };

package/es/src/business/ap-table-modal/index.mjs

@@ -0,0 +1,11 @@
+import { useTableModal as m } from "./hooks/use-table-modal.mjs";
+import { useTableSelectModal as f } from "./hooks/use-table-select-modal.mjs";
+import "./table-modal.vue.mjs";
+import o from "./table-modal.vue2.mjs";
+const l = o;
+export {
+  l as ApTableModal,
+  l as default,
+  m as useTableModal,
+  f as useTableSelectModal
+};

package/es/src/business/ap-table-modal/interface.d.ts

@@ -0,0 +1,63 @@
+import { VNodeChild } from 'vue';
+import { ApColumnType, ApTableProps } from '../../index';
+import { ModalProps } from 'ant-design-vue';
+/** table-modal的props类型 */
+export interface ApTableModalProps<TableRowType = any> extends Omit<ModalProps, 'onOk' | 'open' | 'close' | 'visible'> {
+    columns: ApColumnType[];
+    getRowKey?: (record: TableRowType) => string | number;
+    api?: (params: any) => Promise<{
+        records: TableRowType[];
+        total: number;
+    }>;
+    /** 支持ApTable组件的props */
+    apTableProps?: Omit<ApTableProps, 'columns' | 'getRowKey' | 'request'>;
+    maxCount?: number;
+    /** 是否渲染modal-title-suffix
+     * @default true
+     */
+    isRenderModalTitleSuffix?: boolean;
+    /** 渲染table-modal的后缀函数 */
+    renderModalTitleSuffix?: ModalTitleSlots['default'];
+}
+/** useCreateTableModal参数类型 */
+export interface UseCreateTableModalProps extends ApTableModalProps {
+    /** 组件卸载时销毁modal */
+    destroyOnUnmounted?: boolean;
+}
+/** useTableSelectModal参数类型 */
+export interface UseTableSelectModalProps<TableRowType> extends ApTableModalProps<TableRowType> {
+    /**
+     * 确认选择数据后回调函数
+     * @description 不要直接改变回调函数的传入的数据，因为传入的数据是是引用类型，会影响异步返回的数据
+     *  */
+    finishCallback?: (data: OpenReturnType<TableRowType>) => void;
+}
+/** open打开方法返回的值的类型 */
+export interface OpenReturnType<RowType> {
+    keys: number[] | string[];
+    rows: RowType[];
+}
+/** table-modal实例open方法接收的配置类型 */
+export interface OpenOptions {
+    extraParams?: any;
+    /** 弹框刷新方式 */
+    refreshMode?: 'reset' | 'submit' | 'none';
+    /** 修改apTable的数据 */
+    apTableDataSources?: any[];
+}
+/** 等待异步打开modal错误情况 */
+export declare enum AsyncOpenResultError {
+    /** 弹框关闭 */
+    ModalCancel = "ModalCancel",
+    /** 超出最大选择数量 */
+    ExceedMaxCount = "ExceedMaxCount",
+    /** 没有getRowKey */
+    NotFineGetRowKey = "NotFineGetRowKey"
+}
+/** modal-title slots */
+export interface ModalTitleSlots {
+    default: (props: {
+        maxCount: number;
+        count: number;
+    }) => VNodeChild;
+}

package/es/src/business/ap-table-modal/interface.mjs

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((e) => (e.ModalCancel = "ModalCancel", e.ExceedMaxCount = "ExceedMaxCount", e.NotFineGetRowKey = "NotFineGetRowKey", e))(a || {});
+export {
+  a as AsyncOpenResultError
+};

package/es/src/business/ap-table-modal/modal-title.vue.d.ts

@@ -0,0 +1,46 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {
+            maxCount: number;
+            count: number;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    count: {
+        type: NumberConstructor;
+        required: true;
+    };
+    maxCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+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-table-modal/modal-title.vue.mjs

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