cnhis-design-vue 3.1.9-beta.10 → 3.1.9-beta.13

package/es/packages/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, isVNode, nextTick, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, unref, mergeProps, withCtx, createBlock, toDisplayString, Fragment, createElementVNode, renderSlot, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, isVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, mergeProps, withCtx, createBlock, toDisplayString, renderSlot, withDirectives, vShow } from 'vue';
 import bigTableState from './bigTableState.js';
 import bigTableProps from './bigTableProps.js';
 import bigTableEmits from './bigTableEmits.js';
@@ -21,14 +21,19 @@ import qr from '../../../src/assets/img/qr';
 import script$1 from './components/NoData.vue_vue_type_script_setup_true_lang.js';
 
 const _hoisted_1 = {
+  key: 0,
+  class: "check-wrap"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "\u7CFB\u7EDF\u68C0\u6D4B\u5230\u6709\u6570\u636E\u66F4\u65B0,", -1);
+const _hoisted_3 = {
   key: 0
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("i", {
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("i", {
   class: "disabled-checked-tips"
 }, null, -1);
-const _hoisted_3 = ["innerHTML"];
-const _hoisted_4 = ["innerHTML"];
-const _hoisted_5 = {
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
   class: "refresh-row"
 };
 function _isSlot(s) {
@@ -931,6 +936,10 @@ var script = /* @__PURE__ */ defineComponent({
       const config = (tableOptions == null ? void 0 : tableOptions.config) || {};
       return config || void 0;
     };
+    const refreshTable = () => {
+      state.hasRefresh = false;
+      emit("refreshTable");
+    };
     const getRowClassName = (params) => {
       const {
         rowClassName = null
@@ -1258,7 +1267,7 @@ var script = /* @__PURE__ */ defineComponent({
       let forbiddenBatchSelect = !checkMethod(data);
       if (state.selectType == "checkbox" && forbiddenBatchSelect) {
         table == null ? void 0 : table.setAllCheckboxRow(false);
-        const checked2 = getRowClassName()({
+        const checked2 = getRowClassName({
           row
         }) == "single--checked";
         const value = !checked2 ? [] : [row];
@@ -2177,15 +2186,27 @@ var script = /* @__PURE__ */ defineComponent({
       xGrid
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(` <div
+		class="big-table custom-big-table"
+		:class="{
+			mt: state.visibleCheckAllWrap || state.visibleTreeCheck || state.hasRefresh,
+			'expand-padding': !props.isNestTable
+		}"
+		:style="{ height: state.tableHeight }"
+	> `), createElementVNode("div", {
         class: normalizeClass(["big-table custom-big-table", {
-          mt: state.visibleCheckAllWrap || state.visibleTreeCheck || state.hasRefresh,
+          mt: state.hasRefresh,
           "expand-padding": !props.isNestTable
         }]),
         style: normalizeStyle({
           height: state.tableHeight
         })
-      }, [createCommentVNode(' <div v-if="state.hasRefresh && !props.isNestTable" class="check-wrap">\n			<p class="check-wrap-title">\n				<span>\u7CFB\u7EDF\u68C0\u6D4B\u5230\u6709\u6570\u636E\u66F4\u65B0,</span>\n				<span class="check-wrap-btn" @click="refreshTable">\u70B9\u51FB\u67E5\u770B</span>\n			</p>\n		</div> '), createCommentVNode(" \u5168\u9009 \u9009\u62E9\u6846 "), createCommentVNode(' <div\n			v-show="state.visibleCheckAllWrap && !props.isInlineOperating && !props.isNestTable"\n			class="check-wrap"\n		>\n			<p class="check-wrap-title">\n				<span>\u5DF2\u52FE\u9009\u6570\u636E\u5171{{ allSelectedLength }}\u6761</span>\n				<span v-show="state.visibleCheckAllWrapMore">\n					\uFF08\u5F53\u524D\u9875{{ state.currentPageSelectedLength }}\u6761\uFF09\n				</span>\n			</p>\n			<template v-if="state.visibleCheckAllWrapMore && !props.asyncCount">\n				<p v-if="!visibleCancelCheckAllBtn" class="check-wrap-btn" @click="handleCheckAll">\n					<span v-if="pageVO.total > maxCheckSize">\n						{{ `\u52FE\u9009\u5168\u90E8\u9875 ${maxCheckSize}\u6761\u6570\u636E` }}\n					</span>\n					<span v-else>\n						{{ `\u52FE\u9009\u5168\u90E8\u9875 ${pageVO.total}\u6761\u6570\u636E` }}\n					</span>\n				</p>\n				<p v-else class="check-wrap-btn" @click="handleCancelAllCheck">\u53D6\u6D88\u5168\u90E8\u52FE\u9009</p>\n			</template>\n		</div> '), createCommentVNode(" \u6811\u72B6\u8868\u683C\u5DF2\u9009 "), createCommentVNode(' <div\n			v-show="state.visibleTreeCheck && !props.isInlineOperating && !props.isNestTable"\n			class="check-wrap"\n		>\n			<p class="check-wrap-title">\n				<span>\u5DF2\u52FE\u9009\u6570\u636E\u5171{{ state.treeTableLength }}\u6761</span>\n			</p>\n		</div> '), createVNode(unref(CGrid), mergeProps({
+      }, [state.hasRefresh && !props.isNestTable ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", {
+        class: "check-wrap-title"
+      }, [_hoisted_2, createElementVNode("span", {
+        class: "check-wrap-btn",
+        onClick: refreshTable
+      }, "\u70B9\u51FB\u67E5\u770B")])])) : createCommentVNode("v-if", true), createCommentVNode(" \u5168\u9009 \u9009\u62E9\u6846 "), createCommentVNode(' <div\n			v-show="state.visibleCheckAllWrap && !props.isInlineOperating && !props.isNestTable"\n			class="check-wrap"\n		>\n			<p class="check-wrap-title">\n				<span>\u5DF2\u52FE\u9009\u6570\u636E\u5171{{ allSelectedLength }}\u6761</span>\n				<span v-show="state.visibleCheckAllWrapMore">\n					\uFF08\u5F53\u524D\u9875{{ state.currentPageSelectedLength }}\u6761\uFF09\n				</span>\n			</p>\n			<template v-if="state.visibleCheckAllWrapMore && !props.asyncCount">\n				<p v-if="!visibleCancelCheckAllBtn" class="check-wrap-btn" @click="handleCheckAll">\n					<span v-if="pageVO.total > maxCheckSize">\n						{{ `\u52FE\u9009\u5168\u90E8\u9875 ${maxCheckSize}\u6761\u6570\u636E` }}\n					</span>\n					<span v-else>\n						{{ `\u52FE\u9009\u5168\u90E8\u9875 ${pageVO.total}\u6761\u6570\u636E` }}\n					</span>\n				</p>\n				<p v-else class="check-wrap-btn" @click="handleCancelAllCheck">\u53D6\u6D88\u5168\u90E8\u52FE\u9009</p>\n			</template>\n		</div> '), createCommentVNode(" \u6811\u72B6\u8868\u683C\u5DF2\u9009 "), createCommentVNode(' <div\n			v-show="state.visibleTreeCheck && !props.isInlineOperating && !props.isNestTable"\n			class="check-wrap"\n		>\n			<p class="check-wrap-title">\n				<span>\u5DF2\u52FE\u9009\u6570\u636E\u5171{{ state.treeTableLength }}\u6761</span>\n			</p>\n		</div> '), createVNode(unref(CGrid), mergeProps({
         ref_key: "xGrid",
         ref: xGrid,
         border: "",
@@ -2258,7 +2279,7 @@ var script = /* @__PURE__ */ defineComponent({
         onCellMouseenter: handleCellMouseenter,
         onKeydown: unref(keyDown)
       }), {
-        empty: withCtx(() => [state.isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(script$1, {
+        empty: withCtx(() => [state.isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(script$1, {
           "no-data-img": props.emptyItems.noDataImg,
           "no-data-tip": props.emptyItems.noDataTip,
           "show-img": !props.isNestTable
@@ -2271,7 +2292,7 @@ var script = /* @__PURE__ */ defineComponent({
           trigger: "hover",
           placement: "right"
         }, {
-          trigger: withCtx(() => [_hoisted_2]),
+          trigger: withCtx(() => [_hoisted_4]),
           default: withCtx(() => [createTextVNode(" " + toDisplayString(row.forbiddenBatchSelectReason), 1)]),
           _: 2
         }, 1024)) : (openBlock(), createBlock(unref(NCheckbox), {
@@ -2284,7 +2305,7 @@ var script = /* @__PURE__ */ defineComponent({
         }) => [createCommentVNode(" \u5206\u7EC4\u7EDF\u8BA1 "), _ctx.groupCountFields && _ctx.groupCountFields.length ? (openBlock(), createElementBlock("span", {
           key: 0,
           innerHTML: state.groupText
-        }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock(Fragment, {
+        }, null, 8, _hoisted_5)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
         }, [createCommentVNode(" \u4E00\u822C\u7EDF\u8BA1 "), createVNode(unref(NTooltip), {
           trigger: "hover"
@@ -2292,7 +2313,7 @@ var script = /* @__PURE__ */ defineComponent({
           trigger: withCtx(() => [createTextVNode(toDisplayString(getFooterTitle(column)), 1)]),
           default: withCtx(() => [createElementVNode("div", {
             innerHTML: getFooterTooltipTitle(column)
-          }, null, 8, _hoisted_4)]),
+          }, null, 8, _hoisted_6)]),
           _: 2
         }, 1024)], 2112))]),
         nest_table_content: withCtx(({
@@ -2315,7 +2336,7 @@ var script = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(NIcon), {
         size: "14",
         component: unref(SyncOutline)
-      }, null, 8, ["component"]), createElementVNode("p", _hoisted_5, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6);
+      }, null, 8, ["component"]), createElementVNode("p", _hoisted_7, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 2112);
     };
   }
 });

package/es/packages/chunk-upload/index.d.ts

@@ -23,6 +23,27 @@ declare const VodChunkUpload: SFCWithInstall<import("vue").DefineComponent<{
         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[];
@@ -1746,9 +1767,9 @@ declare const VodChunkUpload: SFCWithInstall<import("vue").DefineComponent<{
 }, {
     isDetail: boolean;
     isLock: boolean;
+    getChunkUploadConfig: Function;
     formData: Record<string, any>;
     limitNum: number;
     defFileList: string;
-    getChunkUploadConfig: Function;
 }>>;
 export default VodChunkUpload;

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

@@ -24,6 +24,35 @@ declare const _default: import("vue").DefineComponent<{
         default: () => Promise<{}>;
     };
 }, {
+    UploadState: {
+        spinning: boolean;
+        uploadConfig: {};
+        progress: number;
+        options: {
+            target: {};
+            chunkSize: number;
+            fileParameterName: string;
+            maxChunkRetries: number;
+            simultaneousUploads: number;
+            prioritizeFirstAndLastChunk: boolean;
+            forceChunkSize: boolean;
+            testChunks: boolean;
+            headers: {};
+            query(): void;
+            processParams: {};
+            parseTimeRemaining: {};
+            processResponse: {};
+        };
+        attrs: {};
+        collapse: boolean;
+        configList: never[];
+        share: number;
+        baseUrl: string;
+        headers: {
+            Authorization: string;
+        };
+        withCredentials: boolean;
+    };
     instance: import("axios").AxiosInstance;
     count: number;
     uploaderDom: any;
@@ -1706,6 +1735,9 @@ declare const _default: import("vue").DefineComponent<{
             textColorLineInner: string;
             textColorLineOuter: string;
             fillColor: string;
+            /**
+             * 格式化进度跳
+             */
             fillColorInfo: string;
             fillColorSuccess: string;
             fillColorWarning: string;

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, reactive, onMounted, nextTick, onUnmounted, resol
 import SparkMD5 from 'spark-md5';
 import axios from 'axios';
 import { useMessage, NIcon, NProgress, NButton } from 'naive-ui';
-import { UploadProps, UploadState, statusSet } from './hooks/upload-data.js';
+import { UploadProps, getUploadData, statusSet } from './hooks/upload-data.js';
 import { UploadComputed } from './hooks/upload-computed.js';
 import { FolderOutline, DocumentAttachOutline, Close } from '@vicons/ionicons5';
 
@@ -27,10 +27,11 @@ var script = /* @__PURE__ */ defineComponent({
   emits: ["getSumbitList", "closeUpload"],
   setup(__props, { expose, emit }) {
     const props = __props;
+    const { UploadState } = getUploadData();
     var instance = axios.create({});
     const uploaderDom = ref(null);
     const uploadBtnDom = ref(null);
-    const state = reactive({ ...UploadState });
+    const state = reactive(UploadState);
     const message = useMessage();
     const { initState, uploadArguments, autoStart, btnAttrs } = UploadComputed(props, state);
     initState();

package/es/packages/chunk-upload/src/hooks/upload-data.d.ts

@@ -1,31 +1,33 @@
-export declare const UploadState: {
-    spinning: boolean;
-    uploadConfig: {};
-    progress: number;
-    options: {
-        target: {};
-        chunkSize: number;
-        fileParameterName: string;
-        maxChunkRetries: number;
-        simultaneousUploads: number;
-        prioritizeFirstAndLastChunk: boolean;
-        forceChunkSize: boolean;
-        testChunks: boolean;
-        headers: {};
-        query(): void;
-        processParams: {};
-        parseTimeRemaining: {};
-        processResponse: {};
+export declare const getUploadData: () => {
+    UploadState: {
+        spinning: boolean;
+        uploadConfig: {};
+        progress: number;
+        options: {
+            target: {};
+            chunkSize: number;
+            fileParameterName: string;
+            maxChunkRetries: number;
+            simultaneousUploads: number;
+            prioritizeFirstAndLastChunk: boolean;
+            forceChunkSize: boolean;
+            testChunks: boolean;
+            headers: {};
+            query(): void;
+            processParams: {};
+            parseTimeRemaining: {};
+            processResponse: {};
+        };
+        attrs: {};
+        collapse: boolean;
+        configList: never[];
+        share: number;
+        baseUrl: string;
+        headers: {
+            Authorization: string;
+        };
+        withCredentials: boolean;
     };
-    attrs: {};
-    collapse: boolean;
-    configList: never[];
-    share: number;
-    baseUrl: string;
-    headers: {
-        Authorization: string;
-    };
-    withCredentials: boolean;
 };
 export declare const UploadProps: {
     propsCategoryMap: {

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

@@ -1,32 +1,35 @@
-const UploadState = {
-  spinning: false,
-  uploadConfig: {},
-  progress: 0,
-  options: {
-    target: {},
-    chunkSize: 3 * 1024 * 1024,
-    fileParameterName: "file",
-    maxChunkRetries: 3,
-    simultaneousUploads: 3,
-    prioritizeFirstAndLastChunk: true,
-    forceChunkSize: true,
-    testChunks: false,
-    headers: {},
-    query() {
+const getUploadData = () => {
+  const UploadState = {
+    spinning: false,
+    uploadConfig: {},
+    progress: 0,
+    options: {
+      target: {},
+      chunkSize: 3 * 1024 * 1024,
+      fileParameterName: "file",
+      maxChunkRetries: 3,
+      simultaneousUploads: 3,
+      prioritizeFirstAndLastChunk: true,
+      forceChunkSize: true,
+      testChunks: false,
+      headers: {},
+      query() {
+      },
+      processParams: {},
+      parseTimeRemaining: {},
+      processResponse: {}
     },
-    processParams: {},
-    parseTimeRemaining: {},
-    processResponse: {}
-  },
-  attrs: {},
-  collapse: false,
-  configList: [],
-  share: 1,
-  baseUrl: "http://192.168.20.113:12060",
-  headers: {
-    Authorization: "bearer d012a22a9f284801b1bed4c20f3715de"
-  },
-  withCredentials: false
+    attrs: {},
+    collapse: false,
+    configList: [],
+    share: 1,
+    baseUrl: "http://192.168.20.113:12060",
+    headers: {
+      Authorization: "bearer d012a22a9f284801b1bed4c20f3715de"
+    },
+    withCredentials: false
+  };
+  return { UploadState };
 };
 const UploadProps = {
   propsCategoryMap: { type: String, default: "" },
@@ -90,4 +93,4 @@ const statusSet = (file, status) => {
   file.file_upload_status = { ...statusMap[status] };
 };
 
-export { UploadProps, UploadState, statusSet };
+export { UploadProps, getUploadData, statusSet };

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

@@ -1,44 +1,23 @@
-export declare const VodProps: {
-    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<{}>;
-    };
-};
-export declare const 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;
+export declare const getVodData: () => {
+    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;
+        };
     };
 };

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

@@ -1,33 +1,28 @@
-const VodProps = {
-  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({}) }
-};
-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"
-  }
+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 { VodProps, VodState };
+export { getVodData };

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

@@ -21,6 +21,27 @@ declare const _default: import("vue").DefineComponent<{
         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[];
@@ -136,6 +157,14 @@ 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;
@@ -268,7 +297,7 @@ declare const _default: import("vue").DefineComponent<{
             opacity3Depth: string;
             opacity4Depth: string;
             opacity5Depth: string;
-        }, any>>>;
+        }, any>>>; /** 获取提交的数据 */
     }, {
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedStyle: import("vue").ComputedRef<{
@@ -1744,9 +1773,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isDetail: boolean;
     isLock: boolean;
+    getChunkUploadConfig: Function;
     formData: Record<string, any>;
     limitNum: number;
     defFileList: string;
-    getChunkUploadConfig: Function;
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
 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 { VodProps, VodState } from '../hooks/vod-data.js';
+import { getVodData } from '../hooks/vod-data.js';
 import { VodComputed } from '../hooks/vod-computed.js';
 import videoModal from '../../../../src/components/player-vod/video-modal';
 import vodUploadModal from '../vod-upload-modal.js';
@@ -40,11 +40,21 @@ const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_19 = ["onClick"];
 var script = /* @__PURE__ */ defineComponent({
   __name: "vod-chunk-upload",
-  props: { ...VodProps },
+  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 state = reactive({ ...VodState });
+    const { VodState } = getVodData();
+    const state = reactive(VodState);
     const mainForm = {};
     const {
       isShowBtn,
@@ -189,7 +199,7 @@ var script = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !_ctx.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
+        !__props.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["c-chunk-uploader-btn", { "disable-upload": unref(isDisabled) }]),
           onClick: handleBtnOnClick
@@ -286,7 +296,7 @@ var script = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ], 64)) : createCommentVNode("v-if", true),
-              ["done", "error"].includes(element.status) && !unref(isDisabled) && !_ctx.isDetail ? (openBlock(), createElementBlock("div", {
+              ["done", "error"].includes(element.status) && !unref(isDisabled) && !__props.isDetail ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 onClick: withModifiers(($event) => handleDelFileList(index), ["stop"]),
                 class: "uploader-preview-delete"
@@ -315,7 +325,7 @@ var script = /* @__PURE__ */ defineComponent({
           maxLength: unref(maxlength),
           propsCategoryMap: unref(allow_format),
           defaultList: state.fileList,
-          getChunkUploadConfig: _ctx.getChunkUploadConfig,
+          getChunkUploadConfig: __props.getChunkUploadConfig,
           onGetSumbitList: getSumbitList
         }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])
       ]);

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

@@ -289,8 +289,10 @@
   position: relative;
   top: 50%;
   left: 50%;
+  font-size: 46px;
   transform: translate(-50%, -50%);
   transition: all 0.25s ease-out;
+  cursor: pointer;
 }
 .c-icon-wrap .theme_outlined {
   display: inline-block;