cnhis-design-vue 3.1.57-beta.13 → 3.1.57-beta.16

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

@@ -0,0 +1,251 @@
+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;
+    };
+    minuteInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    events: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    resources: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    eventContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+    resourceLabelContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+}, {
+    dayNames: string[];
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        date: {
+            type: DateConstructor;
+            default: Date;
+        };
+        minuteInterval: {
+            type: NumberConstructor;
+            default: number;
+        };
+        events: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        resources: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        eventContentRender: {
+            type: PropType<(info: AnyObject) => VNode>;
+        };
+        resourceLabelContentRender: {
+            type: PropType<(info: AnyObject) => VNode>;
+        };
+    }>> & {
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onEventDrag?: ((...args: any[]) => any) | undefined;
+        onEventClick?: ((...args: any[]) => any) | undefined;
+        onEventResize?: ((...args: any[]) => any) | undefined;
+        onDateChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "select" | "eventDrag" | "eventClick" | "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;
+    }>;
+    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" | "eventDrag" | "eventClick" | "eventResize" | "dateChange")[], "select" | "eventDrag" | "eventClick" | "eventResize" | "dateChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    date: {
+        type: DateConstructor;
+        default: Date;
+    };
+    minuteInterval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    events: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    resources: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    eventContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+    resourceLabelContentRender: {
+        type: PropType<(info: AnyObject) => VNode>;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onEventDrag?: ((...args: any[]) => any) | undefined;
+    onEventClick?: ((...args: any[]) => any) | undefined;
+    onEventResize?: ((...args: any[]) => any) | undefined;
+    onDateChange?: ((...args: any[]) => any) | undefined;
+}, {
+    date: Date;
+    events: AnyObject[];
+    minuteInterval: number;
+    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 r,watch as o,nextTick as s,openBlock as l,createElementBlock as i,normalizeStyle as u,unref as d,createElementVNode as c,Fragment as m,renderList as v,normalizeClass as p,toDisplayString as y,createBlock as f,createCommentVNode as h}from"vue";import{NIcon as C}from"naive-ui";import{ChevronBackOutline as M,ChevronForwardOutline as D}from"@vicons/ionicons5";import g from"@fullcalendar/vue3";import k from"@fullcalendar/resource-timegrid";import b from"@fullcalendar/scrollgrid";import w from"@fullcalendar/interaction";import{useTheme as R}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import{format as H,isSameDay as x,toDate as L,startOfMonth as I,endOfMonth as z,eachDayOfInterval as S,getDay as T,isSameMonth as j,startOfDay as N,endOfDay as F}from"date-fns";import{isFunction as _,cloneDeep as A}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";const E={class:"select-day-wrapper"},G={class:"day-wrapper"},O=["onClick"];var P=e({__name:"Calendar",props:{date:{type:Date,default:new Date},minuteInterval:{type:Number,default:15},events:{type:Array,default:()=>[]},resources:{type:Array,default:()=>[]},eventContentRender:{type:Function},resourceLabelContentRender:{type:Function}},emits:["select","eventDrag","eventClick","eventResize","dateChange"],setup(e,{emit:P}){const K=e,V=["周一","周二","周三","周四","周五","周六","周日"],W=R(),q=t(),B=t(new Date),J=t([]),Q=t(!1),U=n({schedulerLicenseKey:"GPL-My-Project-Is-Open-Source",plugins:[k,b,w],initialView:"resourceTimeGridDay",initialDate:H(B.value,"yyyy-MM-dd"),headerToolbar:{left:"",center:"",right:""},allDaySlot:!1,slotDuration:{minute:K.minuteInterval},slotLabelInterval:{hour:1},slotLabelFormat:{hour:"2-digit",minute:"2-digit",meridiem:!1,hour12:!1},nowIndicator:!0,dayMaxEvents:!0,slotMinTime:"09:00:00",slotMaxTime:"18:00:00",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:o}=e.event;return _(K.eventContentRender)?K.eventContentRender(e):[a("p",{class:"text"},[H(t,"HH:mm"),r("-"),H(n,"HH:mm")]),a("p",{class:"text"},[o])]},resourceLabelContent:function(e){const{title:t}=e.resource;return _(K.resourceLabelContentRender)?K.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(B.value);"prev"===e?t.setMonth(t.getMonth()-1):t.setMonth(t.getMonth()+1),Y(t),P("dateChange",Z())}function Y(e){const t=I(e),n=z(e),a=S({start:t,end:n});J.value=a.map((e=>({date:e,formatDate:H(e,"yyyy-MM-dd HH:mm:ss"),day:e.getDate(),week:V[T(e)]}))),B.value=j(e,new Date)?new Date:J.value[0].date}function Z(){const e=N(B.value),t=F(B.value);return{start:e,end:t,startStr:H(e,"yyyy-MM-dd HH:mm:ss"),endStr:H(t,"yyyy-MM-dd HH:mm:ss")}}return o((()=>B.value),(async e=>{Q.value=!1,await s(),U.initialDate=H(e,"yyyy-MM-dd"),Q.value=!0})),o((()=>K.date),(e=>{Y(e)}),{immediate:!0}),o((()=>K.minuteInterval),(e=>{!e||e>60||(U.slotDuration={minute:e})})),o((()=>K.events),(e=>{U.events=A(e).map((e=>({...e,resourceEditable:!1})))}),{deep:!0,immediate:!0}),o((()=>K.resources),(e=>{U.resources=A(e)}),{deep:!0,immediate:!0}),(e,t)=>(l(),i("div",{class:"c-calendar",style:u(d(W))},[c("div",E,[a(d(C),{size:"20",component:d(M),onClick:t[0]||(t[0]=()=>X("prev"))},null,8,["component"]),c("div",G,[(l(!0),i(m,null,v(J.value,((e,t)=>(l(),i("div",{class:p(["day",{"day--active":d(x)(e.date,B.value)}]),key:t,onClick:()=>async function(e){B.value=e.date,P("dateChange",Z())}(e)},[c("p",null,y(e.day),1),c("span",null,y(e.week),1)],10,O)))),128))]),a(d(C),{size:"20",component:d(D),onClick:t[1]||(t[1]=()=>X("next"))},null,8,["component"])]),Q.value?(l(),f(d(g),{key:0,ref_key:"calendarRef",ref:q,options:U},null,8,["options"])):h("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 .custom-day-cell{background-color:#fff!important}.c-calendar .fc-direction-ltr .fc-timegrid-col-events{margin:auto}.c-calendar .custom-event{border:none;opacity:unset;padding:5px}.c-calendar .custom-event .text{color:#000;font-size:14px;line-height:16px}