zartui 3.0.6 → 3.0.8

package/lib/calendar/CalendarDay.js

@@ -54,7 +54,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         style2.width = "100%";
         return style2;
       }
-      if (index === 0) {
+      if (index === 0 && item.text && +item.text === 1) {
         style2.marginLeft = `${100 * offset / 7}%`;
       }
       if (color) {

package/lib/calendar/CalendarHeader.d.ts

@@ -7,7 +7,11 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickSubtitle"[], "clickSubtitle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    yearPreEnable: BooleanConstructor;
+    monthPreEnable: BooleanConstructor;
+    yearNextEnable: BooleanConstructor;
+    monthNextEnable: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "clickPreIcon" | "clickNextIcon")[], "clickSubtitle" | "clickPreIcon" | "clickNextIcon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;
@@ -16,11 +20,21 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    yearPreEnable: BooleanConstructor;
+    monthPreEnable: BooleanConstructor;
+    yearNextEnable: BooleanConstructor;
+    monthNextEnable: BooleanConstructor;
 }>> & {
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
+    onClickPreIcon?: ((...args: any[]) => any) | undefined;
+    onClickNextIcon?: ((...args: any[]) => any) | undefined;
 }, {
     showTitle: boolean;
     showSubtitle: boolean;
     firstDayOfWeek: number;
+    yearPreEnable: boolean;
+    monthPreEnable: boolean;
+    yearNextEnable: boolean;
+    monthNextEnable: boolean;
 }>;
 export default _default;

package/lib/calendar/CalendarHeader.js

@@ -32,9 +32,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
     subtitle: String,
     showTitle: Boolean,
     showSubtitle: Boolean,
-    firstDayOfWeek: (0, import_utils.makeNumberProp)(1)
+    firstDayOfWeek: (0, import_utils.makeNumberProp)(1),
+    yearPreEnable: Boolean,
+    monthPreEnable: Boolean,
+    yearNextEnable: Boolean,
+    monthNextEnable: Boolean
   },
-  emits: ["clickSubtitle"],
+  emits: ["clickSubtitle", "clickPreIcon", "clickNextIcon"],
   setup(props, {
     slots,
     emit
@@ -49,13 +53,111 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const onClickSubtitle = (event) => emit("clickSubtitle", event);
+    const onClickPreIcon = (isMonth, isYear) => () => {
+      if (isMonth && !props.monthPreEnable || isYear && !props.yearPreEnable) {
+        return;
+      }
+      emit("clickPreIcon", isMonth, isYear);
+    };
+    const onClickNextIcon = (isMonth, isYear) => () => {
+      if (isMonth && !props.monthNextEnable || isYear && !props.yearNextEnable) {
+        return;
+      }
+      emit("clickNextIcon", isMonth, isYear);
+    };
+    const fastForwardImg = () => (0, import_vue.createVNode)("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "16px",
+      "height": "16px",
+      "viewBox": "0 0 16 16",
+      "version": "1.1"
+    }, [(0, import_vue.createVNode)("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(-32.000000, -320.000000)",
+      "fill": "#0091FA",
+      "fill-rule": "nonzero"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(0.000000, 70.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(0.000000, 236.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(32.000000, 12.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(8.000000, 10.000000) scale(-1, 1) translate(-8.000000, -10.000000) translate(0.000000, 2.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(0.500000, 2.000000)"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M6.79659726,4.25543258 L3.35183004,7.88886609 C3.14952477,8.10225141 2.77635057,8.13960837 2.51832213,7.9723052 C2.48075622,7.94794782 2.4468797,7.91993249 2.41742642,7.88886609 L-1.02734079,4.25543258 C-1.22964607,4.04204726 -1.18447352,3.73343826 -0.926445085,3.56613509 C-0.821927664,3.49836699 -0.69295109,3.46153846 -0.560138985,3.46153846 L6.32939545,3.46153846 C6.65727667,3.46153846 6.92307692,3.68135095 6.92307692,3.95250339 C6.92307692,4.06233684 6.87854337,4.16899837 6.79659726,4.25543258 Z",
+      "opacity": "0.3",
+      "transform": "translate(2.884615, 5.769231) rotate(-90.000000) translate(-2.884615, -5.769231) "
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M12.5116225,3.49853348 L7.59052644,8.94868375 C7.3015189,9.26876173 6.7684129,9.32479717 6.39980085,9.07384242 C6.34613526,9.03730635 6.29774023,8.99528335 6.25566412,8.94868375 L1.3345681,3.49853348 C1.04556056,3.1784555 1.11009277,2.715542 1.47870482,2.46458724 C1.62801542,2.3629351 1.81226767,2.30769231 2.00199925,2.30769231 L11.8441913,2.30769231 C12.3125931,2.30769231 12.6923077,2.63741103 12.6923077,3.0441397 C12.6923077,3.20888987 12.6286883,3.36888217 12.5116225,3.49853348 Z",
+      "opacity": "0.8",
+      "transform": "translate(6.923077, 5.769231) rotate(-90.000000) translate(-6.923077, -5.769231) "
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M17.1270071,3.49853348 L12.2059111,8.94868375 C11.9169035,9.26876173 11.3837975,9.32479717 11.0151855,9.07384242 C10.9615199,9.03730635 10.9131248,8.99528335 10.8710487,8.94868375 L5.94995271,3.49853348 C5.66094518,3.1784555 5.72547739,2.715542 6.09408944,2.46458724 C6.24340004,2.3629351 6.42765229,2.30769231 6.61738387,2.30769231 L16.4595759,2.30769231 C16.9279777,2.30769231 17.3076923,2.63741103 17.3076923,3.0441397 C17.3076923,3.20888987 17.2440729,3.36888217 17.1270071,3.49853348 Z",
+      "opacity": "0.8",
+      "transform": "translate(11.538462, 5.769231) rotate(-90.000000) translate(-11.538462, -5.769231) "
+    }, null)])])])])])])])]);
+    const slowForward = () => (0, import_vue.createVNode)("svg", {
+      "xmlns": "http://www.w3.org/2000/svg",
+      "width": "16px",
+      "height": "16px",
+      "viewBox": "0 0 16 16",
+      "version": "1.1"
+    }, [(0, import_vue.createVNode)("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(-80.000000, -320.000000)",
+      "fill": "#0091FA",
+      "fill-rule": "nonzero"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(0.000000, 70.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(0.000000, 236.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(32.000000, 12.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(56.000000, 10.000000) scale(-1, 1) translate(-56.000000, -10.000000) translate(48.000000, 2.000000)"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(3.000000, 2.000000)"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M7.06846115,4.42564988 L3.48590324,8.20442073 C3.27550576,8.42634147 2.88740459,8.46519271 2.61905502,8.29119741 C2.57998647,8.26586573 2.54475489,8.23672979 2.51412348,8.20442073 L-1.06843443,4.42564988 C-1.27883191,4.20372915 -1.23185246,3.88277579 -0.963502888,3.70878049 C-0.854804771,3.63830167 -0.720669133,3.6 -0.582544544,3.6 L6.58257127,3.6 C6.92356774,3.6 7.2,3.82860498 7.2,4.11060352 C7.2,4.22483031 7.1536851,4.3357583 7.06846115,4.42564988 Z",
+      "opacity": "0.3",
+      "transform": "translate(3.000000, 6.000000) rotate(-90.000000) translate(-3.000000, -6.000000) "
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M13.0120874,3.63847482 L7.89414749,9.3066311 C7.59357966,9.6395122 7.03914942,9.69778906 6.65579288,9.43679611 C6.59998067,9.3987986 6.54964984,9.35509469 6.50589069,9.3066311 L1.38795082,3.63847482 C1.08738299,3.30559372 1.15449649,2.82416368 1.53785302,2.56317073 C1.69313604,2.4574525 1.88475838,2.4 2.08207922,2.4 L12.317959,2.4 C12.8050968,2.4 13.2,2.74290748 13.2,3.16590528 C13.2,3.33724547 13.1338359,3.50363746 13.0120874,3.63847482 Z",
+      "opacity": "0.8",
+      "transform": "translate(7.200000, 6.000000) rotate(-90.000000) translate(-7.200000, -6.000000) "
+    }, null)])])])])])])])]);
     const renderSubtitle = () => {
       if (props.showSubtitle) {
         const title = slots.subtitle ? slots.subtitle() : props.subtitle;
         return (0, import_vue.createVNode)("div", {
-          "class": (0, import_utils2.bem)("header-subtitle"),
+          "class": (0, import_utils2.bem)("header-subtitle")
+        }, [(0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("header-subtitle", ["opt", props.yearPreEnable ? "enable" : "unenable"]),
+          "onClick": onClickPreIcon(false, true)
+        }, [fastForwardImg()]), (0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("header-subtitle", ["opt", props.monthPreEnable ? "enable" : "unenable"]),
+          "onClick": onClickPreIcon(true, false)
+        }, [slowForward()]), (0, import_vue.createVNode)("label", {
+          "class": (0, import_utils2.bem)("header-subtitle-text"),
           "onClick": onClickSubtitle
-        }, [title]);
+        }, [title]), (0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("header-subtitle", ["opt", "right", [props.monthNextEnable ? "enable" : "unenable"]]),
+          "onClick": onClickNextIcon(true, false)
+        }, [slowForward()]), (0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("header-subtitle", ["opt", "right", [props.yearNextEnable ? "enable" : "unenable"]]),
+          "onClick": onClickNextIcon(false, true)
+        }, [fastForwardImg()])]);
       }
     };
     const renderWeekDays = () => {

package/lib/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/lib/calendar/CalendarMonth.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -37,10 +41,11 @@ var import_CalendarDay = __toESM(require("./CalendarDay"));
 const [name] = (0, import_utils.createNamespace)("calendar-month");
 const calendarMonthProps = {
   date: (0, import_utils.makeRequiredProp)(Date),
+  showType: (0, import_utils.makeStringProp)("inline"),
   type: String,
   color: String,
-  minDate: (0, import_utils.makeRequiredProp)(Date),
-  maxDate: (0, import_utils.makeRequiredProp)(Date),
+  minDate: Date,
+  maxDate: Date,
   showMark: Boolean,
   rowHeight: import_utils.numericProp,
   formatter: Function,
@@ -49,7 +54,8 @@ const calendarMonthProps = {
   allowSameDay: Boolean,
   showSubtitle: Boolean,
   showMonthTitle: Boolean,
-  firstDayOfWeek: Number
+  firstDayOfWeek: Number,
+  disabledDate: Function
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -76,6 +82,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const totalDay = (0, import_vue2.computed)(() => getMonthEndDay(props.date.getFullYear(), props.date.getMonth() + 1));
     const shouldRender = (0, import_vue2.computed)(() => visible.value || !props.lazyRender);
     const getTitle = () => title.value;
+    const getDate = () => props.date;
     const getMultipleDayType = (day) => {
       const isSelected = (date) => props.currentDate.some((item) => (0, import_utils2.compareDay)(item, date) === 0);
       if (isSelected(day)) {
@@ -120,18 +127,22 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return "";
     };
-    const getDayType = (day) => {
+    const getDayType = (day, defaultType) => {
       const {
         type,
         minDate,
         maxDate,
-        currentDate
+        currentDate,
+        disabledDate
       } = props;
-      if ((0, import_utils2.compareDay)(day, minDate) < 0 || (0, import_utils2.compareDay)(day, maxDate) > 0) {
+      if (minDate && (0, import_utils2.compareDay)(day, minDate) < 0 || maxDate && (0, import_utils2.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") {
@@ -172,6 +183,22 @@ var stdin_default = (0, import_vue2.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);
@@ -186,6 +213,23 @@ var stdin_default = (0, import_vue2.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 = (0, import_vue2.computed)(() => days.value.filter((day) => day.type === "disabled"));
@@ -213,6 +257,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     }, [(shouldRender.value ? days : placeholders).value.map(renderDay)]);
     (0, import_use_expose.useExpose)({
       getTitle,
+      getDate,
       getHeight: () => height.value,
       setVisible,
       scrollToDate,

package/lib/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/lib/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/lib/calendar/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/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/lib/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/lib/calendar/utils.js

@@ -25,7 +25,10 @@ __export(stdin_exports, {
   compareMonth: () => compareMonth,
   formatMonthTitle: () => formatMonthTitle,
   getDayByOffset: () => getDayByOffset,
+  getFirstDate: () => getFirstDate,
+  getNextDate: () => getNextDate,
   getNextDay: () => getNextDay,
+  getPrevDate: () => getPrevDate,
   getPrevDay: () => getPrevDay,
   getToday: () => getToday,
   name: () => name,
@@ -33,8 +36,9 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
+const monthsOfYear = 12;
 const [name, bem, t] = (0, import_utils.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();
@@ -56,9 +60,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);
@@ -68,8 +83,13 @@ 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);
+}

package/lib/cascader/Cascader.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -217,7 +221,7 @@ var stdin_default = (0, import_vue2.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 (0, import_vue.createVNode)(import_tab.Tab, {
         "title": title,
@@ -248,8 +252,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     const renderMenu = () => (0, import_vue.createVNode)(import_Button.default, {
       "class": bem("cancel"),
-      "background-color": "rgba(45, 75, 115, 0.04)",
-      "color": "#2D4B73",
       "onClick": onCancel
     }, {
       default: () => [(0, import_vue.createTextVNode)("\u53D6\u6D88")]