@maketribe/ms-app 3.2.24 → 3.2.25

package/dist/style/src/components/basic/doc-editor/index.scss

@@ -122,7 +122,7 @@
   &__stage_body{  
     z-index: 0;
     position: relative;
-    max-width: 900px;
+    max-width: 1200px;
     width: 100%;    
     min-height: 100%;
     margin: auto;
@@ -167,7 +167,7 @@
   
   }
   &__view_iframe{
-    max-width: 900px;
+    max-width: 1200px;
     margin: auto;
     padding: 20px;
     overflow: auto;
@@ -206,7 +206,9 @@
           &.active{
             border-color:#2196F3;
           }
-
+          &_title{
+            text-align:center;
+          }
           &.cover{
             img{
               object-fit: contain;

package/dist/style/src/components/index.scss

@@ -39,6 +39,8 @@
 @use "./basic/copy-container/copy-container.scss";
 @use "./image-cropper.scss";
 @use "./basic/visual-page-editor/index.scss" as *;
+@use "./upload-file-ui.scss";
+@use "./upload-video-ui.scss";
 
 :root {
   --el-aside-width: auto;

package/dist/style/src/components/upload-file-ui.scss

@@ -0,0 +1,89 @@
+.mk-upload-file-ui {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    line-height: 0;
+
+    .mk-upload-file-ui-item {
+        display: inline-block;
+        width: 180px;
+        height: 180px;
+        border: 1px dashed var(--el-border-color);
+        border-radius: 6px;
+        cursor: pointer;
+        position: relative;
+        overflow: hidden;
+        transition: var(--el-transition-duration-fast);
+
+
+        &:hover {
+            border-color: var(--el-color-primary);
+
+            .mk-upload-file-ui-item__mask {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+
+        .mk-upload-file-ui-item__mask {
+            display: none;
+            position: absolute;
+            gap: 15px;
+            font-size: 18px;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.3);
+            color: white;
+        }
+
+        .mk-upload-file {
+            width: 100%;
+            height: 100%;
+        }
+
+        .mk-upload-file-ui-item__wrapper {
+            width: 100%;
+            height: 100%;
+
+            .mk-upload-file-ui-item__wrapper__desc {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+                width: 100%;
+                height: 100%;
+                font-size: 28px;
+                color: #8c939d;
+
+                .mk-upload-file-ui-item__wrapper__desc__text {
+                    font-size: 16px;
+                    margin-top: 10px;
+                }
+            }
+        }
+
+        .mk-upload-file-ui-item__file {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 60px;
+            flex-direction: column;
+
+            .mk-upload-file-ui-item__file__name {
+                font-size: 12px;
+                margin-top: 10px;
+                width: 80%;
+                line-height: 12px;
+                //超出省略
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+    }
+
+}

package/dist/style/src/components/upload-image.scss

@@ -6,8 +6,8 @@
 
   &-item {
     display: inline-block;
-    width: 180px;
-    height: 180px;
+    // width: 180px;
+    max-height: 180px;
     border: 1px dashed var(--el-border-color);
     border-radius: 6px;
     cursor: pointer;
@@ -38,6 +38,7 @@
       height: 100%;
       font-size: 28px;
       color: #8c939d;
+      z-index: 10000;
     }
 
     &__image {

package/dist/style/src/components/upload-video-ui.scss

@@ -0,0 +1,139 @@
+.mk-upload-video {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    line-height: 0;
+
+    .mk-upload-video-viewer {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .mk-upload-video-viewer__close {
+
+            position: absolute;
+            top: 40px;
+            right: 40px;
+
+            display: block;
+            width: 44px;
+            height: 44px;
+            font-size: 24px;
+            color: #fff;
+            border-radius: 50%;
+
+            opacity: .8;
+            background-color: var(--el-text-color-regular);
+            // border-color: #fff;
+            z-index: 1;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            cursor: pointer;
+
+        }
+
+        .mk-upload-video-viewer__mask {
+            width: 100%;
+            height: 100%;
+            background-color: #000;
+            opacity: 0.5;
+            position: absolute;
+            top: 0;
+            left: 0;
+        }
+
+        .mk-upload-video-viewer__video {
+            width: 60%;
+            z-index: 1;
+        }
+    }
+
+    .mk-upload-video-item {
+        display: inline-block;
+        width: 180px;
+        height: 180px;
+        border: 1px dashed var(--el-border-color);
+        border-radius: 6px;
+        cursor: pointer;
+        position: relative;
+        overflow: hidden;
+        transition: var(--el-transition-duration-fast);
+
+
+        &:hover {
+            border-color: var(--el-color-primary);
+
+            .mk-upload-video-item__mask {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+            }
+        }
+
+        .mk-upload-video-item__mask {
+            display: none;
+            position: absolute;
+            gap: 15px;
+            font-size: 18px;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.3);
+            color: white;
+        }
+
+        .mk-upload-file {
+            width: 100%;
+            height: 100%;
+        }
+
+        .mk-upload-video-item__wrapper {
+            width: 100%;
+            height: 100%;
+
+            .mk-upload-video-item__wrapper__desc {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
+                width: 100%;
+                height: 100%;
+                font-size: 28px;
+                color: #8c939d;
+
+                .mk-upload-video-item__wrapper__desc__text {
+                    font-size: 16px;
+                    margin-top: 10px;
+                }
+            }
+        }
+
+        .mk-upload-video-item__file {
+            width: 100%;
+            height: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 60px;
+            flex-direction: column;
+
+            .mk-upload-video-item__file__name {
+                font-size: 12px;
+                margin-top: 10px;
+                width: 80%;
+                line-height: 12px;
+                //超出省略
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+    }
+
+}

package/dist/style/src/index.scss

@@ -26,3 +26,7 @@
 .el-table{
   --el-card-border-color:var(--mk-container-border-color);
 }
+
+.el-image-viewer__wrapper{
+  z-index: 10000 !important;
+}

package/dist/types/components/basic/doc-editor/core/index.d.ts

@@ -3,3 +3,18 @@ export * from "./element-module";
 export * from "./utils";
 export type DeviceVieeMode = 'pc' | 'mobile';
 export declare const DEVICE_VIEW_MODE: import("vue").Ref<DeviceVieeMode>;
+/**
+ * 工具条扩展
+ */
+export type ToolbarExtendPlugin = {
+    icon: string;
+    text: string;
+    action: Function;
+    sort: number;
+};
+export declare const ToolbarExtendPlugins: import("vue").Reactive<ToolbarExtendPlugin[]>;
+/**
+ * 注册工具条的扩展
+ * @param options
+ */
+export declare const registerDocEditorToolbarExtend: (options: ToolbarExtendPlugin) => void;

package/dist/types/components/basic/doc-editor/index.d.ts

@@ -1,4 +1,4 @@
-import { registerModule } from "./plugins/ModulePlugin/composables";
+import { registerDocModule } from "./plugins/ModulePlugin/composables";
 export declare const MKDocEditor: import("@maketribe/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         placeholder: {
@@ -114,5 +114,5 @@ export declare const MKDocEditor: import("@maketribe/utils").SFCWithInstall<{
         "after-extentions"?(_: {}): any;
     };
 })> & Record<string, any>;
-export { registerModule };
+export { registerDocModule };
 export default MKDocEditor;

package/dist/types/components/basic/doc-editor/plugins/ModulePlugin/ModuleBlockNode.d.ts

@@ -1,4 +1,4 @@
-import type { DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, Spread, EditorConfig } from 'lexical';
+import type { DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, Spread, EditorConfig, DOMConversion } from 'lexical';
 import { BaseBlockNode, SerializedBlockNode } from '../RichTextPlugin/nodes/BaseBlockNode';
 /**
  * 模块模版节点序列化
@@ -87,3 +87,9 @@ export declare function $createModuleBlockNode(name: string, data: object): Modu
  * @returns
  */
 export declare function $isModuleBlockNode(node: ModuleBlockNode | LexicalNode | null | undefined): node is ModuleBlockNode;
+/**
+ * 转换模块DOM
+ * @param node
+ * @returns
+ */
+export declare const $covertModuleBlockDOM: (domNode: HTMLElement) => DOMConversion<HTMLElement> | null;

package/dist/types/components/basic/doc-editor/plugins/ModulePlugin/ModuleContainerNode.d.ts

@@ -63,6 +63,14 @@ export declare class ModuleContainerNode extends BaseBlockCantainerNode {
      * @returns
      */
     createDOM(config: EditorConfig): HTMLElement;
+    /**
+   * 更新DOM
+   * @param prevNode
+   * @param el
+   * @param config
+   * @returns
+   */
+    updateDOM(node: ModuleContainerNode, el: HTMLElement, config: EditorConfig): boolean;
 }
 /**
  * 判断是否是模块容器节点

package/dist/types/components/basic/doc-editor/plugins/ModulePlugin/composables.d.ts

@@ -7,6 +7,7 @@ export type ModuleType = {
     title: string;
     cover: string;
     template: string;
+    editorCss: string | null | undefined;
     options: DynamicFormItemType[];
 };
 /**
@@ -17,7 +18,7 @@ export declare const Modules: ModuleType[];
  * 注册模块模版
  * @param options
  */
-export declare const registerModule: (options: ModuleType) => void;
+export declare const registerDocModule: (options: ModuleType) => void;
 /**
  *
  * @param name

package/dist/types/components/basic/upload-file/context/UploadContext.d.ts

@@ -3,6 +3,7 @@ export type UploadResult = {
     success: boolean;
     path: string;
     msg: string;
+    name?: string;
 };
 export interface UploadContextCtx {
     uploadContext: UploadContext;

package/dist/types/components/basic/upload-file/ui/index.d.ts

@@ -1 +1,3 @@
 export * from "./upload-image";
+export * from "./upload-file";
+export * from "./upload-video";

package/dist/types/components/basic/upload-file/ui/upload-file/index.d.ts

@@ -0,0 +1,67 @@
+export declare const MKUploadFileUi: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string | string[]) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string | string[]) => any) | undefined;
+}, {
+    readonly icon: string;
+    readonly width: string;
+    readonly height: string;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly uploadContext: import("../..").UploadContext;
+}, {}>> & Record<string, any>;
+export default MKUploadFileUi;
+export * from "./upload-file-options";

package/dist/types/components/basic/upload-file/ui/upload-file/upload-file-options.d.ts

@@ -0,0 +1,35 @@
+import { ExtractPropTypes } from "vue";
+import { WebFileUploadContext, UploadContext } from "../../context";
+export declare const uploadFileUiProps: {
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+};
+export type UploadFileUiProps = ExtractPropTypes<typeof uploadFileUiProps>;
+export declare const uploadFileUiEmits: {
+    "update:modelValue": (path: string | string[]) => boolean;
+};
+export type UploadFileUiEmits = typeof uploadFileUiEmits;

package/dist/types/components/basic/upload-file/ui/upload-file/upload-file.d.ts

@@ -0,0 +1,67 @@
+import { UploadContext } from "../../context";
+declare const _default: import("vue").DefineComponent<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => import("../../context").WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string | string[]) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof UploadContext, unknown, unknown, () => import("../../context").WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string | string[]) => any) | undefined;
+}, {
+    readonly icon: string;
+    readonly width: string;
+    readonly height: string;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly uploadContext: UploadContext;
+}, {}>;
+export default _default;

package/dist/types/components/basic/upload-file/ui/upload-video/index.d.ts

@@ -0,0 +1,67 @@
+export declare const MKUploadVideo: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (path: string | string[]) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly uploadContext: import("@maketribe/utils").PropFinalized<typeof import("../..").UploadContext, unknown, unknown, () => import("../..").WebFileUploadContext, boolean>;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("@maketribe/utils").PropMergeType<readonly [StringConstructor, {
+            (arrayLength: number): String[];
+            (...items: String[]): String[];
+            new (arrayLength: number): String[];
+            new (...items: String[]): String[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        }], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly height: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "180px", boolean>;
+    readonly icon: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "UploadFilled", boolean>;
+}>> & {
+    "onUpdate:modelValue"?: ((path: string | string[]) => any) | undefined;
+}, {
+    readonly icon: string;
+    readonly width: string;
+    readonly height: string;
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly uploadContext: import("../..").UploadContext;
+}, {}>> & Record<string, any>;
+export default MKUploadVideo;
+export * from "./upload-video-options";