@aplus-frontend/ui 0.0.21 → 0.0.23

package/lib/src/ap-list/hooks/use-offline-list.d.ts

@@ -0,0 +1,21 @@
+import { Recordable } from '../../type';
+import { ApListProps } from '../interface';
+import { ComputedRef } from 'vue';
+
+/**
+ * 处理离线数据分页的情况
+ * @param dataSource
+ * @param pagination
+ * @returns
+ */
+export declare const useOfflineList: <DataType = Recordable<any>>(params: ApListProps<DataType, Recordable<any>>) => {
+    pagination: ComputedRef<{
+        current: number;
+        pageSize: number;
+        total: number;
+        showSizeChanger: boolean;
+        showQuickJumper: boolean;
+    }>;
+    dataSource: ComputedRef<DataType[]>;
+    onChange: (page: number, size: number) => void;
+};

package/lib/src/ap-list/hooks/use-offline-list.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=n=>{const t=e.ref(n.pagination&&n.pagination.defaultCurrent||1),u=e.ref(n.pagination&&n.pagination.defaultPageSize||10);function i(r,a){t.value=r,u.value=a}const o=e.computed(()=>n.dataSource?n.pagination===!1?[...n.dataSource]:n.dataSource.slice((e.unref(t)-1)*e.unref(u),e.unref(t)*e.unref(u)):[]);return{pagination:e.computed(()=>{var r;return{current:e.unref(t),pageSize:e.unref(u),total:((r=n.dataSource)==null?void 0:r.length)||0,showSizeChanger:!0,showQuickJumper:!0}}),dataSource:o,onChange:i}};exports.useOfflineList=c;

package/lib/src/ap-list/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ApList } from './index.vue';
+
+export { ApList };
+export * from './interface';

package/lib/src/ap-list/index.js

@@ -0,0 +1 @@
+"use strict";require("./index.vue2.js");require("./interface.js");

package/lib/src/ap-list/index.vue.d.ts

@@ -0,0 +1,153 @@
+import { Recordable } from '../type';
+import { RequestData } from '../ap-table';
+import { CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, Ref, ShallowUnwrapRef, VNode, RendererNode, RendererElement } from 'vue';
+import { ApFormSearchFormExpose } from '..';
+
+declare const _default: <RecordType extends Recordable<any>>(__VLS_props: {
+    loading?: boolean | undefined;
+    pagination?: false | {
+        defaultCurrent?: number | undefined;
+        defaultPageSize?: number | undefined;
+        hideOnSinglePage?: boolean | undefined;
+    } | undefined;
+    params?: Recordable<any> | undefined;
+    manual?: boolean | undefined;
+    dataSource?: RecordType[] | undefined;
+    request?: ((params: Partial<Recordable<any>> & {
+        pageSize: number;
+        current: number;
+    }) => Promise<Partial< RequestData<RecordType>>>) | undefined;
+    defaultData?: RecordType[] | undefined;
+    onLoadingChange?: ((loading: boolean) => void) | undefined;
+    beforeSearchSubmit?: ((params: Partial<Recordable<any>>) => any) | undefined;
+    onItem?: ((record: RecordType, index: number) => void) | undefined;
+    containerStyle?: CSSProperties | undefined;
+    footerWarpperStyle?: CSSProperties | undefined;
+} & VNodeProps & AllowedComponentProps & ComponentCustomProps, __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        header?(_: {
+            formIns: {
+                form: Ref< ApFormSearchFormExpose | undefined>;
+            };
+            submit: () => void;
+            reset: () => void;
+        }): any;
+        renderContent?(_: {
+            dataSource: RecordType[];
+        }): any;
+        renderItem?(_: {
+            item: RecordType;
+            index: number;
+        }): any;
+    };
+    emit: any;
+} | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<{
+    submit: () => void;
+    reset: () => void;
+    refresh: () => void;
+    refreshByDelete: (n: number) => void;
+    scrollToFirstRow: (selector?: string) => void;
+}>) => void) | undefined, __VLS_setup?: Promise<{
+    props: {
+        loading?: boolean | undefined;
+        pagination?: false | {
+            defaultCurrent?: number | undefined;
+            defaultPageSize?: number | undefined;
+            hideOnSinglePage?: boolean | undefined;
+        } | undefined;
+        params?: Recordable<any> | undefined;
+        manual?: boolean | undefined;
+        dataSource?: RecordType[] | undefined;
+        request?: ((params: Partial<Recordable<any>> & {
+            pageSize: number;
+            current: number;
+        }) => Promise<Partial< RequestData<RecordType>>>) | undefined;
+        defaultData?: RecordType[] | undefined;
+        onLoadingChange?: ((loading: boolean) => void) | undefined;
+        beforeSearchSubmit?: ((params: Partial<Recordable<any>>) => any) | undefined;
+        onItem?: ((record: RecordType, index: number) => void) | undefined;
+        containerStyle?: CSSProperties | undefined;
+        footerWarpperStyle?: CSSProperties | undefined;
+    } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+    expose(exposed: ShallowUnwrapRef<{
+        submit: () => void;
+        reset: () => void;
+        refresh: () => void;
+        refreshByDelete: (n: number) => void;
+        scrollToFirstRow: (selector?: string) => void;
+    }>): void;
+    attrs: any;
+    slots: {
+        header?(_: {
+            formIns: {
+                form: Ref< ApFormSearchFormExpose | undefined>;
+            };
+            submit: () => void;
+            reset: () => void;
+        }): any;
+        renderContent?(_: {
+            dataSource: RecordType[];
+        }): any;
+        renderItem?(_: {
+            item: RecordType;
+            index: number;
+        }): any;
+    };
+    emit: any;
+}>) => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: {
+        props: {
+            loading?: boolean | undefined;
+            pagination?: false | {
+                defaultCurrent?: number | undefined;
+                defaultPageSize?: number | undefined;
+                hideOnSinglePage?: boolean | undefined;
+            } | undefined;
+            params?: Recordable<any> | undefined;
+            manual?: boolean | undefined;
+            dataSource?: RecordType[] | undefined;
+            request?: ((params: Partial<Recordable<any>> & {
+                pageSize: number;
+                current: number;
+            }) => Promise<Partial< RequestData<RecordType>>>) | undefined;
+            defaultData?: RecordType[] | undefined;
+            onLoadingChange?: ((loading: boolean) => void) | undefined;
+            beforeSearchSubmit?: ((params: Partial<Recordable<any>>) => any) | undefined;
+            onItem?: ((record: RecordType, index: number) => void) | undefined;
+            containerStyle?: CSSProperties | undefined;
+            footerWarpperStyle?: CSSProperties | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        expose(exposed: ShallowUnwrapRef<{
+            submit: () => void;
+            reset: () => void;
+            refresh: () => void;
+            refreshByDelete: (n: number) => void;
+            scrollToFirstRow: (selector?: string) => void;
+        }>): void;
+        attrs: any;
+        slots: {
+            header?(_: {
+                formIns: {
+                    form: Ref< ApFormSearchFormExpose | undefined>;
+                };
+                submit: () => void;
+                reset: () => void;
+            }): any;
+            renderContent?(_: {
+                dataSource: RecordType[];
+            }): any;
+            renderItem?(_: {
+                item: RecordType;
+                index: number;
+            }): any;
+        };
+        emit: any;
+    } | undefined;
+};
+export default _default;
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/src/ap-list/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-table/index.js");require("../config-provider/index.js");const s=require("lodash-unified"),T=require("./hooks/use-offline-list.js");require("./style/index.css");const _=require("../config-provider/hooks/use-namespace.js"),N=require("../ap-table/hooks/use-table-paging.js"),O=e.defineComponent({__name:"index",props:{dataSource:{},loading:{type:Boolean,default:void 0},onItem:{},params:{},request:{},defaultData:{},onLoadingChange:{},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},manual:{type:Boolean},containerStyle:{},footerWarpperStyle:{}},setup(y,{expose:v}){const b=i.Empty.PRESENTED_IMAGE_SIMPLE,n=y,{b:f,e:c}=_.useNamespace("ap-list"),d=e.ref(),{formRef:C,submit:g,reset:m,handleTableChange:k,data:u,refresh:B,refreshByDelete:P,tableProps:p}=N.useTablePaging({async request(t){var r;const a=await((r=n.request)==null?void 0:r.call(n,t));return{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},defaultParams:n.params,defaultData:n.defaultData,manual:n.manual,defaultCurrent:n.pagination?n.pagination.defaultCurrent:void 0,defaultPageSize:n.pagination?n.pagination.defaultPageSize:void 0,formatParams:n.beforeSearchSubmit}),q={form:C},{pagination:S,dataSource:E,onChange:D}=T.useOfflineList(n);function z(t,a){if(e.unref(o)){D(t,a);return}k({current:t,pageSize:a},{},{},{currentDataSource:[],action:"paginate"})}const l=e.computed(()=>e.unref(o)?e.unref(E):e.unref(u).records),h=e.computed(()=>s.isUndefined(n.loading)?e.unref(u).loading:n.loading),w=e.computed(()=>{var t,a;return n.pagination===!1?!1:((t=n.pagination)==null?void 0:t.hideOnSinglePage)!==!0?!0:e.unref(o)?(((a=n.dataSource)==null?void 0:a.length)||0)>e.unref(S).pageSize:e.unref(u).total>e.unref(p).pagination.pageSize}),o=e.computed(()=>!s.isUndefined(n.dataSource));e.watch(()=>e.unref(h),t=>{var a;(a=n.onLoadingChange)==null||a.call(n,t)});function I(t){var a,r;(r=(a=d.value)==null?void 0:a.querySelector(t||":first-child"))==null||r.scrollIntoView({behavior:"smooth",block:"center"})}return v({submit:()=>g(),reset:()=>m(),refresh:()=>B(),refreshByDelete:t=>P(t),scrollToFirstRow:I}),(t,a)=>(e.openBlock(),e.createBlock(e.unref(i.Spin),{spinning:h.value,class:e.normalizeClass(e.unref(f)("spin"))},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)()),style:e.normalizeStyle(t.containerStyle)},[e.renderSlot(t.$slots,"header",{formIns:q,submit:e.unref(g),reset:e.unref(m)}),l.value.length===0?(e.openBlock(),e.createBlock(e.unref(i.Empty),{key:0,image:e.unref(b)},null,8,["image"])):(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"contentRef",ref:d,class:e.normalizeClass(e.unref(c)("content"))},[e.renderSlot(t.$slots,"renderContent",{dataSource:l.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(r,L)=>e.renderSlot(t.$slots,"renderItem",{item:r,index:L})),256))])],2)),w.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(c)("footer")),style:e.normalizeStyle(t.footerWarpperStyle)},[e.createVNode(e.unref(i.Pagination),e.mergeProps(o.value?e.unref(S):e.unref(s.omit)(e.unref(p).pagination,["showTotal"]),{onChange:z}),null,16)],6)):e.createCommentVNode("",!0)],6)]),_:3},8,["spinning","class"]))}});exports.default=O;

package/lib/src/ap-list/index.vue2.js

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

package/lib/src/ap-list/interface.d.ts

@@ -26,8 +26,8 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      * @returns
      */
     request?: (params: Partial<ParamsType> & {
-        pageSize?: number;
-        current?: number;
+        pageSize: number;
+        current: number;
     }) => Promise<Partial<RequestData<RecordType>>>;
     /**
      * 表格的默认数据源，这些数据源将会在第一次请求后被替换
@@ -51,6 +51,10 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
     pagination?: false | {
         defaultCurrent?: number;
         defaultPageSize?: number;
+        /**
+         * 只有一页时隐藏分页
+         */
+        hideOnSinglePage?: boolean;
     };
     /**
      * 是否手动发起第一次网络请求
@@ -65,3 +69,32 @@ export type ApListProps<RecordType = any, ParamsType = Recordable> = {
      */
     footerWarpperStyle?: CSSProperties;
 };
+export type ApListExpose = {
+    /**
+     * 重置页码并发起网络请求
+     * @returns
+     */
+    submit: () => void;
+    /**
+     * 重设查询表单（如果有的话）并发起网络请求
+     * @returns
+     */
+    reset: () => void;
+    /**
+     * 刷新当前页
+     * @returns
+     */
+    refresh: () => void;
+    /**
+     * 删除N条数据后刷新某一页（具体页面会计算）
+     * @param n 删除的n条数据
+     * @returns
+     */
+    refreshByDelete: (n: number) => void;
+    /**
+     * 滚动到第一行（如果无效需要你传入相对于div.ap-list__content的查询参数）
+     * @param selector
+     * @returns
+     */
+    scrollToFirstRow: (selector?: string) => void;
+};

package/lib/src/ap-list/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/ap-list/style/index.css

@@ -3,4 +3,9 @@
 }
 .aplus-ap-list__footer {
   margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+.aplus-ap-list-spin {
+  max-height: unset !important;
 }

package/lib/src/ap-table/interface.d.ts

@@ -165,8 +165,8 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
      * @returns
      */
     request?: (params: Partial<ParamsType> & {
-        pageSize?: number;
-        current?: number;
+        pageSize: number;
+        current: number;
         sort?: Record<string, SortOrder>;
         filter?: Recordable<any>;
     }) => Promise<Partial<RequestData<RecordType>>>;

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

@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     value: CheckCardValueType | CheckCardValueType[];
     bordered: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, {
     default?(_: {}): any;
 }>;

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

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

@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     size: "small" | "middle";
     bordered: boolean;
     checked: boolean;
-    stopPropagation: boolean;
+    stopPropagation: boolean | ((event: MouseEvent) => boolean);
 }, {}>, Readonly<CheckCardSlots> & CheckCardSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

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

@@ -24,7 +24,7 @@ type CheckCardCommonType = {
     /**
      * 是否阻止点击事件冒泡（对于自定义内容包含输入控件时需要设置）
      */
-    stopPropagation?: boolean;
+    stopPropagation?: boolean | ((event: MouseEvent) => boolean);
 };
 export type CheckCardProps = CheckCardCommonType & {
     /**