zartui 3.1.9 → 3.1.11

package/lib/search/index.css

@@ -1 +1 @@
-:root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-input-height: 20px;--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-label-font-size: var(--zt-font-size-md);--zt-search-left-icon-color: var(--zt-gray-a4);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-primary-color);--zt-search-action-font-size: var(--zt-font-size-md);--zt-search-border-radius-sm: 2px;--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-search-label-font-size);line-height:var(--zt-search-input-height)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-blue)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-search-action-font-size);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background-2);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}
+:root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-primary-color);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-primary-color)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-font-size-md);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background-2);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}

package/lib/search/index.d.ts

@@ -62,7 +62,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     inputBackground: StringConstructor;
     actionText: StringConstructor;
     showAction: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue")[], "search" | "clear" | "blur" | "cancel" | "focus" | "clickInput" | "clickRightIcon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     id: StringConstructor;
     name: StringConstructor;
     titleIcon: StringConstructor;
@@ -141,17 +141,17 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     leftIcon: string;
     clearable: boolean;
     clearIcon: string;
+    error: boolean;
     modelValue: string | number;
     clearTrigger: import("..").FieldClearTrigger;
     formatTrigger: import("..").FieldFormatTrigger;
-    error: boolean;
     readonly: boolean;
     showAction: boolean;
 }, {}>>;
 export default Search;
 export { searchProps } from './Search';
 export type { SearchProps };
-export type { SearchShape, SearchInstance } from './types';
+export type { SearchShape, SearchInstance, SearchThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSearch: typeof Search;

package/lib/search/types.d.ts

@@ -6,3 +6,15 @@ export type SearchExpose = {
     blur: () => void;
 };
 export type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;
+export type SearchThemeVars = {
+    searchPadding?: string;
+    searchBackground?: string;
+    searchContentBackground?: string;
+    searchLabelPadding?: string;
+    searchLabelColor?: string;
+    searchActionPadding?: string;
+    searchActionTextColor?: string;
+    searchContentBoxShadow?: string;
+    searchRoundBorder?: string;
+    searchPlaceholder?: string;
+};

package/lib/signature/index.css

@@ -1 +1 @@
-:root{--zt-signature-canvas-z-index: 1;--zt-signature-canvas-background-color: var(--zt-white);--zt-signature-hint-z-index: 2;--zt-signature-actions-z-index: 2;--zt-signature-button-backgroud: #ffffff;--zt-signature-button-again-border: .5px solid #ff8700;--zt-signature-button-cancel-border: .5px solid rgba(45, 75, 115, .2);--zt-signature-button-complete-background-image: linear-gradient(-45deg, #3cafff 0%, #0091fa 100%)}.zt-signature{background-color:var(--zt-background);width:100%;height:100%;position:relative}.zt-signature__placeholder{z-index:var(--zt-signature-hint-z-index);pointer-events:none;position:absolute;left:0;top:calc(50% - 12px);font-size:16px;height:24px;width:100%;color:var(--zt-gray-a2);text-align:center}.zt-signature__canvasWrapper{z-index:var(--zt-signature-canvas-z-index);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--zt-signature-canvas-background-color)}.zt-signature__canvas{background:var(--zt-signature-canvas-background-color);color:var(--zt-signature-canvas-background-color)}.zt-signature__actions{z-index:var(--zt-signature-actions-z-index);position:absolute;right:0;bottom:16px;width:320px;float:right}.zt-signature__actions button{float:left;width:96px;margin-right:8px}.zt-signature__stroke{color:var(--zt-text-color)}.zt-signature__button-again{background:var(--zt-signature-button-backgroud);border:var(--zt-signature-button-again-border)}.zt-signature__button-cancel{background:var(--zt-signature-button-backgroud);color:var(--zt-text-color);border:var(--zt-signature-button-cancel-border)}.zt-signature__button-complete{background-image:var(--zt-signature-button-complete-background-image)}.zt-theme-dark{--zt-signature-canvas-background-color: #19222d;--zt-signature-button-backgroud: rgba(255, 255, 255, .04);--zt-signature-button-again-border: 0px;--zt-signature-button-cancel-border: 0px;--zt-signature-button-complete-background-image: linear-gradient(-45deg, #3cafff 0%, #0091fa 100%)}
+:root{--zt-signature-canvas-z-index: 1;--zt-signature-canvas-background-color: var(--zt-white);--zt-signature-hint-z-index: 2;--zt-signature-actions-z-index: 2;--zt-signature-button-background: #ffffff;--zt-signature-button-again-border: .5px solid var(--zt-orange);--zt-signature-button-cancel-border: .5px solid rgba(45, 75, 115, .2)}.zt-signature{background-color:var(--zt-background);width:100%;height:100%;position:relative}.zt-signature__placeholder{z-index:var(--zt-signature-hint-z-index);pointer-events:none;position:absolute;left:0;top:calc(50% - 12px);font-size:var(--zt-font-size-lg);height:24px;width:100%;color:var(--zt-gray-a2);text-align:center}.zt-signature__canvasWrapper{z-index:var(--zt-signature-canvas-z-index);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--zt-signature-canvas-background-color)}.zt-signature__canvas{background:var(--zt-signature-canvas-background-color);color:var(--zt-signature-canvas-background-color)}.zt-signature__actions{z-index:var(--zt-signature-actions-z-index);position:absolute;right:0;bottom:16px;width:320px;float:right}.zt-signature__actions button{float:left;width:96px;margin-right:8px}.zt-signature__stroke{color:var(--zt-text-color)}.zt-signature__button-again{background:var(--zt-signature-button-background);border:var(--zt-signature-button-again-border)}.zt-signature__button-cancel{background:var(--zt-signature-button-background);color:var(--zt-text-color);border:var(--zt-signature-button-cancel-border)}.zt-theme-dark{--zt-signature-canvas-background-color: #19222d;--zt-signature-button-background: rgba(255, 255, 255, .04);--zt-signature-button-again-border: 0px;--zt-signature-button-cancel-border: 0px}

package/lib/signature/index.d.ts

@@ -75,7 +75,7 @@ export declare const Signature: import("../utils").WithInstall<import("vue").Def
 export default Signature;
 export { signatureProps } from './Signature';
 export type { SignatureProps } from './Signature';
-export type { SignatureResultType } from './types';
+export type { SignatureResultType, SignatureThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSignature: typeof Signature;

package/lib/signature/types.d.ts

@@ -1 +1,10 @@
 export type SignatureResultType = 'file' | 'dataUrl';
+export type SignatureThemeVars = {
+    signatureCanvasZIndex?: number;
+    signatureCanvasBackgroundColor?: string;
+    signatureHintZIndex?: number;
+    signatureActionsZIndex?: number;
+    signatureButtonBackground?: string;
+    signatureButtonAgainBorder?: string;
+    signatureButtonCancelBorder?: string;
+};

package/lib/skeleton/index.d.ts

@@ -71,6 +71,7 @@ export declare const Skeleton: import("../utils").WithInstall<import("vue").Defi
 export default Skeleton;
 export { skeletonProps } from './Skeleton';
 export type { SkeletonProps, SkeletonAvatarShape } from './Skeleton';
+export type { SkeletonThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSkeleton: typeof Skeleton;

package/lib/skeleton/types.d.ts

@@ -0,0 +1,9 @@
+export type SkeletonThemeVars = {
+    skeletonRowHeight?: string;
+    skeletonRowBackground?: string;
+    skeletonRowMarginTop?: string;
+    skeletonTitleWidth?: string;
+    skeletonAvatarSize?: string;
+    skeletonAvatarBackground?: string;
+    skeletonDuration?: string;
+};

package/lib/skeleton/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);

package/lib/step/Step.js

@@ -77,12 +77,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } = parentProps;
       const style = {};
       if (isActive()) {
-        style.background = `${activeBgColor || "rgba(0,145,250,0.20)"}`;
+        style.background = `${activeBgColor || "var(--zt-primary-color-a2)"}`;
         if (activeBorderColor) {
           style.border = `1px solid ${activeBorderColor}`;
         }
         style.fontWeight = "bold";
-        style.color = `${activeColor || "#0091FA"}`;
+        style.color = `${activeColor || "var(--zt-primary-color)"}`;
       } else {
         style.background = `${inactiveBgColor || ""}`;
         if (inactiveBorderColor) {

package/lib/step/index.css

@@ -1 +1 @@
-:root{--zt-step-text-color: var(--zt-text-color-2);--zt-step-active-color: var(--zt-gray);--zt-step-process-text-color: var(--zt-text-color);--zt-step-font-size: var(--zt-font-size-md);--zt-step-line-color: var(--zt-gray-a1);--zt-step-finish-line-color: var(--zt-primary-color);--zt-step-finish-text-color: var(--zt-text-color);--zt-step-icon-size: 12px;--zt-step-circle-container-backgroud: var(--zt-background-2);--zt-step-circle-size: 20px;--zt-step-circle-font-size: 14px;--zt-step-circle-color: var(--zt-gray-6);--zt-step-horizontal-title-font-size: var(--zt-font-size-md)}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-step-circle-size);height:var(--zt-step-circle-size);line-height:var(--zt-step-circle-size);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-step-circle-font-size)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-backgroud);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-step-horizontal-title-font-size);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:0;z-index:1;font-size:var(--zt-step-icon-size);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-step-icon-size);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
+:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-2);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-sm)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}

package/lib/step/index.d.ts

@@ -8,6 +8,7 @@ export declare const Step: import("../utils").WithInstall<import("vue").DefineCo
     inactiveIcon: StringConstructor;
 }>>, {}, {}>>;
 export default Step;
+export type { StepThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtStep: typeof Step;

package/lib/step/types.d.ts

@@ -0,0 +1,6 @@
+export type StepThemeVars = {
+    stepProcessTextColor?: string;
+    stepLineColor?: string;
+    stepCircleContainerBackground?: string;
+    stepCircleContainerLeft?: string;
+};

package/lib/step/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);

package/lib/stepper/Stepper.d.ts

@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/lib/stepper/index.css

@@ -1 +1 @@
-:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-a2);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-font-size: var(--zt-font-size-md);--zt-stepper-input-line-height: 20px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-stepper-input-font-size);line-height:var(--zt-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}
+:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-a2);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-2);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}

package/lib/stepper/index.d.ts

@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit")[], "blur" | "change" | "focus" | "update:modelValue" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -125,6 +125,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
 }, {}>>;
 export default Stepper;
 export type { StepperTheme, StepperProps } from './Stepper';
+export type { StepperThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtStepper: typeof Stepper;

package/lib/stepper/types.d.ts

@@ -0,0 +1,17 @@
+export type StepperThemeVars = {
+    stepperBackground?: string;
+    stepperBackgroundImage?: string;
+    stepperBoxBorder?: string;
+    stepperButtonIconColor?: string;
+    stepperButtonDisabledColor?: string;
+    stepperButtonDisabledIconColor?: string;
+    stepperButtonRoundThemeColor?: string;
+    stepperButtonBoxShadow?: string;
+    stepperInputWidth?: string;
+    stepperInputHeight?: string;
+    stepperInputTextColor?: string;
+    stepperInputDisabledTextColor?: string;
+    stepperInputDisabledBackground?: string;
+    stepperInputBoxShadow?: string;
+    stepperRadius?: string;
+};

package/lib/stepper/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);

package/lib/steps/index.css

@@ -1 +1 @@
-:root{--zt-steps-background: var(--zt-background-2);--zt-steps-vertical-title-color: rgba(0, 0, 0, .4)}.zt-steps{overflow:hidden;background-color:var(--zt-steps-background);margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.zt-steps--horizontal{padding:8px 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:flex}.zt-steps--vertical{padding:0 0 0 var(--zt-padding-xl)}.zt-theme-dark{--zt-steps-vertical-title-color: rgba(255, 255, 255, .4)}
+:root{--zt-steps-background: var(--zt-background-2);--zt-steps-vertical-title-color: rgba(0, 0, 0, .4);--zt-steps-horizontal-padding: var(--zt-padding-xs)}:root[zt-theme-size=large]{--zt-steps-horizontal-padding: 14px}.zt-steps{overflow:hidden;background-color:var(--zt-steps-background);margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.zt-steps--horizontal{padding:var(--zt-steps-horizontal-padding) 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:flex}.zt-steps--vertical{padding:0 0 0 var(--zt-padding-xl)}.zt-theme-dark{--zt-steps-vertical-title-color: rgba(255, 255, 255, .4)}

package/lib/steps/index.d.ts

@@ -41,6 +41,7 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
 export default Steps;
 export { stepsProps } from './Steps';
 export type { StepsProps, StepsDirection } from './Steps';
+export type { StepsThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSteps: typeof Steps;

package/lib/steps/types.d.ts

@@ -0,0 +1,5 @@
+export type StepsThemeVars = {
+    stepsBackground?: string;
+    stepsVerticalTitleColor?: string;
+    stepsHorizontalPadding?: string;
+};

package/lib/steps/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);

package/lib/sticky/index.d.ts

@@ -38,6 +38,7 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
 }, {}>>;
 export default Sticky;
 export type { StickyProps, StickyPosition } from './Sticky';
+export type { StickyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSticky: typeof Sticky;

package/lib/sticky/types.d.ts

@@ -0,0 +1,3 @@
+export type StickyThemeVars = {
+    stickyZIndex?: number;
+};

package/lib/sticky/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);

package/lib/style/base.css

@@ -1 +1 @@
-:root{--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-text-color-rgb: var(--zt-gray-rgb);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: #ff9623;--zt-green: #28cd78;--zt-yellow: #ffcd23;--zt-orange-2: #ff8700;--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-gt: 18px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-clearfix:after{display:table;clear:both;content:""}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-haptics-feedback{cursor:pointer}.zt-haptics-feedback:active{opacity:var(--zt-active-opacity)}[class*=zt-hairline]: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-hairline,.zt-hairline--top,.zt-hairline--left,.zt-hairline--right,.zt-hairline--bottom,.zt-hairline--surround,.zt-hairline--top-bottom{position:relative}.zt-hairline--top:after{border-top-width:var(--zt-border-width)}.zt-hairline--left:after{border-left-width:var(--zt-border-width)}.zt-hairline--right:after{border-right-width:var(--zt-border-width)}.zt-hairline--bottom:after{border-bottom-width:var(--zt-border-width)}.zt-hairline--top-bottom:after,.zt-hairline-unset--top-bottom:after{border-width:var(--zt-border-width) 0}.zt-hairline--surround:after{border-width:var(--zt-border-width)}
+:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-deep-green-r: 0;--zt-deep-green-g: 175;--zt-deep-green-b: 145;--zt-deep-green-rgb: var(--zt-deep-green-r), var(--zt-deep-green-g), var(--zt-deep-green-b);--zt-orange-r: 255;--zt-orange-g: 150;--zt-orange-b: 35;--zt-orange-rgb: var(--zt-orange-r), var(--zt-orange-g), var(--zt-orange-b);--zt-yellow-r: 255;--zt-yellow-g: 205;--zt-yellow-b: 35;--zt-yellow-rgb: var(--zt-yellow-r), var(--zt-yellow-g), var(--zt-yellow-b);--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: rgb(var(--zt-orange-rgb));--zt-green: rgb(var(--zt-green-rgb));--zt-yellow: rgb(var(--zt-yellow-rgb));--zt-text-color-rgb: var(--zt-gray-rgb);--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a2: rgba(var(--zt-primary-color-rgb), .2);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-xl: 18px;--zt-font-size-xxl: 20px;--zt-font-size-xxxl: 22px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-line-height-xl: 24px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}:root[zt-theme-size=large]{--zt-font-size-sm: 18px;--zt-font-size-md: 20px;--zt-font-size-lg: 22px;--zt-font-size-xl: 24px;--zt-font-size-xxl: 26px;--zt-font-size-xxxl: 28px;--zt-line-height-xs: 28px;--zt-line-height-sm: 30px;--zt-line-height-md: 32px;--zt-line-height-lg: 34px;--zt-line-height-xl: 36px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-clearfix:after{display:table;clear:both;content:""}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-haptics-feedback{cursor:pointer}.zt-haptics-feedback:active{opacity:var(--zt-active-opacity)}[class*=zt-hairline]: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-hairline,.zt-hairline--top,.zt-hairline--left,.zt-hairline--right,.zt-hairline--bottom,.zt-hairline--surround,.zt-hairline--top-bottom{position:relative}.zt-hairline--top:after{border-top-width:var(--zt-border-width)}.zt-hairline--left:after{border-left-width:var(--zt-border-width)}.zt-hairline--right:after{border-right-width:var(--zt-border-width)}.zt-hairline--bottom:after{border-bottom-width:var(--zt-border-width)}.zt-hairline--top-bottom:after,.zt-hairline-unset--top-bottom:after{border-width:var(--zt-border-width) 0}.zt-hairline--surround:after{border-width:var(--zt-border-width)}

package/lib/style/css-variables.css

@@ -1 +1 @@
-:root{--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-text-color-rgb: var(--zt-gray-rgb);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: #ff9623;--zt-green: #28cd78;--zt-yellow: #ffcd23;--zt-orange-2: #ff8700;--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-gt: 18px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}
+:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-deep-green-r: 0;--zt-deep-green-g: 175;--zt-deep-green-b: 145;--zt-deep-green-rgb: var(--zt-deep-green-r), var(--zt-deep-green-g), var(--zt-deep-green-b);--zt-orange-r: 255;--zt-orange-g: 150;--zt-orange-b: 35;--zt-orange-rgb: var(--zt-orange-r), var(--zt-orange-g), var(--zt-orange-b);--zt-yellow-r: 255;--zt-yellow-g: 205;--zt-yellow-b: 35;--zt-yellow-rgb: var(--zt-yellow-r), var(--zt-yellow-g), var(--zt-yellow-b);--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: rgb(var(--zt-orange-rgb));--zt-green: rgb(var(--zt-green-rgb));--zt-yellow: rgb(var(--zt-yellow-rgb));--zt-text-color-rgb: var(--zt-gray-rgb);--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a2: rgba(var(--zt-primary-color-rgb), .2);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: #edf3fa;--zt-background-4: rgba(255, 205, 35, .2);--zt-background-5: #ff4b50;--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-xl: 18px;--zt-font-size-xxl: 20px;--zt-font-size-xxxl: 22px;--zt-line-height-xs: 16px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-line-height-xl: 24px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}:root[zt-theme-size=large]{--zt-font-size-sm: 18px;--zt-font-size-md: 20px;--zt-font-size-lg: 22px;--zt-font-size-xl: 24px;--zt-font-size-xxl: 26px;--zt-font-size-xxxl: 28px;--zt-line-height-xs: 28px;--zt-line-height-sm: 30px;--zt-line-height-md: 32px;--zt-line-height-lg: 34px;--zt-line-height-xl: 36px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-2: #19232d;--zt-background-3: #19232d;--zt-background-card: var(--zt-gray-a04)}

package/lib/swipe/index.css

@@ -1 +1 @@
-:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-font-size: 16px;--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-swipe-title-font-size);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}
+:root{--zt-swipe-indicator-size: 4px;--zt-swipe-indicator-active-opacity: 1;--zt-swipe-indicator-inactive-opacity: .4;--zt-swipe-indicator-active-background: var(--zt-white);--zt-swipe-indicator-inactive-background: var(--zt-white);--zt-swipe-title-color: var(--zt-white);--zt-footer-padding: 0 16px;--zt-footer-height: 44px}.zt-swipe{position:relative;overflow:hidden;transform:translateZ(0);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none}.zt-swipe__track{display:flex;height:100%;transition-property:transform}.zt-swipe__track--vertical{flex-direction:column}.zt-swipe__foot{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6));height:var(--zt-footer-height);position:absolute;bottom:0;width:100%;padding:var(--zt-footer-padding);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.zt-swipe__title{font-size:var(--zt-font-size-lg);color:var(--zt-swipe-title-color)}.zt-swipe__indicators{display:flex}.zt-swipe__indicators--vertical{flex-direction:column}.zt-swipe__indicators--vertical .zt-swipe__indicator:not(:last-child){margin-bottom:var(--zt-swipe-indicator-size)}.zt-swipe__indicator{width:var(--zt-swipe-indicator-size);height:var(--zt-swipe-indicator-size);background-color:var(--zt-swipe-indicator-inactive-background);border-radius:100%;opacity:var(--zt-swipe-indicator-inactive-opacity);transition:opacity var(--zt-duration-fast),background-color var(--zt-duration-fast)}.zt-swipe__indicator:not(:last-child){margin-right:var(--zt-swipe-indicator-size)}.zt-swipe__indicator--active{background-color:var(--zt-swipe-indicator-active-background);opacity:var(--zt-swipe-indicator-active-opacity)}

package/lib/swipe/index.d.ts

@@ -86,7 +86,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
 }, {}>>;
 export default Swipe;
 export type { SwipeProps };
-export type { SwipeInstance, SwipeToOptions } from './types';
+export type { SwipeInstance, SwipeToOptions, SwipeThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtSwipe: typeof Swipe;

package/lib/swipe/types.d.ts

@@ -29,3 +29,13 @@ export type SwipeProvide = {
     activeIndicator: ComputedRef<number>;
 };
 export type SwipeInstance = ComponentPublicInstance<SwipeProps, SwipeExpose>;
+export type SwipeThemeVars = {
+    swipeIndicatorSize?: string;
+    swipeIndicatorActiveOpacity?: number;
+    swipeIndicatorInactiveOpacity?: number;
+    swipeIndicatorActiveBackground?: string;
+    swipeIndicatorInactiveBackground?: string;
+    swipeTitleColor?: string;
+    footerPadding?: string;
+    footerHeight?: string;
+};

package/lib/switch/Switch.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => 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<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;

package/lib/switch/index.css

@@ -1 +1 @@
-:root{--zt-switch-size: 28px;--zt-switch-width:calc(1.5em + 10px);--zt-switch-height: 1em;--zt-switch-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15);--zt-switch-node-size:calc(1em - 4px);--zt-switch-node-border-radius: 18px;--zt-switch-node-background: linear-gradient(135deg, #e6edf0 0%, #ffffff 100%, #ffffff 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid #ffffff99;--zt-switch-node-on-border: var(--zt-switch-node-border);--zt-switch-node-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .15);--zt-switch-node-on-shadow: -2px 2px 4px 0 rgba(45, 75, 115, .4);--zt-switch-background: #fafaff;--zt-switch-on-background: var(--zt-primary-color);--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-duration: var(--zt-duration-base);--zt-switch-disabled-opacity: var(--zt-disabled-opacity)}.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--zt-switch-width);height:var(--zt-switch-height);font-size:var(--zt-switch-size);background:var(--zt-switch-background);border-radius:var(--zt-switch-node-size);cursor:pointer;transition:background-color var(--zt-switch-duration);box-shadow:var(--zt-switch-shadow)}.zt-switch__node{position:absolute;top:1px;left:1px;width:var(--zt-switch-node-size);height:var(--zt-switch-node-size);font-size:inherit;background-image:var(--zt-switch-node-background);border:var(--zt-switch-node-border);border-radius:100%;box-shadow:var(--zt-switch-node-shadow);transition:transform var(--zt-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background:var(--zt-switch-on-background);box-shadow:var(--zt-switch-on-shadow)}.zt-switch--on .zt-switch__node{background:var(--zt-switch-node-on-background);border:var(--zt-switch-node-on-border);box-shadow:var(--zt-switch-node-on-shadow);transform:translate(calc(var(--zt-switch-width) - var(--zt-switch-node-size) - 4px))}.zt-switch--on .zt-switch__loading{color:var(--zt-switch-on-background)}.zt-switch--disabled{cursor:not-allowed;opacity:var(--zt-switch-disabled-opacity)}.zt-switch--loading{cursor:default}.zt-theme-dark{--zt-switch-shadow: inset 4px 4px 8px 0 #0f1923;--zt-switch-background: #202d39;--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-node-background: linear-gradient(135deg, #0e1824 0%, #24364b 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid rgba(255, 255, 255, .08);--zt-switch-node-on-border: 1px solid rgba(255, 255, 255, .6);--zt-switch-node-shadow: 0 0 5px 0 rgba(0, 12, 24, .8)}
+:root{--zt-switch-font-size: 28px;--zt-switch-width:calc(1.5em + 10px);--zt-switch-height: 1em;--zt-switch-shadow: inset 2px 2px 4px 1px rgba(0, 0, 0, .15);--zt-switch-node-size:calc(1em - 4px);--zt-switch-node-background: linear-gradient(135deg, #e6edf0 0%, #ffffff 100%, #ffffff 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid #ffffff99;--zt-switch-node-on-border: var(--zt-switch-node-border);--zt-switch-node-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .15);--zt-switch-node-on-shadow: -2px 2px 4px 0 rgba(45, 75, 115, .4);--zt-switch-background: #fafaff;--zt-switch-on-background: var(--zt-primary-color);--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-duration: var(--zt-duration-base);--zt-switch-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-switch-font-size: 34px}.zt-switch{position:relative;display:inline-block;box-sizing:content-box;width:var(--zt-switch-width);height:var(--zt-switch-height);font-size:var(--zt-switch-font-size);background:var(--zt-switch-background);border-radius:var(--zt-switch-node-size);cursor:pointer;transition:background-color var(--zt-switch-duration);box-shadow:var(--zt-switch-shadow)}.zt-switch__node{position:absolute;top:1px;left:1px;width:var(--zt-switch-node-size);height:var(--zt-switch-node-size);font-size:inherit;background-image:var(--zt-switch-node-background);border:var(--zt-switch-node-border);border-radius:100%;box-shadow:var(--zt-switch-node-shadow);transition:transform var(--zt-switch-duration) cubic-bezier(.3,1.05,.4,1.05)}.zt-switch__loading{top:25%;left:25%;width:50%;height:50%;line-height:1}.zt-switch--on{background:var(--zt-switch-on-background);box-shadow:var(--zt-switch-on-shadow)}.zt-switch--on .zt-switch__node{background:var(--zt-switch-node-on-background);border:var(--zt-switch-node-on-border);box-shadow:var(--zt-switch-node-on-shadow);transform:translate(calc(var(--zt-switch-width) - var(--zt-switch-node-size) - 4px))}.zt-switch--on .zt-switch__loading{color:var(--zt-switch-on-background)}.zt-switch--disabled{cursor:not-allowed;opacity:var(--zt-switch-disabled-opacity)}.zt-switch--loading{cursor:default}.zt-theme-dark{--zt-switch-shadow: inset 4px 4px 8px 0 #0f1923;--zt-switch-background: #202d39;--zt-switch-on-shadow: inset 2px 2px 4px 0 #2d4b7366;--zt-switch-node-background: linear-gradient(135deg, #0e1824 0%, #24364b 100%);--zt-switch-node-on-background: linear-gradient(135deg, #dce1eb 0%, #ffffff 100%);--zt-switch-node-border: 1px solid rgba(255, 255, 255, .08);--zt-switch-node-on-border: 1px solid rgba(255, 255, 255, .6);--zt-switch-node-shadow: 0 0 5px 0 rgba(0, 12, 24, .8)}

package/lib/switch/index.d.ts

@@ -13,7 +13,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<unknown>;
         default: unknown;
     };
-}, () => 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<{
     size: (NumberConstructor | StringConstructor)[];
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -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/lib/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/lib/switch/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);

package/lib/tabbar/Tabbar.d.ts

@@ -53,7 +53,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<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;

package/lib/tabbar/index.d.ts

@@ -21,7 +21,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
         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<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -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/lib/tabbar/types.d.ts

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

package/lib/tabbar/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);

package/lib/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-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--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);box-sizing:border-box}.zt-tabbar-item__icon:active{background:rgba(45,75,115,.04);box-shadow:var(--zt-tabbar-item-icon-active-box-shadow)}.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%);--zt-tabbar-item-icon-active-box-shadow: inset 6px 6px 6px 0 #000d1b}