@aplus-frontend/ui 0.1.31 → 0.1.33

package/lib/src/business/ap-expand-alert/interface.d.ts

@@ -1,12 +1,14 @@
-export interface ApExpandAlertProps {
+import { AlertProps } from 'ant-design-vue/es/alert';
+import { Component, CSSProperties, VNode } from 'vue';
+export type ApExpandAlertProps<T> = {
     /**
      * Alert类型
      */
-    type: 'warning' | 'error' | 'success' | 'info' | undefined;
+    type?: 'warning' | 'error' | 'success' | 'info' | 'card' | undefined;
     /**
      * 展开数据
      */
-    data: Array<any> | string;
+    data?: Array<T> | string;
     /**
      * 标题前缀
      */
@@ -22,9 +24,25 @@ export interface ApExpandAlertProps {
     /**
      * 分隔符
      */
-    separator: string;
+    separator?: Component | VNode | string;
+    /**
+     * 分隔符样式
+     */
+    separatorStyle?: CSSProperties;
+    /**
+     * 内容样式
+     */
+    contentStyle?: Omit<CSSProperties, 'wordBreak' | 'overflow' | 'display' | 'webkitLineClamp' | 'webkitBoxOrient'>;
+    /**
+     * 前缀样式
+     */
+    prefixStyle?: CSSProperties;
     /**
      * 内容达到几行显示展开收起,默认是两行
      */
-    rows: string | number;
-}
+    rows?: string | number;
+    /**
+     * 默认是否展开
+     */
+    defaultExpand?: boolean;
+} & Pick<AlertProps, 'showIcon'>;

package/lib/src/business/ap-expand-alert/style.css

@@ -19,6 +19,7 @@
 }
 .aplus-ap-expand-alert__prefix {
   color: #182948;
+  display: inline-block;
 }
 .aplus-ap-expand-alert__showItem {
   color: #0070ff;
@@ -40,3 +41,11 @@
   font-size: 16px;
   transform: translateY(2px);
 }
+.aplus-ap-expand-alert--aplus .card-alert {
+  background-color: transparent !important;
+  border: none ;
+}
+.aplus-ap-expand-alert--admin .card-alert {
+  background-color: transparent !important;
+  border: none;
+}

package/lib/src/business/ap-export-group/ApExportGroup.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("@aplus-frontend/utils"),M=require("@ant-design/icons-vue"),r=require("ant-design-vue");require("../../config-provider/index.js");const c=require("./interface.js"),T=require("@aplus-frontend/hooks"),B=require("../../config-provider/hooks/use-namespace.js"),F=require("../../config-provider/hooks/use-locale.js"),L=require("../../config-provider/hooks/use-global-config.js"),D=e.defineComponent({__name:"ApExportGroup",props:{selectedRowKeys:{},disabled:{type:Boolean},auth:{},ifShow:{type:Function},text:{},idKey:{},request:{type:Function},getRequestParams:{type:Function},getInitialParams:{type:Function},beforeRequest:{type:Function}},setup(w){const{hasPermission:C}=T.usePermission(),t=w,{b:v}=B.useNamespace("ap-export-group"),{t:u}=F.useLocale(),S=L.useGlobalConfig("uiMode"),A=e.computed(()=>{const n={aplus:"#0070FF",admin:"#34b77c"};return p.value?"":n[S.value]||n.aplus}),p=e.computed(()=>!!(t!=null&&t.disabled)),E={textAlign:"center"},s=e.ref(!1),y=e.computed(()=>(t==null?void 0:t.selectedRowKeys)||[]),_=e.computed(()=>{let n=t==null?void 0:t.ifShow;return!(t!=null&&t.ifShow)&&(t!=null&&t.auth)&&(n=()=>C(t.auth)),(n==null?void 0:n())??!0});async function q({key:n}){var x,m,h,b,g;const{getRequestParams:l,request:a}=t||{};let d={};n===c.ApExportGroupActionType.SELECT?d={[(t==null?void 0:t.idKey)||"ids"]:y.value}:n===c.ApExportGroupActionType.ALL&&(d=(l==null?void 0:l())||{});const k=((x=t==null?void 0:t.getInitialParams)==null?void 0:x.call(t))||{};try{s.value=!0;let i={...d,...k};i=((m=t==null?void 0:t.beforeRequest)==null?void 0:m.call(t,i))||i;const o=await(a==null?void 0:a(i));if(toString.call(o==null?void 0:o.data)!=="[object Blob]")return;o!=null&&o.headers&&!((h=o==null?void 0:o.headers)!=null&&h["content-disposition"])?(g=(b=o==null?void 0:o.data)==null?void 0:b.text())==null||g.then(G=>{const f=JSON.parse(G||"{}");f.code&&f.code!=="200"&&r.Modal.error({title:u("ap.apExportGroup.exportError"),content:f.message,centered:!0})}):N.formatFileNameAndDownloadFile(o)}finally{s.value=!1}}return(n,l)=>_.value?(e.openBlock(),e.createBlock(e.unref(r.Dropdown),{key:0,class:e.normalizeClass([e.unref(v)()]),overlayStyle:E,disabled:p.value},{overlay:e.withCtx(()=>[e.createVNode(e.unref(r.Menu),{onClick:q},{default:e.withCtx(()=>{var a;return[(e.openBlock(),e.createBlock(e.unref(r.MenuItem),{key:e.unref(c.ApExportGroupActionType).SELECT,disabled:((a=y.value)==null?void 0:a.length)===0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apExportGroup.exportSelected")),1)]),_:1},8,["disabled"])),(e.openBlock(),e.createBlock(e.unref(r.MenuItem),{key:e.unref(c.ApExportGroupActionType).ALL},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(u)("ap.apExportGroup.exportAll")),1)]),_:1}))]}),_:1})]),default:e.withCtx(()=>[e.createVNode(e.unref(r.Button),{style:e.normalizeStyle({color:A.value}),loading:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString((t==null?void 0:t.text)??e.unref(u)("ap.apExportGroup.export"))+" ",1),e.createVNode(e.unref(M.DownOutlined))]),_:1},8,["style","loading"])]),_:1},8,["class","disabled"])):e.createCommentVNode("",!0)}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("@ant-design/icons-vue"),a=require("ant-design-vue");require("../../config-provider/index.js");const l=require("./interface.js"),A=require("@aplus-frontend/hooks"),S=require("./handleExportDownload.js"),q=require("../../config-provider/hooks/use-namespace.js"),k=require("../../config-provider/hooks/use-locale.js"),G=require("../../config-provider/hooks/use-global-config.js"),T=e.defineComponent({__name:"ApExportGroup",props:{selectedRowKeys:{},disabled:{type:Boolean},auth:{},ifShow:{type:Function},text:{},idKey:{},request:{type:Function},getRequestParams:{type:Function},getInitialParams:{type:Function},beforeRequest:{type:Function}},setup(x){const{hasPermission:m}=A.usePermission(),t=x,{b:w}=q.useNamespace("ap-export-group"),{t:i}=k.useLocale(),h=G.useGlobalConfig("uiMode"),b=e.computed(()=>{const o={aplus:"#0070FF",admin:"#34b77c"};return d.value?"":o[h.value]||o.aplus}),d=e.computed(()=>!!(t!=null&&t.disabled)),g={textAlign:"center"},c=e.ref(!1),f=e.computed(()=>(t==null?void 0:t.selectedRowKeys)||[]),C=e.computed(()=>{let o=t==null?void 0:t.ifShow;return!(t!=null&&t.ifShow)&&(t!=null&&t.auth)&&(o=()=>m(t.auth)),(o==null?void 0:o())??!0});async function v({key:o}){var y,p;const{getRequestParams:u,request:n}=t||{};let s={};o===l.ApExportGroupActionType.SELECT?s={[(t==null?void 0:t.idKey)||"ids"]:f.value}:o===l.ApExportGroupActionType.ALL&&(s=(u==null?void 0:u())||{});const E=((y=t==null?void 0:t.getInitialParams)==null?void 0:y.call(t))||{};try{c.value=!0;let r={...s,...E};r=((p=t==null?void 0:t.beforeRequest)==null?void 0:p.call(t,r))||r,await S.handleExportDownload(async()=>await(n==null?void 0:n(r)))}finally{c.value=!1}}return(o,u)=>C.value?(e.openBlock(),e.createBlock(e.unref(a.Dropdown),{key:0,class:e.normalizeClass([e.unref(w)()]),overlayStyle:g,disabled:d.value},{overlay:e.withCtx(()=>[e.createVNode(e.unref(a.Menu),{onClick:v},{default:e.withCtx(()=>{var n;return[(e.openBlock(),e.createBlock(e.unref(a.MenuItem),{key:e.unref(l.ApExportGroupActionType).SELECT,disabled:((n=f.value)==null?void 0:n.length)===0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("ap.apExportGroup.exportSelected")),1)]),_:1},8,["disabled"])),(e.openBlock(),e.createBlock(e.unref(a.MenuItem),{key:e.unref(l.ApExportGroupActionType).ALL},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)("ap.apExportGroup.exportAll")),1)]),_:1}))]}),_:1})]),default:e.withCtx(()=>[e.createVNode(e.unref(a.Button),{style:e.normalizeStyle({color:b.value}),loading:c.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString((t==null?void 0:t.text)??e.unref(i)("ap.apExportGroup.export"))+" ",1),e.createVNode(e.unref(_.DownOutlined))]),_:1},8,["style","loading"])]),_:1},8,["class","disabled"])):e.createCommentVNode("",!0)}});exports.default=T;

package/lib/src/business/ap-export-group/handleExportDownload.d.ts

@@ -0,0 +1 @@
+export declare function handleExportDownload(request?: () => Promise<any> | undefined): Promise<void>;

package/lib/src/business/ap-export-group/handleExportDownload.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@aplus-frontend/utils"),a=require("ant-design-vue");async function l(o){const t=await(o==null?void 0:o());Object.prototype.toString.call(t==null?void 0:t.data)==="[object Blob]"&&n.formatFileNameAndDownloadFile(t).catch(e=>{a.Modal.error({title:e,centered:!0})})}exports.handleExportDownload=l;

package/lib/src/business/{title → ap-title}/style.css

@@ -1,7 +1,6 @@
 .aplus-ap-title {
   position: relative;
   width: 100%;
-  height: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,7 +11,8 @@
   position: absolute;
   content: '';
   left: 0;
-  top: 2px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 3px;
   height: 16px;
   background: #0070ff;
@@ -30,11 +30,11 @@
   color: #0070ff;
 }
 .aplus-ap-title--admin {
-  height: 22px;
   padding-left: 14px;
 }
 .aplus-ap-title--admin::before {
-  top: 7px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 8px;
   height: 8px;
   border-radius: 50%;

package/lib/src/business/hooks/usePageListApTable.d.ts

@@ -1,6 +1,7 @@
 import { ApTableProps } from '../../';
 import { UseTableRefreshOption } from './useTableRefresh';
 import { Recordable } from '../../type';
+import { TableColumnsType } from 'ant-design-vue';
 export interface UsePageListApTable extends ApTableProps {
     /** 是否显示默认的行选择配置
      * @default true
@@ -46,6 +47,7 @@ export declare function usePageListApTable(props?: UsePageListApTable): [ApTable
             clearAll: () => void;
             toggleSelect: (item: any) => void;
         } | undefined;
+        getShownColumns: () => TableColumnsType<any>;
     } | null | undefined;
     clearSelection: () => void;
 }];

package/lib/src/business/index.d.ts

@@ -1,5 +1,5 @@
 import { ApTransformDataHelper } from '../utils/ap-trans-data';
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, VNode, CSSProperties, RendererNode, RendererElement, PublicProps, ShallowUnwrapRef, DefineComponent } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin, Component, VNode, CSSProperties, PublicProps, ShallowUnwrapRef, RendererNode, RendererElement, DefineComponent } from 'vue';
 import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
 import { VueTypeValidableDef } from '../../node_modules/vue-types';
 import { LiteralUnion, Key } from 'ant-design-vue/es/_util/type';
@@ -19,8 +19,9 @@ import { PresetColorType } from 'ant-design-vue/es/_util/colors';
 import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
 import { ApLadderSlots } from './ap-ladder/interface';
 import { AttachmentItemProps, ApAttachmentProps } from './ap-attachment';
+import { ApCardTitleProps } from './ap-card/interface';
 export * from './hooks/index';
-export type { ApTitleProps } from './title/interface';
+export type { ApTitleProps } from './ap-title/interface';
 export type { ApExpandAlertProps } from './ap-expand-alert/interface';
 export type { ApLabelProps, ApLabelGroupProps, ApLabelGroupItemProps } from './ap-label/interface';
 export type { ApStatusProps, ApStatusGroupProps, ApStatusGroupItemProps } from './ap-status/interface';
@@ -30,6 +31,7 @@ export type { ApExportGroupProps } from './ap-export-group/interface';
 export type { ApLadderProps, ApLadderLabelValue, CurrencyCode, TooltipNeedProps } from './ap-ladder/interface';
 export * from './ap-batch-action-group/interface';
 export type { AttachmentItemProps, ApAttachmentProps } from './ap-attachment';
+export * from './ap-export-group/handleExportDownload';
 export declare const ApTitle: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         title: {
@@ -174,196 +176,62 @@ export declare const ApTitle: {
         onClick?: () => void;
     };
 }));
-export declare const ApExpandAlert: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        type: {
-            type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-            required: true;
-            default: string;
-        };
-        data: {
-            type: PropType<string | any[]>;
-            required: true;
-            default: () => never[];
-        };
-        separator: {
-            type: PropType<string>;
-            required: true;
-            default: string;
-        };
-        prefix: {
-            type: PropType<string>;
-            default: string;
-        };
-        rows: {
-            type: PropType<string | number>;
-            required: true;
-            default: number;
-        };
-        tipTitle: {
-            type: PropType<string>;
-            default: string;
-        };
-        mapLabel: {
-            type: PropType<string>;
-        };
-    }>> & {
-        onExpand?: ((...args: any[]) => any) | undefined;
-        onChoose?: ((...args: any[]) => any) | undefined;
-    }, {
-        setExpand: (state?: boolean) => void;
-    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        expand: (...args: any[]) => void;
-        choose: (...args: any[]) => void;
-    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        type: {
-            type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-            required: true;
-            default: string;
-        };
-        data: {
-            type: PropType<string | any[]>;
-            required: true;
-            default: () => never[];
-        };
-        separator: {
-            type: PropType<string>;
-            required: true;
-            default: string;
-        };
-        prefix: {
-            type: PropType<string>;
-            default: string;
-        };
-        rows: {
-            type: PropType<string | number>;
-            required: true;
-            default: number;
-        };
-        tipTitle: {
-            type: PropType<string>;
-            default: string;
-        };
-        mapLabel: {
-            type: PropType<string>;
-        };
-    }>> & {
-        onExpand?: ((...args: any[]) => any) | undefined;
-        onChoose?: ((...args: any[]) => any) | undefined;
-    }, {
-        type: "warning" | "error" | "success" | "info" | undefined;
-        data: Array<any> | string;
-        separator: string;
-        prefix: string;
-        rows: string | number;
-        tipTitle: string;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        type: {
-            type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-            required: true;
-            default: string;
-        };
-        data: {
-            type: PropType<string | any[]>;
-            required: true;
-            default: () => never[];
-        };
-        separator: {
-            type: PropType<string>;
-            required: true;
-            default: string;
-        };
-        prefix: {
-            type: PropType<string>;
-            default: string;
-        };
-        rows: {
-            type: PropType<string | number>;
-            required: true;
-            default: number;
-        };
-        tipTitle: {
-            type: PropType<string>;
-            default: string;
-        };
-        mapLabel: {
-            type: PropType<string>;
-        };
-    }>> & {
+export declare const ApExpandAlert: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: Readonly<{
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
+    }> & {
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
+    };
+    emit: (event: "expand" | "choose", ...args: any[]) => void;
+}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: {
         onExpand?: ((...args: any[]) => any) | undefined;
         onChoose?: ((...args: any[]) => any) | undefined;
-    }, {
+        type?: "warning" | "error" | "success" | "info" | "card" | undefined;
+        data?: string | T[] | undefined;
+        prefix?: string | undefined;
+        tipTitle?: string | undefined;
+        mapLabel?: string | undefined;
+        separator?: ( Component | VNode | string) | undefined;
+        separatorStyle?: CSSProperties | undefined;
+        contentStyle?: Omit< CSSProperties, "wordBreak" | "overflow" | "display" | "webkitLineClamp" | "webkitBoxOrient"> | undefined;
+        prefixStyle?: CSSProperties | undefined;
+        rows?: (string | number) | undefined;
+        defaultExpand?: boolean | undefined;
+        showIcon?: boolean | undefined;
+    } & PublicProps;
+    expose(exposed: ShallowUnwrapRef<{
         setExpand: (state?: boolean) => void;
-    }, {}, {}, {}, {
-        type: "warning" | "error" | "success" | "info" | undefined;
-        data: Array<any> | string;
-        separator: string;
-        prefix: string;
-        rows: string | number;
-        tipTitle: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    type: {
-        type: PropType<"error" | "success" | "info" | "warning" | undefined>;
-        required: true;
-        default: string;
-    };
-    data: {
-        type: PropType<string | any[]>;
-        required: true;
-        default: () => never[];
-    };
-    separator: {
-        type: PropType<string>;
-        required: true;
-        default: string;
-    };
-    prefix: {
-        type: PropType<string>;
-        default: string;
-    };
-    rows: {
-        type: PropType<string | number>;
-        required: true;
-        default: number;
-    };
-    tipTitle: {
-        type: PropType<string>;
-        default: string;
-    };
-    mapLabel: {
-        type: PropType<string>;
-    };
-}>> & {
-    onExpand?: ((...args: any[]) => any) | undefined;
-    onChoose?: ((...args: any[]) => any) | undefined;
-}, {
-    setExpand: (state?: boolean) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    expand: (...args: any[]) => void;
-    choose: (...args: any[]) => void;
-}, string, {
-    type: "warning" | "error" | "success" | "info" | undefined;
-    data: Array<any> | string;
-    separator: string;
-    prefix: string;
-    rows: string | number;
-    tipTitle: string;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
+    }>): void;
+    attrs: any;
+    slots: Readonly<{
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
+    }> & {
+        default(props: any): any;
+        item(props: {
+            record: T;
+            index: number;
+        }): any;
     };
-});
+    emit: (event: "expand" | "choose", ...args: any[]) => void;
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export declare const ApLabel: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         helpMessage: {
@@ -2798,5 +2666,54 @@ export declare const ApAttachment: DefineComponent<{
     attachmentList: AttachmentItemProps[];
     fileMorePopoverPlacement: TooltipPlacement;
 }, {}>;
+export declare const ApCard: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        titleProps: {
+            type: PropType<ApCardTitleProps>;
+        };
+        padding: {
+            type: PropType<string>;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        titleProps: {
+            type: PropType<ApCardTitleProps>;
+        };
+        padding: {
+            type: PropType<string>;
+        };
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        titleProps: {
+            type: PropType<ApCardTitleProps>;
+        };
+        padding: {
+            type: PropType<string>;
+        };
+    }>>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    titleProps: {
+        type: PropType<ApCardTitleProps>;
+    };
+    padding: {
+        type: PropType<string>;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
 export { ApTransformDataHelper };
 export * from './ap-table-modal';

package/lib/src/business/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils");require("./hooks/index.js");require("./title/ApTitle.vue.js");require("./ap-expand-alert/ApExpandAlert.vue.js");const t=require("./ap-label/ApLabel.js"),u=require("./ap-label/ApLabelGroup.js");require("./ap-status/ApStatus.vue.js");require("./ap-status/ApStatusGroup.vue.js");require("./ap-select-layout/select-layout.vue.js");require("./ap-export-group/ApExportGroup.vue.js");require("./ap-input-radio/ApInputRadio.vue.js");require("./ap-batch-action/ApBatchAction.vue.js");require("./ap-batch-action-group/ApBatchActionGroup.vue.js");require("./ap-image/ApImage.vue.js");require("./ap-ladder/ApLadder.vue.js");const r=require("./ap-attachment/ApAttachment.js"),p=require("../utils/ap-trans-data/index.js");require("./ap-batch-action-group/interface.js");const a=require("./ap-table-modal/index.js"),_=require("./title/ApTitle.vue2.js"),s=require("./ap-expand-alert/ApExpandAlert.vue2.js"),n=require("./ap-status/ApStatus.vue2.js"),i=require("./ap-status/ApStatusGroup.vue2.js"),o=require("./ap-select-layout/select-layout.vue2.js"),l=require("./ap-export-group/ApExportGroup.vue2.js"),c=require("./ap-input-radio/ApInputRadio.vue2.js"),A=require("./ap-batch-action/ApBatchAction.vue2.js"),d=require("./ap-batch-action-group/ApBatchActionGroup.vue2.js"),q=require("./ap-image/ApImage.vue2.js"),v=require("./ap-ladder/ApLadder.vue2.js"),f=e.withInstall(_.default),g=s.default,h=e.withInstall(t.default),y=e.withInstall(n.default),I=e.withInstall(i.default),G=e.withInstall(o.default),L=e.withInstall(l.default),S=c.default,b=A.default,m=u.default,x=d.default,w=q.default,T=e.withInstall(v.default),B=r.default;exports.ApTransformDataHelper=p.ApTransformDataHelper;exports.ApTableModal=a.default;exports.ApAttachment=B;exports.ApBatchAction=b;exports.ApBatchActionGroup=x;exports.ApExpandAlert=g;exports.ApExportGroup=L;exports.ApImage=w;exports.ApInputRadio=S;exports.ApLabel=h;exports.ApLabelGroup=m;exports.ApLadder=T;exports.ApSelectLayout=G;exports.ApStatus=y;exports.ApStatusGroup=I;exports.ApTitle=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/utils");require("./hooks/index.js");require("./ap-title/ApTitle.vue.js");require("./ap-expand-alert/ApExpandAlert.vue.js");const t=require("./ap-label/ApLabel.js"),r=require("./ap-label/ApLabelGroup.js");require("./ap-status/ApStatus.vue.js");require("./ap-status/ApStatusGroup.vue.js");require("./ap-select-layout/select-layout.vue.js");require("./ap-export-group/ApExportGroup.vue.js");require("./ap-input-radio/ApInputRadio.vue.js");require("./ap-batch-action/ApBatchAction.vue.js");require("./ap-batch-action-group/ApBatchActionGroup.vue.js");require("./ap-image/ApImage.vue.js");require("./ap-ladder/ApLadder.vue.js");const u=require("./ap-attachment/ApAttachment.js");require("./ap-card/ApCard.vue.js");const p=require("../utils/ap-trans-data/index.js");require("./ap-batch-action-group/interface.js");const a=require("./ap-export-group/handleExportDownload.js"),_=require("./ap-table-modal/index.js"),n=require("./ap-title/ApTitle.vue2.js"),s=require("./ap-expand-alert/ApExpandAlert.vue2.js"),o=require("./ap-status/ApStatus.vue2.js"),l=require("./ap-status/ApStatusGroup.vue2.js"),i=require("./ap-select-layout/select-layout.vue2.js"),c=require("./ap-export-group/ApExportGroup.vue2.js"),A=require("./ap-input-radio/ApInputRadio.vue2.js"),d=require("./ap-batch-action/ApBatchAction.vue2.js"),q=require("./ap-batch-action-group/ApBatchActionGroup.vue2.js"),v=require("./ap-image/ApImage.vue2.js"),h=require("./ap-ladder/ApLadder.vue2.js"),f=require("./ap-card/ApCard.vue2.js"),g=e.withInstall(n.default),y=s.default,I=e.withInstall(t.default),G=e.withInstall(o.default),L=e.withInstall(l.default),w=e.withInstall(i.default),x=e.withInstall(c.default),S=A.default,b=d.default,m=r.default,E=q.default,T=v.default,B=e.withInstall(h.default),D=u.default,$=e.withInstall(f.default);exports.ApTransformDataHelper=p.ApTransformDataHelper;exports.handleExportDownload=a.handleExportDownload;exports.ApTableModal=_.default;exports.ApAttachment=D;exports.ApBatchAction=b;exports.ApBatchActionGroup=E;exports.ApCard=$;exports.ApExpandAlert=y;exports.ApExportGroup=x;exports.ApImage=T;exports.ApInputRadio=S;exports.ApLabel=I;exports.ApLabelGroup=m;exports.ApLadder=B;exports.ApSelectLayout=w;exports.ApStatus=G;exports.ApStatusGroup=L;exports.ApTitle=g;

package/lib/src/check-card/group.vue.d.ts

@@ -1,5 +1,5 @@
 import { CheckCardGroupProps, CheckCardValueType } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, CSSProperties, PropType } from 'vue';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -17,6 +17,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     size: undefined;
     stopPropagation: undefined;
     defaultValue: undefined;
+    indicatorSize: undefined;
+    style: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CheckCardGroupProps>, {
@@ -28,10 +30,13 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     size: undefined;
     stopPropagation: undefined;
     defaultValue: undefined;
+    indicatorSize: undefined;
+    style: undefined;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "middle" | "small";
+    style: CSSProperties;
     value: CheckCardValueType | CheckCardValueType[];
     multiple: boolean;
     disabled: boolean;
@@ -39,6 +44,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     defaultValue: CheckCardValueType | CheckCardValueType[];
     bordered: boolean;
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
+    indicatorSize: number;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/src/check-card/group.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue");require("../hooks/index.js");const g=require("./context.js"),m=require("lodash-unified"),b=require("../hooks/useControllableValue.js"),y=a.defineComponent({name:"CheckCardGroup",__name:"group",props:{bordered:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},loading:{type:Boolean,default:void 0},size:{default:void 0},stopPropagation:{type:[Boolean,Function],default:void 0},multiple:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array],default:void 0},value:{type:[String,Number,Boolean,Array],default:void 0},"onUpdate:value":{}},emits:["update:value"],setup(i,{emit:d}){const t=i,s=d,{value:r,updateValue:n}=b.useControllableValue(t,s),u=new Map;function p(e){if(!t.multiple){if(a.unref(r)===e)return;n(e);return}let o=[...a.unref(r)||[]];const v=o.find(l=>l===e);m.isUndefined(v)?o.push(e):o=o.filter(l=>l!==e).filter(l=>u.has(l)),n(o)}function f(e){u.set(e,!0)}function c(e){u.delete(e)}return g.useProvideCheckCard(a.computed(()=>({toggleOption:p,registerValue:f,cancelValue:c,disabled:t.disabled,size:t.size,bordered:t.bordered,loading:t.loading,value:a.unref(r),multiple:t.multiple,stopPropagation:t.stopPropagation}))),(e,o)=>a.renderSlot(e.$slots,"default")}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue");require("../hooks/index.js");const g=require("./context.js"),m=require("lodash-unified"),y=require("../hooks/useControllableValue.js"),b=i.defineComponent({name:"CheckCardGroup",__name:"group",props:{bordered:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},loading:{type:Boolean,default:void 0},size:{default:void 0},stopPropagation:{type:[Boolean,Function],default:void 0},indicatorSize:{default:void 0},style:{default:void 0},multiple:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array],default:void 0},value:{type:[String,Number,Boolean,Array],default:void 0},"onUpdate:value":{}},emits:["update:value"],setup(u,{emit:d}){const t=u,s=d,{value:a,updateValue:n}=y.useControllableValue(t,s),r=new Map;function p(e){if(!t.multiple){if(i.unref(a)===e)return;n(e);return}let o=[...i.unref(a)||[]];const v=o.find(l=>l===e);m.isUndefined(v)?o.push(e):o=o.filter(l=>l!==e).filter(l=>r.has(l)),n(o)}function f(e){r.set(e,!0)}function c(e){r.delete(e)}return g.useProvideCheckCard(i.computed(()=>({toggleOption:p,registerValue:f,cancelValue:c,disabled:t.disabled,size:t.size,bordered:t.bordered,loading:t.loading,value:i.unref(a),multiple:t.multiple,stopPropagation:t.stopPropagation,style:t.style,indicatorSize:t.indicatorSize}))),(e,o)=>i.renderSlot(e.$slots,"default")}});exports.default=b;

package/lib/src/check-card/index.vue.d.ts

@@ -15,16 +15,18 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     bordered: boolean;
     size: string;
     checked: undefined;
-    style: () => {};
+    style: undefined;
     stopPropagation: boolean;
+    indicatorSize: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CheckCardProps>, {
     bordered: boolean;
     size: string;
     checked: undefined;
-    style: () => {};
+    style: undefined;
     stopPropagation: boolean;
+    indicatorSize: undefined;
 }>>> & {
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -33,6 +35,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     bordered: boolean;
     checked: boolean;
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
+    indicatorSize: number;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/src/check-card/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("ant-design-vue");require("../config-provider/index.js");require("../hooks/index.js");const g=require("lodash-unified"),q=require("./context.js");require("./style/index.css");const P=require("./checked.svg.js"),_=require("../config-provider/hooks/use-namespace.js"),z=require("../hooks/useControllableValue.js"),S=["src"],w=e.defineComponent({name:"CheckCard",__name:"index",props:{bordered:{type:Boolean,default:!0},disabled:{type:Boolean},loading:{type:Boolean},size:{default:"middle"},stopPropagation:{type:[Boolean,Function],default:!1},checked:{type:Boolean,default:void 0},"onUpdate:checked":{},defaultChecked:{type:Boolean},value:{type:[String,Number,Boolean]},style:{default:()=>({})},title:{},content:{}},emits:["update:checked"],setup(h,{emit:b}){const n=h,{b:s,m:c,e:i,em:p}=_.useNamespace("check-card"),C=b,a=q.useInjectCheckCard(),{value:r,updateValue:f}=z.useControllableValue(n,C,{valuePropName:"checked",defaultValuePropName:"defaultChecked"}),l=e.computed(()=>{const t={...n},o=e.unref(a);return o&&(t.disabled=t.disabled||o.disabled,t.bordered=t.bordered||o.bordered,t.loading=t.loading||o.loading,t.size=t.size||o.size,t.stopPropagation=t.stopPropagation||o.stopPropagation),t}),y=e.computed(()=>{const t=e.unref(l);return[s(),...t.disabled?[]:[s(),e.unref(r)?c("checked"):null],c(t.size),t.bordered?c("bordered"):null,t.disabled?c("disabled"):null]}),m=e.computed(()=>{const t=n.title;if(!t)return;const o=g.isFunction(t)?t(e.unref(r)):e.createVNode("span",null,[t]);return e.createVNode("div",{class:[i("title"),l.value.disabled?p("title","disabled"):null]},[o])}),v=e.computed(()=>{if(!n.content)return;const t=g.isFunction(n.content)?n.content(e.unref(r)):n.content;return e.createVNode("div",{class:[i("content"),l.value.disabled?p("content","disabled"):null]},[t])});function B(t){const o=e.unref(l).stopPropagation;return o?o===!0?t.target!==t.currentTarget:o(t):!1}function N(t){var o,u;B(t)||l.value.loading||l.value.disabled||(a.value?(u=(o=a.value)==null?void 0:o.toggleOption)==null||u.call(o,n.value):f(!e.unref(r)))}return e.watch(()=>a.value,t=>{if(!t)return;const o=t.multiple?(t.value||[]).includes(n.value):t.value===n.value;f(o)},{immediate:!0}),e.watchEffect(t=>{var o,u;(u=(o=a.value)==null?void 0:o.registerValue)==null||u.call(o,n.value),t(()=>{var d,k;return(k=(d=a.value)==null?void 0:d.cancelValue)==null?void 0:k.call(d,n.value)})}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(t.style),class:e.normalizeClass(y.value),onClick:e.withModifiers(N,["stop"])},[l.value.loading?(e.openBlock(),e.createBlock(e.unref(V.Skeleton),{key:0,active:""})):e.renderSlot(t.$slots,"default",{key:1,checked:e.unref(r)},()=>[m.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m.value),{key:0})):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1})):e.createCommentVNode("",!0)]),e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(i)("checked-icon"))},[e.createElementVNode("img",{src:e.unref(P.default)},null,8,S)],2)):e.createCommentVNode("",!0)],6))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),S=require("ant-design-vue");require("../config-provider/index.js");require("../hooks/index.js");const k=require("lodash-unified"),V=require("./context.js");require("./style/index.css");const q=require("./checked.svg.js"),P=require("../config-provider/hooks/use-namespace.js"),_=require("../hooks/useControllableValue.js"),w=["src"],T=t.defineComponent({name:"CheckCard",__name:"index",props:{bordered:{type:Boolean,default:!0},disabled:{type:Boolean},loading:{type:Boolean},size:{default:"middle"},stopPropagation:{type:[Boolean,Function],default:!1},indicatorSize:{default:void 0},style:{default:void 0},checked:{type:Boolean,default:void 0},"onUpdate:checked":{},defaultChecked:{type:Boolean},value:{type:[String,Number,Boolean]},title:{},content:{}},emits:["update:checked"],setup(h,{emit:b}){const o=h,{b:s,m:u,e:d,em:p}=P.useNamespace("check-card"),y=b,l=V.useInjectCheckCard(),{value:r,updateValue:f}=_.useControllableValue(o,y,{valuePropName:"checked",defaultValuePropName:"defaultChecked"}),a=t.computed(()=>{const e={...o},n=t.unref(l);return n&&(e.disabled=e.disabled||n.disabled,e.bordered=e.bordered||n.bordered,e.loading=e.loading||n.loading,e.size=e.size||n.size,e.indicatorSize=e.indicatorSize||n.indicatorSize,e.stopPropagation=e.stopPropagation||n.stopPropagation,e.style=e.style?e.style:n.style),e}),C=t.computed(()=>{const e=t.unref(a);return[s(),...e.disabled?[]:[s(),t.unref(r)?u("checked"):null],u(e.size),e.bordered?u("bordered"):null,e.disabled?u("disabled"):null]}),B=t.computed(()=>{const e=t.unref(a);return{...e.style||{},"--check-card-indicator-size":`${e.indicatorSize||16}px`}}),m=t.computed(()=>{const e=o.title;if(!e)return;const n=k.isFunction(e)?e(t.unref(r)):t.createVNode("span",null,[e]);return t.createVNode("div",{class:[d("title"),a.value.disabled?p("title","disabled"):null]},[n])}),v=t.computed(()=>{if(!o.content)return;const e=k.isFunction(o.content)?o.content(t.unref(r)):o.content;return t.createVNode("div",{class:[d("content"),a.value.disabled?p("content","disabled"):null]},[e])});function z(e){const n=t.unref(a).stopPropagation;return n?n===!0?e.target!==e.currentTarget:n(e):!1}function N(e){var n,c;z(e)||a.value.loading||a.value.disabled||(l.value?(c=(n=l.value)==null?void 0:n.toggleOption)==null||c.call(n,o.value):f(!t.unref(r)))}return t.watch(()=>l.value,e=>{if(!e)return;const n=e.multiple?(e.value||[]).includes(o.value):e.value===o.value;f(n)},{immediate:!0}),t.watchEffect(e=>{var n,c;(c=(n=l.value)==null?void 0:n.registerValue)==null||c.call(n,o.value),e(()=>{var i,g;return(g=(i=l.value)==null?void 0:i.cancelValue)==null?void 0:g.call(i,o.value)})}),(e,n)=>(t.openBlock(),t.createElementBlock("div",{style:t.normalizeStyle(B.value),class:t.normalizeClass(C.value),onClick:t.withModifiers(N,["stop"])},[a.value.loading?(t.openBlock(),t.createBlock(t.unref(S.Skeleton),{key:0,active:""})):t.renderSlot(e.$slots,"default",{key:1,checked:t.unref(r)},()=>[m.value?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(m.value),{key:0})):t.createCommentVNode("",!0),v.value?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(v.value),{key:1})):t.createCommentVNode("",!0)]),t.unref(r)?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(t.unref(d)("checked-icon"))},[t.createElementVNode("img",{src:t.unref(q.default)},null,8,w)],2)):t.createCommentVNode("",!0)],6))}});exports.default=T;

package/lib/src/check-card/interface.d.ts

@@ -24,6 +24,14 @@ type CheckCardCommonType = {
      * 是否阻止点击事件冒泡（对于自定义内容包含输入控件时需要设置）
      */
     stopPropagation?: boolean | ((event: MouseEvent) => boolean);
+    /**
+     * 选中指示器的尺寸
+     */
+    indicatorSize?: number;
+    /**
+     * 可选卡片容器样式
+     */
+    style?: CSSProperties;
 };
 export type CheckCardProps = CheckCardCommonType & {
     /**
@@ -51,6 +59,10 @@ export type CheckCardProps = CheckCardCommonType & {
      * 内容
      */
     content?: string | ((checked: boolean) => VNode);
+    /**
+     * 指定选中指示器的尺寸
+     */
+    indicatorSize?: number;
 };
 export type CheckCardGroupValueType = CheckCardValueType | CheckCardValueType[] | undefined;
 export type CheckCardGroupProps = CheckCardCommonType & {

package/lib/src/check-card/style/index.css

@@ -21,8 +21,8 @@
   opacity: 0;
   inset-block-start: -2px;
   inset-inline-end: -2px;
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
+  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
   border-radius: 4px;
 }
 .aplus-check-card--checked {
@@ -33,9 +33,9 @@
 }
 .aplus-check-card--checked::after {
   opacity: 1;
-  border: 16px solid var(--check-card-checked-bg, #0070ff);
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
+  border: var(--check-card-indicator-size, 16px) solid var(--check-card-checked-bg, #0070ff);
+  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
   inset-block-start: -2px;
   inset-inline-end: -2px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -75,3 +75,6 @@
      -moz-user-select: none;
           user-select: none;
 }
+.aplus-check-card__checked-icon > img {
+  width: calc(var(--check-card-indicator-size, 16px) - 2px);
+}