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

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-popup);--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)}
+: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-popup);--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;-moz-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: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

@@ -1,5 +1,5 @@
 import { TimePickerProps } from './TimePicker';
-export declare const TimePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const TimePicker: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -84,7 +84,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clickOption")[], "update:modelValue" | "change" | "clickOption", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clickOption")[], "update:modelValue" | "change" | "clickOption", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -169,11 +169,11 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClickOption?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     title: string;
     formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     modelValue: string[];
@@ -193,7 +193,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     minSecond: string | number;
     maxSecond: string | number;
     columnsType: import("./TimePicker").TimePickerColumnType[];
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default TimePicker;
 export { timePickerProps } from './TimePicker';
 export type { TimePickerProps };

package/es/timeline/Timeline.d.ts

@@ -43,7 +43,7 @@ export declare const timelineProps: {
     };
 };
 export type TimelineProps = ExtractPropTypes<typeof timelineProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     title: string;
     dot: boolean;
     defaultFold: boolean;
@@ -109,5 +109,5 @@ declare const _default: import("vue").DefineComponent<{
     processes: TimelineProcessOption[];
     opinionKey: string;
     enableSingleFold: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/timeline/Timeline.mjs

@@ -1,5 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { defineComponent, computed, ref } from "vue";
+import { defineComponent, computed, ref, createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
 import Switch from "../switch/index.mjs";
 import { BORDER_BOTTOM, createNamespace, makeArrayProp, makeNumberProp, makeStringProp, truthProp } from "../utils/index.mjs";
 const [name, bem] = createNamespace("timeline");

package/es/timeline/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Timeline: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Timeline: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -27,7 +27,7 @@ export declare const Timeline: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -56,7 +56,7 @@ export declare const Timeline: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     title: string;
     dot: boolean;
     defaultFold: boolean;
@@ -64,7 +64,7 @@ export declare const Timeline: import("../utils").WithInstall<import("vue").Defi
     processes: import("./Timeline").TimelineProcessOption[];
     opinionKey: string;
     enableSingleFold: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Timeline;
 export { timelineProps } from './Timeline';
 export type { TimelineProcessOption, TimelineProps } from './Timeline';

package/es/toast/Toast.d.ts

@@ -35,7 +35,7 @@ declare const toastProps: {
     closeOnClickOverlay: BooleanConstructor;
 };
 export type ToastProps = ExtractPropTypes<typeof toastProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {
@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {
@@ -99,9 +99,9 @@ declare const _default: import("vue").DefineComponent<{
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: ToastType;
     position: ToastPosition;
     overlay: boolean;
@@ -111,5 +111,5 @@ declare const _default: import("vue").DefineComponent<{
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/toast/Toast.mjs

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { watch, onMounted, onUnmounted, defineComponent } from "vue";
+import { watch, onMounted, onUnmounted, defineComponent, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils/index.mjs";
 import { lockClick } from "./lock-click.mjs";
 import { Icon } from "../icon/index.mjs";

package/es/toast/function-call.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, watch, getCurrentInstance } from "vue";
+import { ref, watch, getCurrentInstance, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { extend, isObject, inBrowser } from "../utils/index.mjs";
 import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
 import ZtToast from "./Toast.mjs";

package/es/toast/index.css

@@ -1 +1 @@
-: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-default-max-height: 80%;--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);max-height:var(--zt-toast-default-max-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)}
+: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-default-max-height: 80%;--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);max-height:var(--zt-toast-default-max-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:-moz-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

@@ -1,4 +1,4 @@
-export declare const Toast: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Toast: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {
@@ -30,7 +30,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {
@@ -62,9 +62,9 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}>> & {
+}>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: import("./types").ToastType;
     position: import("./types").ToastPosition;
     overlay: boolean;
@@ -74,7 +74,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Toast;
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';

package/es/uploader/Uploader.d.ts

@@ -66,7 +66,7 @@ export declare const uploaderProps: {
     };
 };
 export type UploaderProps = ExtractPropTypes<typeof uploaderProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -186,14 +186,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onOversize?: ((...args: any[]) => any) | undefined;
     onClickUpload?: ((...args: any[]) => any) | undefined;
     onClosePreview?: ((...args: any[]) => any) | undefined;
     onClickPreview?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     disabled: boolean;
     accept: string;
@@ -210,5 +210,5 @@ declare const _default: import("vue").DefineComponent<{
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/uploader/Uploader.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, reactive, defineComponent, onBeforeUnmount } from "vue";
+import { ref, reactive, defineComponent, onBeforeUnmount, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { pick, extend, toArray, isPromise, truthProp, getSizeStyle, makeArrayProp, makeStringProp, makeNumericProp } from "../utils/index.mjs";
 import { bem, name, isOversize, filterFiles, isImageFile, readFileContent } from "./utils.mjs";
 import { useCustomFieldValue } from "@zartui/use";

package/es/uploader/UploaderPreviewItem.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { Numeric, Interceptor } from '../utils';
 import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     deletable: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: (NumberConstructor | StringConstructor)[];
     item: {
         type: PropType<UploaderFileListItem>;
@@ -26,11 +26,11 @@ declare const _default: import("vue").DefineComponent<{
     deletable: BooleanConstructor;
     previewSize: PropType<Numeric | [Numeric, Numeric]>;
     beforeDelete: PropType<Interceptor>;
-}>> & {
+}>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     onPreview?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     lazyLoad: boolean;
     deletable: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/uploader/UploaderPreviewItem.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { t, bem, isImageFile } from "./utils.mjs";
 import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";

package/es/uploader/index.d.ts

@@ -1,5 +1,5 @@
 import { UploaderProps } from './Uploader';
-export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -59,7 +59,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview")[], "delete" | "update:modelValue" | "oversize" | "clickUpload" | "closePreview" | "clickPreview", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -119,14 +119,14 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
     onOversize?: ((...args: any[]) => any) | undefined;
     onClickUpload?: ((...args: any[]) => any) | undefined;
     onClosePreview?: ((...args: any[]) => any) | undefined;
     onClickPreview?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     disabled: boolean;
     accept: string;
@@ -143,7 +143,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Uploader;
 export { uploaderProps } from './Uploader';
 export type { UploaderProps };

package/es/utils/dom.d.ts

@@ -12,4 +12,4 @@ export declare function preventDefault(event: Event, isStopPropagation?: boolean
 export declare function isHidden(elementRef: HTMLElement | Ref<HTMLElement | undefined>): boolean;
 export declare function colorFromCSSClass(className: string, defaultColor: string): string;
 export declare const getTargetDom: (target: TargetContainer) => HTMLElement;
-export declare const windowWidth: Ref<number>, windowHeight: Ref<number>;
+export declare const windowWidth: Ref<number, number>, windowHeight: Ref<number, number>;

package/es/utils/format.d.ts

@@ -11,3 +11,4 @@ export declare function padZero(num: Numeric, targetLength?: number): string;
 export declare const clamp: (num: number, min: number, max: number) => number;
 export declare function formatNumber(value: string, allowDot?: boolean, allowMinus?: boolean): string;
 export declare function addNumber(num1: number, num2: number): number;
+export declare function formatSeconds(value?: string | number): string;

package/es/utils/format.mjs

@@ -106,12 +106,27 @@ function addNumber(num1, num2) {
   const cardinal = 10 ** 10;
   return Math.round((num1 + num2) * cardinal) / cardinal;
 }
+function formatSeconds(value = 0) {
+  if (!value) {
+    return "00:00:00";
+  }
+  const time = typeof value === "number" ? value : parseInt(value);
+  const hours = Math.floor(time / 3600);
+  const minutes = Math.floor((time - hours * 3600) / 60);
+  const seconds = time - hours * 3600 - minutes * 60;
+  let result = "";
+  result += ("0" + hours.toString()).slice(-2) + ":";
+  result += ("0" + minutes.toString()).slice(-2) + ":";
+  result += ("0" + seconds.toString()).slice(-2);
+  return result;
+}
 export {
   addNumber,
   addUnit,
   camelize,
   clamp,
   formatNumber,
+  formatSeconds,
   getSizeStyle,
   getZIndexStyle,
   kebabCase,

package/es/utils/mount-component.d.ts

@@ -9,6 +9,6 @@ export declare function usePopupState(): {
     toggle: (show: boolean) => void;
 };
 export declare function mountComponent(RootComponent: Component): {
-    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>;
     unmount(): void;
 };

package/es/video/Video.d.ts

@@ -19,6 +19,7 @@ declare const videoProps: {
             playsinline: boolean;
             touchPlay: boolean;
             preload: string;
+            controlsList: string[];
         };
     };
     errorTip: {
@@ -31,7 +32,7 @@ declare const videoProps: {
     };
 };
 export type VideoProps = ExtractPropTypes<typeof videoProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     src: {
         type: PropType<string>;
         default: string;
@@ -50,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
             playsinline: boolean;
             touchPlay: boolean;
             preload: string;
+            controlsList: string[];
         };
     };
     errorTip: {
@@ -60,7 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("time" | "pause" | "play" | "play-end")[], "time" | "pause" | "play" | "play-end", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("time" | "pause" | "play" | "play-end")[], "time" | "pause" | "play" | "play-end", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     src: {
         type: PropType<string>;
         default: string;
@@ -79,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
             playsinline: boolean;
             touchPlay: boolean;
             preload: string;
+            controlsList: string[];
         };
     };
     errorTip: {
@@ -89,16 +92,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     onPause?: ((...args: any[]) => any) | undefined;
     onPlay?: ((...args: any[]) => any) | undefined;
     onTime?: ((...args: any[]) => any) | undefined;
     "onPlay-end"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     src: string;
     options: Partial<VideoOptions>;
     showToolBox: boolean;
     errorTip: string;
     clickRetryTip: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/video/Video.mjs

@@ -1,13 +1,12 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { computed, defineComponent, nextTick, onMounted, reactive, ref, watch } from "vue";
+import { computed, defineComponent, nextTick, onMounted, reactive, ref, watch, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 import { useExpose } from "../composables/use-expose.mjs";
 import { useGlobalZIndex } from "../composables/use-global-z-index.mjs";
 import Icon from "../icon/index.mjs";
 import { throttle } from "../lazyload/vue-lazyload/util.mjs";
-import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import { createNamespace, makeStringProp, formatSeconds } from "../utils/index.mjs";
 const [name, bem] = createNamespace("video");
 const videoProps = {
-  src: makeStringProp("star"),
+  src: makeStringProp(""),
   // 控制控制器和标题的显示
   showToolBox: Boolean,
   options: {
@@ -26,7 +25,8 @@ const videoProps = {
       playsinline: false,
       // 行内展示
       touchPlay: false,
-      preload: ""
+      preload: "",
+      controlsList: ["nodownload"]
     }
   },
   errorTip: makeStringProp("\u64AD\u653E\u5668\u53D1\u751F\u9519\u8BEF"),
@@ -174,27 +174,6 @@ var stdin_default = defineComponent({
         }
       }
     };
-    const timeFormat = (t = 0) => {
-      let h = Math.floor(t / 3600);
-      if (+h < 10) {
-        h = "0" + h;
-      }
-      let m = Math.floor(t % 3600 / 60);
-      if (+m < 10) {
-        m = "0" + m;
-      }
-      let s = Math.round(t % 3600 % 60);
-      if (+s < 10) {
-        s = "0" + s;
-      }
-      let str = "";
-      if (h != 0) {
-        str = h + ":" + m + ":" + s;
-      } else {
-        str = m + ":" + s;
-      }
-      return str;
-    };
     const getLoadTime = () => {
       var _a, _b;
       state.videoSet.loaded = (((_a = root.value) == null ? void 0 : _a.buffered.end(0)) || 0) / (((_b = root.value) == null ? void 0 : _b.duration) || 1) * 100;
@@ -205,8 +184,8 @@ var stdin_default = defineComponent({
       const currentTime = Number.isNaN((_c = root.value) == null ? void 0 : _c.currentTime) ? 0 : (_d = root.value) == null ? void 0 : _d.currentTime;
       const percent = (currentTime || 0) / (durationTime || 1);
       state.videoSet.progress.current = Math.round(state.videoSet.progress.width * percent);
-      state.videoSet.totalTime = timeFormat(durationTime);
-      state.videoSet.displayTime = timeFormat((_e = root.value) == null ? void 0 : _e.currentTime);
+      state.videoSet.totalTime = formatSeconds(durationTime);
+      state.videoSet.displayTime = formatSeconds((_e = root.value) == null ? void 0 : _e.currentTime);
       emit("time", currentTime, durationTime, state.videoSet.displayTime, state.videoSet.totalTime);
     };
     const playEnded = () => {
@@ -389,6 +368,7 @@ var stdin_default = defineComponent({
         src,
         options
       } = props;
+      const controlsList = options.controlsList || ["nodownload"];
       return _createVNode("div", {
         "class": bem()
       }, [_createVNode("video", {
@@ -399,6 +379,7 @@ var stdin_default = defineComponent({
         "loop": options.loop,
         "poster": options.poster,
         "controls": options.controls,
+        "controlslist": controlsList.join(" "),
         "preload": options.preload,
         "src": src,
         "onError": handleError

package/es/video/index.css

@@ -1 +1 @@
-:root{--zt-video-player-background: var(--zt-black);--zt-video-player-btn-color: var(--zt-white);--zt-video-player-btn-background: rgba(0, 0, 0, .5);--zt-video-player-controller-background: rgba(0, 0, 0, .5);--zt-video-player-controller-font-size: var(--zt-font-size-sm);--zt-video-player-error-color: var(--zt-white);--zt-video-player-time-color: var(--zt-white);--zt-video-player-progress-height: 4px;--zt-video-player-progress-background: rgba(255, 255, 255, .5);--zt-video-player-progress-buffered-color: rgba(255, 255, 255, .8);--zt-video-player-progress-ball-color: var(--zt-primary-color);--zt-video-player-progress-ball-border: 2px solid var(--zt-white)}.zt-video{width:100%;height:100%;position:relative;display:flex}.zt-video>video{width:100%;height:100%;object-fit:fill}.zt-video__player{width:100%;background:var(--zt-video-player-background)}.zt-video__player:focus{outline:none}.zt-video__mask{width:100%;position:absolute;left:0;top:0;right:0;bottom:60px}.zt-video__mask.custom-touch{bottom:0}.zt-video__play-btn{width:80px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center;border:0;color:var(--zt-video-player-btn-color);transition:border-color .4s,outline .4s,background-color .4s;position:absolute;top:50%;left:50%;margin-left:-40px;padding:0;font-size:80px;border-radius:20%}.zt-video__controller{position:absolute;display:flex;left:0;bottom:0;background-color:var(--zt-video-player-controller-background);height:35px;width:100%;align-items:center;opacity:0;transition:all 1s;font-size:var(--zt-video-player-controller-font-size)}.zt-video__controller.zt-video__controller--show{opacity:1}.zt-video__controller.zt-video__controller--hide{opacity:0}.zt-video__controller--play-btn{width:18px;height:18px;margin:0 10px}.zt-video__controller-total,.zt-video__controller-now{color:var(--zt-video-player-time-color);padding:0 5px}.zt-video__controller-progress{position:relative;display:inline-block;height:100%;width:100%;margin:0 6px;transition:all .2s ease-in;flex:1}.zt-video__controller-progress-value{position:absolute;top:50%;width:100%;height:var(--zt-video-player-progress-height);margin-top:-.05rem;background:var(--zt-video-player-progress-background);border-radius:2px}.zt-video__controller-progress .buffered{background:var(--zt-video-player-progress-buffered-color);height:var(--zt-video-player-progress-height);border-radius:2px}.zt-video__controller-progress-ball{width:14px;height:14px;position:absolute;top:50%;left:0;border-radius:50%;box-sizing:content-box}.zt-video__controller-progress-ball div{width:10px;height:10px;background:var(--zt-video-player-progress-ball-color);box-shadow:0 2px 4px rgba(32,0,0,.2);margin:0 -5px;border-radius:50%;border:var(--zt-video-player-progress-ball-border)}.zt-video__controller-volume,.zt-video__controller-full{width:26px;height:30px;display:flex;align-items:center;justify-content:center}.zt-video__controller-volume>i,.zt-video__controller-full>i{color:var(--zt-video-player-btn-color);font-size:22px}.zt-video__controller-full{width:40px}.zt-video__error{position:absolute;width:100%;height:100%;background:var(--zt-video-player-background);color:var(--zt-video-player-error-color);display:flex;flex-direction:column;align-items:center;justify-content:center}
+:root{--zt-video-player-background: var(--zt-black);--zt-video-player-btn-color: var(--zt-white);--zt-video-player-btn-background: rgba(0, 0, 0, .5);--zt-video-player-controller-background: rgba(0, 0, 0, .5);--zt-video-player-controller-font-size: var(--zt-font-size-sm);--zt-video-player-error-color: var(--zt-white);--zt-video-player-time-color: var(--zt-white);--zt-video-player-progress-height: 4px;--zt-video-player-progress-background: rgba(255, 255, 255, .5);--zt-video-player-progress-buffered-color: rgba(255, 255, 255, .8);--zt-video-player-progress-ball-color: var(--zt-primary-color);--zt-video-player-progress-ball-border: 2px solid var(--zt-white)}.zt-video{width:100%;height:100%;position:relative;display:flex}.zt-video>video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.zt-video__player{width:100%;background:var(--zt-video-player-background)}.zt-video__player:focus{outline:none}.zt-video__mask{width:100%;position:absolute;left:0;top:0;right:0;bottom:60px}.zt-video__mask.custom-touch{bottom:0}.zt-video__play-btn{width:80px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center;border:0;color:var(--zt-video-player-btn-color);transition:border-color .4s,outline .4s,background-color .4s;position:absolute;top:50%;left:50%;margin-left:-40px;padding:0;font-size:80px;border-radius:20%}.zt-video__controller{position:absolute;display:flex;left:0;bottom:0;background-color:var(--zt-video-player-controller-background);height:35px;width:100%;align-items:center;opacity:0;transition:all 1s;font-size:var(--zt-video-player-controller-font-size)}.zt-video__controller.zt-video__controller--show{opacity:1}.zt-video__controller.zt-video__controller--hide{opacity:0}.zt-video__controller--play-btn{width:18px;height:18px;margin:0 10px}.zt-video__controller-total,.zt-video__controller-now{color:var(--zt-video-player-time-color);padding:0 5px}.zt-video__controller-progress{position:relative;display:inline-block;height:100%;width:100%;margin:0 6px;transition:all .2s ease-in;flex:1}.zt-video__controller-progress-value{position:absolute;top:50%;width:100%;height:var(--zt-video-player-progress-height);margin-top:-.05rem;background:var(--zt-video-player-progress-background);border-radius:2px}.zt-video__controller-progress .buffered{background:var(--zt-video-player-progress-buffered-color);height:var(--zt-video-player-progress-height);border-radius:2px}.zt-video__controller-progress-ball{width:14px;height:14px;position:absolute;top:50%;left:0;border-radius:50%;box-sizing:content-box}.zt-video__controller-progress-ball div{width:10px;height:10px;background:var(--zt-video-player-progress-ball-color);box-shadow:0 2px 4px rgba(32,0,0,.2);margin:0 -5px;border-radius:50%;border:var(--zt-video-player-progress-ball-border)}.zt-video__controller-volume,.zt-video__controller-full{width:26px;height:30px;display:flex;align-items:center;justify-content:center}.zt-video__controller-volume>i,.zt-video__controller-full>i{color:var(--zt-video-player-btn-color);font-size:22px}.zt-video__controller-full{width:40px}.zt-video__error{position:absolute;width:100%;height:100%;background:var(--zt-video-player-background);color:var(--zt-video-player-error-color);display:flex;flex-direction:column;align-items:center;justify-content:center}