zartui 3.1.23 → 3.1.24

package/lib/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/lib/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/lib/toast/Toast.js

@@ -21,7 +21,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_lock_click = require("./lock-click");
 var import_icon = require("../icon");
@@ -50,7 +49,7 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: toastProps,
   emits: ["update:show"],
@@ -113,8 +112,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [message]);
       }
     };
-    (0, import_vue2.watch)(() => [props.show, props.forbidClick], toggleClickable);
-    (0, import_vue2.watch)(() => [props.show, props.type, props.message, props.duration], () => {
+    (0, import_vue.watch)(() => [props.show, props.forbidClick], toggleClickable);
+    (0, import_vue.watch)(() => [props.show, props.type, props.message, props.duration], () => {
       clearTimer();
       if (props.show && props.duration > 0) {
         timer = setTimeout(() => {
@@ -122,8 +121,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, props.duration);
       }
     });
-    (0, import_vue2.onMounted)(toggleClickable);
-    (0, import_vue2.onUnmounted)(toggleClickable);
+    (0, import_vue.onMounted)(toggleClickable);
+    (0, import_vue.onUnmounted)(toggleClickable);
     return () => (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
       "class": [bem([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
         [props.type]: !props.icon

package/lib/toast/function-call.js

@@ -38,7 +38,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_mount_component = require("../utils/mount-component");
 var import_Toast = __toESM(require("./Toast"));
@@ -81,7 +80,7 @@ function createInstance() {
     unmount
   } = (0, import_mount_component.mountComponent)({
     setup() {
-      const message = (0, import_vue2.ref)("");
+      const message = (0, import_vue.ref)("");
       const {
         open,
         state,
@@ -101,10 +100,10 @@ function createInstance() {
         };
         return (0, import_vue.createVNode)(import_Toast.default, (0, import_vue.mergeProps)(state, attrs), null);
       };
-      (0, import_vue2.watch)(message, (val) => {
+      (0, import_vue.watch)(message, (val) => {
         state.message = val;
       });
-      (0, import_vue2.getCurrentInstance)().render = render;
+      (0, import_vue.getCurrentInstance)().render = render;
       return {
         open,
         close,

package/lib/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/lib/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/lib/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/lib/uploader/Uploader.js

@@ -32,7 +32,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_utils2 = require("./utils");
 var import_use = require("@zartui/use");
@@ -68,7 +67,7 @@ const uploaderProps = {
     default: Infinity
   }
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name: import_utils2.name,
   props: uploaderProps,
   emits: ["delete", "oversize", "clickUpload", "closePreview", "clickPreview", "update:modelValue"],
@@ -76,7 +75,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     emit,
     slots
   }) {
-    const inputRef = (0, import_vue2.ref)();
+    const inputRef = (0, import_vue.ref)();
     const urls = [];
     const getDetail = (index = props.modelValue.length) => ({
       name: props.name,
@@ -102,7 +101,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           return;
         }
       }
-      items = (0, import_vue2.reactive)(items);
+      items = (0, import_vue.reactive)(items);
       emit("update:modelValue", [...props.modelValue, ...(0, import_utils.toArray)(items)]);
       if (props.afterRead) {
         props.afterRead(items, getDetail());
@@ -189,6 +188,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         imagePreview = (0, import_image_preview.showImagePreview)((0, import_utils.extend)({
           images,
           startPosition: imageFiles.indexOf(item),
+          closeable: true,
           onClose: onClosePreview
         }, props.previewOptions));
       }
@@ -259,7 +259,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         inputRef.value.click();
       }
     };
-    (0, import_vue2.onBeforeUnmount)(() => {
+    (0, import_vue.onBeforeUnmount)(() => {
       urls.forEach((url) => URL.revokeObjectURL(url));
     });
     (0, import_use_expose.useExpose)({

package/lib/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/lib/uploader/UploaderPreviewItem.js

@@ -21,13 +21,12 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_utils = require("./utils");
 var import_utils2 = require("../utils");
 var import_icon = require("../icon");
 var import_image = require("../image");
 var import_loading = require("../loading");
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   props: {
     name: import_utils2.numericProp,
     item: (0, import_utils2.makeRequiredProp)(Object),

package/lib/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/lib/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/lib/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/lib/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/lib/video/Video.js

@@ -31,7 +31,6 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
-var import_vue2 = require("vue");
 var import_use_expose = require("../composables/use-expose");
 var import_use_global_z_index = require("../composables/use-global-z-index");
 var import_icon = __toESM(require("../icon"));
@@ -58,22 +57,23 @@ const videoProps = {
       playsinline: false,
       // 行内展示
       touchPlay: false,
-      preload: ""
+      preload: "",
+      controlsList: ["nodownload"]
     }
   },
   errorTip: (0, import_utils.makeStringProp)("\u64AD\u653E\u5668\u53D1\u751F\u9519\u8BEF"),
   clickRetryTip: (0, import_utils.makeStringProp)("\u8BF7\u70B9\u51FB\u91CD\u8BD5")
 };
-var stdin_default = (0, import_vue2.defineComponent)({
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: videoProps,
   emits: ["play", "pause", "play-end", "time"],
   setup(props, {
     emit
   }) {
-    const progressBar = (0, import_vue2.ref)();
-    const root = (0, import_vue2.ref)();
-    const state = (0, import_vue2.reactive)({
+    const progressBar = (0, import_vue.ref)();
+    const root = (0, import_vue.ref)();
+    const state = (0, import_vue.reactive)({
       initial: true,
       // 控制封面的显示
       // 视频容器元素
@@ -118,12 +118,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
       },
       showTouchMask: false
     });
-    const isDisabled = (0, import_vue2.computed)(() => {
+    const isDisabled = (0, import_vue.computed)(() => {
       return props.options.disabled;
     });
-    (0, import_vue2.watch)(() => props.src, (newValue) => {
+    (0, import_vue.watch)(() => props.src, (newValue) => {
       if (newValue) {
-        (0, import_vue2.nextTick)(() => {
+        (0, import_vue.nextTick)(() => {
           var _a;
           (_a = root.value) == null ? void 0 : _a.load();
         });
@@ -132,7 +132,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       immediate: true,
       deep: true
     });
-    (0, import_vue2.watch)(() => props.options, (newValue) => {
+    (0, import_vue.watch)(() => props.options, (newValue) => {
       state.state.isMuted = (newValue == null ? void 0 : newValue.muted) || false;
     }, {
       immediate: true
@@ -316,7 +316,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       muted,
       unmuted
     });
-    (0, import_vue2.onMounted)(() => {
+    (0, import_vue.onMounted)(() => {
       init();
     });
     function renderToolBox() {
@@ -400,6 +400,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         src,
         options
       } = props;
+      const controlsList = options.controlsList || ["nodownload"];
       return (0, import_vue.createVNode)("div", {
         "class": bem()
       }, [(0, import_vue.createVNode)("video", {
@@ -410,6 +411,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "loop": options.loop,
         "poster": options.poster,
         "controls": options.controls,
+        "controlslist": controlsList.join(" "),
         "preload": options.preload,
         "src": src,
         "onError": handleError

package/lib/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}

package/lib/video/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Video: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Video: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -17,6 +17,7 @@ export declare const Video: import("../utils").WithInstall<import("vue").DefineC
             playsinline: boolean;
             touchPlay: boolean;
             preload: string;
+            controlsList: string[];
         };
     };
     errorTip: {
@@ -27,7 +28,7 @@ export declare const Video: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").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<import("vue").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<import("vue").ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -46,6 +47,7 @@ export declare const Video: import("../utils").WithInstall<import("vue").DefineC
             playsinline: boolean;
             touchPlay: boolean;
             preload: string;
+            controlsList: string[];
         };
     };
     errorTip: {
@@ -56,18 +58,18 @@ export declare const Video: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").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<import("./types").VideoOptions>;
     showToolBox: boolean;
     errorTip: string;
     clickRetryTip: string;
-}, {}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Video;
 export type { VideoProps } from './Video';
 export type { VideoOptions } from './types';

package/lib/video/types.d.ts

@@ -9,4 +9,5 @@ export interface VideoOptions {
     playsinline: boolean;
     touchPlay: boolean;
     preload: string;
+    controlsList: string[];
 }

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

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