zartui 3.0.1 → 3.0.3

package/lib/calendar/CalendarHeader.js

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_utils2 = require("./utils");
+const [name] = (0, import_utils.createNamespace)("calendar-header");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: {
+    title: String,
+    subtitle: String,
+    showTitle: Boolean,
+    showSubtitle: Boolean,
+    firstDayOfWeek: (0, import_utils.makeNumberProp)(1)
+  },
+  emits: ["clickSubtitle"],
+  setup(props, {
+    slots,
+    emit
+  }) {
+    const renderTitle = () => {
+      if (props.showTitle) {
+        const text = props.title || "\u8BF7\u9009\u62E9\u65E5\u671F";
+        const title = slots.title ? slots.title() : text;
+        return (0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("header-title")
+        }, [title]);
+      }
+    };
+    const onClickSubtitle = (event) => emit("clickSubtitle", event);
+    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"),
+          "onClick": onClickSubtitle
+        }, [title]);
+      }
+    };
+    const renderWeekDays = () => {
+      const {
+        firstDayOfWeek
+      } = props;
+      const weekdays = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"];
+      const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek - 1), ...weekdays.slice(0, firstDayOfWeek - 1)];
+      return (0, import_vue.createVNode)("div", {
+        "class": (0, import_utils2.bem)("weekdays")
+      }, [renderWeekDays2.map((text) => (0, import_vue.createVNode)("span", {
+        "class": (0, import_utils2.bem)("weekday")
+      }, [text]))]);
+    };
+    return () => (0, import_vue.createVNode)("div", {
+      "class": (0, import_utils2.bem)("header")
+    }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
+  }
+});

package/lib/calendar/CalendarMonth.d.ts

@@ -0,0 +1,86 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { CalendarType, CalendarDayItem } from './types';
+declare const calendarMonthProps: {
+    date: {
+        type: DateConstructor;
+        required: true;
+    };
+    type: PropType<CalendarType>;
+    color: StringConstructor;
+    minDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    showMark: BooleanConstructor;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
+    lazyRender: BooleanConstructor;
+    currentDate: PropType<Date | Date[] | null>;
+    allowSameDay: BooleanConstructor;
+    showSubtitle: BooleanConstructor;
+    showMonthTitle: BooleanConstructor;
+    firstDayOfWeek: NumberConstructor;
+};
+export declare type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
+declare const _default: import("vue").DefineComponent<{
+    date: {
+        type: DateConstructor;
+        required: true;
+    };
+    type: PropType<CalendarType>;
+    color: StringConstructor;
+    minDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    showMark: BooleanConstructor;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
+    lazyRender: BooleanConstructor;
+    currentDate: PropType<Date | Date[] | null>;
+    allowSameDay: BooleanConstructor;
+    showSubtitle: BooleanConstructor;
+    showMonthTitle: BooleanConstructor;
+    firstDayOfWeek: NumberConstructor;
+}, () => 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;
+    };
+    type: PropType<CalendarType>;
+    color: StringConstructor;
+    minDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    maxDate: {
+        type: DateConstructor;
+        required: true;
+    };
+    showMark: BooleanConstructor;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(item: CalendarDayItem) => CalendarDayItem>;
+    lazyRender: BooleanConstructor;
+    currentDate: PropType<Date | Date[] | null>;
+    allowSameDay: BooleanConstructor;
+    showSubtitle: BooleanConstructor;
+    showMonthTitle: BooleanConstructor;
+    firstDayOfWeek: NumberConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    lazyRender: boolean;
+    showMark: boolean;
+    allowSameDay: boolean;
+    showSubtitle: boolean;
+    showMonthTitle: boolean;
+}>;
+export default _default;

package/lib/calendar/CalendarMonth.js

@@ -0,0 +1,226 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_utils2 = require("./utils");
+var import_use = require("@zartui/use");
+var import_use_expose = require("../composables/use-expose");
+var import_use_height = require("../composables/use-height");
+var import_CalendarDay = __toESM(require("./CalendarDay"));
+const [name] = (0, import_utils.createNamespace)("calendar-month");
+const calendarMonthProps = {
+  date: (0, import_utils.makeRequiredProp)(Date),
+  type: String,
+  color: String,
+  minDate: (0, import_utils.makeRequiredProp)(Date),
+  maxDate: (0, import_utils.makeRequiredProp)(Date),
+  showMark: Boolean,
+  rowHeight: import_utils.numericProp,
+  formatter: Function,
+  lazyRender: Boolean,
+  currentDate: [Date, Array],
+  allowSameDay: Boolean,
+  showSubtitle: Boolean,
+  showMonthTitle: Boolean,
+  firstDayOfWeek: Number
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: calendarMonthProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const [visible, setVisible] = (0, import_use.useToggle)();
+    const daysRef = (0, import_vue2.ref)();
+    const monthRef = (0, import_vue2.ref)();
+    const height = (0, import_use_height.useHeight)(monthRef);
+    const title = (0, import_vue2.computed)(() => (0, import_utils2.formatMonthTitle)(props.date));
+    const rowHeight = (0, import_vue2.computed)(() => (0, import_utils.addUnit)(props.rowHeight));
+    const offset = (0, import_vue2.computed)(() => {
+      const realDay = props.date.getDay();
+      if (props.firstDayOfWeek) {
+        return (realDay + 7 - props.firstDayOfWeek) % 7;
+      }
+      return realDay;
+    });
+    const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+    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 getMultipleDayType = (day) => {
+      const isSelected = (date) => props.currentDate.some((item) => (0, import_utils2.compareDay)(item, date) === 0);
+      if (isSelected(day)) {
+        const prevDay = (0, import_utils2.getPrevDay)(day);
+        const nextDay = (0, import_utils2.getNextDay)(day);
+        const prevSelected = isSelected(prevDay);
+        const nextSelected = isSelected(nextDay);
+        if (prevSelected && nextSelected) {
+          return "multiple-middle";
+        }
+        if (prevSelected) {
+          return "end";
+        }
+        if (nextSelected) {
+          return "start";
+        }
+        return "multiple-selected";
+      }
+      return "";
+    };
+    const getRangeDayType = (day) => {
+      const [startDay, endDay] = props.currentDate;
+      if (!startDay) {
+        return "";
+      }
+      const compareToStart = (0, import_utils2.compareDay)(day, startDay);
+      if (!endDay) {
+        return compareToStart === 0 ? "start" : "";
+      }
+      const compareToEnd = (0, import_utils2.compareDay)(day, endDay);
+      if (props.allowSameDay && compareToStart === 0 && compareToEnd === 0) {
+        return "start-end";
+      }
+      if (compareToStart === 0) {
+        return "start";
+      }
+      if (compareToEnd === 0) {
+        return "end";
+      }
+      if (compareToStart > 0 && compareToEnd < 0) {
+        return "middle";
+      }
+      return "";
+    };
+    const getDayType = (day) => {
+      const {
+        type,
+        minDate,
+        maxDate,
+        currentDate
+      } = props;
+      if ((0, import_utils2.compareDay)(day, minDate) < 0 || (0, import_utils2.compareDay)(day, maxDate) > 0) {
+        return "disabled";
+      }
+      if (currentDate === null) {
+        return "";
+      }
+      if (Array.isArray(currentDate)) {
+        if (type === "multiple") {
+          return getMultipleDayType(day);
+        }
+        if (type === "range") {
+          return getRangeDayType(day);
+        }
+      } else if (type === "single") {
+        return (0, import_utils2.compareDay)(day, currentDate) === 0 ? "selected" : "";
+      }
+      return "";
+    };
+    const getBottomInfo = (dayType) => {
+      if (props.type === "range") {
+        if (dayType === "start" || dayType === "end") {
+          return (0, import_utils2.t)(dayType);
+        }
+        if (dayType === "start-end") {
+          return `${(0, import_utils2.t)("start")}/${(0, import_utils2.t)("end")}`;
+        }
+      }
+    };
+    const renderTitle = () => {
+      if (props.showMonthTitle) {
+        return (0, import_vue.createVNode)("div", {
+          "class": (0, import_utils2.bem)("month-title")
+        }, [title.value]);
+      }
+    };
+    const placeholders = (0, import_vue2.computed)(() => {
+      const count = Math.ceil((totalDay.value + offset.value) / 7);
+      return Array(count).fill({
+        type: "placeholder"
+      });
+    });
+    const days = (0, import_vue2.computed)(() => {
+      const days2 = [];
+      const year = props.date.getFullYear();
+      const month = props.date.getMonth();
+      for (let day = 1; day <= totalDay.value; day++) {
+        const date = new Date(year, month, day);
+        const type = getDayType(date);
+        let config = {
+          date,
+          type,
+          text: day,
+          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"));
+    const scrollToDate = (body, targetDate) => {
+      if (daysRef.value) {
+        const daysRect = (0, import_use.useRect)(daysRef.value);
+        const totalRows = placeholders.value.length;
+        const currentRow = Math.ceil((targetDate.getDate() + offset.value) / 7);
+        const rowOffset = (currentRow - 1) * daysRect.height / totalRows;
+        (0, import_utils.setScrollTop)(body, daysRect.top + rowOffset + body.scrollTop - (0, import_use.useRect)(body).top);
+      }
+    };
+    const renderDay = (item, index) => (0, import_vue.createVNode)(import_CalendarDay.default, {
+      "item": item,
+      "index": index,
+      "color": props.color,
+      "offset": offset.value,
+      "rowHeight": rowHeight.value,
+      "onClick": (item2) => emit("click", item2)
+    }, (0, import_utils.pick)(slots, ["top-info", "bottom-info"]));
+    const renderDays = () => (0, import_vue.createVNode)("div", {
+      "ref": daysRef,
+      "role": "grid",
+      "class": (0, import_utils2.bem)("days")
+    }, [(shouldRender.value ? days : placeholders).value.map(renderDay)]);
+    (0, import_use_expose.useExpose)({
+      getTitle,
+      getHeight: () => height.value,
+      setVisible,
+      scrollToDate,
+      disabledDays
+    });
+    return () => (0, import_vue.createVNode)("div", {
+      "class": (0, import_utils2.bem)("month"),
+      "ref": monthRef
+    }, [renderTitle(), renderDays()]);
+  }
+});

package/lib/calendar/index.css

@@ -0,0 +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-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-theme-dark{--zt-calendar-month-mark-color: rgba(100, 101, 102, .2);--zt-calendar-day-disabled-color: var(--zt-gray-7)}.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-gray-a4);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}.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}

package/lib/calendar/index.d.ts

@@ -0,0 +1,217 @@
+export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").CalendarType>;
+        default: import("./types").CalendarType;
+    };
+    title: StringConstructor;
+    color: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    readonly: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    maxRange: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    position: {
+        type: import("vue").PropType<import("..").PopupPosition>;
+        default: import("..").PopupPosition;
+    };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    showMark: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    formatter: import("vue").PropType<(item: import("./types").CalendarDayItem) => import("./types").CalendarDayItem>;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    confirmText: StringConstructor;
+    rangePrompt: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    defaultDate: import("vue").PropType<Date | Date[] | null>;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showSubtitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showRangePrompt: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    confirmDisabledText: StringConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetTop: BooleanConstructor;
+    safeAreaInsetBottom: {
+        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;
+    };
+    firstDayOfWeek: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (val: number) => 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;
+    type: {
+        type: import("vue").PropType<import("./types").CalendarType>;
+        default: import("./types").CalendarType;
+    };
+    title: StringConstructor;
+    color: StringConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    readonly: BooleanConstructor;
+    popup: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    maxRange: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    position: {
+        type: import("vue").PropType<import("..").PopupPosition>;
+        default: import("..").PopupPosition;
+    };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    showMark: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showTitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    formatter: import("vue").PropType<(item: import("./types").CalendarDayItem) => import("./types").CalendarDayItem>;
+    rowHeight: (NumberConstructor | StringConstructor)[];
+    confirmText: StringConstructor;
+    rangePrompt: StringConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    defaultDate: import("vue").PropType<Date | Date[] | null>;
+    allowSameDay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showSubtitle: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showRangePrompt: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    confirmDisabledText: StringConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetTop: BooleanConstructor;
+    safeAreaInsetBottom: {
+        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;
+    };
+    firstDayOfWeek: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+        validator: (val: number) => boolean;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onClickSubtitle?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onUnselect?: ((...args: any[]) => any) | undefined;
+    onMonthShow?: ((...args: any[]) => any) | undefined;
+    onOverRange?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
+    readonly: boolean;
+    show: boolean;
+    lazyRender: boolean;
+    closeOnClickOverlay: boolean;
+    round: boolean;
+    closeOnPopstate: boolean;
+    safeAreaInsetTop: boolean;
+    safeAreaInsetBottom: boolean;
+    popup: boolean;
+    maxRange: string | number;
+    showMark: boolean;
+    showTitle: boolean;
+    showConfirm: boolean;
+    allowSameDay: boolean;
+    showSubtitle: boolean;
+    showRangePrompt: boolean;
+    minDate: Date;
+    maxDate: Date;
+    firstDayOfWeek: string | number;
+}>>;
+export default Calendar;
+export { calendarProps } from './Calendar';
+export type { CalendarProps } from './Calendar';
+export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtCalendar: typeof Calendar;
+    }
+}

package/lib/calendar/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Calendar: () => Calendar,
+  calendarProps: () => import_Calendar2.calendarProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Calendar = __toESM(require("./Calendar"));
+var import_Calendar2 = require("./Calendar");
+const Calendar = (0, import_utils.withInstall)(import_Calendar.default);
+var stdin_default = Calendar;

package/lib/calendar/style/index.d.ts

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

package/lib/calendar/style/index.js

@@ -0,0 +1,9 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../toast/index.css");
+require("../../button/index.css");
+require("../index.css");