zartui 3.1.23-beta.1 → 3.1.23-beta.3

package/es/button/Button.d.ts

@@ -5,6 +5,7 @@ declare const buttonProps: {
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 } & {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -47,10 +48,11 @@ declare const buttonProps: {
     };
 };
 export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 } & {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -91,10 +93,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ButtonIconPosition>;
         default: ButtonIconPosition;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 } & {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -135,9 +138,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ButtonIconPosition>;
         default: ButtonIconPosition;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     type: ButtonType;
     tag: keyof HTMLElementTagNameMap;
@@ -153,5 +156,5 @@ declare const _default: import("vue").DefineComponent<{
     hairline: boolean;
     nativeType: ButtonNativeType;
     iconPosition: ButtonIconPosition;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/button/Button.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { extend, numericProp, preventDefault, makeStringProp, createNamespace, BORDER_SURROUND } from "../utils/index.mjs";
 import { useRoute, routeProps } from "../composables/use-route.mjs";
 import { Icon } from "../icon/index.mjs";

package/es/button/index.d.ts

@@ -1,7 +1,8 @@
-export declare const Button: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Button: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: import("vue").PropType<import("vue-router").Router>;
 } & {
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
@@ -42,10 +43,11 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("./types").ButtonIconPosition>;
         default: import("./types").ButtonIconPosition;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: import("vue").PropType<import("vue-router").Router>;
 } & {
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
@@ -86,9 +88,9 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<import("./types").ButtonIconPosition>;
         default: import("./types").ButtonIconPosition;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
@@ -104,7 +106,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     hairline: boolean;
     nativeType: import("./types").ButtonNativeType;
     iconPosition: import("./types").ButtonIconPosition;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Button;
 export type { ButtonProps } from './Button';
 export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, ButtonThemeVars, } from './types';

package/es/calendar/Calendar.d.ts

@@ -92,7 +92,7 @@ export declare const calendarProps: {
     disabledDate: PropType<(date: Date) => boolean>;
 };
 export type CalendarProps = ExtractPropTypes<typeof calendarProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     show: BooleanConstructor;
     showType: {
         type: PropType<CalendarShowType>;
@@ -181,7 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (val: number) => boolean;
     };
     disabledDate: PropType<(date: Date) => boolean>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     showType: {
         type: PropType<CalendarShowType>;
@@ -270,7 +270,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: (val: number) => boolean;
     };
     disabledDate: PropType<(date: Date) => boolean>;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -279,7 +279,7 @@ declare const _default: import("vue").DefineComponent<{
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;
     onOverRange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: CalendarType;
     position: PopupPosition;
     round: boolean;
@@ -301,5 +301,5 @@ declare const _default: import("vue").DefineComponent<{
     showWeekDays: boolean;
     showRangePrompt: boolean;
     firstDayOfWeek: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/calendar/Calendar.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, watch, computed, defineComponent } from "vue";
+import { ref, watch, computed, defineComponent, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { pick, isDate, truthProp, numericProp, getScrollTop, makeStringProp, makeNumericProp } from "../utils/index.mjs";
 import { t, bem, name, getToday, cloneDate, cloneDates, getPrevDay, getNextDay, getPrevDate, getNextDate, compareDay, calcDateNum, compareMonth, getDayByOffset, getFirstDate, formatMonthTitle } from "./utils.mjs";
 import { raf, useRect, onMountedOrActivated } from "@zartui/use";

package/es/calendar/CalendarDay.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { CalendarDayItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<CalendarDayItem>;
         required: true;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<CalendarDayItem>;
         required: true;
@@ -24,9 +24,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     rowHeight: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     offset: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/calendar/CalendarDay.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
+import { computed, defineComponent, createVNode as _createVNode } from "vue";
 import { makeNumberProp, createNamespace, makeRequiredProp } from "../utils/index.mjs";
 import { bem } from "./utils.mjs";
 const [name] = createNamespace("calendar-day");

package/es/calendar/CalendarHeader.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     monthPreEnable: BooleanConstructor;
     yearNextEnable: BooleanConstructor;
     monthNextEnable: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "clickPreIcon" | "clickNextIcon")[], "clickSubtitle" | "clickPreIcon" | "clickNextIcon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickSubtitle" | "clickPreIcon" | "clickNextIcon")[], "clickSubtitle" | "clickPreIcon" | "clickNextIcon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
     showTitle: BooleanConstructor;
@@ -26,11 +26,11 @@ declare const _default: import("vue").DefineComponent<{
     monthPreEnable: BooleanConstructor;
     yearNextEnable: BooleanConstructor;
     monthNextEnable: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
     onClickPreIcon?: ((...args: any[]) => any) | undefined;
     onClickNextIcon?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     showTitle: boolean;
     showSubtitle: boolean;
     showWeekDays: boolean;
@@ -39,5 +39,5 @@ declare const _default: import("vue").DefineComponent<{
     monthPreEnable: boolean;
     yearNextEnable: boolean;
     monthNextEnable: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/calendar/CalendarHeader.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { createNamespace, makeNumberProp } from "../utils/index.mjs";
 import { bem } from "./utils.mjs";
 const [name] = createNamespace("calendar-header");

package/es/calendar/CalendarMonth.d.ts

@@ -26,7 +26,7 @@ declare const calendarMonthProps: {
     disabledDate: PropType<(date: Date) => boolean>;
 };
 export type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
     disabledDate: PropType<(date: Date) => boolean>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     date: {
         type: DateConstructor;
         required: true;
@@ -72,14 +72,14 @@ declare const _default: import("vue").DefineComponent<{
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
     disabledDate: PropType<(date: Date) => boolean>;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     lazyRender: boolean;
     showType: CalendarShowType;
     showMark: boolean;
     allowSameDay: boolean;
     showSubtitle: boolean;
     showMonthTitle: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/calendar/CalendarMonth.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, computed, defineComponent } from "vue";
+import { ref, computed, defineComponent, createVNode as _createVNode } from "vue";
 import { pick, addUnit, numericProp, setScrollTop, createNamespace, makeRequiredProp, makeStringProp } from "../utils/index.mjs";
 import { t, bem, compareDay, getPrevDay, getNextDay, formatMonthTitle } from "./utils.mjs";
 import { useRect, useToggle } from "@zartui/use";

package/es/calendar/index.css

@@ -1 +1 @@
-:root{--zt-calendar-background: var(--zt-background-popup);--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-weekdays-font-color: var(--zt-gray-a8);--zt-calendar-weekdays-background: var(--zt-calendar-background);--zt-calendar-day-height: 14.285vw;--zt-calendar-day-height-half: 7.143vw;--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-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-weekday-line-height: 30px;--zt-calendar-header-height: 32px;--zt-calendar-header-subtitle-line-height: 44px}:root[zt-theme-size=large]{--zt-calendar-weekday-line-height: 42px;--zt-calendar-header-height: 44px;--zt-calendar-header-subtitle-line-height: 56px}.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__svg-defs-path-fill{fill:var(--zt-primary-color)}.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-subtitle-line-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:var(--zt-calendar-header-height);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-font-size-md);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,.zt-calendar__month-title{font-size:var(--zt-font-size-md)}.zt-calendar__weekdays{display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{flex:1;font-size:var(--zt-font-size-sm);line-height:var(--zt-calendar-weekday-line-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-font-size-lg);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 var(--zt-primary-color-a1)}.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 var(--zt-primary-color-a1)}.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-range-middle-color: var(--zt-white)}
+:root{--zt-calendar-background: var(--zt-background-popup);--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-weekdays-font-color: var(--zt-gray-a8);--zt-calendar-weekdays-background: var(--zt-calendar-background);--zt-calendar-day-height: 14.285vw;--zt-calendar-day-height-half: 7.143vw;--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-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-weekday-line-height: 30px;--zt-calendar-header-height: 32px;--zt-calendar-header-subtitle-line-height: 44px}:root[zt-theme-size=large]{--zt-calendar-weekday-line-height: 42px;--zt-calendar-header-height: 44px;--zt-calendar-header-subtitle-line-height: 56px}.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__svg-defs-path-fill{fill:var(--zt-primary-color)}.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-subtitle-line-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:var(--zt-calendar-header-height);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-font-size-md);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,.zt-calendar__month-title{font-size:var(--zt-font-size-md)}.zt-calendar__weekdays{display:flex;background-color:rgba(0,0,0,.02)}.zt-calendar__weekday{flex:1;font-size:var(--zt-font-size-sm);line-height:var(--zt-calendar-weekday-line-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;-moz-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-font-size-lg);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 var(--zt-primary-color-a1)}.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 var(--zt-primary-color-a1)}.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-range-middle-color: var(--zt-white)}

package/es/calendar/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     showType: {
         type: import("vue").PropType<import("./types").CalendarShowType>;
@@ -87,7 +87,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         validator: (val: number) => boolean;
     };
     disabledDate: import("vue").PropType<(date: Date) => boolean>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange")[], "select" | "cancel" | "update:show" | "clickSubtitle" | "confirm" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     showType: {
         type: import("vue").PropType<import("./types").CalendarShowType>;
@@ -176,7 +176,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         validator: (val: number) => boolean;
     };
     disabledDate: import("vue").PropType<(date: Date) => boolean>;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
@@ -185,7 +185,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;
     onOverRange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: import("./types").CalendarType;
     position: import("..").PopupPosition;
     round: boolean;
@@ -207,7 +207,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     showWeekDays: boolean;
     showRangePrompt: boolean;
     firstDayOfWeek: string | number;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Calendar;
 export { calendarProps } from './Calendar';
 export type { CalendarProps } from './Calendar';

package/es/cascader/Cascader.d.ts

@@ -51,7 +51,7 @@ export declare const cascaderProps: {
     };
 };
 export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -147,14 +147,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onClickTab?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: PopupPosition;
     round: boolean;
     show: boolean;
@@ -167,5 +167,5 @@ declare const _default: import("vue").DefineComponent<{
     swipeable: boolean;
     options: CascaderOption[];
     showHeader: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/cascader/Cascader.mjs

@@ -1,5 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, defineComponent } from "vue";
+import { ref, watch, nextTick, defineComponent, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, isSameValue } from "../utils/index.mjs";
 import { Tab } from "../tab/index.mjs";
 import { Tabs } from "../tabs/index.mjs";

package/es/cascader/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -46,7 +46,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish")[], "update:modelValue" | "cancel" | "change" | "update:show" | "clickTab" | "finish", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -94,14 +94,14 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onClickTab?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: import("..").PopupPosition;
     round: boolean;
     show: boolean;
@@ -114,7 +114,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     swipeable: boolean;
     options: import("./types").CascaderOption[];
     showHeader: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Cascader;
 export { cascaderProps } from './Cascader';
 export type { CascaderProps } from './Cascader';

package/es/cell/Cell.d.ts

@@ -93,9 +93,10 @@ declare const cellProps: {
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
+    $router: PropType<import("vue-router").Router>;
 };
 export type CellProps = ExtractPropTypes<typeof cellProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -142,7 +143,8 @@ declare const _default: import("vue").DefineComponent<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    $router: PropType<import("vue-router").Router>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -189,10 +191,11 @@ declare const _default: import("vue").DefineComponent<{
     to: PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>> & {
+    $router: PropType<import("vue-router").Router>;
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     center: boolean;
     value: string;
@@ -204,5 +207,5 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     clearIcon: string;
     description: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/cell/Cell.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, ref } from "vue";
+import { computed, defineComponent, ref, createVNode as _createVNode } from "vue";
 import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace, makeStringProp, preventDefault } from "../utils/index.mjs";
 import { useRoute, routeProps } from "../composables/use-route.mjs";
 import { useEventListener } from "@zartui/use";

package/es/cell/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -45,7 +45,8 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    $router: import("vue").PropType<import("vue-router").Router>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -92,10 +93,11 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>> & {
+    $router: import("vue").PropType<import("vue-router").Router>;
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     replace: boolean;
     center: boolean;
     value: string;
@@ -107,7 +109,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clearable: boolean;
     clearIcon: string;
     description: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Cell;
 export type { CellProps, CellArrowDirection } from './Cell';
 export type { CellDirection, CellThemeVars } from './types';

package/es/cell-group/CellGroup.d.ts

@@ -8,22 +8,22 @@ declare const cellGroupProps: {
     };
 };
 export type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     inset: boolean;
     border: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/cell-group/CellGroup.mjs

@@ -1,5 +1,4 @@
-import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
 import { useScopeId } from "../composables/use-scope-id.mjs";
 const [name, bem] = createNamespace("cell-group");

package/es/cell-group/index.d.ts

@@ -1,21 +1,21 @@
-export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     inset: boolean;
     border: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CellGroup;
 export type { CellGroupProps } from './CellGroup';
 declare module 'vue' {