zartui 3.1.9 → 3.1.11

package/lib/calendar/index.css

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

package/lib/calendar/index.d.ts

@@ -211,7 +211,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
 export default Calendar;
 export { calendarProps } from './Calendar';
 export type { CalendarProps } from './Calendar';
-export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';
+export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, CalendarThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCalendar: typeof Calendar;

package/lib/calendar/types.d.ts

@@ -28,3 +28,28 @@ export type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps,
     scrollToDate: (body: Element, targetDate: Date) => void;
     disabledDays: Ref<ComputedRef<CalendarDayItem[]>>;
 }>;
+export type CalendarThemeVars = {
+    calendarBackground?: string;
+    calendarPopupHeight?: string;
+    calendarBodyBoxShadow?: string;
+    calendarHeaderTitleHeight?: string;
+    calendarWeekdaysFontColor?: string;
+    calendarWeekdaysBackground?: string;
+    calendarDayHeight?: string;
+    calendarDayHeightHalf?: string;
+    calendarDayMarginBottom?: string;
+    calendarRangeEdgeColor?: string;
+    calendarRangeEdgeBackground?: string;
+    calendarRangeMiddleColor?: string;
+    calendarRangeMiddleBackgroundOpacity?: string;
+    calendarSelectedDaySize?: string;
+    calendarSelectedDayColor?: string;
+    calendarSelectedDayBackground?: string;
+    calendarDayDisabledColor?: string;
+    calendarConfirmButtonHeight?: string;
+    calendarConfirmButtonMargin?: string;
+    calendarHeaderTitleColor?: string;
+    calendarWeekdayLineHeight?: string;
+    calendarHeaderHeight?: string;
+    calendarHeaderSubtitleLineHeight?: string;
+};

package/lib/cascader/Cascader.d.ts

@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {

package/lib/cascader/index.css

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

package/lib/cascader/index.d.ts

@@ -46,7 +46,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish")[], "cancel" | "change" | "update:modelValue" | "update:show" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     show: BooleanConstructor;
     round: {
@@ -118,7 +118,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
 export default Cascader;
 export { cascaderProps } from './Cascader';
 export type { CascaderProps } from './Cascader';
-export type { CascaderOption, CascaderFieldNames } from './types';
+export type { CascaderOption, CascaderFieldNames, CascaderThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCascader: typeof Cascader;

package/lib/cascader/types.d.ts

@@ -17,3 +17,24 @@ export type CascaderFieldNames = {
     value?: string;
     children?: string;
 };
+export type CascaderThemeVars = {
+    cascaderHeaderHeight?: string;
+    cascaderHeaderPadding?: string;
+    cascaderTitleColor?: string;
+    cascaderCloseIconColor?: string;
+    cascaderTabsHeight?: string;
+    cascaderActiveColor?: string;
+    cascaderHeight?: string;
+    cascaderOptionDisabledColor?: string;
+    cascaderTabColor?: string;
+    cascaderUnselectedTabColor?: string;
+    cascaderTabsMargin?: string;
+    cascaderTabsPadding?: string;
+    cascaderOptionDisabledActiveColor?: string;
+    cascaderCancelMargin?: string;
+    cascaderCancelBackground?: string;
+    cascaderCancelWidth?: string;
+    cascaderCancelBorderRadius?: string;
+    cascaderCloseIconFontSize?: string;
+    cascaderTitleLineHeight?: string;
+};

package/lib/cell/Cell.d.ts

@@ -31,6 +31,11 @@ export declare const cellSharedProps: {
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 };
 declare const cellProps: {
     leftIcon: StringConstructor;
@@ -62,6 +67,11 @@ declare const cellProps: {
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
@@ -98,11 +108,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -132,12 +147,18 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
 } & {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
     value: string;
@@ -147,5 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     isLink: boolean;
     required: boolean;
     clickable: boolean | null;
+    clearable: boolean;
+    clearIcon: string;
 }, {}>;
 export default _default;

package/lib/cell/Cell.js

@@ -25,6 +25,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use_route = require("../composables/use-route");
+var import_use = require("@zartui/use");
 var import_icon = require("../icon");
 const [name, bem] = (0, import_utils.createNamespace)("cell");
 const cellSharedProps = {
@@ -47,18 +48,21 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  }
+  },
+  clearable: Boolean,
+  clearIcon: (0, import_utils.makeStringProp)("clear-r")
 };
 const cellProps = (0, import_utils.extend)({}, cellSharedProps, import_use_route.routeProps);
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: cellProps,
-  emits: ["click"],
+  emits: ["click", "clear"],
   setup(props, {
     slots,
     emit
   }) {
     const route = (0, import_use_route.useRoute)();
+    const clearIconRef = (0, import_vue2.ref)();
     const renderLabel = () => {
       const showLabel = slots.label || (0, import_utils.isDef)(props.label);
       if (showLabel) {
@@ -117,11 +121,28 @@ var stdin_default = (0, import_vue2.defineComponent)({
         emit("click");
       }
     };
+    const onClear = (event) => {
+      (0, import_utils.preventDefault)(event, true);
+      emit("clear", event);
+    };
+    function getClearIconListenerEvent() {
+      if ("ontouchstart" in document.documentElement) {
+        return "touchstart";
+      }
+      return "click";
+    }
+    (0, import_use.useEventListener)(getClearIconListenerEvent(), onClear, {
+      target: (0, import_vue2.computed)(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     const renderValue = () => {
       var _a;
       const slot = slots.value || slots.default;
       const hasValue = slot || (0, import_utils.isDef)(props.value);
       const isHorizontal = props.direction === "horizontal";
+      const showClear = props.clearable && (0, import_utils.isDef)(props.value) && props.value !== "";
       if (hasValue) {
         return (0, import_vue.createVNode)("div", {
           "class": [bem("value", {
@@ -130,7 +151,11 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "onClick": () => onClick(isHorizontal)
         }, [slot ? slot() : (0, import_vue.createVNode)("span", {
           "class": bem("value-text")
-        }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+        }, [props.value]), showClear && (0, import_vue.createVNode)(import_icon.Icon, {
+          "ref": clearIconRef,
+          "name": props.clearIcon,
+          "class": bem("value-clear")
+        }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
       }
     };
     const renderLeftIcon = () => {

package/lib/cell/index.css

@@ -1 +1 @@
-:root{--zt-cell-font-size: var(--zt-font-size-md);--zt-cell-line-height: var(--zt-line-height-md);--zt-cell-vertical-padding: 10px;--zt-cell-horizontal-padding: var(--zt-padding-md);--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-label-font-size: var(--zt-font-size-md);--zt-cell-label-line-height: var(--zt-line-height-md);--zt-cell-label-margin-top: var(--zt-padding-base);--zt-cell-title-color: var(--zt-text-color);--zt-cell-icon-size: var(--zt-cell-line-height);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-large-vertical-padding: var(--zt-padding-sm);--zt-cell-large-title-font-size: var(--zt-font-size-lg);--zt-cell-large-label-font-size: var(--zt-font-size-md);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-value-height: 44px;--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-left-icon-size: 48px;--zt-cell-left-icon-radius: 4px;--zt-cell-row-title-max-width: 100px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-cell-font-size);line-height:var(--zt-cell-line-height);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-cell-label-line-height);font-size:var(--zt-cell-font-size);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-cell-font-size);line-height:var(--zt-cell-line-height);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-cell-font-size);line-height:var(--zt-cell-line-height);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-cell-line-height);font-size:var(--zt-cell-icon-size);line-height:var(--zt-cell-line-height)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-cell-font-size);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}
+:root{--zt-cell-text-color: var(--zt-text-color);--zt-cell-border-color: var(--zt-border-color);--zt-cell-active-color: var(--zt-active-color);--zt-cell-required-color: var(--zt-danger-color);--zt-cell-label-color: var(--zt-gray-a4);--zt-cell-right-icon-color: var(--zt-gray-a4);--zt-cell-vertical-background: var(--zt-background-card);--zt-cell-horizontal-background: var(--zt-background-card);--zt-cell-background: var(--zt-background);--zt-cell-value-padding: 12px;--zt-cell-value-radius: 4px;--zt-cell-direction: column;--zt-cell-padding: 16px;--zt-cell-row-title-max-width: 100px;--zt-cell-left-icon-font-size: 48px;--zt-cell-left-icon-size: 48px;--zt-cell-clear-icon-color: var(--zt-gray-a6)}:root[zt-theme-size=large]{--zt-cell-left-icon-size: 60px;--zt-cell-left-icon-font-size: 54px}.zt-cell{position:relative;display:flex;box-sizing:border-box;width:100%;overflow:hidden;color:var(--zt-cell-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-cell-background);flex-direction:var(--zt-cell-direction);padding:var(--zt-cell-padding)}.zt-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell--borderless:after{display:none}.zt-cell__label{color:var(--zt-cell-label-color);line-height:var(--zt-line-height-md);font-size:var(--zt-font-size-md);flex:1;text-align:right}.zt-cell__value{position:relative;overflow:hidden;vertical-align:middle;word-wrap:break-word;background:var(--zt-cell-background);box-sizing:border-box;display:flex;align-items:center;border-radius:var(--zt-cell-value-radius);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all}.zt-cell__value--horizontal{padding:0;flex:1;justify-content:flex-end;align-items:center;text-align:right;background:transparent}.zt-cell__value--vertical{padding:var(--zt-cell-value-padding);background:var(--zt-cell-vertical-background)}.zt-cell__value-text{display:inline-block;flex:1}.zt-cell__value-clear{color:var(--zt-cell-clear-icon-color);font-size:var(--zt-font-size-xxl);margin:0 4px 0 10px;cursor:pointer}.zt-cell__title{margin-bottom:8px;display:flex;align-items:center}.zt-cell__title--horizontal{padding:0;margin:0;flex:1}.zt-cell__title--with-value{margin-right:8px;max-width:var(--zt-cell-row-title-max-width)}.zt-cell__title-text{font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);word-break:break-all;display:inline-block;overflow:hidden;flex:1}.zt-cell__title-icon,.zt-cell__right-icon{height:var(--zt-line-height-md);font-size:var(--zt-font-size-xxl);line-height:var(--zt-line-height-md)}.zt-cell__left-icon{width:var(--zt-cell-left-icon-size);height:var(--zt-cell-left-icon-size);font-size:var(--zt-cell-left-icon-font-size);line-height:var(--zt-cell-left-icon-size);margin-right:var(--zt-padding-base)}.zt-cell__right-icon{margin-left:var(--zt-padding-base);color:var(--zt-cell-right-icon-color)}.zt-cell__title-icon{margin-right:var(--zt-padding-base)}.zt-cell__with-left{position:relative;display:flex}.zt-cell__with-left:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-cell-border-color);transform:scaleY(.5)}.zt-cell__with-left--borderless:after{display:none}.zt-cell__left-icon{margin:16px 0 16px 16px}.zt-cell--clickable{cursor:pointer}.zt-cell--clickable .zt-cell__value:active,.zt-cell--clickable.zt-cell--horizontal:active{background-color:var(--zt-cell-active-color)}.zt-cell--clickable.zt-cell--horizontal:active .zt-cell__value:active{background-color:transparent}.zt-cell--required{overflow:visible}.zt-cell--required:before{position:absolute;left:var(--zt-padding-xs);color:var(--zt-cell-required-color);font-size:var(--zt-font-size-md);content:"*"}.zt-cell--center .zt-cell__value{align-items:center}.zt-cell--horizontal{flex-direction:row;justify-content:space-between;background:var(--zt-cell-horizontal-background);padding:12px 16px}.zt-cell--horizontal:last-child:after{display:none}

package/lib/cell/index.d.ts

@@ -28,11 +28,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "click")[], "clear" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     leftIcon: StringConstructor;
     titleIcon: StringConstructor;
     title: (NumberConstructor | StringConstructor)[];
@@ -62,12 +67,18 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
+    clearable: BooleanConstructor;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 } & {
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
     value: string;
@@ -77,10 +88,12 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     isLink: boolean;
     required: boolean;
     clickable: boolean | null;
+    clearable: boolean;
+    clearIcon: string;
 }, {}>>;
 export default Cell;
 export type { CellProps, CellArrowDirection } from './Cell';
-export type { CellDirection } from './types';
+export type { CellDirection, CellThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCell: typeof Cell;

package/lib/cell/types.d.ts

@@ -1 +1,25 @@
 export type CellDirection = 'horizontal' | 'vertical';
+export type CellThemeVars = {
+    cellTextColor?: string;
+    cellBorderColor?: string;
+    cellActiveColor?: string;
+    cellRequiredColor?: string;
+    cellLabelColor?: string;
+    cellRightIconColor?: string;
+    cellVerticalBackground?: string;
+    cellHorizontalBackground?: string;
+    cellBackground?: string;
+    cellValuePadding?: string;
+    cellValueRadius?: string;
+    cellDirection?: string;
+    cellPadding?: string;
+    cellRowTitleMaxWidth?: string;
+    cellGroupBackground?: string;
+    cellGroupTitleColor?: string;
+    cellGroupTitlePadding?: string;
+    cellGroupInsetPadding?: string;
+    cellGroupInsetRadius?: string;
+    cellGroupInsetTitlePadding?: string;
+    cellLeftIconFontSize?: string;
+    cellLeftIconSize?: string;
+};

package/lib/cell-group/index.css

@@ -1 +1 @@
-:root{--zt-cell-group-background: var(--zt-background-2);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-title-font-size: var(--zt-font-size-md);--zt-cell-group-title-line-height: 16px;--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-cell-group-title-font-size);line-height:var(--zt-cell-group-title-line-height)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}
+:root{--zt-cell-group-background: var(--zt-background-2);--zt-cell-group-title-color: var(--zt-text-color-2);--zt-cell-group-title-padding: var(--zt-padding-md) var(--zt-padding-md);--zt-cell-group-inset-padding: 0 var(--zt-padding-md);--zt-cell-group-inset-radius: var(--zt-radius-lg);--zt-cell-group-inset-title-padding: var(--zt-padding-md) var(--zt-padding-md)}.zt-cell-group{background:var(--zt-cell-group-background)}.zt-cell-group--inset{margin:var(--zt-cell-group-inset-padding);border-radius:var(--zt-cell-group-inset-radius);overflow:hidden}.zt-cell-group__title{padding:var(--zt-cell-group-title-padding);color:var(--zt-cell-group-title-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xs)}.zt-cell-group__title--inset{padding:var(--zt-cell-group-inset-title-padding)}

package/lib/checkbox/Checkbox.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: PropType<unknown>;
     shape: {
         type: PropType<import("./Checker").CheckerShape>;

package/lib/checkbox/Checker.js

@@ -101,6 +101,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
+      }) : props.role === "radio" ? (0, import_vue.createVNode)(import_icon.Icon, {
+        "style": iconStyle.value
+      }, {
+        default: () => [checked ? (0, import_vue.createVNode)("div", {
+          "class": bem("dot")
+        }, null) : ""]
       }) : (0, import_vue.createVNode)(import_icon.Icon, {
         "name": indeterminate ? "minus" : "checkbox-select",
         "style": iconStyle.value

package/lib/checkbox/index.css

@@ -1 +1 @@
-:root{--zt-checkbox-size: 16px;--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-a1);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-a1);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-label-font-size: var(--zt-font-size-md);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-a08);--zt-checkbox-disabled-label-color: var(--zt-gray-a2);--zt-checkbox-disabled-background: var(--zt-border-color);--zt-checkbox-disabled-checked-icon-opacity: var(--zt-disabled-opacity);--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-checkbox-size);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-checkbox-label-font-size)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray);--zt-checkbox-disabled-icon-background: var(--zt-gray-a2)}
+:root{--zt-checkbox-padding: 12px 0;--zt-checkbox-border-color: var(--zt-gray-a1);--zt-checkbox-duration: var(--zt-duration-fast);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray-a1);--zt-checkbox-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-checkbox-label-margin: var(--zt-padding-xs);--zt-checkbox-label-color: var(--zt-text-color);--zt-checkbox-checked-icon-color: var(--zt-primary-color);--zt-checkbox-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-checkbox-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-checkbox-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 var(--zt-gray-a2);--zt-checkbox-disabled-icon-border: 1px solid var(--zt-gray-a08);--zt-checkbox-disabled-label-color: var(--zt-gray-a2);--zt-checkbox-disabled-checked-icon-opacity: var(--zt-disabled-opacity);--zt-checkbox-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-checkbox{position:relative;display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--zt-checkbox-padding)}.zt-checkbox--disabled{cursor:not-allowed}.zt-checkbox--label-disabled{cursor:default}.zt-checkbox--horizontal{margin-right:var(--zt-padding-sm)}.zt-checkbox__icon{font-size:var(--zt-font-size-lg);cursor:pointer;box-sizing:border-box}.zt-checkbox__icon .zt-icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid var(--zt-checkbox-border-color);transition-duration:var(--zt-checkbox-duration);transition-property:color,border-color,background-color}.zt-checkbox__icon--round .zt-icon{border-radius:100%;border:var(--zt-checkbox-round-icon-border);box-shadow:var(--zt-checkbox-round-icon-box-shadow);background:var(--zt-checkbox-round-icon-background)}.zt-checkbox__icon--indeterminate .zt-icon,.zt-checkbox__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-checkbox-checked-icon-color);box-shadow:var(--zt-checkbox-checked-icon-shadow);border:var(--zt-checkbox-checked-icon-border)}.zt-checkbox__icon--disabled{cursor:not-allowed}.zt-checkbox__icon--disabled .zt-icon{border:var(--zt-checkbox-disabled-icon-border);box-shadow:var(--zt-checkbox-disabled-icon-shadow);background:var(--zt-checkbox-disabled-icon-background)}.zt-checkbox__icon--disabled.zt-checkbox__icon--checked .zt-icon{opacity:var(--zt-checkbox-disabled-checked-icon-opacity);background:var(--zt-checkbox-checked-icon-color);color:var(--zt-white)}.zt-checkbox__label{margin-left:var(--zt-checkbox-label-margin);color:var(--zt-checkbox-label-color);font-size:var(--zt-font-size-md)}.zt-checkbox__label--left{margin:0 var(--zt-checkbox-label-margin) 0 0}.zt-checkbox__label--disabled{color:var(--zt-checkbox-disabled-label-color)}.zt-theme-dark{--zt-checkbox-round-icon-box-shadow: none;--zt-checkbox-disabled-icon-shadow: none;--zt-checkbox-round-icon-background: rgba(255, 255, 255, .04);--zt-checkbox-round-icon-border: 1px solid var(--zt-gray);--zt-checkbox-disabled-icon-background: var(--zt-gray-a2)}

package/lib/checkbox/index.d.ts

@@ -19,7 +19,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;
@@ -52,7 +52,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
 }, {}>>;
 export default Checkbox;
 export type { CheckboxProps } from './Checkbox';
-export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, CheckboxThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCheckbox: typeof Checkbox;

package/lib/checkbox/types.d.ts

@@ -11,3 +11,22 @@ export type CheckboxExpose = {
     checked: ComputedRef<boolean>;
 };
 export type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;
+export type CheckboxThemeVars = {
+    checkboxPadding?: string;
+    checkboxBorderColor?: string;
+    checkboxDuration?: string;
+    checkboxRoundIconBorder?: string;
+    checkboxRoundIconBoxShadow?: string;
+    checkboxRoundIconBackground?: string;
+    checkboxLabelMargin?: string;
+    checkboxLabelColor?: string;
+    checkboxCheckedIconColor?: string;
+    checkboxCheckedIconShadow?: string;
+    checkboxCheckedIconBorder?: string;
+    checkboxDisabledIconShadow?: string;
+    checkboxDisabledIconBorder?: string;
+    checkboxDisabledIconColor?: string;
+    checkboxDisabledLabelColor?: string;
+    checkboxDisabledCheckedIconOpacity?: string;
+    checkboxDisabledIconBackground?: string;
+};

package/lib/checkbox-group/CheckboxGroup.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => unknown[];
     };
     checkedColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/lib/checkbox-group/index.css

@@ -1 +1 @@
-.zt-checkbox-group--horizontal{display:flex;flex-wrap:wrap}.zt-checkbox-group--vertical .zt-checkbox:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:calc(var(--zt-checkbox-size) + var(--zt-checkbox-label-margin));border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-checkbox-group--vertical .zt-checkbox:last-child:after{display:none}
+.zt-checkbox-group--horizontal{display:flex;flex-wrap:wrap}.zt-checkbox-group--vertical .zt-checkbox:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:calc(var(--zt-font-size-lg) + var(--zt-checkbox-label-margin));border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-checkbox-group--vertical .zt-checkbox:last-child:after{display:none}

package/lib/checkbox-group/index.d.ts

@@ -11,7 +11,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
         default: () => unknown[];
     };
     checkedColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/lib/collapse/Collapse.d.ts

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric | Numeric[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
         default: true;

package/lib/collapse/index.d.ts

@@ -8,7 +8,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     border: {
         type: BooleanConstructor;
         default: true;

package/lib/collapse-item/index.css

@@ -1 +1 @@
-:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-font-size: var(--zt-font-size-md);--zt-collapse-item-content-line-height: 20px;--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-title-line-height: 24px;--zt-collapse-item-title-font-size: 16px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-blue)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-title-line-height);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-blue);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-collapse-item-title-font-size);color:var(--zt-text-color);line-height:var(--zt-collapse-item-title-line-height)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-collapse-item-content-font-size);line-height:var(--zt-collapse-item-content-line-height);background:var(--zt-collapse-item-content-background)}
+:root{--zt-collapse-item-duration: var(--zt-duration-base);--zt-collapse-item-content-padding: var(--zt-padding-sm) var(--zt-padding-md);--zt-collapse-item-content-text-color: var(--zt-text-color);--zt-collapse-item-content-background: var(--zt-background);--zt-collapse-item-title-padding: 10px 16px;--zt-collapse-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-collapse-item-icon-font-size: 30px}.zt-collapse-item{-webkit-user-select:none;user-select:none}.zt-collapse-item__title{position:relative;display:flex;align-items:center;background-color:var(--zt-background);padding:var(--zt-collapse-item-title-padding)}.zt-collapse-item__bar{position:absolute;left:0;width:4px;height:16px;background:var(--zt-primary-color)}.zt-collapse-item__bar--custom{background:var(--zt-white)}.zt-collapse-item__icon{font-size:var(--zt-collapse-item-icon-font-size);color:var(--zt-gray-a4);transition:transform var(--zt-collapse-item-duration)}.zt-collapse-item__icon--expanded{color:var(--zt-primary-color);transform:rotate(-180deg)}.zt-collapse-item__icon--custom{color:var(--zt-white)}.zt-collapse-item__text{flex:1;font-weight:600;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-xl)}.zt-collapse-item__text--custom{color:var(--zt-white)}.zt-collapse-item__text--disabled{cursor:not-allowed}.zt-collapse-item__wrapper{overflow:hidden;transition:height var(--zt-collapse-item-duration) ease-in-out;will-change:height}.zt-collapse-item__content{color:var(--zt-collapse-item-content-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-collapse-item-content-background)}

package/lib/collapse-item/index.d.ts

@@ -22,7 +22,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
 export default CollapseItem;
 export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';
-export type { CollapseItemInstance } from './types';
+export type { CollapseItemInstance, CollapseItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtCollapseItem: typeof CollapseItem;

package/lib/collapse-item/types.d.ts

@@ -4,3 +4,11 @@ export type CollapseItemExpose = {
     toggle: (newValue?: boolean) => void;
 };
 export type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export type CollapseItemThemeVars = {
+    collapseItemDuration?: string;
+    collapseItemContentPadding?: string;
+    collapseItemContentTextColor?: string;
+    collapseItemContentBackground?: string;
+    collapseItemTitlePadding?: string;
+    collapseItemIconFontSize?: string;
+};

package/lib/config-provider/index.d.ts

@@ -40,7 +40,8 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
     themeVarsScope: import("./ConfigProvider").ConfigProviderThemeVarsScope;
 }, {}>>;
 export default ConfigProvider;
-export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
+export type { ConfigProviderProps, ConfigProviderTheme, ConfigProviderThemeVarsScope, } from './ConfigProvider';
+export type { ConfigProviderThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtConfigProvider: typeof ConfigProvider;