zartui 3.1.9 → 3.1.10

package/es/switch/index.d.ts

@@ -39,6 +39,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
 }, {}>>;
 export default Switch;
 export type { SwitchProps } from './Switch';
+export type { SwitchThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSwitch: typeof Switch;

package/es/switch/types.d.ts

@@ -0,0 +1,18 @@
+export type SwitchThemeVars = {
+    switchWidth?: string;
+    switchHeight?: string;
+    switchShadow?: string;
+    switchNodeSize?: string;
+    switchNodeBackground?: string;
+    switchNodeOnBackground?: string;
+    switchNodeBorder?: string;
+    switchNodeOnBorder?: string;
+    switchNodeShadow?: string;
+    switchNodeOnShadow?: string;
+    switchBackground?: string;
+    switchOnBackground?: string;
+    switchOnShadow?: string;
+    switchDuration?: string;
+    switchDisabledOpacity?: string;
+    switchFontSize?: string;
+};

package/es/tabbar/index.d.ts

@@ -57,6 +57,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
 }, {}>>;
 export default Tabbar;
 export type { TabbarProps } from './Tabbar';
+export type { TabbarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTabbar: typeof Tabbar;

package/es/tabbar/types.d.ts

@@ -0,0 +1,5 @@
+export type TabbarThemeVars = {
+    tabbarHeight?: string;
+    tabbarZIndex?: number;
+    tabbarBackground?: string;
+};

package/es/tabbar-item/index.css

@@ -1 +1 @@
-:root{--zt-tabbar-item-font-size: var(--zt-font-size-sm);--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-size: 24px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-icon-margin-bottom: var(--zt-padding-base);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%)}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius)}.zt-tabbar-item__text{font-size:var(--zt-tabbar-item-font-size);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%)}
+:root{--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%);--zt-tabbar-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-tabbar-item-icon-font-size: 30px}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-font-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius)}.zt-tabbar-item__text{font-size:var(--zt-font-size-sm);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%)}

package/es/tabbar-item/index.d.ts

@@ -28,6 +28,7 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
 }, {}>>;
 export default TabbarItem;
 export type { TabbarItemProps } from './TabbarItem';
+export type { TabbarItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTabbarItem: typeof TabbarItem;

package/es/tabbar-item/types.d.ts

@@ -0,0 +1,14 @@
+export type TabbarItemThemeVars = {
+    tabbarItemTextColor?: string;
+    tabbarItemActiveColor?: string;
+    tabbarItemMargin?: string;
+    tabbarItemIconBoxShadow?: string;
+    tabbarItemBoxWidth?: string;
+    tabbarItemBoxHeight?: string;
+    tabbarItemBoxBorderRadius?: string;
+    tabbarItemIconBorder?: string;
+    tabbarItemTextPaddingTop?: string;
+    tabbarItemTextHeight?: string;
+    tabbarItemIconBackground?: string;
+    tabbarItemIconFontSize?: string;
+};

package/es/table/index.css

@@ -1 +1 @@
-:root{--zt-table-head-height: 40px;--zt-table-head-font-size: var(--zt-font-size-md);--zt-table-head-color: var(--zt-blue);--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-line-height: 20px;--zt-table-body-font-size: var(--zt-font-size-md);--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-blue)}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-table-head-font-size);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-table-body-font-size);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-table-body-line-height);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}
+:root{--zt-table-head-color: var(--zt-primary-color);--zt-table-head-height: 40px;--zt-table-head-background: #e6f5ff;--zt-table-body-height: 40px;--zt-table-body-color: var(--zt-gray);--zt-table-body-background: var(--zt-white);--zt-table-sort-default: var(--zt-gray-5);--zt-table-sort-active: var(--zt-primary-color)}:root[zt-theme-size=large]{--zt-table-head-height: 52px}.zt-base-hair{position:relative}.zt-base-hair:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto;box-sizing:border-box}.zt-table--fixed{overflow:auto scroll}.zt-table--fixed::-webkit-scrollbar{width:0;height:0}.zt-table--fixed table{table-layout:fixed}.zt-table--thead-fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table--bordered{position:relative}.zt-table--bordered:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered:after{border-left-width:var(--zt-border-width)}.zt-table--bordered>table{position:relative}.zt-table--bordered>table:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered>table:after{border-top-width:var(--zt-border-width)}.zt-table--bordered .zt-table__thead>tr>th{position:relative}.zt-table--bordered .zt-table__thead>tr>th:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__thead>tr>th:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table--bordered .zt-table__tbody>tr>td{position:relative}.zt-table--bordered .zt-table__tbody>tr>td:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-table--bordered .zt-table__tbody>tr>td:after{border-right-width:var(--zt-border-width);border-bottom-width:var(--zt-border-width)}.zt-table__thead>tr>th{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-head-height);font-weight:600;font-size:var(--zt-font-size-md);color:var(--zt-table-head-color);text-align:center;line-height:var(--zt-table-head-height);background:var(--zt-table-head-background)}.zt-table__tbody>tr>td{box-sizing:border-box;overflow-wrap:break-word;min-height:var(--zt-table-body-height);font-size:var(--zt-font-size-md);color:var(--zt-table-body-color);text-align:center;line-height:var(--zt-line-height-md);background:var(--zt-table-body-background);padding:10px 16px}.zt-table--striped .zt-table__tbody>tr:nth-child(2n)>td{background:var(--zt-table-head-background)}.zt-table__left--last{border-right:none!important}.zt-table__left--last:after{content:"";position:absolute;top:0;right:-10px;width:10px;height:100%;opacity:.06;background-image:linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%)}.zt-table__left--fixed{position:-webkit-sticky!important;position:-webkit-sticky!important;position:sticky!important;z-index:2}.zt-table__head{display:flex;justify-content:center}.zt-table__head-sort{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;color:var(--zt-table-sort-default)}.zt-table__head-label{line-height:var(--zt-table-head-height)}.zt-table__sort-active{color:var(--zt-table-sort-active)}.zt-table--skeleton{background-color:#fff;padding-bottom:10px}.zt-table__row{display:flex;box-sizing:border-box;padding:0 10px;height:40px}.zt-table__row--head{display:flex;justify-content:center;align-items:center;background-color:#e7f0fb;margin-bottom:8px}.zt-table__row--head .zt-table__col-item{background-color:#cfdae9;height:20px}.zt-table__col{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1;padding:4px 6px;height:40px}.zt-table__col-item{width:100%;height:100%;border-radius:4px;background-color:rgba(45,75,115,.06)}.zt-table--animate{animation:zt-table-blink var(--zt-skeleton-duration) ease-in-out infinite}@keyframes zt-table-blink{50%{opacity:.6}}

package/es/table/index.d.ts

@@ -70,6 +70,7 @@ export declare const Table: import("../utils").WithInstall<import("vue").DefineC
 export default Table;
 export { tableProps } from './Table';
 export type { TableBodyOption, TableHeaderOption, TableProps } from './Table';
+export type { TableThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTable: typeof Table;

package/es/table/types.d.ts

@@ -3,3 +3,13 @@ export declare enum SortOrderEnum {
     ASCEND = "ascend",
     DESCEND = "descend"
 }
+export type TableThemeVars = {
+    tableHeadColor?: string;
+    tableHeadBackground?: string;
+    tableBodyHeight?: string;
+    tableBodyColor?: string;
+    tableBodyBackground?: string;
+    tableSortDefault?: string;
+    tableSortActive?: string;
+    tableHeadHeight?: string;
+};

package/es/tabs/index.css

@@ -1 +1 @@
-:root{--zt-tab-active-text-color: var(--zt-text-color);--zt-tab-disabled-text-color: var(--zt-text-color-3);--zt-tab-font-size: var(--zt-font-size-md);--zt-tab-active-font-size: var(--zt-font-size-lg);--zt-tab-active-opacity: .2;--zt-tab-disabled-font-size: var(--zt-font-size-md);--zt-tab-line-height: var(--zt-line-height-md);--zt-tabs-default-color: var(--zt-primary-color);--zt-tabs-line-height: 44px;--zt-tabs-line-bottom: 16px;--zt-tabs-card-height: 32px;--zt-tabs-bottom-bar-width: 12px;--zt-tabs-bottom-bar-height: 4px;--zt-tabs-bottom-bar-color: var(--zt-primary-color);--zt-tabs-bottom-bar-radius: 2px;--zt-tabs-nav-background: var(--zt-background);--zt-tab-text-color: var(--zt-gray-a6);--zt-tabs-overlay-left-background: linear-gradient(90deg, #ffffff 0%, rgba(245, 250, 255, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)}.zt-tab{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--zt-padding-md);color:var(--zt-tab-text-color);font-size:var(--zt-tab-font-size);line-height:var(--zt-tab-line-height);cursor:pointer}.zt-tab--active{color:var(--zt-tab-active-text-color);font-size:var(--zt-tab-active-font-size);font-weight:var(--zt-font-bold)}.zt-tab--active:active{opacity:var(--zt-tab-active-opacity)}.zt-tab--disabled{color:var(--zt-tab-disabled-text-color);cursor:not-allowed;font-size:var(--zt-tab-disabled-font-size)}.zt-tab--grow{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tab--shrink{flex:none;padding:0 var(--zt-padding-xs)}.zt-tab--card{color:var(--zt-tabs-default-color)}.zt-tab--card.zt-tab--active{color:var(--zt-white);background-color:var(--zt-tabs-default-color)}.zt-tab--card--disabled{color:var(--zt-tab-disabled-text-color)}.zt-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt-tab__text-wrapper,.zt-tabs{position:relative}.zt-tabs__wrap{overflow:hidden;position:relative}.zt-tabs__wrap--page-top{position:fixed}.zt-tabs__wrap--content-bottom{top:auto;bottom:0}.zt-tabs__overlay-left,.zt-tabs__overlay-right{position:absolute;top:0;width:var(--zt-tabs-line-height);height:var(--zt-tabs-line-height);pointer-events:none}.zt-tabs__overlay-left{left:0;background:var(--zt-tabs-overlay-left-background)}.zt-tabs__overlay-right{right:0;background:var(--zt-tabs-overlay-right-background)}.zt-tabs__nav{position:relative;display:flex;justify-content:flex-start;background-color:var(--zt-tabs-nav-background);-webkit-user-select:none;user-select:none}.zt-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--complete::-webkit-scrollbar{display:none}.zt-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:var(--zt-tabs-line-bottom)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tab,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tab{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav::-webkit-scrollbar,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav::-webkit-scrollbar{display:none}.zt-tabs__nav--card.zt-tabs__nav--shrink{display:inline-flex}.zt-tabs__line{position:absolute;bottom:var(--zt-tabs-line-bottom);left:0;z-index:1;width:var(--zt-tabs-bottom-bar-width);height:var(--zt-tabs-bottom-bar-height);background:var(--zt-tabs-bottom-bar-color);border-radius:var(--zt-tabs-bottom-bar-radius)}.zt-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.zt-tabs__content--animated{overflow:hidden}.zt-tabs--line .zt-tabs__wrap{height:var(--zt-tabs-line-height)}.zt-tabs--card>.zt-tabs__wrap{height:var(--zt-tabs-card-height)}.zt-theme-dark{--zt-tabs-overlay-left-background: linear-gradient(90deg, #0f1923 0%, rgba(15, 25, 35, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(15, 25, 35, 0) 3%, #0f1923 100%)}
+:root{--zt-tab-active-text-color: var(--zt-text-color);--zt-tab-disabled-text-color: var(--zt-text-color-3);--zt-tab-active-opacity: .2;--zt-tabs-default-color: var(--zt-primary-color);--zt-tabs-line-height: 44px;--zt-tabs-line-bottom: 16px;--zt-tabs-card-height: 32px;--zt-tabs-bottom-bar-width: 12px;--zt-tabs-bottom-bar-height: 4px;--zt-tabs-bottom-bar-color: var(--zt-primary-color);--zt-tabs-bottom-bar-radius: 2px;--zt-tabs-nav-background: var(--zt-background);--zt-tab-text-color: var(--zt-gray-a6);--zt-tabs-overlay-left-background: linear-gradient(90deg, #ffffff 0%, rgba(245, 250, 255, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)}.zt-tab{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--zt-padding-md);color:var(--zt-tab-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer}.zt-tab--active{color:var(--zt-tab-active-text-color);font-size:var(--zt-font-size-lg);font-weight:var(--zt-font-bold)}.zt-tab--active:active{opacity:var(--zt-tab-active-opacity)}.zt-tab--disabled{color:var(--zt-tab-disabled-text-color);cursor:not-allowed;font-size:var(--zt-font-size-md)}.zt-tab--grow{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tab--shrink{flex:none;padding:0 var(--zt-padding-xs)}.zt-tab--card{color:var(--zt-tabs-default-color)}.zt-tab--card.zt-tab--active{color:var(--zt-white);background-color:var(--zt-tabs-default-color)}.zt-tab--card--disabled{color:var(--zt-tab-disabled-text-color)}.zt-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt-tab__text-wrapper,.zt-tabs{position:relative}.zt-tabs__wrap{overflow:hidden;position:relative}.zt-tabs__wrap--page-top{position:fixed}.zt-tabs__wrap--content-bottom{top:auto;bottom:0}.zt-tabs__overlay-left,.zt-tabs__overlay-right{position:absolute;top:0;width:var(--zt-tabs-line-height);height:var(--zt-tabs-line-height);pointer-events:none}.zt-tabs__overlay-left{left:0;background:var(--zt-tabs-overlay-left-background)}.zt-tabs__overlay-right{right:0;background:var(--zt-tabs-overlay-right-background)}.zt-tabs__nav{position:relative;display:flex;justify-content:flex-start;background-color:var(--zt-tabs-nav-background);-webkit-user-select:none;user-select:none}.zt-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--complete::-webkit-scrollbar{display:none}.zt-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:var(--zt-tabs-line-bottom)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tab,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tab{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav::-webkit-scrollbar,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav::-webkit-scrollbar{display:none}.zt-tabs__nav--card.zt-tabs__nav--shrink{display:inline-flex}.zt-tabs__line{position:absolute;bottom:var(--zt-tabs-line-bottom);left:0;z-index:1;width:var(--zt-tabs-bottom-bar-width);height:var(--zt-tabs-bottom-bar-height);background:var(--zt-tabs-bottom-bar-color);border-radius:var(--zt-tabs-bottom-bar-radius)}.zt-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.zt-tabs__content--animated{overflow:hidden}.zt-tabs--line .zt-tabs__wrap{height:var(--zt-tabs-line-height)}.zt-tabs--card>.zt-tabs__wrap{height:var(--zt-tabs-card-height)}.zt-theme-dark{--zt-tabs-overlay-left-background: linear-gradient(90deg, #0f1923 0%, rgba(15, 25, 35, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(15, 25, 35, 0) 3%, #0f1923 100%)}

package/es/tabs/index.d.ts

@@ -106,7 +106,7 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
 }, {}>>;
 export default Tabs;
 export type { TabsProps };
-export type { TabsType, TabsInstance } from './types';
+export type { TabsType, TabsInstance, TabsThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTabs: typeof Tabs;

package/es/tabs/types.d.ts

@@ -21,3 +21,20 @@ export type TabsExpose = {
     scrollTo: (name: Numeric) => void;
 };
 export type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;
+export type TabsThemeVars = {
+    tabActiveTextColor?: string;
+    tabDisabledTextColor?: string;
+    tabActiveOpacity?: number;
+    tabsDefaultColor?: string;
+    tabsLineHeight?: string;
+    tabsLineBottom?: string;
+    tabsCardHeight?: string;
+    tabsBottomBarWidth?: string;
+    tabsBottomBarHeight?: string;
+    tabsBottomBarColor?: string;
+    tabsBottomBarRadius?: string;
+    tabsNavBackground?: string;
+    tabTextColor?: string;
+    tabsOverlayLeftBackground?: string;
+    tabsOverlayRightBackground?: string;
+};

package/es/tag/Tag.mjs

@@ -50,10 +50,11 @@ var stdin_default = defineComponent({
         style.transformOrigin = "left bottom";
         const width = Math.sqrt(props.badgeWidth * props.badgeWidth + props.badgeHeight * props.badgeHeight);
         const originHeight = parseNumber(getComputedStyle(document.body).getPropertyValue("--zt-tag-line-height"), 20);
-        style.top = -originHeight + "px";
-        style.right = props.badgeWidth - width + "px";
-        style.width = width + "px";
-        style.height = originHeight + "px";
+        const isLarge = document.documentElement.getAttribute("zt-theme-size") === "large";
+        style.top = isLarge ? "-30px" : -originHeight + "px";
+        style.right = isLarge ? "-30px" : props.badgeWidth - width + "px";
+        style.width = isLarge ? "100px" : width + "px";
+        style.height = isLarge ? "30px" : originHeight + "px";
       }
       return style;
     };

package/es/tag/index.css

@@ -1 +1 @@
-:root{--zt-tag-padding: var(--zt-padding-base) var(--zt-padding-sm);--zt-tag-text-color: var(--zt-white);--zt-tag-font-size: var(--zt-font-size-sm);--zt-tag-radius: 2px;--zt-tag-line-height: 16px;--zt-tag-icon-gap: 2px;--zt-tag-icon-size: 16px;--zt-tag-close-icon-size: 20px;--zt-tag-round-radius: 12px;--zt-tag-round-line-height: 16px;--zt-tag-badge-padding: 0 var(--zt-padding-sm);--zt-tag-closeable-font-size: var(--zt-font-size-md);--zt-tag-closeable-line-height: 20px;--zt-tag-closeable-radius: 14px;--zt-tag-closeable-background: var(--zt-gray-a6);--zt-tag-danger-color: var(--zt-danger-color);--zt-tag-primary-color: var(--zt-primary-color);--zt-tag-success-color: var(--zt-success-color);--zt-tag-warning-color: var(--zt-warning-color);--zt-tag-default-color: var(--zt-gray-a08);--zt-tag-plain-background: var(--zt-background-2);--zt-tag-stamp-diameter: 60px}.zt-tag{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;padding:var(--zt-tag-padding);color:var(--zt-tag-text-color);font-size:var(--zt-tag-font-size);line-height:var(--zt-tag-line-height);border-radius:var(--zt-tag-radius);overflow:hidden;word-break:break-all}.zt-tag__icon{font-size:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag__image{width:var(--zt-tag-icon-size);height:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag--default{background:var(--zt-tag-default-color)}.zt-tag--default.zt-tag--plain{color:var(--zt-tag-default-color)}.zt-tag--danger{background:var(--zt-tag-danger-color)}.zt-tag--danger.zt-tag--plain{color:var(--zt-tag-danger-color)}.zt-tag--primary{background:var(--zt-tag-primary-color)}.zt-tag--primary.zt-tag--plain{color:var(--zt-tag-primary-color)}.zt-tag--success{background:var(--zt-tag-success-color)}.zt-tag--success.zt-tag--plain{color:var(--zt-tag-success-color)}.zt-tag--warning{background:var(--zt-tag-warning-color)}.zt-tag--warning.zt-tag--plain{color:var(--zt-tag-warning-color)}.zt-tag--plain{background:var(--zt-tag-plain-background);border-color:currentColor}.zt-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.zt-tag--mark{border-radius:0 var(--zt-tag-round-radius) var(--zt-tag-round-radius) 0}.zt-tag--mark:after{display:block;width:2px;content:""}.zt-tag--round{border-radius:var(--zt-tag-round-radius);line-height:var(--zt-tag-round-line-height)}.zt-tag__close{font-size:var(--zt-tag-close-icon-size);margin-left:2px}.zt-tag--closeable{font-size:var(--zt-tag-closeable-font-size);line-height:var(--zt-tag-closeable-line-height);background:var(--zt-tag-closeable-background);border-radius:var(--zt-tag-closeable-radius)}.zt-tag--badge{position:absolute;text-align:center;display:block;box-sizing:border-box;padding:var(--zt-tag-badge-padding)}.zt-tag__stamp{width:var(--zt-tag-stamp-diameter);height:var(--zt-tag-stamp-diameter);background:rgba(0,0,0,0);padding:0}.zt-tag__stamp--text{width:50px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:center;font-weight:600}.zt-tag__stamp--default{color:var(--zt-gray-a6)}.zt-tag__stamp--danger{color:var(--zt-tag-danger-color)}.zt-tag__stamp--primary{color:var(--zt-tag-primary-color)}.zt-tag__stamp--success{color:var(--zt-tag-success-color)}.zt-tag__stamp--warning{color:var(--zt-tag-warning-color)}.zt-theme-dark{--zt-tag-closeable-background: rgba(255, 255, 255, .1)}
+:root{--zt-tag-text-color: var(--zt-white);--zt-tag-radius: 2px;--zt-tag-icon-gap: 2px;--zt-tag-icon-size: 16px;--zt-tag-round-radius: 12px;--zt-tag-badge-padding: 0 var(--zt-padding-sm);--zt-tag-closeable-background: var(--zt-gray-a6);--zt-tag-closeable-height: 28px;--zt-tag-danger-color: var(--zt-danger-color);--zt-tag-primary-color: var(--zt-primary-color);--zt-tag-success-color: var(--zt-success-color);--zt-tag-warning-color: var(--zt-warning-color);--zt-tag-default-color: var(--zt-gray-a08);--zt-tag-plain-background: var(--zt-background-2);--zt-tag-stamp-diameter: 60px}:root[zt-theme-size=large]{--zt-tag-closeable-height: 40px}.zt-tag{position:relative;display:inline-flex;box-sizing:border-box;align-items:center;padding:0 var(--zt-padding-sm);color:var(--zt-tag-text-color);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-xl);border-radius:var(--zt-tag-radius);overflow:hidden;word-break:break-all}.zt-tag__icon{font-size:var(--zt-font-size-lg);margin-right:var(--zt-tag-icon-gap)}.zt-tag__image{width:var(--zt-tag-icon-size);height:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag--default{background:var(--zt-tag-default-color)}.zt-tag--default.zt-tag--plain{color:var(--zt-tag-default-color)}.zt-tag--danger{background:var(--zt-tag-danger-color)}.zt-tag--danger.zt-tag--plain{color:var(--zt-tag-danger-color)}.zt-tag--primary{background:var(--zt-tag-primary-color)}.zt-tag--primary.zt-tag--plain{color:var(--zt-tag-primary-color)}.zt-tag--success{background:var(--zt-tag-success-color)}.zt-tag--success.zt-tag--plain{color:var(--zt-tag-success-color)}.zt-tag--warning{background:var(--zt-tag-warning-color)}.zt-tag--warning.zt-tag--plain{color:var(--zt-tag-warning-color)}.zt-tag--plain{background:var(--zt-tag-plain-background);border-color:currentColor}.zt-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.zt-tag--mark{border-radius:0 var(--zt-tag-round-radius) var(--zt-tag-round-radius) 0}.zt-tag--mark:after{display:block;width:2px;content:""}.zt-tag--round{border-radius:calc(var(--zt-line-height-xl) / 2);line-height:var(--zt-line-height-xl)}.zt-tag__close{font-size:var(--zt-font-size-xxl);margin-left:2px}.zt-tag--closeable{font-size:var(--zt-font-size-md);line-height:var(--zt-tag-closeable-height);background:var(--zt-tag-closeable-background);border-radius:calc(var(--zt-tag-closeable-height) / 2)}.zt-tag--badge{position:absolute;text-align:center;display:block;box-sizing:border-box;top:calc(var(--zt-line-height-md) - 2 * var(--zt-line-height-md));padding:var(--zt-tag-badge-padding);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md)}.zt-tag__stamp{width:var(--zt-tag-stamp-diameter);height:var(--zt-tag-stamp-diameter);background:rgba(0,0,0,0);padding:0}.zt-tag__stamp--text{width:50px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:center;font-weight:600}.zt-tag__stamp--default{color:var(--zt-gray-a6)}.zt-tag__stamp--danger{color:var(--zt-tag-danger-color)}.zt-tag__stamp--primary{color:var(--zt-tag-primary-color)}.zt-tag__stamp--success{color:var(--zt-tag-success-color)}.zt-tag__stamp--warning{color:var(--zt-tag-warning-color)}.zt-theme-dark{--zt-tag-closeable-background: rgba(255, 255, 255, .1)}

package/es/tag/index.d.ts

@@ -84,6 +84,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 export default Tag;
 export { tagProps } from './Tag';
 export type { TagType, TagProps } from './Tag';
+export type { TagThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTag: typeof Tag;

package/es/tag/types.d.ts

@@ -0,0 +1,17 @@
+export type TagThemeVars = {
+    tagTextColor?: string;
+    tagRadius?: string;
+    tagIconGap?: string;
+    tagIconSize?: string;
+    tagRoundRadius?: string;
+    tagBadgePadding?: string;
+    tagCloseableBackground?: string;
+    tagDangerColor?: string;
+    tagPrimaryColor?: string;
+    tagSuccessColor?: string;
+    tagWarningColor?: string;
+    tagDefaultColor?: string;
+    tagPlainBackground?: string;
+    tagStampDiameter?: string;
+    tagCloseableHeight?: string;
+};

package/es/text-ellipsis/types.d.ts

@@ -1,3 +1,4 @@
 export type TextEllipsisThemeVars = {
+    textEllipsisLineHeight?: string;
     textEllipsisActionColor?: string;
 };

package/es/time-picker/TimePicker.d.ts

@@ -270,9 +270,9 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     showTitle: boolean;
     allowHtml: boolean;
-    optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
+    showToolbar: boolean;
+    optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
     minHour: string | number;

package/es/time-picker/index.css

@@ -1 +1 @@
-:root{--zt-time-picker-cancel-margin: 8px 4px 8px 16px;--zt-time-picker-confirm-margin: 8px 16px 8px 4px;--zt-time-picker-title-height: 44px;--zt-time-picker-title-border-radius: 16px 16px 0 0;--zt-time-picker-frame-background-color: var(--zt-gray-a04);--zt-time-picker-cancel-background-color: var(--zt-white);--zt-time-picker-title-text-color: var(--zt-gray-a4);--zt-time-picker-background: var(--zt-background-2);--zt-time-picker-toolbar-height: 60px;--zt-time-picker-title-font-size: var(--zt-font-size-md);--zt-time-picker-title-line-height: var(--zt-line-height-md);--zt-time-picker-action-padding: 0 var(--zt-padding-md);--zt-time-picker-action-font-size: var(--zt-font-size-lg);--zt-time-picker-confirm-action-color: var(--zt-white);--zt-time-picker-cancel-action-color: var(--zt-text-color);--zt-time-picker-option-font-size: 24px;--zt-time-picker-option-radius: 8px;--zt-time-picker-option-padding: 0 var(--zt-padding-base);--zt-time-picker-option-text-color: var(--zt-text-color);--zt-time-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-time-picker-loading-icon-color: var(--zt-primary-color);--zt-time-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-time-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-time-picker-unit-font-size: var(--zt-font-size-md);--zt-time-picker-unit-background: var(--zt-white)}.zt-theme-dark{--zt-time-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));--zt-time-picker-unit-background: rgba(255, 255, 255, .04)}.zt-time-picker{position:relative;background:var(--zt-time-picker-background);-webkit-user-select:none;user-select:none}.zt-time-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-time-picker-toolbar-height)}.zt-time-picker__cancel,.zt-time-picker__confirm{width:50%}.zt-time-picker__cancel{background:#ffffff;margin:var(--zt-time-picker-cancel-margin)}.zt-time-picker__confirm{margin:var(--zt-time-picker-confirm-margin)}.zt-time-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-time-picker-title-height);border-radius:var(--zt-time-picker-title-border-radius);font-size:var(--zt-time-picker-title-font-size);background:#ffffff;color:var(--zt-time-picker-title-text-color)}.zt-time-picker__columns{background:var(--zt-time-picker-background);position:relative;display:flex;cursor:-webkit-grab;cursor:grab;padding:16px 0;justify-content:space-evenly}.zt-time-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-time-picker-loading-icon-color);background:var(--zt-time-picker-loading-mask-color)}.zt-time-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-time-picker-frame-background-color)}.zt-time-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-time-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-time-picker__separator{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0}.zt-time-picker__colon{position:relative}.zt-time-picker__colon:only-child{left:50%}.zt-time-picker__colon:not(:only-child):first-child{left:35%}.zt-time-picker__colon:not(:only-child):last-child{left:65%}.zt-time-picker__colon:before{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% - 9px)}.zt-time-picker__colon:after{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% + 3px)}.zt-time-picker-column{position:relative;overflow:hidden;font-size:var(--zt-time-picker-option-font-size);background:var(--zt-gray-a04);border-radius:var(--zt-time-picker-option-radius)}.zt-time-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-time-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-time-picker-option-padding);color:var(--zt-time-picker-option-text-color)}.zt-time-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-time-picker-option-disabled-opacity)}.zt-time-picker-column__unit{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--zt-time-picker-unit-background);color:var(--zt-time-picker-option-text-color);font-size:var(--zt-time-picker-option-font-size);width:100%;height:100%}.zt-time-picker-column__unit-text{margin:0 4px;font-size:var(--zt-time-picker-unit-font-size);font-weight:700}.zt-time-picker-column__arrow-top{width:16px;height:6px;position:absolute;top:8px;left:calc(50% - 8px)}.zt-time-picker-column__arrow-bottom{width:16px;height:6px;transform:rotate(180deg);position:absolute;bottom:8px;left:calc(50% - 8px)}
+:root{--zt-time-picker-cancel-margin: 8px 4px 8px 16px;--zt-time-picker-confirm-margin: 8px 16px 8px 4px;--zt-time-picker-title-height: 44px;--zt-time-picker-title-border-radius: 16px 16px 0 0;--zt-time-picker-frame-background-color: var(--zt-gray-a04);--zt-time-picker-cancel-background-color: var(--zt-white);--zt-time-picker-title-text-color: var(--zt-gray-a4);--zt-time-picker-background: var(--zt-background-2);--zt-time-picker-toolbar-height: 60px;--zt-time-picker-action-padding: 0 var(--zt-padding-md);--zt-time-picker-confirm-action-color: var(--zt-white);--zt-time-picker-cancel-action-color: var(--zt-text-color);--zt-time-picker-option-radius: 8px;--zt-time-picker-option-padding: 0 var(--zt-padding-base);--zt-time-picker-option-text-color: var(--zt-text-color);--zt-time-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-time-picker-loading-icon-color: var(--zt-primary-color);--zt-time-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-time-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-time-picker-unit-background: var(--zt-white);--zt-time-picker-unit-font-size: 24px}:root[zt-theme-size=large]{--zt-time-picker-unit-font-size: 30px}.zt-theme-dark{--zt-time-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));--zt-time-picker-unit-background: rgba(255, 255, 255, .04)}.zt-time-picker{position:relative;background:var(--zt-time-picker-background);-webkit-user-select:none;user-select:none}.zt-time-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-time-picker-toolbar-height)}.zt-time-picker__cancel,.zt-time-picker__confirm{width:50%}.zt-time-picker__cancel{background:#ffffff;margin:var(--zt-time-picker-cancel-margin)}.zt-time-picker__confirm{margin:var(--zt-time-picker-confirm-margin)}.zt-time-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-time-picker-title-height);border-radius:var(--zt-time-picker-title-border-radius);font-size:var(--zt-font-size-md);background:#ffffff;color:var(--zt-time-picker-title-text-color)}.zt-time-picker__columns{background:var(--zt-time-picker-background);position:relative;display:flex;cursor:-webkit-grab;cursor:grab;padding:16px 0;justify-content:space-evenly}.zt-time-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-time-picker-loading-icon-color);background:var(--zt-time-picker-loading-mask-color)}.zt-time-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-time-picker-frame-background-color)}.zt-time-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-time-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-time-picker__separator{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0}.zt-time-picker__colon{position:relative}.zt-time-picker__colon:only-child{left:50%}.zt-time-picker__colon:not(:only-child):first-child{left:35%}.zt-time-picker__colon:not(:only-child):last-child{left:65%}.zt-time-picker__colon:before{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% - 9px)}.zt-time-picker__colon:after{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% + 3px)}.zt-time-picker-column{position:relative;overflow:hidden;font-size:var(--zt-time-picker-unit-font-size);background:var(--zt-gray-a04);border-radius:var(--zt-time-picker-option-radius)}.zt-time-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-time-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-time-picker-option-padding);color:var(--zt-time-picker-option-text-color)}.zt-time-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-time-picker-option-disabled-opacity)}.zt-time-picker-column__unit{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--zt-time-picker-unit-background);color:var(--zt-time-picker-option-text-color);font-size:var(--zt-time-picker-unit-font-size);width:100%;height:100%}.zt-time-picker-column__unit-text{margin:0 4px;font-size:var(--zt-font-size-md);font-weight:700}.zt-time-picker-column__arrow-top{width:16px;height:6px;position:absolute;top:8px;left:calc(50% - 8px)}.zt-time-picker-column__arrow-bottom{width:16px;height:6px;transform:rotate(180deg);position:absolute;bottom:8px;left:calc(50% - 8px)}

package/es/time-picker/index.d.ts

@@ -181,9 +181,9 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     loading: boolean;
     showTitle: boolean;
     allowHtml: boolean;
-    optionHeight: string | number;
-    showToolbar: boolean;
     swipeDuration: string | number;
+    showToolbar: boolean;
+    optionHeight: string | number;
     visibleOptionNum: string | number;
     columnsUnit: string[];
     minHour: string | number;
@@ -198,6 +198,7 @@ export default TimePicker;
 export { timePickerProps } from './TimePicker';
 export type { TimePickerProps };
 export type { TimePickerColumnType } from './TimePicker';
+export type { TimePickerThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTimePicker: typeof TimePicker;

package/es/time-picker/types.d.ts

@@ -0,0 +1,23 @@
+export type TimePickerThemeVars = {
+    timePickerCancelMargin?: string;
+    timePickerConfirmMargin?: string;
+    timePickerTitleHeight?: string;
+    timePickerTitleBorderRadius?: string;
+    timePickerFrameBackgroundColor?: string;
+    timePickerCancelBackgroundColor?: string;
+    timePickerTitleTextColor?: string;
+    timePickerBackground?: string;
+    timePickerToolbarHeight?: string;
+    timePickerActionPadding?: string;
+    timePickerConfirmActionColor?: string;
+    timePickerCancelActionColor?: string;
+    timePickerOptionRadius?: string;
+    timePickerOptionPadding?: string;
+    timePickerOptionTextColor?: string;
+    timePickerOptionDisabledOpacity?: string;
+    timePickerLoadingIconColor?: string;
+    timePickerLoadingMaskColor?: string;
+    timePickerMaskColor?: string;
+    timePickerUnitBackground?: string;
+    timePickerUnitFontSize?: string;
+};

package/es/timeline/index.css

@@ -1 +1 @@
-:root{--zt-timeline-title-color: var(--zt-gray);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8)}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{font-size:16px;font-weight:700;color:var(--zt-timeline-title-color);line-height:24px}.zt-timeline__top-right{padding-right:16px;display:flex;align-items:center}.zt-timeline__top-right .zt-switch--on{background:var(--zt-timeline-bar-background)}.zt-timeline__fold-text{font-size:16px;color:var(--zt-gray-a6);line-height:24px;margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px;display:flex}.zt-timeline__item.last-item .zt-timeline__line-dot,.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__item.last-item .zt-timeline__dot{border-color:var(--zt-timeline-bar-background)}.zt-timeline__left-container{margin-right:8px;display:flex;flex-direction:column;align-items:center;position:relative}.zt-timeline__right-container{flex:1}.zt-timeline__dot-container{top:5px}.zt-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt-timeline__avatar-box{width:40px;height:40px;z-index:2}.zt-timeline__avatar{width:40px;height:40px;background:#0091fa;border-radius:4px;font-size:14px;font-weight:700;text-align:center;color:#fff;line-height:40px}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__line-dot{position:absolute;background-color:#f5f5f5;width:2px;height:calc(100% + 16px)}.zt-timeline__title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zt-timeline__time{font-size:12px;color:var(--zt-timeline-time-color);line-height:16px}.zt-timeline__content-box{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container:before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:14px;color:var(--zt-timeline-sub-title-color);line-height:20px}.zt-timeline__opinion{font-size:14px;color:var(--zt-timeline-content-color);line-height:20px;word-break:break-all}
+:root{--zt-timeline-title-color: var(--zt-gray);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8);--zt-timeline-avatar-size: 40px}:root[zt-theme-size=large]{--zt-timeline-avatar-size: 52px}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{flex:7;font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-timeline-title-color);line-height:var(--zt-line-height-xl)}.zt-timeline__top-right{padding-right:16px;display:flex;align-items:center}.zt-timeline__top-right .zt-switch--on{background:var(--zt-timeline-bar-background)}.zt-timeline__fold-text{font-size:var(--zt-font-size-lg);color:var(--zt-gray-a6);line-height:var(--zt-line-height-xl);margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px;display:flex}.zt-timeline__item.last-item .zt-timeline__line-dot,.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__item.last-item .zt-timeline__dot{border-color:var(--zt-timeline-bar-background)}.zt-timeline__left-container{margin-right:8px;display:flex;flex-direction:column;align-items:center;position:relative}.zt-timeline__right-container{flex:1}.zt-timeline__dot-container{top:5px}.zt-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt-timeline__avatar-box{width:var(--zt-timeline-avatar-size);height:var(--zt-timeline-avatar-size);z-index:2}.zt-timeline__avatar{width:var(--zt-timeline-avatar-size);height:var(--zt-timeline-avatar-size);background:var(--zt-primary-color);border-radius:4px;font-size:var(--zt-font-size-md);font-weight:700;text-align:center;color:#fff;line-height:var(--zt-timeline-avatar-size)}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__line-dot{position:absolute;background-color:#f5f5f5;width:2px;height:calc(100% + 16px)}.zt-timeline__title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zt-timeline__time{flex:5;text-align:right;font-size:var(--zt-font-size-sm);color:var(--zt-timeline-time-color);line-height:var(--zt-line-height-xs)}.zt-timeline__content-box{font-size:var(--zt-font-size-md);color:var(--zt-timeline-content-color);line-height:var(--zt-line-height-md);padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container:before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:var(--zt-font-size-md);color:var(--zt-timeline-sub-title-color);line-height:var(--zt-line-height-md)}.zt-timeline__opinion{font-size:var(--zt-font-size-md);color:var(--zt-timeline-content-color);line-height:var(--zt-line-height-md);word-break:break-all}

package/es/timeline/index.d.ts

@@ -68,6 +68,7 @@ export declare const Timeline: import("../utils").WithInstall<import("vue").Defi
 export default Timeline;
 export { timelineProps } from './Timeline';
 export type { TimelineProcessOption, TimelineProps } from './Timeline';
+export type { TimelineThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtTimeline: typeof Timeline;

package/es/timeline/types.d.ts

@@ -0,0 +1,9 @@
+export type TimelineThemeVars = {
+    timelineTitleColor?: string;
+    timelineSubTitleColor?: string;
+    timelineContentColor?: string;
+    timelineBackground?: string;
+    timelineBarBackground?: string;
+    timelineTimeColor?: string;
+    timelineAvatarSize?: string;
+};

package/es/toast/index.css

@@ -1 +1 @@
-:root{--zt-toast-max-width: 70%;--zt-toast-font-size: var(--zt-font-size-md);--zt-toast-text-color: var(--zt-white);--zt-toast-loading-icon-color: var(--zt-white);--zt-toast-line-height: var(--zt-line-height-md);--zt-toast-radius: var(--zt-radius-lg);--zt-toast-background: var(--zt-gray-a8);--zt-toast-icon-size: 36px;--zt-toast-text-min-width: 96px;--zt-toast-text-padding: var(--zt-padding-xs) var(--zt-padding-sm);--zt-toast-default-padding: var(--zt-padding-md);--zt-toast-default-width: 88px;--zt-toast-default-min-height: 84px;--zt-toast-position-top-distance: 20%;--zt-toast-position-bottom-distance: 20%}.zt-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--zt-duration-fast);width:var(--zt-toast-default-width);max-width:var(--zt-toast-max-width);min-height:var(--zt-toast-default-min-height);padding:var(--zt-toast-default-padding);color:var(--zt-toast-text-color);font-size:var(--zt-toast-font-size);line-height:var(--zt-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--zt-toast-background);border-radius:var(--zt-toast-radius)}.zt-toast--break-normal{word-break:normal;word-wrap:normal}.zt-toast--break-word{word-break:normal;word-wrap:break-word}.zt-toast--unclickable{overflow:hidden;cursor:not-allowed}.zt-toast--unclickable *{pointer-events:none}.zt-toast--text,.zt-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--zt-toast-text-min-width);min-height:0;padding:var(--zt-toast-text-padding)}.zt-toast--text .zt-toast__text,.zt-toast--html .zt-toast__text{margin-top:0}.zt-toast--top{top:var(--zt-toast-position-top-distance)}.zt-toast--bottom{top:auto;bottom:var(--zt-toast-position-bottom-distance)}.zt-toast__icon{font-size:var(--zt-toast-icon-size)}.zt-toast__loading{padding:var(--zt-padding-base);color:var(--zt-toast-loading-icon-color)}.zt-toast__text{margin-top:var(--zt-padding-xs)}.zt-theme-dark{--zt-toast-background: var(--zt-gray-a1)}
+:root{--zt-toast-max-width: 70%;--zt-toast-text-color: var(--zt-white);--zt-toast-loading-icon-color: var(--zt-white);--zt-toast-radius: var(--zt-radius-lg);--zt-toast-background: var(--zt-gray-a8);--zt-toast-text-min-width: 96px;--zt-toast-text-padding: var(--zt-padding-xs) var(--zt-padding-sm);--zt-toast-default-padding: var(--zt-padding-md);--zt-toast-default-width: 88px;--zt-toast-default-min-height: 84px;--zt-toast-position-top-distance: 20%;--zt-toast-position-bottom-distance: 20%;--zt-toast-icon-font-size: 36px}:root[zt-theme-size=large]{--zt-toast-icon-font-size: 42px}.zt-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--zt-duration-fast);width:var(--zt-toast-default-width);max-width:var(--zt-toast-max-width);min-height:var(--zt-toast-default-min-height);padding:var(--zt-toast-default-padding);color:var(--zt-toast-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--zt-toast-background);border-radius:var(--zt-toast-radius)}.zt-toast--break-normal{word-break:normal;word-wrap:normal}.zt-toast--break-word{word-break:normal;word-wrap:break-word}.zt-toast--unclickable{overflow:hidden;cursor:not-allowed}.zt-toast--unclickable *{pointer-events:none}.zt-toast--text,.zt-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--zt-toast-text-min-width);min-height:0;padding:var(--zt-toast-text-padding)}.zt-toast--text .zt-toast__text,.zt-toast--html .zt-toast__text{margin-top:0}.zt-toast--top{top:var(--zt-toast-position-top-distance)}.zt-toast--bottom{top:auto;bottom:var(--zt-toast-position-bottom-distance)}.zt-toast__icon{font-size:var(--zt-toast-icon-font-size)}.zt-toast__loading{padding:var(--zt-padding-base);color:var(--zt-toast-loading-icon-color)}.zt-toast__text{margin-top:var(--zt-padding-xs)}.zt-theme-dark{--zt-toast-background: var(--zt-gray-a1)}

package/es/toast/index.d.ts

@@ -78,7 +78,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
 export default Toast;
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition, ToastWordBreak, ToastWrapperInstance, } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastWordBreak, ToastWrapperInstance, ToastThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtToast: typeof Toast;

package/es/toast/types.d.ts

@@ -36,3 +36,18 @@ export type ToastWrapperInstance = ComponentPublicInstance<{
      */
     open: (props: Record<string, any>) => void;
 }>;
+export type ToastThemeVars = {
+    toastMaxWidth?: string;
+    toastTextColor?: string;
+    toastLoadingIconColor?: string;
+    toastRadius?: string;
+    toastBackground?: string;
+    toastTextMinWidth?: string;
+    toastTextPadding?: string;
+    toastDefaultPadding?: string;
+    toastDefaultWidth?: string;
+    toastDefaultMinHeight?: string;
+    toastPositionTopDistance?: string;
+    toastPositionBottomDistance?: string;
+    toastIconFontSize?: string;
+};

package/es/uploader/index.css

@@ -1 +1 @@
-:root{--zt-uploader-size: 80px;--zt-uploader-icon-size: 24px;--zt-uploader-icon-color: var(--zt-gray-4);--zt-uploader-text-color: var(--zt-gray-a2);--zt-uploader-text-font-size: var(--zt-font-size-sm);--zt-uploader-upload-background: var(--zt-gray-a1);--zt-uploader-upload-active-color: var(--zt-active-color);--zt-uploader-delete-color: var(--zt-white);--zt-uploader-delete-icon-size: 14px;--zt-uploader-delete-background: rgba(0, 0, 0, .7);--zt-uploader-file-background: var(--zt-background);--zt-uploader-file-icon-size: 20px;--zt-uploader-file-icon-color: var(--zt-gray-7);--zt-uploader-file-name-padding: 0 var(--zt-padding-base);--zt-uploader-file-name-margin-top: var(--zt-padding-xs);--zt-uploader-file-name-font-size: var(--zt-font-size-sm);--zt-uploader-file-name-text-color: var(--zt-gray-7);--zt-uploader-mask-text-color: var(--zt-white);--zt-uploader-mask-background: rgba(50, 50, 51, .88);--zt-uploader-mask-icon-size: 22px;--zt-uploader-mask-message-font-size: var(--zt-font-size-sm);--zt-uploader-mask-message-line-height: var(--zt-line-height-xs);--zt-uploader-loading-icon-size: 22px;--zt-uploader-loading-icon-color: var(--zt-white);--zt-uploader-disabled-opacity: var(--zt-disabled-opacity)}.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:flex;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:var(--zt-uploader-disabled-opacity)}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--zt-uploader-size);height:var(--zt-uploader-size);margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;background:var(--zt-uploader-upload-background)}.zt-uploader__upload:active{background-color:var(--zt-uploader-upload-active-color)}.zt-uploader__upload--readonly:active{background-color:var(--zt-uploader-upload-background)}.zt-uploader__upload-icon{color:var(--zt-uploader-icon-color);font-size:var(--zt-uploader-icon-size)}.zt-uploader__upload-text{margin-top:var(--zt-padding-xs);color:var(--zt-uploader-text-color);font-size:var(--zt-uploader-text-font-size)}.zt-uploader__preview{position:relative;margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:var(--zt-uploader-size);height:var(--zt-uploader-size);overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0}.zt-uploader__preview-delete--shadow{width:var(--zt-uploader-delete-icon-size);height:var(--zt-uploader-delete-icon-size);background:var(--zt-uploader-delete-background);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--zt-uploader-delete-color);font-size:var(--zt-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-uploader-mask-text-color);background:var(--zt-uploader-mask-background)}.zt-uploader__mask-icon{font-size:var(--zt-uploader-mask-icon-size)}.zt-uploader__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);line-height:var(--zt-uploader-mask-message-line-height)}.zt-uploader__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-loading-icon-color)}.zt-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--zt-uploader-size);height:var(--zt-uploader-size);background:var(--zt-uploader-file-background)}.zt-uploader__file-icon{color:var(--zt-uploader-file-icon-color);font-size:var(--zt-uploader-file-icon-size)}.zt-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--zt-uploader-file-name-margin-top);padding:var(--zt-uploader-file-name-padding);color:var(--zt-uploader-file-name-text-color);font-size:var(--zt-uploader-file-name-font-size);text-align:center}
+:root{--zt-uploader-size: 80px;--zt-uploader-icon-color: var(--zt-gray-4);--zt-uploader-text-color: var(--zt-gray-a2);--zt-uploader-upload-background: var(--zt-gray-a1);--zt-uploader-upload-icon-font-size: 24px;--zt-uploader-upload-active-color: var(--zt-active-color);--zt-uploader-delete-color: var(--zt-white);--zt-uploader-delete-icon-size: 14px;--zt-uploader-delete-background: rgba(0, 0, 0, .7);--zt-uploader-file-background: var(--zt-background);--zt-uploader-file-icon-color: var(--zt-gray-7);--zt-uploader-file-name-padding: 0 var(--zt-padding-base);--zt-uploader-file-name-margin-top: var(--zt-padding-xs);--zt-uploader-file-name-text-color: var(--zt-gray-7);--zt-uploader-mask-text-color: var(--zt-white);--zt-uploader-mask-background: rgba(50, 50, 51, .88);--zt-uploader-loading-icon-size: 22px;--zt-uploader-loading-icon-color: var(--zt-white);--zt-uploader-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-uploader-upload-icon-font-size: 30px}.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:flex;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:var(--zt-uploader-disabled-opacity)}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--zt-uploader-size);height:var(--zt-uploader-size);margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;background:var(--zt-uploader-upload-background)}.zt-uploader__upload:active{background-color:var(--zt-uploader-upload-active-color)}.zt-uploader__upload--readonly:active{background-color:var(--zt-uploader-upload-background)}.zt-uploader__upload-icon{color:var(--zt-uploader-icon-color);font-size:var(--zt-uploader-upload-icon-font-size)}.zt-uploader__upload-text{margin-top:var(--zt-padding-xs);color:var(--zt-uploader-text-color);font-size:var(--zt-font-size-sm)}.zt-uploader__preview{position:relative;margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:var(--zt-uploader-size);height:var(--zt-uploader-size);overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0}.zt-uploader__preview-delete--shadow{width:var(--zt-uploader-delete-icon-size);height:var(--zt-uploader-delete-icon-size);background:var(--zt-uploader-delete-background);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--zt-uploader-delete-color);font-size:var(--zt-font-size-md);transform:scale(.7) translate(10%,-10%)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-uploader-mask-text-color);background:var(--zt-uploader-mask-background)}.zt-uploader__mask-icon{font-size:var(--zt-font-size-xxxl)}.zt-uploader__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-xs)}.zt-uploader__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-loading-icon-color)}.zt-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--zt-uploader-size);height:var(--zt-uploader-size);background:var(--zt-uploader-file-background)}.zt-uploader__file-icon{color:var(--zt-uploader-file-icon-color);font-size:var(--zt-font-size-xxl)}.zt-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--zt-uploader-file-name-margin-top);padding:var(--zt-uploader-file-name-padding);color:var(--zt-uploader-file-name-text-color);font-size:var(--zt-font-size-sm);text-align:center}

package/es/uploader/index.d.ts

@@ -147,7 +147,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
 export default Uploader;
 export { uploaderProps } from './Uploader';
 export type { UploaderProps };
-export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';
+export type { UploaderInstance, UploaderResultType, UploaderFileListItem, UploaderThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtUploader: typeof Uploader;

package/es/uploader/types.d.ts

@@ -29,3 +29,24 @@ export type UploaderExpose = {
     closeImagePreview: () => void;
 };
 export type UploaderInstance = ComponentPublicInstance<UploaderProps, UploaderExpose>;
+export type UploaderThemeVars = {
+    uploaderSize?: string;
+    uploaderIconColor?: string;
+    uploaderTextColor?: string;
+    uploaderUploadBackground?: string;
+    uploaderUploadActiveColor?: string;
+    uploaderDeleteColor?: string;
+    uploaderDeleteIconSize?: string;
+    uploaderDeleteBackground?: string;
+    uploaderFileBackground?: string;
+    uploaderFileIconColor?: string;
+    uploaderFileNamePadding?: string;
+    uploaderFileNameMarginTop?: string;
+    uploaderFileNameTextColor?: string;
+    uploaderMaskTextColor?: string;
+    uploaderMaskBackground?: string;
+    uploaderLoadingIconSize?: string;
+    uploaderLoadingIconColor?: string;
+    uploaderDisabledOpacity?: string;
+    uploaderUploadIconFontSize?: string;
+};

package/es/vue-sfc-shim.d.ts

@@ -1,6 +1,6 @@
-declare module '*.vue' {
-  // eslint-disable-next-line
-  import { DefineComponent } from 'vue';
-  const Component: DefineComponent;
-  export default Component;
-}
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/es/vue-tsx-shim.d.ts

@@ -1,23 +1,23 @@
-import 'vue';
-
-type EventHandler = (...args: any[]) => void;
-
-declare module 'vue' {
-  interface ComponentCustomProps {
-    id?: string;
-    role?: string;
-    tabindex?: number;
-    onClick?: EventHandler;
-    onTouchend?: EventHandler;
-    onTouchmove?: EventHandler;
-    onTouchstart?: EventHandler;
-    onTouchcancel?: EventHandler;
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-
-  interface HTMLAttributes {
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-}
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+}

package/lib/action-sheet/index.css

@@ -1 +1 @@
-:root{--zt-action-sheet-max-height: 80%;--zt-action-sheet-header-height: 44px;--zt-action-sheet-header-font-size: var(--zt-font-size-lg);--zt-action-sheet-description-color: var(--zt-gray-a4);--zt-action-sheet-description-font-size: var(--zt-font-size-md);--zt-action-sheet-description-line-height: var(--zt-line-height-md);--zt-action-sheet-item-background: var(--zt-background-2);--zt-action-sheet-item-font-size: var(--zt-font-size-lg);--zt-action-sheet-item-line-height: 24px;--zt-action-sheet-item-text-color: var(--zt-text-color);--zt-action-sheet-item-disabled-text-color: var(--zt-gray-a2);--zt-action-sheet-subname-color: var(--zt-gray-a6);--zt-action-sheet-subname-font-size: var(--zt-font-size-sm);--zt-action-sheet-subname-line-height: var(--zt-line-height-xs);--zt-action-sheet-close-icon-size: 22px;--zt-action-sheet-close-icon-color: var(--zt-gray-5);--zt-action-sheet-close-icon-padding: 0 var(--zt-padding-md);--zt-action-sheet-cancel-text-color: var(--zt-text-color);--zt-action-sheet-loading-icon-size: 16px;--zt-action-sheet-description-background: var(--zt-background-2)}.zt-action-sheet{display:flex;flex-direction:column;max-height:var(--zt-action-sheet-max-height);overflow:hidden;color:var(--zt-action-sheet-item-text-color)}.zt-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-action-sheet__item,.zt-action-sheet__cancel{display:block;width:100%;padding:10px var(--zt-padding-md);font-size:var(--zt-action-sheet-item-font-size);background:var(--zt-action-sheet-item-background);border:none;cursor:pointer}.zt-action-sheet__item{line-height:var(--zt-action-sheet-item-line-height)}.zt-action-sheet__item:active{background-color:var(--zt-gray-a04)}.zt-action-sheet__item--loading,.zt-action-sheet__item--disabled{color:var(--zt-action-sheet-item-disabled-text-color)}.zt-action-sheet__item--loading:active,.zt-action-sheet__item--disabled:active{background-color:var(--zt-action-sheet-item-background)}.zt-action-sheet__item--disabled{cursor:not-allowed}.zt-action-sheet__item--loading{cursor:default}.zt-action-sheet__item--with-sub{padding-top:8px;padding-bottom:8px}.zt-action-sheet__cancel{padding:8px 16px;flex-shrink:0;box-sizing:border-box;color:var(--zt-action-sheet-cancel-text-color)}.zt-action-sheet__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:16px;color:var(--zt-text-color);line-height:24px}.zt-action-sheet__cancel-btn:active{opacity:var(--zt-active-opacity)}.zt-action-sheet__subname{margin-top:var(--zt-padding-xxs);color:var(--zt-action-sheet-subname-color);font-size:var(--zt-action-sheet-subname-font-size);line-height:var(--zt-action-sheet-subname-line-height)}.zt-action-sheet__header{flex-shrink:0;font-weight:var(--zt-font-bold);font-size:var(--zt-action-sheet-header-font-size);line-height:var(--zt-action-sheet-header-height);text-align:center}.zt-action-sheet__description{background:var(--zt-action-sheet-description-background);position:relative;flex-shrink:0;padding:12px var(--zt-padding-md);color:var(--zt-action-sheet-description-color);font-size:var(--zt-action-sheet-description-font-size);line-height:var(--zt-action-sheet-description-line-height);text-align:center}.zt-action-sheet__description: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-action-sheet__description--custom{padding:0}.zt-action-sheet__loading-icon .zt-loading__spinner{width:var(--zt-action-sheet-loading-icon-size);height:var(--zt-action-sheet-loading-icon-size)}.zt-action-sheet__close{position:absolute;top:0;right:0;padding:var(--zt-action-sheet-close-icon-padding);color:var(--zt-action-sheet-close-icon-color);font-size:var(--zt-action-sheet-close-icon-size);line-height:inherit}
+:root{--zt-action-sheet-max-height: 80%;--zt-action-sheet-header-height: 44px;--zt-action-sheet-description-color: var(--zt-gray-a4);--zt-action-sheet-item-background: var(--zt-background-2);--zt-action-sheet-item-text-color: var(--zt-text-color);--zt-action-sheet-item-disabled-text-color: var(--zt-gray-a2);--zt-action-sheet-subname-color: var(--zt-gray-a6);--zt-action-sheet-close-icon-color: var(--zt-gray-5);--zt-action-sheet-close-icon-padding: 0 var(--zt-padding-md);--zt-action-sheet-cancel-text-color: var(--zt-text-color);--zt-action-sheet-loading-icon-size: 16px;--zt-action-sheet-description-background: var(--zt-background-2)}:root[zt-theme-size=large]{--zt-action-sheet-header-height: 56px}.zt-action-sheet{display:flex;flex-direction:column;max-height:var(--zt-action-sheet-max-height);overflow:hidden;color:var(--zt-action-sheet-item-text-color)}.zt-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-action-sheet__item,.zt-action-sheet__cancel{display:block;width:100%;padding:10px var(--zt-padding-md);font-size:var(--zt-font-size-lg);background:var(--zt-action-sheet-item-background);border:none;cursor:pointer}.zt-action-sheet__item{line-height:var(--zt-line-height-xl)}.zt-action-sheet__item:active{background-color:var(--zt-gray-a04)}.zt-action-sheet__item--loading,.zt-action-sheet__item--disabled{color:var(--zt-action-sheet-item-disabled-text-color)}.zt-action-sheet__item--loading:active,.zt-action-sheet__item--disabled:active{background-color:var(--zt-action-sheet-item-background)}.zt-action-sheet__item--disabled{cursor:not-allowed}.zt-action-sheet__item--loading{cursor:default}.zt-action-sheet__item--with-sub{padding-top:8px;padding-bottom:8px}.zt-action-sheet__cancel{padding:8px 16px;flex-shrink:0;box-sizing:border-box;color:var(--zt-action-sheet-cancel-text-color)}.zt-action-sheet__cancel-btn{width:100%;border:none;cursor:pointer;background-color:var(--zt-gray-a04);border-radius:20px;height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);line-height:var(--zt-line-height-xl)}.zt-action-sheet__cancel-btn:active{opacity:var(--zt-active-opacity)}.zt-action-sheet__subname{margin-top:var(--zt-padding-xxs);color:var(--zt-action-sheet-subname-color);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-xs)}.zt-action-sheet__header{flex-shrink:0;font-weight:var(--zt-font-bold);font-size:var(--zt-font-size-lg);line-height:var(--zt-action-sheet-header-height);text-align:center}.zt-action-sheet__description{background:var(--zt-action-sheet-description-background);position:relative;flex-shrink:0;padding:12px var(--zt-padding-md);color:var(--zt-action-sheet-description-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center}.zt-action-sheet__description: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-action-sheet__description--custom{padding:0}.zt-action-sheet__loading-icon .zt-loading__spinner{width:var(--zt-action-sheet-loading-icon-size);height:var(--zt-action-sheet-loading-icon-size)}.zt-action-sheet__close{position:absolute;top:0;right:0;padding:var(--zt-action-sheet-close-icon-padding);color:var(--zt-action-sheet-close-icon-color);font-size:var(--zt-font-size-xxxl);line-height:inherit}

package/lib/action-sheet/index.d.ts

@@ -128,6 +128,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
 export default ActionSheet;
 export { actionSheetProps } from './ActionSheet';
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';
+export type { ActionSheetThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtActionSheet: typeof ActionSheet;

package/lib/action-sheet/types.d.ts

@@ -0,0 +1,14 @@
+export type ActionSheetThemeVars = {
+    actionSheetMaxHeight?: string;
+    actionSheetDescriptionColor?: string;
+    actionSheetItemBackground?: string;
+    actionSheetItemTextColor?: string;
+    actionSheetItemDisaabledTextColor?: string;
+    actionSheetSubnameColor?: string;
+    actionSheetCloseIconColor?: string;
+    actionSheetCloseIconPadding?: string;
+    actionSheetCancelTextColor?: string;
+    actionSheetLoadingIconSize?: string;
+    actionSheetDescriptionBackground?: string;
+    actionSheetHeaderHeight?: string;
+};

package/lib/action-sheet/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);