cnhis-design-vue 3.1.11 → 3.1.12-beta.0

package/es/packages/chunk-upload/src/hooks/vod-computed.js

@@ -1,79 +1 @@
-import { computed } from 'vue';
-
-const defaultAccept = ".mp4,.ts,.mov,.mxf,.mpg,.flv,.wmv,.avi,.m4v,.f4v,.mpeg,.3gp,.asf,.mkv,.hls";
-const VodComputed = (props, state, config) => {
-  let { mainForm } = config;
-  const isShowBtn = computed(() => {
-    var _a;
-    let { max_length } = ((_a = props.formData) == null ? void 0 : _a.validate) || {};
-    if (props.source == "guage") {
-      max_length = +props.limitNum;
-    }
-    if (max_length) {
-      return state.fileList.length < max_length;
-    }
-    return true;
-  });
-  const maskHeight = computed(() => (item) => {
-    return `${item.percent}%`;
-  });
-  const showPercent = computed(() => (percent) => {
-    let res = percent > 99 ? 99 : percent;
-    return Math.floor(res);
-  });
-  const allow_format = computed(() => {
-    if (props.source === "guage")
-      return defaultAccept;
-    const { allow_format: allow_format2 } = props.formData;
-    try {
-      if (allow_format2) {
-        let list = allow_format2.split(",");
-        let resList = list.map((v) => {
-          if (v.startsWith(".")) {
-            return v;
-          } else {
-            return "." + v;
-          }
-        });
-        let resStr = resList.join(",");
-        return resStr;
-      } else {
-        return defaultAccept;
-      }
-    } catch (error) {
-      console.log(error);
-      return defaultAccept;
-    }
-  });
-  const defaultValue = computed(() => {
-    const { formData, source, defFileList } = props;
-    if (source === "guage") {
-      return defFileList;
-    }
-    return (mainForm == null ? void 0 : mainForm.defaultValue[formData.name]) || formData.default_val;
-  });
-  const isDisabled = computed(() => {
-    return props.formData.is_edit == 0 || props.isLock;
-  });
-  const max_size = computed(() => {
-    var _a;
-    const { max_size: max_size2 } = ((_a = props.formData) == null ? void 0 : _a.validate) || {};
-    return max_size2 || "";
-  });
-  const maxlength = computed(() => {
-    var _a, _b, _c, _d;
-    return +(((_b = (_a = props == null ? void 0 : props.formData) == null ? void 0 : _a.validate) == null ? void 0 : _b.max_length) || ((_d = (_c = props == null ? void 0 : props.formData) == null ? void 0 : _c.setting) == null ? void 0 : _d.limitPic) || 0);
-  });
-  return {
-    isShowBtn,
-    maskHeight,
-    showPercent,
-    allow_format,
-    defaultValue,
-    isDisabled,
-    max_size,
-    maxlength
-  };
-};
-
-export { VodComputed };
+export { VodComputed } from './vod-computed2.js';

package/es/packages/chunk-upload/src/hooks/vod-computed2.js

@@ -0,0 +1,79 @@
+import { computed } from 'vue';
+
+const defaultAccept = ".mp4,.ts,.mov,.mxf,.mpg,.flv,.wmv,.avi,.m4v,.f4v,.mpeg,.3gp,.asf,.mkv,.hls";
+const VodComputed = (props, state, config) => {
+  let { mainForm } = config;
+  const isShowBtn = computed(() => {
+    var _a;
+    let { max_length } = ((_a = props.formData) == null ? void 0 : _a.validate) || {};
+    if (props.source == "guage") {
+      max_length = +props.limitNum;
+    }
+    if (max_length) {
+      return state.fileList.length < max_length;
+    }
+    return true;
+  });
+  const maskHeight = computed(() => (item) => {
+    return `${item.percent}%`;
+  });
+  const showPercent = computed(() => (percent) => {
+    let res = percent > 99 ? 99 : percent;
+    return Math.floor(res);
+  });
+  const allow_format = computed(() => {
+    if (props.source === "guage")
+      return defaultAccept;
+    const { allow_format: allow_format2 } = props.formData;
+    try {
+      if (allow_format2) {
+        let list = allow_format2.split(",");
+        let resList = list.map((v) => {
+          if (v.startsWith(".")) {
+            return v;
+          } else {
+            return "." + v;
+          }
+        });
+        let resStr = resList.join(",");
+        return resStr;
+      } else {
+        return defaultAccept;
+      }
+    } catch (error) {
+      console.log(error);
+      return defaultAccept;
+    }
+  });
+  const defaultValue = computed(() => {
+    const { formData, source, defFileList } = props;
+    if (source === "guage") {
+      return defFileList;
+    }
+    return (mainForm == null ? void 0 : mainForm.defaultValue[formData.name]) || formData.default_val;
+  });
+  const isDisabled = computed(() => {
+    return props.formData.is_edit == 0 || props.isLock;
+  });
+  const max_size = computed(() => {
+    var _a;
+    const { max_size: max_size2 } = ((_a = props.formData) == null ? void 0 : _a.validate) || {};
+    return max_size2 || "";
+  });
+  const maxlength = computed(() => {
+    var _a, _b, _c, _d;
+    return +(((_b = (_a = props == null ? void 0 : props.formData) == null ? void 0 : _a.validate) == null ? void 0 : _b.max_length) || ((_d = (_c = props == null ? void 0 : props.formData) == null ? void 0 : _c.setting) == null ? void 0 : _d.limitPic) || 0);
+  });
+  return {
+    isShowBtn,
+    maskHeight,
+    showPercent,
+    allow_format,
+    defaultValue,
+    isDisabled,
+    max_size,
+    maxlength
+  };
+};
+
+export { VodComputed };

package/es/packages/chunk-upload/src/hooks/vod-data.js

@@ -1,28 +1 @@
-const getVodData = () => {
-  const VodState = {
-    videoVisible: false,
-    fileList: [],
-    cacheFileObj: {},
-    playerOptions: {},
-    vodClient: null,
-    chunkUploadVisible: false,
-    uploader: null,
-    autoStart: true,
-    timeOuts: 6e4 * 5,
-    configList: [],
-    draggableOptions: {
-      group: "upload-com-item",
-      filter: ".uploading-item",
-      delayOnTouchOnly: true,
-      delay: 100,
-      touchStartThreshold: 3,
-      chosenClass: "upload-chosen-draing",
-      dragClass: "upload-sortable-drag"
-    }
-  };
-  return {
-    VodState
-  };
-};
-
-export { getVodData };
+export { getVodData } from './vod-data2.js';

package/es/packages/chunk-upload/src/hooks/vod-data2.js

@@ -0,0 +1,28 @@
+const getVodData = () => {
+  const VodState = {
+    videoVisible: false,
+    fileList: [],
+    cacheFileObj: {},
+    playerOptions: {},
+    vodClient: null,
+    chunkUploadVisible: false,
+    uploader: null,
+    autoStart: true,
+    timeOuts: 6e4 * 5,
+    configList: [],
+    draggableOptions: {
+      group: "upload-com-item",
+      filter: ".uploading-item",
+      delayOnTouchOnly: true,
+      delay: 100,
+      touchStartThreshold: 3,
+      chosenClass: "upload-chosen-draing",
+      dragClass: "upload-sortable-drag"
+    }
+  };
+  return {
+    VodState
+  };
+};
+
+export { getVodData };

package/es/packages/chunk-upload/src/vod-chunk-upload/index.js

@@ -1,3 +1,2 @@
-import './vod-chunk-upload.js';
-import script from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
+import './vod-chunk-upload2.js';
 export { default } from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';

package/es/packages/chunk-upload/src/vod-chunk-upload/index2.js

@@ -0,0 +1,3 @@
+import './vod-chunk-upload2.js';
+import script from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
+export { default } from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';

package/es/packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.js

@@ -1,4 +1,2 @@
-import script from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
+import './vod-chunk-upload2.js';
 export { default } from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
-
-script.__file = "packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue";

package/es/packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue.d.ts

@@ -157,14 +157,6 @@ declare const _default: import("vue").DefineComponent<{
         updatePosition(oldIndex: any, newIndex: any): void;
         getRelatedContextFromMoveEvent({ to, related }: {
             to: any;
-            /**
-             * 支持的格式
-             * MP4、TS、MOV、MXF、MPG、FLV、WMV、AVI、M4V、F4V、MPEG、3GP、ASF、MKV、HLS
-             */
-            /**
-             * simple-uploader 配置文档
-             * https://github.com/simple-uploader/Uploader/blob/develop/README_zh-CN.md#%E9%85%8D%E7%BD%AE
-             */
             related: any;
         }): any;
         getVmIndexFromDomIndex(domIndex: any): any;
@@ -177,6 +169,7 @@ declare const _default: import("vue").DefineComponent<{
         onDragEnd(): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         move: Function;
+        /** 获取默认值/ 回填 */
         tag: string;
         clone: Function;
         list: unknown[];
@@ -297,7 +290,7 @@ declare const _default: import("vue").DefineComponent<{
             opacity3Depth: string;
             opacity4Depth: string;
             opacity5Depth: string;
-        }, any>>>; /** 获取提交的数据 */
+        }, any>>>;
     }, {
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedStyle: import("vue").ComputedRef<{
@@ -386,10 +379,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: {
-            readonly type: BooleanConstructor;
-            readonly default: boolean;
-        };
+        readonly nativeFocusBehavior: BooleanConstructor;
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1103,10 +1093,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: true;
         };
         readonly onClick: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(e: MouseEvent) => void>>;
-        readonly nativeFocusBehavior: {
-            readonly type: BooleanConstructor;
-            readonly default: boolean;
-        };
+        readonly nativeFocusBehavior: BooleanConstructor;
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1720,26 +1707,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        readonly type: import("naive-ui/es/button/src/interface").Type;
-        readonly tag: keyof HTMLElementTagNameMap;
-        readonly block: boolean;
-        readonly round: boolean;
-        readonly dashed: boolean;
-        readonly text: boolean;
-        readonly circle: boolean;
-        readonly disabled: boolean;
-        readonly focusable: boolean;
-        readonly strong: boolean;
-        readonly loading: boolean;
-        readonly bordered: boolean;
-        readonly tertiary: boolean;
-        readonly ghost: boolean;
-        readonly keyboard: boolean;
-        readonly secondary: boolean;
-        readonly quaternary: boolean;
-        readonly iconPlacement: "left" | "right";
-        readonly attrType: "button" | "reset" | "submit";
-        readonly nativeFocusBehavior: boolean;
+        type: import("naive-ui/es/button/src/interface").Type;
+        tag: keyof HTMLElementTagNameMap;
+        block: boolean;
+        round: boolean;
+        dashed: boolean;
+        text: boolean;
+        circle: boolean;
+        disabled: boolean;
+        focusable: boolean;
+        strong: boolean;
+        loading: boolean;
+        bordered: boolean;
+        tertiary: boolean;
+        ghost: boolean;
+        keyboard: boolean;
+        secondary: boolean;
+        quaternary: boolean;
+        iconPlacement: "left" | "right";
+        attrType: "button" | "reset" | "submit";
+        nativeFocusBehavior: boolean;
     }>;
     PlayCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     PlayCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, withDirectives, normalizeClass, unref, createElementVNode, Fragment, vShow, createCommentVNode, createVNode, withCtx, normalizeStyle, toDisplayString, withModifiers, createBlock, createTextVNode } from 'vue';
 import Draggable from 'vuedraggable';
 import vexutils from '../../../../src/utils/vexutils';
-import { getVodData } from '../hooks/vod-data.js';
-import { VodComputed } from '../hooks/vod-computed.js';
+import { getVodData } from '../hooks/vod-data2.js';
+import { VodComputed } from '../hooks/vod-computed2.js';
 import videoModal from '../../../../src/components/player-vod/video-modal';
-import vodUploadModal from '../vod-upload-modal.js';
+import vodUploadModal from '../vod-upload-modal2.js';
 import { NIcon, NButton } from 'naive-ui';
 import { PlayCircleSharp, PlayCircleOutline, RemoveCircleSharp } from '@vicons/ionicons5';
 import default_cover from '../../../../src/assets/img/video_default_cover';
@@ -39,7 +39,6 @@ const _hoisted_17 = { class: "tooltip-wrap error-wrap" };
 const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_19 = ["onClick"];
 var script = /* @__PURE__ */ defineComponent({
-  __name: "vod-chunk-upload",
   props: {
     formData: { type: Object, default: () => ({}) },
     defList: [Array, String],
@@ -56,16 +55,7 @@ var script = /* @__PURE__ */ defineComponent({
     const { VodState } = getVodData();
     const state = reactive(VodState);
     const mainForm = {};
-    const {
-      isShowBtn,
-      maskHeight,
-      showPercent,
-      allow_format,
-      defaultValue,
-      isDisabled,
-      max_size,
-      maxlength
-    } = VodComputed(props, state, { mainForm });
+    const { isShowBtn, maskHeight, showPercent, allow_format, defaultValue, isDisabled, max_size, maxlength } = VodComputed(props, state, { mainForm });
     console.log(isShowBtn.value, "----isShowBtn---", props.formData.title);
     computed(() => {
       return handleDefList();
@@ -225,12 +215,12 @@ var script = /* @__PURE__ */ defineComponent({
           [vShow, unref(isShowBtn)]
         ]) : createCommentVNode("v-if", true),
         createVNode(unref(Draggable), {
-          modelValue: state.fileList,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.fileList = $event),
+          modelValue: unref(state).fileList,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).fileList = $event),
           animation: "150",
           itemKey: "uid",
           disabled: unref(isDisabled).value,
-          options: state.draggableOptions,
+          options: unref(state).draggableOptions,
           onUpdate: draggableUpdate,
           class: "drag-content"
         }, {
@@ -275,7 +265,7 @@ var script = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["component", "onClick"])
                   ])
                 ])
-              ], 64)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              ], 2112)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                 createCommentVNode(" \u4E0A\u4F20\u5931\u8D25 "),
                 createElementVNode("div", _hoisted_15, [
                   createElementVNode("img", {
@@ -295,7 +285,7 @@ var script = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"])
                   ])
                 ])
-              ], 64)) : createCommentVNode("v-if", true),
+              ], 2112)) : createCommentVNode("v-if", true),
               ["done", "error"].includes(element.status) && !unref(isDisabled) && !__props.isDetail ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 onClick: withModifiers(($event) => handleDelFileList(index), ["stop"]),
@@ -310,21 +300,21 @@ var script = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue", "disabled", "options"]),
-        state.videoVisible ? (openBlock(), createBlock(unref(videoModal), {
+        unref(state).videoVisible ? (openBlock(), createBlock(unref(videoModal), {
           key: 1,
-          visible: state.videoVisible,
+          visible: unref(state).videoVisible,
           formData: props.formData,
-          playerOptions: state.playerOptions,
+          playerOptions: unref(state).playerOptions,
           onCloseVideoModal: closeVideoModal
         }, null, 8, ["visible", "formData", "playerOptions"])) : createCommentVNode("v-if", true),
         createVNode(unref(vodUploadModal), {
-          modelValue: state.chunkUploadVisible,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.chunkUploadVisible = $event),
+          modelValue: unref(state).chunkUploadVisible,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(state).chunkUploadVisible = $event),
           modalTitle: props.formData.name,
           max_size: unref(max_size),
           maxLength: unref(maxlength),
           propsCategoryMap: unref(allow_format),
-          defaultList: state.fileList,
+          defaultList: unref(state).fileList,
           getChunkUploadConfig: __props.getChunkUploadConfig,
           onGetSumbitList: getSumbitList
         }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])

package/es/packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload2.js

@@ -0,0 +1,4 @@
+import script from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
+export { default } from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue";

package/es/packages/chunk-upload/src/vod-upload-modal.js

@@ -1,95 +1 @@
-import { defineComponent, ref, createVNode, resolveComponent, mergeProps, createTextVNode } from 'vue';
-import { NModal, NCard, NButton } from 'naive-ui';
-import './chunk-upload-new.js';
-import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.js';
-
-var vodUploadModal = defineComponent({
-  name: "vodUploadModal",
-  components: {
-    NModal,
-    NCard,
-    NButton,
-    chunkUploadCom: script
-  },
-  props: {
-    modalTitle: {
-      type: String,
-      default: "\u4E0A\u4F20"
-    },
-    modelValue: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(props, {
-    attrs,
-    emit
-  }) {
-    const chunkUploadDom = ref(null);
-    const cancel = () => {
-      var _a;
-      console.log(chunkUploadDom.value);
-      (_a = chunkUploadDom.value) == null ? void 0 : _a.cancel();
-    };
-    const closeModal = () => {
-      emit("update:modelValue", false);
-    };
-    const confirm = () => {
-      var _a;
-      (_a = chunkUploadDom.value) == null ? void 0 : _a.confirm();
-    };
-    const renderModalFooter = () => {
-      return createVNode("div", null, [createVNode(resolveComponent("n-button"), {
-        "on-click": cancel,
-        "style": {
-          "margin-right": "8px"
-        }
-      }, {
-        default: () => [createTextVNode("\u53D6\u6D88")]
-      }), createVNode(resolveComponent("n-button"), {
-        "type": "primary",
-        "onClick": confirm
-      }, {
-        default: () => [createTextVNode("\u786E\u5B9A")]
-      })]);
-    };
-    console.log(attrs);
-    const renderVodModal = () => {
-      return createVNode(resolveComponent("n-modal"), {
-        "show": props.modelValue,
-        "onUpdate:show": ($event) => props.modelValue = $event,
-        "style": {
-          width: "860px",
-          height: "auto"
-        }
-      }, {
-        default: () => [createVNode(resolveComponent("n-card"), {
-          "style": {
-            width: "860px",
-            height: "770px"
-          },
-          "title": props.modalTitle,
-          "size": "huge",
-          "role": "dialog",
-          "aria-modal": "true",
-          "header-style": "padding: 14px 16px;border-bottom:1px solid #e8e8e8;font-size:16px;",
-          "footer-style": "padding: 10px 16px;border-top:1px solid #e8e8e8;text-align:right;",
-          "content-style": "padding: 24px 24px 12px;"
-        }, {
-          default: () => createVNode(script, mergeProps(attrs, {
-            "ref": chunkUploadDom,
-            "uploaderType": "video",
-            "onCloseUpload": closeModal
-          }), null),
-          footer: () => renderModalFooter()
-        })]
-      });
-    };
-    return () => {
-      return renderVodModal();
-    };
-  }
-});
-
-export { vodUploadModal as default };
+export { default } from './vod-upload-modal2.js';

package/es/packages/chunk-upload/src/vod-upload-modal2.js

@@ -0,0 +1,95 @@
+import { defineComponent, ref, createVNode, resolveComponent, mergeProps, createTextVNode } from 'vue';
+import { NModal, NCard, NButton } from 'naive-ui';
+import './chunk-upload-new2.js';
+import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.js';
+
+var vodUploadModal = defineComponent({
+  name: "vodUploadModal",
+  components: {
+    NModal,
+    NCard,
+    NButton,
+    chunkUploadCom: script
+  },
+  props: {
+    modalTitle: {
+      type: String,
+      default: "\u4E0A\u4F20"
+    },
+    modelValue: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props, {
+    attrs,
+    emit
+  }) {
+    const chunkUploadDom = ref(null);
+    const cancel = () => {
+      var _a;
+      console.log(chunkUploadDom.value);
+      (_a = chunkUploadDom.value) == null ? void 0 : _a.cancel();
+    };
+    const closeModal = () => {
+      emit("update:modelValue", false);
+    };
+    const confirm = () => {
+      var _a;
+      (_a = chunkUploadDom.value) == null ? void 0 : _a.confirm();
+    };
+    const renderModalFooter = () => {
+      return createVNode("div", null, [createVNode(resolveComponent("n-button"), {
+        "on-click": cancel,
+        "style": {
+          "margin-right": "8px"
+        }
+      }, {
+        default: () => [createTextVNode("\u53D6\u6D88")]
+      }), createVNode(resolveComponent("n-button"), {
+        "type": "primary",
+        "onClick": confirm
+      }, {
+        default: () => [createTextVNode("\u786E\u5B9A")]
+      })]);
+    };
+    console.log(attrs);
+    const renderVodModal = () => {
+      return createVNode(resolveComponent("n-modal"), {
+        "show": props.modelValue,
+        "onUpdate:show": ($event) => props.modelValue = $event,
+        "style": {
+          width: "860px",
+          height: "auto"
+        }
+      }, {
+        default: () => [createVNode(resolveComponent("n-card"), {
+          "style": {
+            width: "860px",
+            height: "770px"
+          },
+          "title": props.modalTitle,
+          "size": "huge",
+          "role": "dialog",
+          "aria-modal": "true",
+          "header-style": "padding: 14px 16px;border-bottom:1px solid #e8e8e8;font-size:16px;",
+          "footer-style": "padding: 10px 16px;border-top:1px solid #e8e8e8;text-align:right;",
+          "content-style": "padding: 24px 24px 12px;"
+        }, {
+          default: () => createVNode(script, mergeProps(attrs, {
+            "ref": chunkUploadDom,
+            "uploaderType": "video",
+            "onCloseUpload": closeModal
+          }), null),
+          footer: () => renderModalFooter()
+        })]
+      });
+    };
+    return () => {
+      return renderVodModal();
+    };
+  }
+});
+
+export { vodUploadModal as default };