@aplus-frontend/ui 0.1.20 → 0.1.22

package/lib/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/lib/src/business/ap-table-modal/hooks/use-create-table-modal.js

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

package/lib/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/lib/src/business/ap-table-modal/hooks/use-table-modal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),i=require("lodash-unified"),f=require("./use-create-table-modal.js");function p(l){const s={rowSelection:void 0},t={footer:null},n=i.merge(l,{...t,apTableProps:s,destroyOnUnmounted:!1,isRenderModalTitleSuffix:!1}),{destroy:e,openModal:a,closeModal:r}=f.useCreateTableModal(n),d=async u=>{a([],u)},o=()=>{r()};return c.onUnmounted(()=>{o(),e()}),{open:d,destroy:e,close:o}}exports.useTableModal=p;

package/lib/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/lib/src/business/ap-table-modal/hooks/use-table-select-modal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("vue"),i=require("./use-create-table-modal.js"),b=e=>e.id;function w(e){const{finishCallback:o,getRowKey:a,...r}=e,{destroy:t,openModal:l,closeModal:c}=i.useCreateTableModal({...r,destroyOnUnmounted:!1,getRowKey:a||b}),u=async(d=[],y={})=>{const n=await l(d,y)||{keys:[],rows:[]};return o==null||o(n),n},s=()=>{c()};return M.onUnmounted(()=>{s(),t()}),{open:u,destroy:t,close:s}}exports.useTableSelectModal=w;

package/lib/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/lib/src/business/ap-table-modal/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./hooks/use-table-modal.js"),a=require("./hooks/use-table-select-modal.js");require("./table-modal.vue.js");const u=require("./table-modal.vue2.js"),e=u.default;exports.useTableModal=l.useTableModal;exports.useTableSelectModal=a.useTableSelectModal;exports.ApTableModal=e;exports.default=e;

package/lib/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/lib/src/business/ap-table-modal/interface.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var t=(e=>(e.ModalCancel="ModalCancel",e.ExceedMaxCount="ExceedMaxCount",e.NotFineGetRowKey="NotFineGetRowKey",e))(t||{});exports.AsyncOpenResultError=t;

package/lib/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/lib/src/business/ap-table-modal/modal-title.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./modal-title.vue2.js");exports.default=e.default;

package/lib/src/business/ap-table-modal/modal-title.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../index.js");const r=require("../../config-provider/hooks/use-locale.js"),l=require("../../config-provider/hooks/use-global-config.js"),u=e.defineComponent({__name:"modal-title",props:{title:{type:String,required:!0},count:{type:Number,required:!0},maxCount:{type:Number,required:!0}},setup(t){const{t:n}=r.useLocale(),o=l.useGlobalConfig("uiMode","aplus");return(a,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.createTextVNode(e.toDisplayString(t.title)+" ",1),e.renderSlot(a.$slots,"default",{maxCount:t.maxCount,count:t.count},()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:e.unref(o)==="admin"?"#999999":"#8896b0",fontSize:"14px",fontWeight:"normal",marginLeft:"16px"}),class:"product-number"},[e.createTextVNode(e.toDisplayString(isFinite(t.maxCount)?e.unref(n)("ap.apTableModal.titleSuffixOne",{maxCount:t.maxCount}):"")+e.toDisplayString(e.unref(n)("ap.apTableModal.titleSuffixTwo"))+" ",1),e.createElementVNode("span",{style:e.normalizeStyle({color:e.unref(o)==="admin"?"#34B77C":"#0070ff"})},e.toDisplayString(t.count),5),e.createTextVNode(" "+e.toDisplayString(e.unref(n)("ap.apTableModal.titleSuffixThree")),1)],4)])]))}});exports.default=u;