zartui 3.0.6 → 3.0.8

package/es/timeline/index.d.ts

@@ -0,0 +1,75 @@
+export declare const Timeline: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    defaultFold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    processes: {
+        type: import("vue").PropType<import("./Timeline").TimelineProcessOption[]>;
+        default: () => import("./Timeline").TimelineProcessOption[];
+    };
+    opinionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    enableSingleFold: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    dot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    defaultFold: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapseCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    processes: {
+        type: import("vue").PropType<import("./Timeline").TimelineProcessOption[]>;
+        default: () => import("./Timeline").TimelineProcessOption[];
+    };
+    opinionKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    enableSingleFold: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    dot: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    title: string;
+    dot: boolean;
+    defaultFold: boolean;
+    collapseCount: number;
+    processes: import("./Timeline").TimelineProcessOption[];
+    opinionKey: string;
+    enableSingleFold: boolean;
+}>>;
+export default Timeline;
+export { timelineProps } from './Timeline';
+export type { TimelineProcessOption, TimelineProps } from './Timeline';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtTimeline: typeof Timeline;
+    }
+}

package/es/timeline/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Timeline from "./Timeline.mjs";
+const Timeline = withInstall(_Timeline);
+var stdin_default = Timeline;
+import { timelineProps } from "./Timeline.mjs";
+export {
+  Timeline,
+  stdin_default as default,
+  timelineProps
+};

package/es/timeline/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/timeline/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../style/base.css";
+import "../../loading/index.css";
+import "../../switch/index.css";
+import "../index.css";

package/es/uploader/Uploader.d.ts

@@ -195,8 +195,8 @@ declare const _default: import("vue").DefineComponent<{
     onClickPreview?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
-    accept: string;
     disabled: boolean;
+    accept: string;
     modelValue: UploaderFileListItem[];
     readonly: boolean;
     multiple: boolean;

package/es/uploader/UploaderPreviewItem.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     deletable: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "preview" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("preview" | "delete")[], "preview" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;

package/es/uploader/index.d.ts

@@ -128,8 +128,8 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     onClickPreview?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
-    accept: string;
     disabled: boolean;
+    accept: string;
     modelValue: import("./types").UploaderFileListItem[];
     readonly: boolean;
     multiple: boolean;

package/es/uploader/utils.mjs

@@ -40,7 +40,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {

package/es/utils/dom.d.ts

@@ -9,4 +9,5 @@ export declare function resetScroll(): void;
 export declare const stopPropagation: (event: Event) => void;
 export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
+export declare function colorFromCSSClass(className: string, defaultColor: string): string;
 export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;

package/es/utils/dom.mjs

@@ -51,8 +51,19 @@ function isHidden(elementRef) {
   const parentHidden = el.offsetParent === null && style.position !== "fixed";
   return hidden || parentHidden;
 }
+function colorFromCSSClass(className, defaultColor) {
+  var _a;
+  const tmp = document.createElement("div");
+  tmp.style.cssText = "position:fixed;left:-100px;top:-100px;width:1px;height:1px";
+  tmp.className = className;
+  document.body.appendChild(tmp);
+  const classColor = (_a = getComputedStyle(tmp)) == null ? void 0 : _a.getPropertyValue("color");
+  document.body.removeChild(tmp);
+  return !classColor ? defaultColor : classColor;
+}
 const { width: windowWidth, height: windowHeight } = useWindowSize();
 export {
+  colorFromCSSClass,
   getElementTop,
   getRootScrollTop,
   getScrollTop,

package/lib/action-sheet/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/avatar/Avatar.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/avatar/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/badge/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/button/Button.d.ts

@@ -12,6 +12,7 @@ declare const buttonProps: {
     };
     text: StringConstructor;
     icon: StringConstructor;
+    iconColor: StringConstructor;
     type: {
         type: PropType<ButtonType>;
         default: ButtonType;
@@ -57,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     text: StringConstructor;
     icon: StringConstructor;
+    iconColor: StringConstructor;
     type: {
         type: PropType<ButtonType>;
         default: ButtonType;
@@ -100,6 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     text: StringConstructor;
     icon: StringConstructor;
+    iconColor: StringConstructor;
     type: {
         type: PropType<ButtonType>;
         default: ButtonType;

package/lib/button/Button.js

@@ -31,6 +31,7 @@ const buttonProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
   tag: (0, import_utils.makeStringProp)("button"),
   text: String,
   icon: String,
+  iconColor: String,
   type: (0, import_utils.makeStringProp)("default"),
   size: (0, import_utils.makeStringProp)("normal"),
   color: String,
@@ -86,6 +87,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       if (props.icon) {
         return (0, import_vue.createVNode)(import_icon.Icon, {
           "name": props.icon,
+          "color": props.iconColor,
           "class": bem("icon", size),
           "classPrefix": props.iconPrefix
         }, null);

package/lib/button/index.d.ts

@@ -9,6 +9,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     };
     text: StringConstructor;
     icon: StringConstructor;
+    iconColor: StringConstructor;
     type: {
         type: import("vue").PropType<import("./types").ButtonType>;
         default: import("./types").ButtonType;
@@ -52,6 +53,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     };
     text: StringConstructor;
     icon: StringConstructor;
+    iconColor: StringConstructor;
     type: {
         type: import("vue").PropType<import("./types").ButtonType>;
         default: import("./types").ButtonType;

package/lib/button/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/Calendar.d.ts

@@ -1,8 +1,12 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 import { PopupPosition } from '../popup';
-import type { CalendarType, CalendarDayItem } from './types';
+import type { CalendarType, CalendarDayItem, CalendarShowType } from './types';
 export declare const calendarProps: {
     show: BooleanConstructor;
+    showType: {
+        type: PropType<CalendarShowType>;
+        default: CalendarShowType;
+    };
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
@@ -74,25 +78,22 @@ export declare const calendarProps: {
         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: PropType<(date: Date) => boolean>;
 };
 export declare type CalendarProps = ExtractPropTypes<typeof calendarProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
+    showType: {
+        type: PropType<CalendarShowType>;
+        default: CalendarShowType;
+    };
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
@@ -164,23 +165,20 @@ declare const _default: import("vue").DefineComponent<{
         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: 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<ExtractPropTypes<{
     show: BooleanConstructor;
+    showType: {
+        type: PropType<CalendarShowType>;
+        default: CalendarShowType;
+    };
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
@@ -252,21 +250,14 @@ declare const _default: import("vue").DefineComponent<{
         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: PropType<(date: Date) => boolean>;
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
@@ -288,6 +279,7 @@ declare const _default: import("vue").DefineComponent<{
     safeAreaInsetTop: boolean;
     safeAreaInsetBottom: boolean;
     popup: boolean;
+    showType: CalendarShowType;
     maxRange: string | number;
     showMark: boolean;
     showTitle: boolean;
@@ -295,8 +287,6 @@ declare const _default: import("vue").DefineComponent<{
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
-    minDate: Date;
-    maxDate: Date;
     firstDayOfWeek: string | number;
 }>;
 export default _default;

package/lib/calendar/Calendar.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
 ));
@@ -41,6 +45,7 @@ var import_CalendarMonth = __toESM(require("./CalendarMonth"));
 var import_CalendarHeader = __toESM(require("./CalendarHeader"));
 const calendarProps = {
   show: Boolean,
+  showType: (0, import_utils.makeStringProp)("inline"),
   type: (0, import_utils.makeStringProp)("single"),
   title: String,
   color: String,
@@ -67,24 +72,14 @@ const calendarProps = {
   closeOnClickOverlay: import_utils.truthProp,
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: import_utils.truthProp,
-  minDate: {
-    type: Date,
-    validator: import_utils.isDate,
-    default: import_utils2.getToday
-  },
-  maxDate: {
-    type: Date,
-    validator: import_utils.isDate,
-    default: () => {
-      const now = (0, import_utils2.getToday)();
-      return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate());
-    }
-  },
+  minDate: Date,
+  maxDate: Date,
   firstDayOfWeek: {
     type: import_utils.numericProp,
-    default: 0,
+    default: 1,
     validator: (val) => val >= 0 && val <= 6
-  }
+  },
+  disabledDate: Function
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name: import_utils2.name,
@@ -94,11 +89,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const limitDateRange = (date, minDate = props.minDate, maxDate = props.maxDate) => {
-      if ((0, import_utils2.compareDay)(date, minDate) === -1) {
+    const lastMinDate = (0, import_vue2.computed)(() => {
+      const now = new Date();
+      return props.showType !== "inline" && !props.minDate ? new Date(now.getFullYear(), now.getMonth() - 3, now.getDate()) : props.minDate;
+    });
+    const lastMaxDate = (0, import_vue2.computed)(() => {
+      const now = new Date();
+      return props.showType !== "inline" && !props.maxDate ? new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()) : props.maxDate;
+    });
+    const limitDateRange = (date, minDate = lastMinDate.value, maxDate = lastMaxDate.value) => {
+      if (minDate && (0, import_utils2.compareDay)(date, minDate) === -1) {
         return minDate;
       }
-      if ((0, import_utils2.compareDay)(date, maxDate) === 1) {
+      if (maxDate && (0, import_utils2.compareDay)(date, maxDate) === 1) {
         return maxDate;
       }
       return date;
@@ -106,10 +109,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const getInitialDate = (defaultDate = props.defaultDate) => {
       const {
         type,
-        minDate,
-        maxDate,
         allowSameDay
       } = props;
+      const minDate = lastMinDate.value;
+      const maxDate = lastMaxDate.value;
       if (defaultDate === null) {
         return defaultDate;
       }
@@ -118,8 +121,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
-        const start = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : (0, import_utils2.getPrevDay)(maxDate));
-        const end = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : (0, import_utils2.getNextDay)(minDate));
+        const start = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : maxDate && (0, import_utils2.getPrevDay)(maxDate));
+        const end = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : minDate && (0, import_utils2.getNextDay)(minDate));
         return [start, end];
       }
       if (type === "multiple") {
@@ -133,20 +136,40 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return limitDateRange(defaultDate);
     };
+    const getInitialTitleDate = (defaultDate = props.defaultDate) => {
+      const initTitleDate = getInitialDate(defaultDate);
+      const now = (0, import_utils2.getToday)();
+      if (Array.isArray(initTitleDate)) {
+        return initTitleDate[0] || now;
+      } else {
+        return initTitleDate || now;
+      }
+    };
     let bodyHeight;
     const bodyRef = (0, import_vue2.ref)();
     const subtitle = (0, import_vue2.ref)("");
     const currentDate = (0, import_vue2.ref)(getInitialDate());
+    const titleDate = (0, import_vue2.ref)(getInitialTitleDate());
     const [monthRefs, setMonthRefs] = (0, import_use_refs.useRefs)();
     const dayOffset = (0, import_vue2.computed)(() => props.firstDayOfWeek ? +props.firstDayOfWeek % 7 : 0);
     const months = (0, import_vue2.computed)(() => {
+      var _a;
       const months2 = [];
-      const cursor = new Date(props.minDate);
-      cursor.setDate(1);
-      do {
-        months2.push(new Date(cursor));
-        cursor.setMonth(cursor.getMonth() + 1);
-      } while ((0, import_utils2.compareMonth)(cursor, props.maxDate) !== 1);
+      if (props.showType !== "inline" && lastMinDate.value && lastMaxDate.value) {
+        const cursor = new Date(lastMinDate.value);
+        cursor.setDate(1);
+        do {
+          months2.push(new Date(cursor));
+          cursor.setMonth(cursor.getMonth() + 1);
+        } while ((0, import_utils2.compareMonth)(cursor, lastMaxDate.value) !== 1);
+      } else if (props.showType === "inline") {
+        const temp = (_a = titleDate.value) != null ? _a : (0, import_utils2.cloneDates)(titleDate.value);
+        if (!Array.isArray(temp)) {
+          months2.push((0, import_utils2.getFirstDate)(temp));
+        } else {
+          months2.push((0, import_utils2.getFirstDate)(temp[0]));
+        }
+      }
       return months2;
     });
     const buttonDisabled = (0, import_vue2.computed)(() => {
@@ -197,6 +220,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       });
       if (currentMonth) {
         subtitle.value = currentMonth.getTitle();
+        titleDate.value = currentMonth.getDate();
       }
     };
     const scrollToDate = (targetDate) => {
@@ -237,6 +261,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const reset = (date = getInitialDate()) => {
       currentDate.value = date;
+      titleDate.value = getInitialTitleDate(date);
       scrollToCurrentDate();
     };
     const checkRange = (date) => {
@@ -298,6 +323,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const {
         type
       } = props;
+      if (item.type === "preview") {
+        titleDate.value = date;
+      }
       if (type === "range") {
         if (!currentDate.value) {
           select([date]);
@@ -345,6 +373,64 @@ var stdin_default = (0, import_vue2.defineComponent)({
         select(date, true);
       }
     };
+    const yearPreEnable = (0, import_vue2.computed)(() => {
+      if (!lastMinDate.value) {
+        return true;
+      }
+      return titleDate.value.getFullYear() > lastMinDate.value.getFullYear();
+    });
+    const monthPreEnable = (0, import_vue2.computed)(() => {
+      if (!lastMinDate.value) {
+        return true;
+      }
+      const targetDate = titleDate.value;
+      const targetYearMonth = (0, import_utils2.getFirstDate)(targetDate);
+      const minDateYearMonth = (0, import_utils2.getFirstDate)(lastMinDate.value);
+      return (0, import_utils2.compareDay)(targetYearMonth, minDateYearMonth) === 1;
+    });
+    const yearNextEnable = (0, import_vue2.computed)(() => {
+      if (!lastMaxDate.value) {
+        return true;
+      }
+      return titleDate.value.getFullYear() < lastMaxDate.value.getFullYear();
+    });
+    const monthNextEnable = (0, import_vue2.computed)(() => {
+      if (!lastMaxDate.value) {
+        return true;
+      }
+      const targetDate = titleDate.value;
+      const targetYearMonth = (0, import_utils2.getFirstDate)(targetDate);
+      const maxDateYearMonth = (0, import_utils2.getFirstDate)(lastMaxDate.value);
+      return (0, import_utils2.compareDay)(maxDateYearMonth, targetYearMonth) === 1;
+    });
+    const onClickTitleIcon = (isPreFlag, isMonth, isYear) => {
+      const curTitleDate = titleDate.value;
+      if (curTitleDate) {
+        let targetDate = isPreFlag ? (0, import_utils2.getPrevDate)(curTitleDate, isMonth, isYear) : (0, import_utils2.getNextDate)(curTitleDate, isMonth, isYear);
+        if (!(0, import_utils.isDate)(targetDate)) {
+          return;
+        }
+        let hasCompared = false;
+        const compareDate = isPreFlag ? lastMinDate.value : lastMaxDate.value;
+        const compareValue = isPreFlag ? 1 : -1;
+        if (compareDate && (0, import_utils2.compareDay)(compareDate, targetDate) === compareValue && (0, import_utils2.compareMonth)(compareDate, targetDate) === 0) {
+          targetDate = compareDate;
+          hasCompared = true;
+        }
+        if (hasCompared || !compareDate || compareDate && (0, import_utils2.compareDay)(compareDate, targetDate) !== compareValue) {
+          scrollToDate(targetDate);
+          titleDate.value = targetDate;
+        }
+      } else {
+        (0, import_use.raf)(onScroll);
+      }
+    };
+    const onClickPreIcon = (isMonth, isYear) => {
+      onClickTitleIcon(true, isMonth, isYear);
+    };
+    const onClickNextIcon = (isMonth, isYear) => {
+      onClickTitleIcon(false, isMonth, isYear);
+    };
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props.showSubtitle;
@@ -354,7 +440,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "currentDate": currentDate.value,
         "showMonthTitle": showMonthTitle,
         "firstDayOfWeek": dayOffset.value
-      }, (0, import_utils.pick)(props, ["type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay"]), {
+      }, (0, import_utils.pick)(props, ["showType", "type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay", "disabledDate"]), {
         "onClick": onClickDay
       }), (0, import_utils.pick)(slots, ["top-info", "bottom-info"]));
     };
@@ -404,7 +490,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "showTitle": props.showTitle,
       "showSubtitle": props.showSubtitle,
       "firstDayOfWeek": dayOffset.value,
-      "onClickSubtitle": (event) => emit("clickSubtitle", event)
+      "onClickSubtitle": (event) => emit("clickSubtitle", event),
+      "onClickPreIcon": onClickPreIcon,
+      "onClickNextIcon": onClickNextIcon,
+      "yearPreEnable": yearPreEnable.value,
+      "monthPreEnable": monthPreEnable.value,
+      "yearNextEnable": yearNextEnable.value,
+      "monthNextEnable": monthNextEnable.value
     }, (0, import_utils.pick)(slots, ["title", "subtitle"])), (0, import_vue.createVNode)("div", {
       "ref": bodyRef,
       "class": (0, import_utils2.bem)("body"),
@@ -416,6 +508,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
       currentDate.value = value;
       scrollToCurrentDate();
     });
+    (0, import_vue2.watch)(titleDate, (newValue) => {
+      if (props.showType === "inline" && newValue) {
+        subtitle.value = (0, import_utils2.formatMonthTitle)(newValue);
+      }
+    });
     (0, import_use_expose.useExpose)({
       reset,
       scrollToDate,