@aplus-frontend/ui 0.1.21 → 0.1.23

package/es/src/business/ap-table-modal/hooks/use-create-table-modal.d.ts

@@ -0,0 +1,7 @@
+import { OpenOptions, UseCreateTableModalProps, OpenReturnType } from '../interface';
+export declare function useCreateTableModal(props: UseCreateTableModalProps): {
+    readonly openModal: <T>(selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<T> | undefined>;
+    readonly closeModal: () => void;
+    readonly destroy: () => void;
+    readonly isDestroyed: false;
+};

package/es/src/business/ap-table-modal/hooks/use-create-table-modal.mjs

@@ -0,0 +1,41 @@
+import { ref as v, defineComponent as C, h as r, render as m, onUnmounted as y } from "vue";
+import "../table-modal.vue.mjs";
+import "../../../index.mjs";
+import { omit as h } from "lodash-unified";
+import { ConfigProvider as M, globalConfigCached as b } from "../../../config-provider/config-provider.mjs";
+import g from "../table-modal.vue2.mjs";
+function E(d) {
+  let o = !1;
+  const l = document.body, t = v(), { destroyOnUnmounted: s = !0 } = d, n = document.createElement("div"), c = () => {
+    const e = C({
+      setup() {
+        return () => r(
+          M,
+          { ...b.value },
+          r(g, {
+            ...h(d, "destroyOnUnmounted"),
+            ref: t
+          })
+        );
+      }
+    });
+    l.appendChild(n), m(r(e), n), o = !1;
+  }, i = () => {
+    var e;
+    (e = t.value) == null || e.close(), o || setTimeout(() => {
+      m(null, n), l.removeChild(n), o = !0;
+    }, 400);
+  }, u = async (e = [], p = {}) => {
+    var a;
+    return t.value || c(), (a = t.value) == null ? void 0 : a.open(e, p);
+  }, f = () => {
+    var e;
+    o || (e = t.value) == null || e.close();
+  };
+  return y(() => {
+    s && i();
+  }), { openModal: u, closeModal: f, destroy: i, isDestroyed: o };
+}
+export {
+  E as useCreateTableModal
+};

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

@@ -0,0 +1,7 @@
+import { ApTableModalProps, OpenOptions } from '../interface';
+/** 函数式调用弹框表格 */
+export declare function useTableModal<TableRowType = Record<string, any>>(props: ApTableModalProps<TableRowType>): {
+    open: (options?: OpenOptions) => Promise<void>;
+    destroy: () => void;
+    close: () => void;
+};

package/es/src/business/ap-table-modal/hooks/use-table-modal.mjs

@@ -0,0 +1,29 @@
+import { onUnmounted as d } from "vue";
+import { merge as p } from "lodash-unified";
+import { useCreateTableModal as f } from "./use-create-table-modal.mjs";
+function P(l) {
+  const t = p(l, {
+    ...{
+      footer: null
+    },
+    apTableProps: {
+      rowSelection: void 0
+    },
+    destroyOnUnmounted: !1,
+    isRenderModalTitleSuffix: !1
+  }), { destroy: o, openModal: r, closeModal: s } = f(t), a = async (n) => {
+    r([], n);
+  }, e = () => {
+    s();
+  };
+  return d(() => {
+    e(), o();
+  }), {
+    open: a,
+    destroy: o,
+    close: e
+  };
+}
+export {
+  P as useTableModal
+};

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -0,0 +1,6 @@
+import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
+export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
+    open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
+    destroy: () => void;
+    close: () => void;
+};

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.mjs

@@ -0,0 +1,28 @@
+import { onUnmounted as m } from "vue";
+import { useCreateTableModal as p } from "./use-create-table-modal.mjs";
+const w = (e) => e.id;
+function i(e) {
+  const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d } = p({
+    ...a,
+    destroyOnUnmounted: !1,
+    getRowKey: r || w
+  }), l = async (u = [], y = {}) => {
+    const s = await c(u, y) || {
+      keys: [],
+      rows: []
+    };
+    return o == null || o(s), s;
+  }, n = () => {
+    d();
+  };
+  return m(() => {
+    n(), t();
+  }), {
+    open: l,
+    destroy: t,
+    close: n
+  };
+}
+export {
+  i as useTableSelectModal
+};

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
+};