npm - cnhis-design-vue - Versions diffs - 3.2.15-beta.2 → 3.2.15-beta.20 - Mend

cnhis-design-vue 3.2.15-beta.2 → 3.2.15-beta.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (209) hide show

package/es/components/branch-notice/src/BranchNotice.vue.d.ts CHANGED Viewed

@@ -1,9 +1,31 @@
-import { arrayed } from '../../../shared/utils';
 import { PropType } from 'vue';
 import { BranchNotice } from '../../../components/branch-notice/src/types';
 declare const _default: import("vue").DefineComponent<{
     items: {
-        type: PropType<BranchNotice.Item[]>;
+        type: PropType<Partial<{
+            header: string | import("../../../shared/types").AnyFn;
+            type: "warning" | "normal" | "primary";
+            icon: import("../../../shared/types").AnyFn | "warning";
+            topText: (string | import("../../../shared/types").AnyFn)[];
+            footerText: string | import("../../../shared/types").AnyFn;
+            content: string | import("../../../shared/types").AnyFn;
+            subContent: string | import("../../../shared/types").AnyFn;
+            noticeList: Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }>[];
+            operationList: Partial<Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }> & {
+                type: "warning" | "primary";
+                subHeader: string | import("../../../shared/types").AnyFn;
+                remark: string | import("../../../shared/types").AnyFn;
+            }>[];
+            children?: Partial<any>[][] | undefined;
+        }>[]>;
         default: () => never[];
     };
     rowCapacity: {
@@ -15,9 +37,33 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }, {
+    theme: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         items: {
-            type: PropType<BranchNotice.Item[]>;
+            type: PropType<Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                type: "warning" | "normal" | "primary";
+                icon: import("../../../shared/types").AnyFn | "warning";
+                topText: (string | import("../../../shared/types").AnyFn)[];
+                footerText: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+                noticeList: Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }>[];
+                operationList: Partial<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }> & {
+                    type: "warning" | "primary";
+                    subHeader: string | import("../../../shared/types").AnyFn;
+                    remark: string | import("../../../shared/types").AnyFn;
+                }>[];
+                children?: Partial<any>[][] | undefined;
+            }>[]>;
             default: () => never[];
         };
         rowCapacity: {
@@ -28,7 +74,11 @@ declare const _default: import("vue").DefineComponent<{
             type: (NumberConstructor | StringConstructor)[];
             default: number;
         };
-    }>> & {}>>;
+    }>> & {
+        onItemClick?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "itemClick", ...args: any[]) => void;
+    onClick: (item: BranchNotice.Item) => void;
     positionItems: (items: BranchNotice.Item[]) => BranchNotice.PositionedItem[];
     positionedItems: import("vue").ComputedRef<BranchNotice.PositionedItem[]>;
     itemStyle: (left: number, right: number) => {
@@ -42,10 +92,304 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
         height: string;
     }>;
-    arrayed: typeof arrayed;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    NoticeItem: import("vue").DefineComponent<{
+        item: {
+            type: PropType<Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                type: "warning" | "normal" | "primary";
+                icon: import("../../../shared/types").AnyFn | "warning";
+                topText: (string | import("../../../shared/types").AnyFn)[];
+                footerText: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+                noticeList: Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }>[];
+                operationList: Partial<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }> & {
+                    type: "warning" | "primary";
+                    subHeader: string | import("../../../shared/types").AnyFn;
+                    remark: string | import("../../../shared/types").AnyFn;
+                }>[];
+                children?: Partial<any>[][] | undefined;
+            }>>;
+            required: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: PropType<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    type: "warning" | "normal" | "primary";
+                    icon: import("../../../shared/types").AnyFn | "warning";
+                    topText: (string | import("../../../shared/types").AnyFn)[];
+                    footerText: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                    noticeList: Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }>[];
+                    operationList: Partial<Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }> & {
+                        type: "warning" | "primary";
+                        subHeader: string | import("../../../shared/types").AnyFn;
+                        remark: string | import("../../../shared/types").AnyFn;
+                    }>[];
+                    children?: Partial<any>[][] | undefined;
+                }>>;
+                required: true;
+            };
+        }>> & {}>>;
+        itemRef: import("vue").Ref<Partial<{
+            header: string | import("../../../shared/types").AnyFn;
+            type: "warning" | "normal" | "primary";
+            icon: import("../../../shared/types").AnyFn | "warning";
+            topText: (string | import("../../../shared/types").AnyFn)[];
+            footerText: string | import("../../../shared/types").AnyFn;
+            content: string | import("../../../shared/types").AnyFn;
+            subContent: string | import("../../../shared/types").AnyFn;
+            noticeList: Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }>[];
+            operationList: Partial<Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }> & {
+                type: "warning" | "primary";
+                subHeader: string | import("../../../shared/types").AnyFn;
+                remark: string | import("../../../shared/types").AnyFn;
+            }>[];
+            children?: Partial<any>[][] | undefined;
+        }>>;
+        classList: import("vue").ComputedRef<string[]>;
+        frontStyle: import("vue").ComputedRef<{
+            minHeight: string;
+        }>;
+        popperDisabled: import("vue").ComputedRef<boolean>;
+        renderIcon: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("../../../shared/types").AnyFn | null;
+        NoticeItemAside: import("vue").DefineComponent<{
+            item: {
+                type: PropType<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    type: "warning" | "normal" | "primary";
+                    icon: import("../../../shared/types").AnyFn | "warning";
+                    topText: (string | import("../../../shared/types").AnyFn)[];
+                    footerText: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                    noticeList: Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }>[];
+                    operationList: Partial<Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }> & {
+                        type: "warning" | "primary";
+                        subHeader: string | import("../../../shared/types").AnyFn;
+                        remark: string | import("../../../shared/types").AnyFn;
+                    }>[];
+                    children?: Partial<any>[][] | undefined;
+                }>>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                item: {
+                    type: PropType<Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        type: "warning" | "normal" | "primary";
+                        icon: import("../../../shared/types").AnyFn | "warning";
+                        topText: (string | import("../../../shared/types").AnyFn)[];
+                        footerText: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                        noticeList: Partial<{
+                            header: string | import("../../../shared/types").AnyFn;
+                            content: string | import("../../../shared/types").AnyFn;
+                            subContent: string | import("../../../shared/types").AnyFn;
+                        }>[];
+                        operationList: Partial<Partial<{
+                            header: string | import("../../../shared/types").AnyFn;
+                            content: string | import("../../../shared/types").AnyFn;
+                            subContent: string | import("../../../shared/types").AnyFn;
+                        }> & {
+                            type: "warning" | "primary";
+                            subHeader: string | import("../../../shared/types").AnyFn;
+                            remark: string | import("../../../shared/types").AnyFn;
+                        }>[];
+                        children?: Partial<any>[][] | undefined;
+                    }>>;
+                    required: true;
+                };
+            }>> & {}>>;
+            getPositionInList: (index: number) => "center" | "first" | "last";
+            placementMap: {
+                first: string;
+                center: string;
+                last: string;
+            };
+            getPlacement: (index: number) => string;
+            getAsideClassList: (noticeItem: Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }>, index: number) => (string | {
+                'is-active': string | import("../../../shared/types").AnyFn | undefined;
+            })[];
+            theme: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
+            NPopover: any;
+            parseRender: typeof import("../../step-notice/src/utils").parseRender;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: PropType<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    type: "warning" | "normal" | "primary";
+                    icon: import("../../../shared/types").AnyFn | "warning";
+                    topText: (string | import("../../../shared/types").AnyFn)[];
+                    footerText: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                    noticeList: Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }>[];
+                    operationList: Partial<Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }> & {
+                        type: "warning" | "primary";
+                        subHeader: string | import("../../../shared/types").AnyFn;
+                        remark: string | import("../../../shared/types").AnyFn;
+                    }>[];
+                    children?: Partial<any>[][] | undefined;
+                }>>;
+                required: true;
+            };
+        }>>, {}>;
+        NoticeOperationList: import("vue").DefineComponent<{
+            operationList: {
+                type: PropType<Partial<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }> & {
+                    type: "warning" | "primary";
+                    subHeader: string | import("../../../shared/types").AnyFn;
+                    remark: string | import("../../../shared/types").AnyFn;
+                }>[] | undefined>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                operationList: {
+                    type: PropType<Partial<Partial<{
+                        header: string | import("../../../shared/types").AnyFn;
+                        content: string | import("../../../shared/types").AnyFn;
+                        subContent: string | import("../../../shared/types").AnyFn;
+                    }> & {
+                        type: "warning" | "primary";
+                        subHeader: string | import("../../../shared/types").AnyFn;
+                        remark: string | import("../../../shared/types").AnyFn;
+                    }>[] | undefined>;
+                    required: true;
+                };
+            }>> & {}>>;
+            theme: import("vue").ComputedRef<import("../../../shared/types").AnyObject>;
+            CheckmarkCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            CloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            parseRender: typeof import("../../step-notice/src/utils").parseRender;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            operationList: {
+                type: PropType<Partial<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }> & {
+                    type: "warning" | "primary";
+                    subHeader: string | import("../../../shared/types").AnyFn;
+                    remark: string | import("../../../shared/types").AnyFn;
+                }>[] | undefined>;
+                required: true;
+            };
+        }>>, {}>;
+        NPopover: any;
+        parseRender: typeof import("../../step-notice/src/utils").parseRender;
+        parseTitle: typeof import("../../step-notice/src/utils").parseTitle;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        item: {
+            type: PropType<Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                type: "warning" | "normal" | "primary";
+                icon: import("../../../shared/types").AnyFn | "warning";
+                topText: (string | import("../../../shared/types").AnyFn)[];
+                footerText: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+                noticeList: Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }>[];
+                operationList: Partial<Partial<{
+                    header: string | import("../../../shared/types").AnyFn;
+                    content: string | import("../../../shared/types").AnyFn;
+                    subContent: string | import("../../../shared/types").AnyFn;
+                }> & {
+                    type: "warning" | "primary";
+                    subHeader: string | import("../../../shared/types").AnyFn;
+                    remark: string | import("../../../shared/types").AnyFn;
+                }>[];
+                children?: Partial<any>[][] | undefined;
+            }>>;
+            required: true;
+        };
+    }>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
-        type: PropType<BranchNotice.Item[]>;
+        type: PropType<Partial<{
+            header: string | import("../../../shared/types").AnyFn;
+            type: "warning" | "normal" | "primary";
+            icon: import("../../../shared/types").AnyFn | "warning";
+            topText: (string | import("../../../shared/types").AnyFn)[];
+            footerText: string | import("../../../shared/types").AnyFn;
+            content: string | import("../../../shared/types").AnyFn;
+            subContent: string | import("../../../shared/types").AnyFn;
+            noticeList: Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }>[];
+            operationList: Partial<Partial<{
+                header: string | import("../../../shared/types").AnyFn;
+                content: string | import("../../../shared/types").AnyFn;
+                subContent: string | import("../../../shared/types").AnyFn;
+            }> & {
+                type: "warning" | "primary";
+                subHeader: string | import("../../../shared/types").AnyFn;
+                remark: string | import("../../../shared/types").AnyFn;
+            }>[];
+            children?: Partial<any>[][] | undefined;
+        }>[]>;
         default: () => never[];
     };
     rowCapacity: {
@@ -56,8 +400,33 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>>, {
-    items: BranchNotice.Item[];
+}>> & {
+    onItemClick?: ((...args: any[]) => any) | undefined;
+}, {
+    items: Partial<{
+        header: string | import("../../../shared/types").AnyFn;
+        type: "warning" | "normal" | "primary";
+        icon: import("../../../shared/types").AnyFn | "warning";
+        topText: (string | import("../../../shared/types").AnyFn)[];
+        footerText: string | import("../../../shared/types").AnyFn;
+        content: string | import("../../../shared/types").AnyFn;
+        subContent: string | import("../../../shared/types").AnyFn;
+        noticeList: Partial<{
+            header: string | import("../../../shared/types").AnyFn;
+            content: string | import("../../../shared/types").AnyFn;
+            subContent: string | import("../../../shared/types").AnyFn;
+        }>[];
+        operationList: Partial<Partial<{
+            header: string | import("../../../shared/types").AnyFn;
+            content: string | import("../../../shared/types").AnyFn;
+            subContent: string | import("../../../shared/types").AnyFn;
+        }> & {
+            type: "warning" | "primary";
+            subHeader: string | import("../../../shared/types").AnyFn;
+            remark: string | import("../../../shared/types").AnyFn;
+        }>[];
+        children?: Partial<any>[][] | undefined;
+    }>[];
     rowCapacity: number;
     colSpace: string | number;
 }>;

package/es/components/branch-notice/src/BranchNotice.vue2.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{defineComponent as t,computed as e,openBlock as r,createElementBlock as a,normalizeStyle as n,unref as o,Fragment as l,renderList as i,normalizeClass as s,~~toDisplayString~~ as c}from"vue";import{widthAppend as p~~,arrayed as h~~}from"../../../shared/utils/index.js";import{isEmpty as u,last as m}from"lodash-es";import{BRANCH_NOTICE_CONSTANTS as _}from"./canstants.js";import{lineToNextCard as y}from"./drawLine.js";~~const~~ ~~C={class:~~"~~branch-notice__itemContent~~"};var f=t({__name:"BranchNotice",props:{items:{type:Array,default:()=>[]},rowCapacity:{type:Number,default:7},colSpace:{type:[Number,String],default:125}},setup(t){const f=t;const d=e((()=>function(t){var e,r;let a=!u(null!=(r=null==(e=m(t))?void 0:e.children)?r:[]);const n=[];let o=null;if(t.forEach(((t,e)=>{const r=Math.floor(e/f.rowCapacity),a=e%f.rowCapacity(_.CARD_WIDTH+_.~~CARD_SPACE~~),l=r(_.CARD_HEIGHT+_.~~CARD_SPACE~~),i={item:t,x:a,y:l,class:`branch-notice__item ~~branch-notice__item--${t.type\|\|~~"~~primary"}`,~~style:A(a,l)};o&&n.push(...y(o,i)),n.push(o=i)})),a){const e=m(t).children;let r=0;const a=f.rowCapacity-t.length;e.forEach(((e,l)=>{Math.ceil(e.length/a);const i=e.reduce(((t,e,r)=>{const n=Math.floor(r/a);return t[n]\|\|(t[n]=[]),t[n].push(e),t}),[]);let s=null;i.forEach(((e,a)=>{e.forEach(((e,l)=>{const i=(l+t.length)(_.CARD_WIDTH+_.~~CARD_SPACE~~),c=r(_.CARD_HEIGHT+_.~~CARD_SPACE~~),p={item:e,x:i,y:c,class:`branch-notice__item ~~branch-notice__item--${e.type\|\|~~"~~primary"}`,~~style:A(i,c)};0===a&&0===l&&n.push(...y(o,p)),s&&n.push(...y(s,p)),n.push(s=p)})),r+=1}))}))}return n}(f.items))),A=(t,e)=>({width:`${_.CARD_WIDTH}px`,height:`${_.CARD_HEIGHT}px`,left:`${t}px`,top:`${e}px`}),D=e((()=>({position:"relative",width:p(110+Math.max(...d.value.map((t=>t.x)))),height:p(74+Math.max(...d.value.map((t=>t.y))))})));return(t,e)=>(r(),a("section",{style:n(o(D))},[(r(!0),a(l,null,i(o(d),(t=>~~{var e,p;return r~~(),a("div",{style:n(t.style),class:s(t.class)},[(r(!0),a(l,~~null~~,i(o~~(h)(null!=(p~~=~~null==(e=~~t.item)?void ~~0:e.content~~)~~?p:~~[])~~,(t=>(r(~~),a("p"~~,C,c(t~~)~~,1)))),256))~~],6)})),256))],4))}});export{f as default};
1	+ import{defineComponent as t,computed as e,openBlock as o,createElementBlock as i,normalizeStyle as r,unref as s,Fragment as l,renderList as a,normalizeClass as n,createBlock as c,createCommentVNode as m}from"vue";import{widthAppend as p}from"../../../shared/utils/index.js";import{isEmpty as h,last as u}from"lodash-es";import{BRANCH_NOTICE_CONSTANTS as C}from"./canstants.js";import{lineToNextCard as f}from"./drawLine.js";import{useBranchNoticeTheme as _}from"./hooks/useTheme.js";import y from"./components/NoticeItem.vue.js";var d=t({__name:"BranchNotice",props:{items:{type:Array,default:()=>[]},rowCapacity:{type:Number,default:7},colSpace:{type:[Number,String],default:125}},emits:["itemClick"],setup(t,{emit:d}){const A=t,v=_();const D=e((()=>function(t){var e,o;let i=!h(null!=(o=null==(e=u(t))?void 0:e.children)?o:[]);const r=[];let s=null;if(t.forEach(((t,e)=>{const o=Math.floor(e/A.rowCapacity),i=e%A.rowCapacity(C.CARD_WIDTH+C.CARD_X_SPACE),l=o(C.CARD_HEIGHT+C.CARD_Y_SPACE),a={item:t,x:i,y:l,class:"branch-notice__item",style:x(i,l)};s&&r.push(...f(s,a)),r.push(s=a)})),i){const e=u(t).children;let o=0;const i=A.rowCapacity-t.length;e.forEach(((e,l)=>{Math.ceil(e.length/i);const a=e.reduce(((t,e,o)=>{const r=Math.floor(o/i);return t[r]\|\|(t[r]=[]),t[r].push(e),t}),[]);let n=null;a.forEach(((e,i)=>{e.forEach(((e,l)=>{const a=(l+t.length)(C.CARD_WIDTH+C.CARD_X_SPACE),c=o(C.CARD_HEIGHT+C.CARD_Y_SPACE),m={item:e,x:a,y:c,class:"branch-notice__item",style:x(a,c)};0===i&&0===l&&r.push(...f(s,m)),n&&r.push(...f(n,m)),r.push(n=m)})),o+=1}))}))}return r}(A.items))),x=(t,e)=>({width:`${C.CARD_WIDTH}px`,height:`${C.CARD_HEIGHT}px`,left:`${t}px`,top:`${e}px`}),E=e((()=>({position:"relative",width:p(110+Math.max(...D.value.map((t=>t.x)))),height:p(74+Math.max(...D.value.map((t=>t.y)))),...v.value})));return(t,e)=>(o(),i("section",{style:r(s(E))},[(o(!0),i(l,null,a(s(D),(t=>(o(),i("div",{style:r(t.style),class:n(t.class)},[t.item?(o(),c(y,{key:0,item:t.item,onClick:e=>{return o=t.item,void d("itemClick",o);var o}},null,8,["item","onClick"])):m("v-if",!0)],6)))),256))],4))}});export{d as default};

package/es/components/branch-notice/src/canstants.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 export declare const BRANCH_NOTICE_CONSTANTS: {
     CARD_WIDTH: number;
     CARD_HEIGHT: number;
-    CARD_SPACE: number;
+    CARD_X_SPACE: number;
+    CARD_Y_SPACE: number;
     BRANCH_POINT_RADIUS: number;
     LINE_WIDTH: number;
 };

package/es/components/branch-notice/src/canstants.js CHANGED Viewed

	@@ -1 +1 @@
1	- const A={CARD_WIDTH:110,CARD_HEIGHT:74,~~CARD_SPACE~~:40,BRANCH_POINT_RADIUS:8,LINE_WIDTH:4};export{A as BRANCH_NOTICE_CONSTANTS};
1	+ const _={CARD_WIDTH:110,CARD_HEIGHT:74,CARD_X_SPACE:40,CARD_Y_SPACE:60,BRANCH_POINT_RADIUS:8,LINE_WIDTH:4};export{_ as BRANCH_NOTICE_CONSTANTS};