cnhis-design-vue 3.1.57-release.2 → 3.1.57

package/es/components/calendar/src/Calendar.vue.d.ts

@@ -0,0 +1,265 @@
+import { PropType, VNode } from 'vue';
+import { isSameDay } from 'date-fns';
+import { IDayItem } from './types';
+import { AnyObject } from '../../../shared/types';
+declare const _default: import("vue").DefineComponent<{
+    date: {
+        type: DateConstructor;
+        default: Date;
+    };
+    showDateNavigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    resources: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    eventContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+    resourceLabelContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+    options: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+}, {
+    dayNames: string[];
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        date: {
+            type: DateConstructor;
+            default: Date;
+        };
+        showDateNavigation: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        events: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        resources: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        eventContentRender: {
+            type: PropType<(info: AnyObject) => VNode>;
+        };
+        resourceLabelContentRender: {
+            type: PropType<(info: AnyObject) => VNode>;
+        };
+        options: {
+            type: PropType<AnyObject>;
+            default: () => {};
+        };
+    }>> & {
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onEventClick?: ((...args: any[]) => any) | undefined;
+        onEventDrag?: ((...args: any[]) => any) | undefined;
+        onEventResize?: ((...args: any[]) => any) | undefined;
+        onDateChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "select" | "eventClick" | "eventDrag" | "eventResize" | "dateChange", ...args: any[]) => void;
+    calendarRef: import("vue").Ref<any>;
+    currentDate: import("vue").Ref<{
+        toString: () => string;
+        toDateString: () => string;
+        toTimeString: () => string;
+        toLocaleString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleDateString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        toLocaleTimeString: {
+            (): string;
+            (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+        };
+        valueOf: () => number;
+        getTime: () => number;
+        getFullYear: () => number;
+        getUTCFullYear: () => number;
+        getMonth: () => number;
+        getUTCMonth: () => number;
+        getDate: () => number;
+        getUTCDate: () => number;
+        getDay: () => number;
+        getUTCDay: () => number;
+        getHours: () => number;
+        getUTCHours: () => number;
+        getMinutes: () => number;
+        getUTCMinutes: () => number;
+        getSeconds: () => number;
+        getUTCSeconds: () => number;
+        getMilliseconds: () => number;
+        getUTCMilliseconds: () => number;
+        getTimezoneOffset: () => number;
+        setTime: (time: number) => number;
+        setMilliseconds: (ms: number) => number;
+        setUTCMilliseconds: (ms: number) => number;
+        setSeconds: (sec: number, ms?: number | undefined) => number;
+        setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+        setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+        setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+        setDate: (date: number) => number;
+        setUTCDate: (date: number) => number;
+        setMonth: (month: number, date?: number | undefined) => number;
+        setUTCMonth: (month: number, date?: number | undefined) => number;
+        setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+        toUTCString: () => string;
+        toISOString: () => string;
+        toJSON: (key?: any) => string;
+        [Symbol.toPrimitive]: {
+            (hint: "default"): string;
+            (hint: "string"): string;
+            (hint: "number"): number;
+            (hint: string): string | number;
+        };
+    }>;
+    dayList: import("vue").Ref<{
+        date: {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        formatDate: string;
+        day: number;
+        week: string;
+    }[]>;
+    isInit: import("vue").Ref<boolean>;
+    calendarOptions: AnyObject;
+    handleMonth: (type: 'prev' | 'next') => void;
+    setDayList: (date: Date) => void;
+    hanleCurrentDate: (dayItem: IDayItem) => Promise<void>;
+    getTime: () => {
+        start: Date;
+        end: Date;
+        startStr: string;
+        endStr: string;
+    };
+    eventContentRender: (info: AnyObject) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | JSX.Element[];
+    resourceLabelContentRender: (info: AnyObject) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    update: (before: () => void) => Promise<void>;
+    NIcon: any;
+    ChevronBackOutline: 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<{}>>, {}>;
+    ChevronForwardOutline: 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<{}>>, {}>;
+    FullCalendar: any;
+    isSameDay: typeof isSameDay;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "eventClick" | "eventDrag" | "eventResize" | "dateChange")[], "select" | "eventClick" | "eventDrag" | "eventResize" | "dateChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    date: {
+        type: DateConstructor;
+        default: Date;
+    };
+    showDateNavigation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    events: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    resources: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    eventContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+    resourceLabelContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+    options: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onEventClick?: ((...args: any[]) => any) | undefined;
+    onEventDrag?: ((...args: any[]) => any) | undefined;
+    onEventResize?: ((...args: any[]) => any) | undefined;
+    onDateChange?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject;
+    date: Date;
+    events: AnyObject[];
+    showDateNavigation: boolean;
+    resources: AnyObject[];
+}>;
+export default _default;

package/es/components/calendar/src/Calendar.vue.js

@@ -0,0 +1 @@
+import e from"./Calendar.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var a=r(e,[["__file","Calendar.vue"]]);export{a as default};

package/es/components/calendar/src/Calendar.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as t,reactive as n,createVNode as a,createTextVNode as o,watch as r,openBlock as s,createElementBlock as i,normalizeStyle as l,unref as d,createElementVNode as c,Fragment as u,renderList as m,normalizeClass as p,toDisplayString as v,createCommentVNode as y,createBlock as f,nextTick as h}from"vue";import{NIcon as C}from"naive-ui";import{ChevronBackOutline as g,ChevronForwardOutline as M}from"@vicons/ionicons5";import D from"@fullcalendar/vue3";import k from"@fullcalendar/resource-timegrid";import w from"@fullcalendar/scrollgrid";import b from"@fullcalendar/interaction";import{useTheme as H}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import{format as R,isSameDay as x,toDate as L,startOfMonth as j,endOfMonth as N,eachDayOfInterval as z,getDay as O,isSameMonth as S,startOfDay as T,endOfDay as F}from"date-fns";import{isFunction as I,cloneDeep as _}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";const A={key:0,class:"select-day-wrapper"},E={class:"day-wrapper"},G=["onClick"];var P=e({__name:"Calendar",props:{date:{type:Date,default:new Date},showDateNavigation:{type:Boolean,default:!0},events:{type:Array,default:()=>[]},resources:{type:Array,default:()=>[]},eventContentRender:{type:Function},resourceLabelContentRender:{type:Function},options:{type:Object,default:()=>({})}},emits:["select","eventDrag","eventClick","eventResize","dateChange"],setup(e,{emit:P}){const B=e,K=["周一","周二","周三","周四","周五","周六","周日"],V=H(),W=t(),q=t(new Date),J=t([]),Q=t(!1),U=n({schedulerLicenseKey:"GPL-My-Project-Is-Open-Source",plugins:[k,w,b],initialView:"resourceTimeGridDay",initialDate:R(q.value,"yyyy-MM-dd"),headerToolbar:{left:"",center:"",right:""},allDaySlot:!1,slotLabelInterval:{minute:30},slotLabelFormat:{hour:"2-digit",minute:"2-digit",meridiem:!1,hour12:!1},slotLabelContent:e=>R(e.date,"HH:mm"),nowIndicator:!0,dayMaxEvents:!0,eventOverlap:!1,slotMinTime:{hour:0},slotMaxTime:{hour:24},dayMinWidth:100,expandRows:!0,droppable:!0,editable:!0,selectable:!0,refetchResourcesOnNavigate:!0,resources:[],events:[],dayCellClassNames:["custom-day-cell"],eventClassNames:["custom-event"],eventContent:function(e){const{start:t,end:n,title:r}=e.event;return I(B.eventContentRender)?B.eventContentRender(e):[a("p",{class:"text"},[R(t,"HH:mm"),o("-"),R(n,"HH:mm")]),a("p",{class:"text"},[r])]},resourceLabelContent:function(e){const{title:t}=e.resource;return I(B.resourceLabelContentRender)?B.resourceLabelContentRender(e):a("span",null,[t])},select:(...e)=>P("select",...e),eventDrop:(...e)=>P("eventDrag",...e),eventResize:(...e)=>P("eventResize",...e),eventClick:(...e)=>P("eventClick",...e)});function X(e){const t=L(q.value);"prev"===e?t.setMonth(t.getMonth()-1):t.setMonth(t.getMonth()+1),Y(t),P("dateChange",Z())}function Y(e){const t=j(e),n=N(e),a=z({start:t,end:n});J.value=a.map((e=>({date:e,formatDate:R(e,"yyyy-MM-dd HH:mm:ss"),day:e.getDate(),week:K[O(e)]}))),q.value=S(e,new Date)?new Date:J.value[0].date}function Z(){const e=T(q.value),t=F(q.value);return{start:e,end:t,startStr:R(e,"yyyy-MM-dd HH:mm:ss"),endStr:R(t,"yyyy-MM-dd HH:mm:ss")}}return r((()=>q.value),(e=>{!async function(e){Q.value=!1,await h(),e(),Q.value=!0}((()=>{U.initialDate=R(e,"yyyy-MM-dd")}))})),r((()=>B.date),(e=>{Y(e)}),{immediate:!0}),r((()=>B.events),(e=>{U.events=_(e).map((e=>({...e,resourceEditable:!1})))}),{deep:!0,immediate:!0}),r((()=>B.resources),(e=>{U.resources=_(e)}),{deep:!0,immediate:!0}),r((()=>B.options),(()=>{Object.assign(U,B.options)}),{deep:!0,immediate:!0}),(t,n)=>(s(),i("div",{class:"c-calendar",style:l({...d(V),"--nav-height":e.showDateNavigation?"70px":"0px"})},[e.showDateNavigation?(s(),i("div",A,[a(d(C),{size:"20",component:d(g),onClick:n[0]||(n[0]=()=>X("prev"))},null,8,["component"]),c("div",E,[(s(!0),i(u,null,m(J.value,((e,t)=>(s(),i("div",{class:p(["day",{"day--active":d(x)(e.date,q.value)}]),key:t,onClick:()=>async function(e){q.value=e.date,P("dateChange",Z())}(e)},[c("p",null,v(e.day),1),c("span",null,v(e.week),1)],10,G)))),128))]),a(d(C),{size:"20",component:d(M),onClick:n[1]||(n[1]=()=>X("next"))},null,8,["component"])])):y("v-if",!0),Q.value?(s(),f(d(D),{key:1,ref_key:"calendarRef",ref:W,options:U},null,8,["options"])):y("v-if",!0)],4))}});export{P as default};

package/es/components/calendar/src/types/index.d.ts

@@ -0,0 +1,6 @@
+export declare type IDayItem = {
+    date: Date;
+    formatDate: string;
+    day: number;
+    week: string;
+};

package/es/components/calendar/src/types/index.js

@@ -0,0 +1 @@
+

package/es/components/calendar/style/index.css

@@ -0,0 +1 @@
+.c-calendar{height:100%;width:100%}.c-calendar div::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.c-calendar div::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#b2b2b2;border:3px dashed transparent;border-radius:5px}.c-calendar div::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.c-calendar .select-day-wrapper{align-items:center;display:flex}.c-calendar .select-day-wrapper .n-icon{cursor:pointer}.c-calendar .select-day-wrapper .day-wrapper{column-gap:10px;display:inline-flex;flex:1;overflow-x:auto;overflow-y:hidden}.c-calendar .select-day-wrapper .day-wrapper .day{align-items:center;cursor:pointer;display:flex;flex:0 0 60px;flex-flow:column nowrap;height:60px;justify-content:center}.c-calendar .select-day-wrapper .day-wrapper .day p{font-size:16px}.c-calendar .select-day-wrapper .day-wrapper .day--active{background:var(--c-primary-color);border-radius:10px;color:#fff}.c-calendar .fc-theme-standard{height:calc(100% - var(--nav-height))}.c-calendar .fc-theme-standard .custom-day-cell{background-color:#fff!important}.c-calendar .fc-theme-standard .fc-direction-ltr .fc-timegrid-col-events{margin:auto}.c-calendar .fc-theme-standard .custom-event{border:none;opacity:unset;padding:5px}.c-calendar .fc-theme-standard .custom-event .text{color:#000;font-size:14px;line-height:16px}