zartui 3.0.6 → 3.0.8

package/es/calendar/CalendarMonth.d.ts

@@ -1,20 +1,19 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 import type { CalendarType, CalendarDayItem } from './types';
+import { CalendarShowType } from './types';
 declare const calendarMonthProps: {
     date: {
         type: DateConstructor;
         required: true;
     };
+    showType: {
+        type: PropType<CalendarShowType>;
+        default: CalendarShowType;
+    };
     type: PropType<CalendarType>;
     color: StringConstructor;
-    minDate: {
-        type: DateConstructor;
-        required: true;
-    };
-    maxDate: {
-        type: DateConstructor;
-        required: true;
-    };
+    minDate: DateConstructor;
+    maxDate: DateConstructor;
     showMark: BooleanConstructor;
     rowHeight: (NumberConstructor | StringConstructor)[];
     formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
@@ -24,6 +23,7 @@ declare const calendarMonthProps: {
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
+    disabledDate: PropType<(date: Date) => boolean>;
 };
 export declare type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -31,16 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         type: DateConstructor;
         required: true;
     };
+    showType: {
+        type: PropType<CalendarShowType>;
+        default: CalendarShowType;
+    };
     type: PropType<CalendarType>;
     color: StringConstructor;
-    minDate: {
-        type: DateConstructor;
-        required: true;
-    };
-    maxDate: {
-        type: DateConstructor;
-        required: true;
-    };
+    minDate: DateConstructor;
+    maxDate: DateConstructor;
     showMark: BooleanConstructor;
     rowHeight: (NumberConstructor | StringConstructor)[];
     formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
@@ -50,21 +48,20 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
+    disabledDate: PropType<(date: Date) => boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
     };
+    showType: {
+        type: PropType<CalendarShowType>;
+        default: CalendarShowType;
+    };
     type: PropType<CalendarType>;
     color: StringConstructor;
-    minDate: {
-        type: DateConstructor;
-        required: true;
-    };
-    maxDate: {
-        type: DateConstructor;
-        required: true;
-    };
+    minDate: DateConstructor;
+    maxDate: DateConstructor;
     showMark: BooleanConstructor;
     rowHeight: (NumberConstructor | StringConstructor)[];
     formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
@@ -74,10 +71,12 @@ declare const _default: import("vue").DefineComponent<{
     showSubtitle: BooleanConstructor;
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
+    disabledDate: PropType<(date: Date) => boolean>;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     lazyRender: boolean;
+    showType: CalendarShowType;
     showMark: boolean;
     allowSameDay: boolean;
     showSubtitle: boolean;

package/es/calendar/CalendarMonth.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from "vue";
-import { pick, addUnit, numericProp, setScrollTop, createNamespace, makeRequiredProp } from "../utils/index.mjs";
+import { pick, addUnit, numericProp, setScrollTop, createNamespace, makeRequiredProp, makeStringProp } from "../utils/index.mjs";
 import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from "./utils.mjs";
 import { useRect, useToggle } from "@zartui/use";
 import { useExpose } from "../composables/use-expose.mjs";
@@ -9,10 +9,11 @@ import CalendarDay from "./CalendarDay.mjs";
 const [name] = createNamespace("calendar-month");
 const calendarMonthProps = {
   date: makeRequiredProp(Date),
+  showType: makeStringProp("inline"),
   type: String,
   color: String,
-  minDate: makeRequiredProp(Date),
-  maxDate: makeRequiredProp(Date),
+  minDate: Date,
+  maxDate: Date,
   showMark: Boolean,
   rowHeight: numericProp,
   formatter: Function,
@@ -21,7 +22,8 @@ const calendarMonthProps = {
   allowSameDay: Boolean,
   showSubtitle: Boolean,
   showMonthTitle: Boolean,
-  firstDayOfWeek: Number
+  firstDayOfWeek: Number,
+  disabledDate: Function
 };
 var stdin_default = defineComponent({
   name,
@@ -48,6 +50,7 @@ var stdin_default = defineComponent({
     const totalDay = computed(() => getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1));
     const shouldRender = computed(() => visible.value || !props.lazyRender);
     const getTitle = () => title.value;
+    const getDate = () => props.date;
     const getMultipleDayType = (day) => {
       const isSelected = (date) => props.currentDate.some((item) => compareDay(item, date) === 0);
       if (isSelected(day)) {
@@ -92,18 +95,22 @@ var stdin_default = defineComponent({
       }
       return "";
     };
-    const getDayType = (day) => {
+    const getDayType = (day, defaultType) => {
       const {
         type,
         minDate,
         maxDate,
-        currentDate
+        currentDate,
+        disabledDate
       } = props;
-      if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
+      if (minDate && compareDay(day, minDate) < 0 || maxDate && compareDay(day, maxDate) > 0 || disabledDate && disabledDate(day)) {
         return "disabled";
       }
       if (currentDate === null) {
-        return "";
+        return defaultType || "";
+      }
+      if (defaultType) {
+        return defaultType;
       }
       if (Array.isArray(currentDate)) {
         if (type === "multiple") {
@@ -144,6 +151,22 @@ var stdin_default = defineComponent({
       const days2 = [];
       const year = props.date.getFullYear();
       const month = props.date.getMonth();
+      if (props.showType && props.showType === "inline") {
+        for (let day = offset.value - 1; day >= 0; day--) {
+          const date = new Date(year, month, -day);
+          const type = getDayType(date, "preview");
+          let config = {
+            date,
+            type,
+            text: date.getDate(),
+            bottomInfo: getBottomInfo(type)
+          };
+          if (props.formatter) {
+            config = props.formatter(config);
+          }
+          days2.push(config);
+        }
+      }
       for (let day = 1; day <= totalDay.value; day++) {
         const date = new Date(year, month, day);
         const type = getDayType(date);
@@ -158,6 +181,23 @@ var stdin_default = defineComponent({
         }
         days2.push(config);
       }
+      if (props.showType && props.showType === "inline" && days2 && days2.length < 42) {
+        const nextMonthsLength = days2.length;
+        for (let day = 1; day <= 42 - nextMonthsLength; day++) {
+          const date = new Date(year, month + 1, day);
+          const type = getDayType(date, "preview");
+          let config = {
+            date,
+            type,
+            text: date.getDate(),
+            bottomInfo: getBottomInfo(type)
+          };
+          if (props.formatter) {
+            config = props.formatter(config);
+          }
+          days2.push(config);
+        }
+      }
       return days2;
     });
     const disabledDays = computed(() => days.value.filter((day) => day.type === "disabled"));
@@ -185,6 +225,7 @@ var stdin_default = defineComponent({
     }, [(shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
+      getDate,
       getHeight: () => height.value,
       setVisible,
       scrollToDate,

package/es/calendar/index.css

@@ -1 +1 @@
-:root{--zt-calendar-background: var(--zt-background-2);--zt-calendar-popup-height: 80%;--zt-calendar-body-box-shadow: inset 0 4px 8px 0 var(--zt-gray-a1);--zt-calendar-header-title-height: 44px;--zt-calendar-header-title-font-size: var(--zt-font-size-md);--zt-calendar-header-subtitle-font-size: var(--zt-font-size-md);--zt-calendar-weekdays-height: 30px;--zt-calendar-weekdays-font-size: var(--zt-font-size-sm);--zt-calendar-weekdays-font-color: var(----zt-gray-default);--zt-calendar-weekdays-background: var(--zt-calendar-background);--zt-calendar-month-title-font-size: var(--zt-font-size-md);--zt-calendar-month-mark-color: rgba(242, 243, 245, .8);--zt-calendar-month-mark-font-size: 160px;--zt-calendar-day-height: 14.285vw;--zt-calendar-day-height-half: 7.143vw;--zt-calendar-day-font-size: var(--zt-font-size-lg);--zt-calendar-day-margin-bottom: 4px;--zt-calendar-range-edge-color: var(--zt-white);--zt-calendar-range-edge-background: var(--zt-primary-color);--zt-calendar-range-middle-color: var(--zt-primary-color);--zt-calendar-range-middle-background-opacity: .1;--zt-calendar-selected-day-size: var(--zt-calendar-day-height);--zt-calendar-selected-day-color: var(--zt-white);--zt-calendar-info-font-size: var(--zt-font-size-xs);--zt-calendar-info-line-height: var(--zt-line-height-xs);--zt-calendar-selected-day-background: var(--zt-primary-color);--zt-calendar-day-disabled-color: var(--zt-text-color-3);--zt-calendar-confirm-button-height: 36px;--zt-calendar-confirm-button-margin: 7px 0;--zt-calendar-header-title-color: var(--zt-gray-a4)}.zt-calendar{display:flex;flex-direction:column;height:100%;background:var(--zt-calendar-background);color:var(--zt-gray-default)}.zt-calendar__popup.zt-popup--top,.zt-calendar__popup.zt-popup--bottom{height:var(--zt-calendar-popup-height)}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__header{flex-shrink:0}.zt-calendar__month-title,.zt-calendar__header-title,.zt-calendar__header-subtitle{color:var(--zt-text-color);height:var(--zt-calendar-header-title-height);line-height:var(--zt-calendar-header-title-height);text-align:center}.zt-calendar__header-title{font-size:var(--zt-calendar-header-title-font-size);color:var(--zt-calendar-header-title-color);position:relative;display:flex;justify-content:center;align-items:center}.zt-calendar__header-title:after{top:var(--zt-calendar-header-title-height);content:"";position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-calendar__header-subtitle{font-size:var(--zt-calendar-header-subtitle-font-size)}.zt-calendar__month-title{font-size:var(--zt-calendar-month-title-font-size)}.zt-calendar__weekdays{display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{flex:1;font-size:var(--zt-calendar-weekdays-font-size);line-height:var(--zt-calendar-weekdays-height);font-weight:var(--zt-font-bold);text-align:center;background:var(--zt-calendar-weekdays-background);color:var(--zt-calendar-weekdays-font-color)}.zt-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--zt-calendar-background);box-shadow:var(--zt-calendar-body-box-shadow)}.zt-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__day,.zt-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:var(--zt-calendar-day-height);margin-bottom:var(--zt-calendar-day-margin-bottom);font-size:var(--zt-calendar-day-font-size);cursor:pointer;outline:none}.zt-calendar__day--end,.zt-calendar__day--start,.zt-calendar__day--start-end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected{color:var(--zt-calendar-range-edge-color);background:var(--zt-calendar-range-edge-background);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--start{border-radius:var(--zt-calendar-day-height-half) 0 0 var(--zt-calendar-day-height-half);border-right:none}.zt-calendar__day--end{border-radius:0 var(--zt-calendar-day-height-half) var(--zt-calendar-day-height-half) 0;border-left:none}.zt-calendar__day--start-end,.zt-calendar__day--multiple-selected{border-radius:var(--zt-calendar-day-height-half)}.zt-calendar__day--middle{color:var(--zt-calendar-range-middle-color)}.zt-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--zt-calendar-range-middle-background-opacity);content:""}.zt-calendar__day--disabled{color:var(--zt-calendar-day-disabled-color);cursor:default}.zt-calendar__selected-day{font-weight:var(--zt-font-bold);width:var(--zt-calendar-selected-day-size);height:var(--zt-calendar-selected-day-size);color:var(--zt-calendar-selected-day-color);background:var(--zt-calendar-selected-day-background);border-radius:calc(var(--zt-calendar-selected-day-size) / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__footer{flex-shrink:0;display:flex;padding:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-theme-dark{--zt-calendar-header-title-color: var(--zt-gray-a6);--zt-calendar-range-middle-color: none;--zt-calendar-weekdays-font-color: rgba(255, 255, 255, .8);--zt-calendar-weekdays-background: rgba(255, 255, 255, .04);--zt-calendar-month-mark-color: rgba(100, 101, 102, .2);--zt-calendar-day-disabled-color: rgba(255, 255, 255, .3)}
+:root{--zt-calendar-background: var(--zt-background-2);--zt-calendar-popup-height: 80%;--zt-calendar-body-box-shadow: inset 0 4px 8px 0 var(--zt-gray-a1);--zt-calendar-header-title-height: 44px;--zt-calendar-header-title-font-size: var(--zt-font-size-md);--zt-calendar-header-subtitle-font-size: var(--zt-font-size-md);--zt-calendar-weekdays-height: 30px;--zt-calendar-weekdays-font-size: var(--zt-font-size-sm);--zt-calendar-weekdays-font-color: var(----zt-gray-default);--zt-calendar-weekdays-background: var(--zt-calendar-background);--zt-calendar-month-title-font-size: var(--zt-font-size-md);--zt-calendar-month-mark-color: rgba(242, 243, 245, .8);--zt-calendar-month-mark-font-size: 160px;--zt-calendar-day-height: 14.285vw;--zt-calendar-day-height-half: 7.143vw;--zt-calendar-day-font-size: var(--zt-font-size-lg);--zt-calendar-day-margin-bottom: 4px;--zt-calendar-range-edge-color: var(--zt-white);--zt-calendar-range-edge-background: var(--zt-primary-color);--zt-calendar-range-middle-color: var(--zt-primary-color);--zt-calendar-range-middle-background-opacity: .1;--zt-calendar-selected-day-size: var(--zt-calendar-day-height);--zt-calendar-selected-day-color: var(--zt-white);--zt-calendar-info-font-size: var(--zt-font-size-xs);--zt-calendar-info-line-height: var(--zt-line-height-xs);--zt-calendar-selected-day-background: var(--zt-primary-color);--zt-calendar-day-disabled-color: var(--zt-gray-a2);--zt-calendar-confirm-button-height: 36px;--zt-calendar-confirm-button-margin: 7px 0;--zt-calendar-header-title-color: var(--zt-gray-a4)}.zt-calendar{display:flex;flex-direction:column;height:100%;background:var(--zt-calendar-background);color:var(--zt-text-color)}.zt-calendar__popup.zt-popup--top,.zt-calendar__popup.zt-popup--bottom{height:var(--zt-calendar-popup-height)}.zt-calendar__popup.zt-popup--left,.zt-calendar__popup.zt-popup--right{height:100%}.zt-calendar__header{flex-shrink:0}.zt-calendar__month-title,.zt-calendar__header-title,.zt-calendar__header-subtitle{display:flex;padding:0 16px;color:var(--zt-text-color);height:var(--zt-calendar-header-title-height);line-height:var(--zt-calendar-header-title-height);text-align:center;align-items:center;justify-content:center}.zt-calendar__month-title--opt,.zt-calendar__header-title--opt,.zt-calendar__header-subtitle--opt{width:32px;height:32px;line-height:32px;border-radius:50%;padding:0;margin:0 8px}.zt-calendar__month-title--right,.zt-calendar__header-title--right,.zt-calendar__header-subtitle--right{transform:rotate(180deg)}.zt-calendar__month-title--unenable,.zt-calendar__header-title--unenable,.zt-calendar__header-subtitle--unenable{opacity:.2}.zt-calendar__month-title--enable,.zt-calendar__header-title--enable,.zt-calendar__header-subtitle--enable{opacity:1}.zt-calendar__month-title--enable:active,.zt-calendar__header-title--enable:active,.zt-calendar__header-subtitle--enable:active{border-radius:50%;background-color:var(--zt-gray-a1);opacity:.6}.zt-calendar__month-title-text,.zt-calendar__header-title-text,.zt-calendar__header-subtitle-text{flex-grow:1}.zt-calendar__header-title{font-size:var(--zt-calendar-header-title-font-size);color:var(--zt-calendar-header-title-color);position:relative;display:flex;justify-content:center;align-items:center}.zt-calendar__header-title:after{top:var(--zt-calendar-header-title-height);content:"";position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-calendar__header-subtitle{font-size:var(--zt-calendar-header-subtitle-font-size)}.zt-calendar__month-title{font-size:var(--zt-calendar-month-title-font-size)}.zt-calendar__weekdays{display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{flex:1;font-size:var(--zt-calendar-weekdays-font-size);line-height:var(--zt-calendar-weekdays-height);font-weight:var(--zt-font-bold);text-align:center;background:var(--zt-calendar-weekdays-background);color:var(--zt-calendar-weekdays-font-color)}.zt-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;background-color:var(--zt-calendar-background);box-shadow:var(--zt-calendar-body-box-shadow)}.zt-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.zt-calendar__day,.zt-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.zt-calendar__day{position:relative;width:14.285%;height:var(--zt-calendar-day-height);margin-bottom:var(--zt-calendar-day-margin-bottom);font-size:var(--zt-calendar-day-font-size);cursor:pointer;outline:none}.zt-calendar__day--end,.zt-calendar__day--start,.zt-calendar__day--start-end,.zt-calendar__day--multiple-middle,.zt-calendar__day--multiple-selected{color:var(--zt-calendar-range-edge-color);background:var(--zt-calendar-range-edge-background);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__day--start{border-radius:var(--zt-calendar-day-height-half) 0 0 var(--zt-calendar-day-height-half);border-right:none}.zt-calendar__day--end{border-radius:0 var(--zt-calendar-day-height-half) var(--zt-calendar-day-height-half) 0;border-left:none}.zt-calendar__day--start-end,.zt-calendar__day--multiple-selected{border-radius:var(--zt-calendar-day-height-half)}.zt-calendar__day--middle{color:var(--zt-calendar-range-middle-color)}.zt-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--zt-calendar-range-middle-background-opacity);content:""}.zt-calendar__day--disabled,.zt-calendar__day--preview{color:var(--zt-calendar-day-disabled-color);cursor:default}.zt-calendar__selected-day{font-weight:var(--zt-font-bold);width:var(--zt-calendar-selected-day-size);height:var(--zt-calendar-selected-day-size);color:var(--zt-calendar-selected-day-color);background:var(--zt-calendar-selected-day-background);border-radius:calc(var(--zt-calendar-selected-day-size) / 2);box-shadow:0 0 0 3px rgba(0,145,250,.1)}.zt-calendar__footer{flex-shrink:0;display:flex;padding:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt-calendar__footer--unfit{padding-bottom:0}.zt-theme-dark{--zt-calendar-header-title-color: var(--zt-gray-a6);--zt-calendar-range-middle-color: none;--zt-calendar-weekdays-font-color: rgba(255, 255, 255, .8);--zt-calendar-weekdays-background: rgba(255, 255, 255, .04);--zt-calendar-month-mark-color: rgba(100, 101, 102, .2);--zt-calendar-day-disabled-color: rgba(255, 255, 255, .3)}

package/es/calendar/index.d.ts

@@ -1,5 +1,9 @@
 export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
+    showType: {
+        type: import("vue").PropType<import("./types").CalendarShowType>;
+        default: import("./types").CalendarShowType;
+    };
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
         default: import("./types").CalendarType;
@@ -71,23 +75,20 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    minDate: {
-        type: DateConstructor;
-        validator: (val: unknown) => val is Date;
-        default: () => Date;
-    };
-    maxDate: {
-        type: DateConstructor;
-        validator: (val: unknown) => val is Date;
-        default: () => Date;
-    };
+    minDate: DateConstructor;
+    maxDate: DateConstructor;
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
+    disabledDate: import("vue").PropType<(date: Date) => boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "cancel" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
+    showType: {
+        type: import("vue").PropType<import("./types").CalendarShowType>;
+        default: import("./types").CalendarShowType;
+    };
     type: {
         type: import("vue").PropType<import("./types").CalendarType>;
         default: import("./types").CalendarType;
@@ -159,21 +160,14 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    minDate: {
-        type: DateConstructor;
-        validator: (val: unknown) => val is Date;
-        default: () => Date;
-    };
-    maxDate: {
-        type: DateConstructor;
-        validator: (val: unknown) => val is Date;
-        default: () => Date;
-    };
+    minDate: DateConstructor;
+    maxDate: DateConstructor;
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
+    disabledDate: import("vue").PropType<(date: Date) => boolean>;
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -195,6 +189,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;
     popup: boolean;
+    showType: import("./types").CalendarShowType;
     maxRange: string | number;
     showMark: boolean;
     showTitle: boolean;
@@ -202,8 +197,6 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
-    minDate: Date;
-    maxDate: Date;
     firstDayOfWeek: string | number;
 }>>;
 export default Calendar;

package/es/calendar/types.d.ts

@@ -2,8 +2,9 @@ import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
 import type { Numeric } from '../utils';
 import type { CalendarProps } from './Calendar';
 import type { CalendarMonthProps } from './CalendarMonth';
+export declare type CalendarShowType = 'inline' | 'scroll';
 export declare type CalendarType = 'single' | 'range' | 'multiple';
-export declare type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
+export declare type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder' | 'preview';
 export declare type CalendarDayItem = {
     date?: Date;
     text?: Numeric;
@@ -21,6 +22,7 @@ export declare type CalendarInstance = ComponentPublicInstance<CalendarProps, Ca
 export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {
     showed?: boolean;
     getTitle: () => string;
+    getDate: () => Date;
     getHeight: () => number;
     setVisible: (value?: boolean | undefined) => void;
     scrollToDate: (body: Element, targetDate: Date) => void;

package/es/calendar/utils.d.ts

@@ -5,8 +5,11 @@ export declare function compareMonth(date1: Date, date2: Date): 0 | 1 | -1;
 export declare function compareDay(day1: Date, day2: Date): 0 | 1 | -1;
 export declare const cloneDate: (date: Date) => Date;
 export declare const cloneDates: (dates: Date | Date[]) => Date | Date[];
-export declare function getDayByOffset(date: Date, offset: number): Date;
+export declare function getDayByOffset(date: Date, offset: number, isMonth?: boolean, isYear?: boolean): Date;
 export declare const getPrevDay: (date: Date) => Date;
 export declare const getNextDay: (date: Date) => Date;
 export declare const getToday: () => Date;
+export declare const getPrevDate: (date: Date, isMonth: boolean, isYear: boolean) => Date;
+export declare const getNextDate: (date: Date, isMonth: boolean, isYear: boolean) => Date;
 export declare function calcDateNum(date: [Date, Date]): number;
+export declare function getFirstDate(date: Date): Date;

package/es/calendar/utils.mjs

@@ -1,6 +1,7 @@
 import { createNamespace } from "../utils/index.mjs";
+const monthsOfYear = 12;
 const [name, bem, t] = createNamespace("calendar");
-const formatMonthTitle = (date) => t("vanCalendar.monthTitle", date.getFullYear(), date.getMonth() + 1);
+const formatMonthTitle = (date) => t("ztCalendar.monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   const year1 = date1.getFullYear();
   const year2 = date2.getFullYear();
@@ -22,9 +23,20 @@ function compareDay(day1, day2) {
 }
 const cloneDate = (date) => new Date(date);
 const cloneDates = (dates) => Array.isArray(dates) ? dates.map(cloneDate) : cloneDate(dates);
-function getDayByOffset(date, offset) {
+function getDayByOffset(date, offset, isMonth, isYear) {
   const cloned = cloneDate(date);
-  cloned.setDate(cloned.getDate() + offset);
+  if (isYear) {
+    cloned.setFullYear(cloned.getFullYear() + offset);
+  } else if (isMonth) {
+    cloned.setMonth(cloned.getMonth() + offset);
+    const multiplier = cloned.getFullYear() - date.getFullYear();
+    const setLastDate = date.getMonth() + offset !== cloned.getMonth() + multiplier * monthsOfYear;
+    if (setLastDate) {
+      cloned.setDate(0);
+    }
+  } else {
+    cloned.setDate(cloned.getDate() + offset);
+  }
   return cloned;
 }
 const getPrevDay = (date) => getDayByOffset(date, -1);
@@ -34,11 +46,16 @@ const getToday = () => {
   today.setHours(0, 0, 0, 0);
   return today;
 };
+const getPrevDate = (date, isMonth, isYear) => getDayByOffset(date, -1, isMonth, isYear);
+const getNextDate = (date, isMonth, isYear) => getDayByOffset(date, 1, isMonth, isYear);
 function calcDateNum(date) {
   const day1 = date[0].getTime();
   const day2 = date[1].getTime();
   return (day2 - day1) / (1e3 * 60 * 60 * 24) + 1;
 }
+function getFirstDate(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1);
+}
 export {
   bem,
   calcDateNum,
@@ -48,7 +65,10 @@ export {
   compareMonth,
   formatMonthTitle,
   getDayByOffset,
+  getFirstDate,
+  getNextDate,
   getNextDay,
+  getPrevDate,
   getPrevDay,
   getToday,
   name,

package/es/cascader/Cascader.mjs

@@ -188,7 +188,7 @@ var stdin_default = defineComponent({
         options,
         selected
       } = tab;
-      const placeholder = props.placeholder || t("vanCascader.select");
+      const placeholder = props.placeholder || t("ztCascader.select");
       const title = selected ? selected[textKey] : placeholder;
       return _createVNode(Tab, {
         "title": title,
@@ -219,8 +219,6 @@ var stdin_default = defineComponent({
     });
     const renderMenu = () => _createVNode(Button, {
       "class": bem("cancel"),
-      "background-color": "rgba(45, 75, 115, 0.04)",
-      "color": "#2D4B73",
       "onClick": onCancel
     }, {
       default: () => [_createTextVNode("\u53D6\u6D88")]

package/es/cascader/index.css

@@ -1 +1 @@
-:root{--zt-cascader-header-height: 44px;--zt-cascader-header-padding: 0 var(--zt-padding-sm);--zt-cascader-title-font-size: var(--zt-font-size-md);--zt-cascader-title-line-height: 44px;--zt-cascader-title-color: var(--zt-gray-a4);--zt-cascader-close-icon-size: 24px;--zt-cascader-close-icon-color: var(--zt-gray-5);--zt-cascader-selected-icon-size: 18px;--zt-cascader-tabs-height: 44px;--zt-cascader-active-color: var(--zt-primary-color);--zt-cascader-height: 75vh;--zt-cascader-option-disabled-color: var(--zt-text-color-3);--zt-cascader-tab-color: var(--zt-text-color);--zt-cascader-unselected-tab-color: var(--zt-gray-a4);--zt-cascader-tabs-margin: 0 8px;--zt-cascader-tabs-padding: 8px;--zt-cascader-tabs-line-height: 44px;--zt-cascader-option-disabled-active-color: rgba(0, 0, 0, .04);--zt-cascader-cancel-margin: 8px 16px;--zt-cascader-cancel-background: rgba(45, 75, 115, .04);--zt-cascader-cancel-width:calc(100% - 32px);--zt-cascader-cancel-border-radius: 20.5px}.zt-cascader{display:flex;justify-content:space-between;flex-direction:column;height:var(--zt-cascader-height)}.zt-cascader__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--zt-cascader-header-height);padding:var(--zt-cascader-header-padding)}.zt-cascader__title{font-size:var(--zt-cascader-title-font-size);line-height:var(--zt-cascader-title-line-height);color:var(--zt-cascader-title-color)}.zt-cascader__close-icon{color:var(--zt-cascader-close-icon-color);font-size:var(--zt-cascader-close-icon-size)}.zt-cascader__tabs{flex:1}.zt-cascader__tabs .zt-tab{flex:none;margin:var(--zt-cascader-tabs-margin);padding:0}.zt-cascader__tabs .zt-tabs__wrap{position:relative;height:var(--zt-cascader-tabs-height)}.zt-cascader__tabs .zt-tabs__wrap:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:var(--zt-cascader-tabs-padding);padding-left:var(--zt-cascader-tabs-padding)}.zt-cascader__tab{color:var(--zt-cascader-tab-color);font-weight:var(--zt-font-bold);line-height:var(--zt-cascader-tabs-line-height);font-size:var(--zt-font-size-md)}.zt-cascader__tab--unselected{color:var(--zt-cascader-unselected-tab-color);font-weight:400}.zt-cascader__option{display:flex;align-items:center;justify-content:space-between;color:var(--zt-gray-default);padding:0 var(--zt-padding-md);font-size:var(--zt-font-size-md);line-height:var(--zt-cascader-tabs-line-height);cursor:pointer;font-weight:400}.zt-cascader__option:active{background-color:var(--zt-active-color)}.zt-cascader__option--selected{color:var(--zt-cascader-active-color);font-weight:var(--zt-font-bold)}.zt-cascader__option--disabled{color:var(--zt-cascader-option-disabled-color);cursor:not-allowed}.zt-cascader__option--disabled:active{background-color:var(--zt-cascader-option-disabled-active-color)}.zt-cascader__selected-icon{font-size:var(--zt-cascader-selected-icon-size)}.zt-cascader__options{box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-cascader .zt-tabs__nav{background:var(--zt-white)}.zt-cascader__cancel{margin:var(--zt-cascader-cancel-margin);width:var(--zt-cascader-cancel-width);background:var(--zt-cascader-cancel-background);border-radius:var(--zt-cascader-cancel-border-radius);border:0}
+:root{--zt-cascader-header-height: 44px;--zt-cascader-header-padding: 0 var(--zt-padding-sm);--zt-cascader-title-font-size: var(--zt-font-size-md);--zt-cascader-title-line-height: 44px;--zt-cascader-title-color: var(--zt-gray-a4);--zt-cascader-close-icon-size: 24px;--zt-cascader-close-icon-color: var(--zt-gray-5);--zt-cascader-selected-icon-size: 18px;--zt-cascader-tabs-height: 44px;--zt-cascader-active-color: var(--zt-primary-color);--zt-cascader-height: 75vh;--zt-cascader-option-disabled-color: var(--zt-text-color-3);--zt-cascader-tab-color: var(--zt-text-color);--zt-cascader-unselected-tab-color: var(--zt-gray-a4);--zt-cascader-tabs-margin: 0 8px;--zt-cascader-tabs-padding: 8px;--zt-cascader-tabs-line-height: 44px;--zt-cascader-option-disabled-active-color: rgba(0, 0, 0, .04);--zt-cascader-cancel-margin: 8px 16px;--zt-cascader-cancel-background: rgba(45, 75, 115, .04);--zt-cascader-cancel-width:calc(100% - 32px);--zt-cascader-cancel-border-radius: 20.5px}.zt-cascader{display:flex;justify-content:space-between;flex-direction:column;height:var(--zt-cascader-height)}.zt-cascader__header{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--zt-cascader-header-height);padding:var(--zt-cascader-header-padding)}.zt-cascader__title{font-size:var(--zt-cascader-title-font-size);line-height:var(--zt-cascader-title-line-height);color:var(--zt-cascader-title-color)}.zt-cascader__close-icon{color:var(--zt-cascader-close-icon-color);font-size:var(--zt-cascader-close-icon-size)}.zt-cascader__tabs{flex:1}.zt-cascader__tabs .zt-tab{flex:none;margin:var(--zt-cascader-tabs-margin);padding:0}.zt-cascader__tabs .zt-tabs__wrap{position:relative;height:var(--zt-cascader-tabs-height)}.zt-cascader__tabs .zt-tabs__wrap:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-cascader__tabs .zt-tabs__nav--complete{padding-right:var(--zt-cascader-tabs-padding);padding-left:var(--zt-cascader-tabs-padding)}.zt-cascader__tab{color:var(--zt-cascader-tab-color);font-weight:var(--zt-font-bold);line-height:var(--zt-cascader-tabs-line-height);font-size:var(--zt-font-size-md)}.zt-cascader__tab--unselected{color:var(--zt-cascader-unselected-tab-color);font-weight:400}.zt-cascader__option{display:flex;align-items:center;justify-content:space-between;color:var(--zt-text-color);padding:0 var(--zt-padding-md);font-size:var(--zt-font-size-md);line-height:var(--zt-cascader-tabs-line-height);cursor:pointer;font-weight:400}.zt-cascader__option:active{background-color:var(--zt-active-color)}.zt-cascader__option--selected{color:var(--zt-cascader-active-color);font-weight:var(--zt-font-bold)}.zt-cascader__option--disabled{color:var(--zt-cascader-option-disabled-color);cursor:not-allowed}.zt-cascader__option--disabled:active{background-color:var(--zt-cascader-option-disabled-active-color)}.zt-cascader__selected-icon{font-size:var(--zt-cascader-selected-icon-size)}.zt-cascader__options{box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-cascader .zt-tabs__nav{background:var(--zt-background-2)}.zt-cascader__cancel{margin:var(--zt-cascader-cancel-margin);width:var(--zt-cascader-cancel-width);background:var(--zt-cascader-cancel-background);border-radius:var(--zt-cascader-cancel-border-radius);color:var(--zt-text-color);border:0}.zt-theme-dark{--zt-cascader-cancel-background: var(--zt-background-card)}

package/es/checkbox/Checkbox.d.ts

@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     shape: import("./Checker").CheckerShape;
+    disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
 }>;

package/es/checkbox/Checker.d.ts

@@ -76,9 +76,9 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
 }, {
-    checked: boolean;
-    disabled: boolean;
     shape: CheckerShape;
+    disabled: boolean;
+    checked: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
 }>;

package/es/checkbox/index.d.ts

@@ -36,8 +36,8 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     shape: import("./Checker").CheckerShape;
+    disabled: boolean;
     labelDisabled: boolean;
     bindGroup: boolean;
 }>>;

package/es/collapse-item/CollapseItem.mjs

@@ -10,6 +10,8 @@ const [name, bem] = createNamespace("collapse-item");
 const collapseItemProps = extend({}, {
   name: numericProp,
   title: numericProp,
+  // disabled: Boolean,
+  // readonly: Boolean,
   lazyRender: truthProp,
   titleBackground: String,
   color: String
@@ -100,7 +102,7 @@ var stdin_default = defineComponent({
           custom: titleBackground
         })
       }, [props.title]), _createVNode(Icon, {
-        "name": "keyboard-arrow-up",
+        "name": "keyboard-arrow-down",
         "style": color ? `color:${color};` : "",
         "class": bem("icon", {
           expanded: expanded.value,

package/es/date-time-picker/DateTimePicker.d.ts

@@ -213,8 +213,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:startValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:endValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    range: boolean;
     title: string;
+    range: boolean;
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     modelValue: string[];
     readonly: boolean;

package/es/date-time-picker/DateTimePicker.mjs

@@ -199,7 +199,9 @@ var stdin_default = defineComponent({
           "modelValue": props.modelValue,
           "onUpdate:modelValue": ($event) => props.modelValue = $event,
           "onChange": onChange,
-          "columnsType": props.columnsType
+          "columnsType": props.columnsType,
+          "maxDate": props.maxDate,
+          "minDate": props.minDate
         }, extend(pick(props, pickerInheritKeys), {
           showTitle: false
         })), null);
@@ -209,7 +211,9 @@ var stdin_default = defineComponent({
         "modelValue": props.startValue,
         "onUpdate:modelValue": ($event) => props.startValue = $event,
         "onChange": onStartChange,
-        "columnsType": props.columnsType
+        "columnsType": props.columnsType,
+        "maxDate": props.maxDate,
+        "minDate": props.minDate
       }, extend(pick(props, pickerInheritKeys), {
         showTitle: false
       })), null), [[_vShow, rangeSelectedIndex.value === 0]]), _withDirectives(_createVNode(DateTimePicker, _mergeProps({
@@ -217,7 +221,9 @@ var stdin_default = defineComponent({
         "modelValue": props.endValue,
         "onUpdate:modelValue": ($event) => props.endValue = $event,
         "onChange": onEndChange,
-        "columnsType": props.columnsType
+        "columnsType": props.columnsType,
+        "maxDate": props.maxDate,
+        "minDate": props.minDate
       }, extend(pick(props, pickerInheritKeys), {
         showTitle: false
       })), null), [[_vShow, rangeSelectedIndex.value === 1]])];

package/es/date-time-picker/DateTimePickerWrapper.d.ts

@@ -305,8 +305,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    range: boolean;
     title: string;
+    range: boolean;
     formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
     modelValue: string[];
     readonly: boolean;

package/es/date-time-picker/index.d.ts

@@ -210,8 +210,8 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
     "onUpdate:startValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:endValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    range: boolean;
     title: string;
+    range: boolean;
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     modelValue: string[];
     readonly: boolean;

package/es/dialog/Dialog.d.ts

@@ -27,6 +27,7 @@ export declare const dialogProps: {
     };
 } & {
     title: StringConstructor;
+    primaryHeader: BooleanConstructor;
     theme: PropType<DialogTheme>;
     width: (NumberConstructor | StringConstructor)[];
     message: PropType<DialogMessage>;
@@ -83,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     title: StringConstructor;
+    primaryHeader: BooleanConstructor;
     theme: PropType<DialogTheme>;
     width: (NumberConstructor | StringConstructor)[];
     message: PropType<DialogMessage>;
@@ -137,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     title: StringConstructor;
+    primaryHeader: BooleanConstructor;
     theme: PropType<DialogTheme>;
     width: (NumberConstructor | StringConstructor)[];
     message: PropType<DialogMessage>;
@@ -179,6 +182,7 @@ declare const _default: import("vue").DefineComponent<{
     transition: string;
     closeOnPopstate: boolean;
     allowHtml: boolean;
+    primaryHeader: boolean;
     showCancelButton: boolean;
     cancelButtonDisabled: boolean;
     confirmButtonDisabled: boolean;