cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.10

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

@@ -0,0 +1 @@
+export { getVodData } from './vod-data2.js';

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

@@ -0,0 +1 @@
+export { default } from './vod-chunk-upload.js';

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

@@ -0,0 +1,330 @@
+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 XEUtils from 'xe-utils';
+import 'moment';
+import { getVodData } from '../hooks/vod-data2.js';
+import { VodComputed } from '../hooks/vod-computed2.js';
+import videoModal from '../../../../shared/components/player-vod/video-modal.js';
+import vodUploadModal from '../vod-upload-modal.js';
+import { NIcon, NButton } from 'naive-ui';
+import { PlayCircleSharp, PlayCircleOutline, RemoveCircleSharp } from '@vicons/ionicons5';
+import img$2 from '../../../../shared/assets/img/video_default_cover.js';
+import img from '../../../../shared/assets/img/video.js';
+import img$1 from '../../../../shared/assets/img/success.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _hoisted_1 = { class: "c-upload" };
+const _hoisted_2 = { class: "chunk-btn-content" };
+const _hoisted_3 = { class: "c-uploader-btn" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "uploader-text" }, [
+  /* @__PURE__ */ createElementVNode("p", null, "\u70B9\u51FB\u4E0A\u4F20"),
+  /* @__PURE__ */ createElementVNode("span", { class: "guage-text" }, "\u4E0A\u4F20\u89C6\u9891\uFF08\u4E0D\u8D85\u8FC750M)")
+], -1);
+const _hoisted_6 = ["src"];
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("div", { class: "uploader-text" }, [
+  /* @__PURE__ */ createElementVNode("p", null, "\u4E0A\u4F20\u89C6\u9891")
+], -1);
+const _hoisted_8 = { class: "vod-wrap c-uploader-preview-wrap" };
+const _hoisted_9 = {
+  key: 0,
+  class: "vod-def-bg vod-uploading"
+};
+const _hoisted_10 = { class: "vod-def-bg vod-done" };
+const _hoisted_11 = ["src"];
+const _hoisted_12 = ["src"];
+const _hoisted_13 = /* @__PURE__ */ createTextVNode(" \u4E0A\u4F20\u6210\u529F ");
+const _hoisted_14 = { class: "c-icon-wrap" };
+const _hoisted_15 = { class: "vod-def-bg vod-error" };
+const _hoisted_16 = ["src"];
+const _hoisted_17 = { class: "tooltip-wrap error-wrap" };
+const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_19 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "vod-chunk-upload",
+  props: {
+    formData: { type: Object, default: () => ({}) },
+    defList: [Array, String],
+    source: String,
+    limitNum: { default: 1 },
+    defFileList: { default: "" },
+    isLock: Boolean,
+    isDetail: { type: Boolean, default: false },
+    getChunkUploadConfig: { type: Function, default: () => Promise.resolve({}) }
+  },
+  emits: ["vodFileList"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { VodState } = getVodData();
+    const state = reactive(VodState);
+    const 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();
+    });
+    const handleDefList = () => {
+      const { formData } = props;
+      let defList = [];
+      if (props.source === "guage") {
+        defList = props.defFileList;
+      } else {
+        defList = mainForm == null ? void 0 : mainForm.handleSysParams(mainForm.defaultValue[formData.name] || formData.default_val);
+      }
+      defList = JSON.parse(JSON.stringify(defList));
+      if (!defList)
+        return [];
+      let list = [];
+      if (Array.isArray(defList)) {
+        list = [...defList];
+      }
+      if (XEUtils.isJSON(defList)) {
+        list = JSON.parse(defList);
+      }
+      if (Array.isArray(list)) {
+        list.forEach((item) => {
+          item.thumbUrl = item.vodCoverUrl || void 0;
+          item.uid = (-Math.random()).toString();
+          item.status = "done";
+        });
+        state.fileList = list;
+        console.log(state.fileList, "----list---list");
+        handleGetSubmitList(list);
+        return list;
+      }
+      return [];
+    };
+    const handleGetSubmitList = (list) => {
+      if (!Array.isArray(list))
+        return "";
+      const { formData, source } = props;
+      let resList = [];
+      list.forEach((v) => {
+        if (v.status === "done" && (v.response && v.response.code == "00000" || v.url)) {
+          const { data = {} } = v.response || {};
+          v.url || data.videoUrl;
+          let vodCoverUrl = v.vodCoverUrl || data.vodCoverUrl;
+          resList.push({
+            name: v.name,
+            size: v.size,
+            url: v.url || data.videoUrl,
+            vodCoverUrl,
+            uid: v.id || v.uid || (-Math.random()).toString()
+          });
+        }
+      });
+      console.log(resList, "---resList---", props.formData.title);
+      let resVal = JSON.stringify(resList);
+      if (source === "guage") {
+        emit("vodFileList", resVal, props.formData);
+        return;
+      }
+      mainForm.baseForm.setFieldsValue({
+        [formData.val_key]: resVal
+      });
+    };
+    const restartUpload = (ele) => {
+    };
+    const handleDelFileList = (i) => {
+      state.fileList.splice(i, 1);
+      handleGetSubmitList(state.fileList);
+    };
+    const palyerVod = (data, index) => {
+      let vodUrl, type;
+      if (data.type) {
+        type = data.type;
+      }
+      if (data.url || data.videoUrl) {
+        vodUrl = data.url || data.videoUrl;
+        if (!type) {
+          let strList = vodUrl.split(".");
+          let last = strList[strList.length - 1];
+          type = `video/${last}`;
+        }
+      } else {
+        vodUrl = URL.createObjectURL(data.originFileObj);
+      }
+      state.playerOptions = {
+        sources: [
+          {
+            type,
+            src: vodUrl
+          }
+        ]
+      };
+      state.videoVisible = true;
+    };
+    const closeVideoModal = () => {
+      state.videoVisible = false;
+    };
+    const handleBtnOnClick = () => {
+      if (isDisabled.value)
+        return;
+      state.chunkUploadVisible = true;
+    };
+    const getSumbitList = (list) => {
+      let resList = [];
+      list.forEach((l) => {
+        let coverPic = l.videoCoverPic || void 0;
+        resList.push({
+          name: l.videoName || l.name,
+          url: l.videoUrl || l.url,
+          size: l.size,
+          vodCoverUrl: coverPic,
+          status: "done",
+          uid: (-Math.random()).toString()
+        });
+      });
+      state.fileList.push(...resList);
+      handleGetSubmitList(state.fileList);
+    };
+    const draggableUpdate = () => {
+      handleGetSubmitList(state.fileList);
+    };
+    const getvideoCover = (item) => {
+      if (item.thumbUrl) {
+        return item.thumbUrl;
+      }
+      return img$2;
+    };
+    onMounted(() => {
+      handleDefList();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !__props.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["c-chunk-uploader-btn", { "disable-upload": unref(isDisabled) }]),
+          onClick: handleBtnOnClick
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              props.source == "guage" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createElementVNode("img", {
+                  src: unref(img),
+                  class: "guage-img"
+                }, null, 8, _hoisted_4),
+                _hoisted_5
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createElementVNode("img", {
+                  src: unref(img),
+                  class: "guage-img"
+                }, null, 8, _hoisted_6),
+                _hoisted_7
+              ], 64))
+            ])
+          ])
+        ], 2)), [
+          [vShow, unref(isShowBtn)]
+        ]) : createCommentVNode("v-if", true),
+        createVNode(unref(Draggable), {
+          modelValue: state.fileList,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.fileList = $event),
+          animation: "150",
+          itemKey: "uid",
+          disabled: unref(isDisabled).value,
+          options: state.draggableOptions,
+          onUpdate: draggableUpdate,
+          class: "drag-content"
+        }, {
+          item: withCtx(({ element, index }) => [
+            createElementVNode("div", _hoisted_8, [
+              createCommentVNode(" \u4E0A\u4F20\u4E2D "),
+              element.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createCommentVNode(" TODO: \u5C01\u9762\u56FE\u8865\u5145 "),
+                createElementVNode("div", {
+                  class: "uploading-mask",
+                  style: normalizeStyle({ height: unref(maskHeight)(element) })
+                }, [
+                  createElementVNode("span", null, toDisplayString(unref(showPercent)(element.percent)) + "%", 1)
+                ], 4)
+              ])) : element.status === "done" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createCommentVNode(" \u4E0A\u4F20\u5B8C\u6210 "),
+                createElementVNode("div", _hoisted_10, [
+                  createElementVNode("img", {
+                    src: getvideoCover(element),
+                    class: "vod-cover-img"
+                  }, null, 8, _hoisted_11),
+                  createElementVNode("div", {
+                    class: normalizeClass(["tooltip-wrap", { "is-new": element.isNew }])
+                  }, [
+                    createElementVNode("img", {
+                      src: unref(img$1),
+                      class: "upload-img"
+                    }, null, 8, _hoisted_12),
+                    _hoisted_13
+                  ], 2),
+                  createCommentVNode(" \u64AD\u653E\u56FE\u6807 "),
+                  createElementVNode("div", _hoisted_14, [
+                    createVNode(unref(NIcon), {
+                      component: unref(PlayCircleSharp),
+                      class: "icon-play theme_filled",
+                      onClick: withModifiers(($event) => palyerVod(element), ["prevent", "stop"])
+                    }, null, 8, ["component", "onClick"]),
+                    createVNode(unref(NIcon), {
+                      component: unref(PlayCircleOutline),
+                      class: "icon-play theme_outlined",
+                      onClick: withModifiers(($event) => palyerVod(element), ["prevent", "stop"])
+                    }, null, 8, ["component", "onClick"])
+                  ])
+                ])
+              ], 64)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                createCommentVNode(" \u4E0A\u4F20\u5931\u8D25 "),
+                createElementVNode("div", _hoisted_15, [
+                  createElementVNode("img", {
+                    src: element.thumbUrl,
+                    class: "vod-cover-img"
+                  }, null, 8, _hoisted_16),
+                  createElementVNode("div", _hoisted_17, [
+                    createElementVNode("span", null, toDisplayString(element.message ? element.message : "\u4E0A\u4F20\u5931\u8D25\uFF0C\u7EE7\u7EED\u4E0A\u4F20\uFF1F"), 1),
+                    createVNode(unref(NButton), {
+                      size: "small",
+                      onClick: withModifiers(($event) => restartUpload(), ["prevent", "stop"])
+                    }, {
+                      default: withCtx(() => [
+                        _hoisted_18
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ])
+                ])
+              ], 64)) : createCommentVNode("v-if", true),
+              ["done", "error"].includes(element.status) && !unref(isDisabled) && !__props.isDetail ? (openBlock(), createElementBlock("div", {
+                key: 3,
+                onClick: withModifiers(($event) => handleDelFileList(index), ["stop"]),
+                class: "uploader-preview-delete"
+              }, [
+                createVNode(unref(NIcon), {
+                  class: "pre-delete",
+                  component: unref(RemoveCircleSharp)
+                }, null, 8, ["component"])
+              ], 8, _hoisted_19)) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "disabled", "options"]),
+        state.videoVisible ? (openBlock(), createBlock(unref(videoModal), {
+          key: 1,
+          visible: state.videoVisible,
+          formData: props.formData,
+          playerOptions: 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),
+          modalTitle: props.formData.name,
+          max_size: unref(max_size),
+          maxLength: unref(maxlength),
+          propsCategoryMap: unref(allow_format),
+          defaultList: state.fileList,
+          getChunkUploadConfig: __props.getChunkUploadConfig,
+          onGetSumbitList: getSumbitList
+        }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])
+      ]);
+    };
+  }
+});
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "vod-chunk-upload.vue"]]);
+
+export { script as default };

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

@@ -0,0 +1,304 @@
+declare const _default: import("vue").DefineComponent<{
+    formData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    defList: (ArrayConstructor | StringConstructor)[];
+    source: StringConstructor;
+    limitNum: {
+        default: number;
+    };
+    defFileList: {
+        default: string;
+    };
+    isLock: BooleanConstructor;
+    isDetail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getChunkUploadConfig: {
+        type: FunctionConstructor;
+        default: () => Promise<{}>;
+    };
+}, {
+    VodState: {
+        videoVisible: boolean;
+        fileList: never[];
+        cacheFileObj: {};
+        playerOptions: {};
+        vodClient: null;
+        chunkUploadVisible: boolean;
+        uploader: null;
+        autoStart: boolean;
+        timeOuts: number;
+        configList: never[];
+        draggableOptions: {
+            group: string;
+            filter: string;
+            delayOnTouchOnly: boolean;
+            delay: number;
+            touchStartThreshold: number;
+            chosenClass: string;
+            dragClass: string;
+        };
+    };
+    state: {
+        videoVisible: boolean;
+        fileList: never[];
+        cacheFileObj: {};
+        playerOptions: {};
+        vodClient: null;
+        chunkUploadVisible: boolean;
+        uploader: null;
+        autoStart: boolean;
+        timeOuts: number;
+        configList: never[];
+        draggableOptions: {
+            group: string;
+            filter: string;
+            delayOnTouchOnly: boolean;
+            delay: number;
+            touchStartThreshold: number;
+            chosenClass: string;
+            dragClass: string;
+        };
+    };
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        formData: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        defList: (ArrayConstructor | StringConstructor)[];
+        source: StringConstructor;
+        limitNum: {
+            default: number;
+        };
+        defFileList: {
+            default: string;
+        };
+        isLock: BooleanConstructor;
+        isDetail: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getChunkUploadConfig: {
+            type: FunctionConstructor;
+            default: () => Promise<{}>;
+        };
+    }>> & {
+        onVodFileList?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "vodFileList", ...args: any[]) => void;
+    mainForm: any;
+    isShowBtn: import("vue").ComputedRef<boolean>;
+    maskHeight: import("vue").ComputedRef<(item: any) => string>;
+    showPercent: import("vue").ComputedRef<(percent: any) => number>;
+    allow_format: import("vue").ComputedRef<any>;
+    defaultValue: import("vue").ComputedRef<any>;
+    isDisabled: import("vue").ComputedRef<any>;
+    max_size: import("vue").ComputedRef<any>;
+    maxlength: import("vue").ComputedRef<number>;
+    defaultFileList: import("vue").ComputedRef<never[]>;
+    handleDefList: () => never[];
+    handleGetSubmitList: (list: any) => "" | undefined;
+    handleGetCoverUrl: (vodUrl: any) => string;
+    coverImgOnError: (e: any) => void;
+    restartUpload: (ele: any) => void;
+    handleDelFileList: (i: any) => void;
+    palyerVod: (data: any, index: any) => void;
+    closeVideoModal: () => void;
+    handleBtnOnClick: () => void;
+    getSumbitList: (list: any) => void;
+    draggableUpdate: () => void;
+    getvideoCover: (item: any) => any;
+    draggable: import("vue").DefineComponent<{
+        list: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        itemKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            required: boolean;
+        };
+        clone: {
+            type: FunctionConstructor;
+            default: (original: any) => any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        move: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        componentData: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: any;
+        };
+    }, unknown, {
+        error: boolean;
+    }, {
+        realList(): any;
+        getKey(): any;
+    }, {
+        getUnderlyingVm(domElement: any): any;
+        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+        emitChanges(evt: any): void;
+        alterList(onList: any): void;
+        spliceList(): void;
+        updatePosition(oldIndex: any, newIndex: any): void;
+        getRelatedContextFromMoveEvent({ to, related }: {
+            to: any;
+            related: any;
+        }): any;
+        getVmIndexFromDomIndex(domIndex: any): any;
+        onDragStart(evt: any): void;
+        onDragAdd(evt: any): void;
+        onDragRemove(evt: any): void;
+        onDragUpdate(evt: any): void;
+        computeFutureIndex(relatedContext: any, evt: any): any;
+        onDragMove(evt: any, originalEvent: any): any;
+        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[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    } & {
+        itemKey?: string | Function | undefined;
+    }>, {
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    }>;
+    videoModal: import("vue").DefineComponent<{
+        visible: BooleanConstructor;
+        formData: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        playerOptions: {
+            type: ObjectConstructor;
+            default: () => {
+                sources: {
+                    type: string;
+                    src: string;
+                }[];
+            };
+        };
+        fileList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        palyerIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        visible: BooleanConstructor;
+        formData: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        playerOptions: {
+            type: ObjectConstructor;
+            default: () => {
+                sources: {
+                    type: string;
+                    src: string;
+                }[];
+            };
+        };
+        fileList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        palyerIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>>, {
+        visible: boolean;
+        formData: Record<string, any>;
+        fileList: unknown[];
+        playerOptions: Record<string, any>;
+        palyerIndex: number;
+    }>;
+    vodUploadModal: import("vue").DefineComponent<{
+        modalTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        modalTitle: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        modelValue: boolean;
+        modalTitle: string;
+    }>;
+    NIcon: any;
+    NButton: any;
+    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<{}>>, {}>;
+    RemoveCircleSharp: 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<{}>>, {}>;
+    videoImg: string;
+    success: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "vodFileList"[], "vodFileList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    formData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    defList: (ArrayConstructor | StringConstructor)[];
+    source: StringConstructor;
+    limitNum: {
+        default: number;
+    };
+    defFileList: {
+        default: string;
+    };
+    isLock: BooleanConstructor;
+    isDetail: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getChunkUploadConfig: {
+        type: FunctionConstructor;
+        default: () => Promise<{}>;
+    };
+}>> & {
+    onVodFileList?: ((...args: any[]) => any) | undefined;
+}, {
+    isDetail: boolean;
+    isLock: boolean;
+    getChunkUploadConfig: Function;
+    formData: Record<string, any>;
+    limitNum: number;
+    defFileList: string;
+}>;
+export default _default;

package/es/components/chunk-upload/style/index.css

@@ -0,0 +1 @@
+.c-chunk-upload-container{background-color:#fff;box-sizing:border-box;height:100%;overflow:hidden;overflow-y:auto;width:100%}.c-chunk-upload-container div.uploader-drop{border:none;padding:0}.c-chunk-upload-container li,.c-chunk-upload-container ul{list-style:none;margin:0;padding:0}.c-chunk-upload-container .uploader-app{min-width:250px}.c-chunk-upload-container .upload-btn{padding:20px 0}.c-chunk-upload-container .upload-btn .mgl-10{margin-left:10px}.c-chunk-upload-container .no-file{font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.c-chunk-upload-container .uploader-file-actions>span{margin-right:6px}.c-file-list-conatiner{background-color:#fff;height:300px;margin-top:20px;overflow:hidden;overflow-y:auto}.c-file-list-conatiner .uploader-file{border-bottom:none;height:auto;line-height:normal}.c-file-container .c-f-item{display:flex}.c-file-container .c-f-item-icon{align-items:center;display:flex;justify-content:center;text-align:center;width:50px}.c-file-container .c-f-item-info{flex:1;line-height:20px}.c-file-container .c-f-item-info-title{line-height:24px}.c-file-container .c-f-item-info-title .title{color:rgba(0,0,0,.85);font-family:PingFangSC-Medium,PingFang SC;font-size:14px;font-weight:500}.c-file-container .c-f-item-info-time,.c-file-container .c-f-item-info-title .size{color:#9d9d9d;font-size:12px}.c-file-container .c-f-item-btn{line-height:40px;width:100px}.c-file-container .c-f-item-btn i{padding:0 5px}.c-file-boder-bottom{border-bottom:1px solid #d5d5d5}.c-drap-container{background-color:#f9f9f9;border:1px dashed #5585f5;border-radius:4px;color:#5585f5;cursor:pointer;height:180px;line-height:1.5;overflow:hidden;padding-top:45px;position:relative;text-align:center}.c-drap-container i{font-size:56px;margin-bottom:20px}.c-upload{display:flex;flex-wrap:wrap;margin-top:4px}.show-list{display:inline-flex;flex-wrap:wrap}.c-uploader-preview-wrap.vod-wrap{background-color:#fff;border:1px dashed #eee;border-radius:4px;display:inline-block;height:120px;margin-bottom:8px;margin-right:8px;position:relative;width:140px}.c-uploader-preview-wrap.vod-wrap .vod-uploading{background-color:#fafafa;height:100%;position:relative;width:100%}.c-uploader-preview-wrap.vod-wrap .vod-uploading .progress-wrap{padding:3px}.c-uploader-preview-wrap.vod-wrap .vod-uploading .uploading-msg{color:#333;font-size:12px;text-align:center}.c-uploader-preview-wrap.vod-wrap .vod-uploading .uploading-mask{align-items:center;background:rgba(0,0,0,.3);bottom:0;color:#fff;display:inline-flex;justify-content:center;left:0;min-height:20%;position:absolute;text-align:center;width:100%}.c-uploader-preview-wrap.vod-wrap .vod-def-bg{align-items:center;background-color:rgba(50,50,51,.5);display:flex;height:100%;justify-content:center;position:relative;width:100%}.c-uploader-preview-wrap.vod-wrap .vod-def-bg .icon-vod-def{font-size:40px;opacity:.3;transform:scale3d(2,2,2);transition:all .25s ease-out}.c-uploader-preview-wrap.vod-wrap .vod-def-bg .vod-cover-img{border-radius:4px;height:100%;object-fit:cover;width:100%}.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap{align-items:center;background:#22de4b;border-radius:4px;color:#fff;display:inline-flex;height:40px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap .upload-img{display:inline-block;height:20px;margin-right:10px;width:20px}.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap.error-wrap{background:#e02020;flex-direction:column;height:72px;width:158px}.c-uploader-preview-wrap.vod-wrap .vod-def-bg .tooltip-wrap.error-wrap span{height:20px;line-height:20px;margin-bottom:8px}.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done .tooltip-wrap{opacity:0}.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done .tooltip-wrap.is-new{animation:fadeOut 2.5s 1 both}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done:hover .icon-wrap{background:rgba(0,0,0,.2)}.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done:hover .theme_outlined{display:none}.c-uploader-preview-wrap.vod-wrap .vod-def-bg.vod-done:hover .theme_filled{display:inline-block}.c-uploader-preview-wrap .uploader-mask{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background-color:rgba(50,50,51,.88);bottom:0;color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;left:0;position:absolute;right:0;top:0}.c-uploader-preview-wrap .uploader-mask .uploading-msg{font-size:12px}.c-uploader-preview-wrap .uploader-preview-delete{height:20px;position:absolute;right:3px;top:3px;width:20px;z-index:10}.c-uploader-preview-wrap .uploader-preview-delete .pre-delete{background:#fff;border-radius:50%;color:#e02020;cursor:pointer;font-size:20px;height:20px;width:20px}.c-icon-wrap{background:rgba(0,0,0,.6);bottom:0;color:#fff;font-size:28px;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.c-icon-wrap .icon-play{cursor:pointer;font-size:46px;left:50%;position:relative;top:50%;transform:translate(-50%,-50%);transition:all .25s ease-out}.c-icon-wrap .theme_outlined{display:inline-block}.c-icon-wrap .theme_filled{display:none}.c-chunk-uploader-btn{background:#fafafa;border:1px dashed #d5d5d5;border-radius:4px;cursor:pointer;display:table;height:120px;margin-right:8px;text-align:center;transition:border-color .3s ease;-webkit-transition:border-color .3s ease;vertical-align:top;width:140px}.c-chunk-uploader-btn.disable-upload{cursor:not-allowed}.c-chunk-uploader-btn .chunk-btn-content{display:table-cell;height:100%;text-align:center;vertical-align:middle;width:100%}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn{line-height:1.2}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn img{height:32px;width:32px}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-icon{color:#000;font-size:30px}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text{width:140px}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text p{color:#585858;margin-bottom:0}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text span{color:#b6b6b6;font-size:12px}.c-chunk-uploader-btn .chunk-btn-content .c-uploader-btn .uploader-text .guage-text{color:#585858;font-size:14px}.c-chunk-uploader-btn:hover{background:#f3f7ff;border-color:#5585f5}.c-chunk-uploader-btn:hover .guage-img{content:url("data:image/png;base64,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")}.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-icon,.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text .guage-text,.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text p,.c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text span{color:#5585f5}