cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

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

@@ -1 +1,122 @@
-const e=()=>({UploadState:{spinning:!1,uploadConfig:{},progress:0,options:{target:{},chunkSize:3145728,fileParameterName:"file",maxChunkRetries:3,simultaneousUploads:3,prioritizeFirstAndLastChunk:!0,forceChunkSize:!0,testChunks:!1,headers:{},query(){},processParams:{},parseTimeRemaining:{},processResponse:{}},attrs:{},collapse:!1,configList:[],share:1,baseUrl:"http://192.168.20.113:12060",headers:{Authorization:"bearer d012a22a9f284801b1bed4c20f3715de"},withCredentials:!1}}),t={propsCategoryMap:{type:String,default:""},max_size:{type:[String,Number],default:""},maxLength:{type:Number,default:0},defaultList:{type:Array,default:()=>[]},uploaderType:{type:String,default:"video"},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})},source:{type:String,default:""}},a=(e,t)=>{"failed"===t&&e.pause&&e.pause(),e.file_upload_status={...{init:{status:"init",text:"初始化中",bgc:"#fff"},md5:{status:"md5",text:"校验MD5",bgc:"#fff"},ready:{status:"ready",text:"初始化完成",bgc:"#fff"},merging:{status:"merging",text:"合并中",bgc:"#e2eeff"},uploading:{status:"uploading",text:"上传中",bgc:"#e2eeff"},transcoding:{status:"transcoding",text:"转码中",bgc:"#e2eeff"},paused:{status:"paused",text:"暂停",bgc:"#e2eeff"},failed:{status:"failed",text:"上传失败",bgc:"#e2eeff"},complete:{status:"complete",text:"上传完成",bgc:"#e2eeff"}}[t]}};export{t as UploadProps,e as getUploadData,a as statusSet};
+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: {}
+    },
+    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: ""
+  },
+  max_size: {
+    type: [String, Number],
+    default: ""
+  },
+  maxLength: {
+    type: Number,
+    default: 0
+  },
+  defaultList: {
+    type: Array,
+    default: () => []
+  },
+  uploaderType: {
+    type: String,
+    default: "video"
+  },
+  getChunkUploadConfig: {
+    type: Function,
+    default: () => Promise.resolve({})
+  },
+  source: {
+    type: String,
+    default: ""
+  }
+};
+const statusSet = (file, status) => {
+  const statusMap = {
+    init: {
+      status: "init",
+      text: "\u521D\u59CB\u5316\u4E2D",
+      bgc: "#fff"
+    },
+    md5: {
+      status: "md5",
+      text: "\u6821\u9A8CMD5",
+      bgc: "#fff"
+    },
+    ready: {
+      status: "ready",
+      text: "\u521D\u59CB\u5316\u5B8C\u6210",
+      bgc: "#fff"
+    },
+    merging: {
+      status: "merging",
+      text: "\u5408\u5E76\u4E2D",
+      bgc: "#e2eeff"
+    },
+    uploading: {
+      status: "uploading",
+      text: "\u4E0A\u4F20\u4E2D",
+      bgc: "#e2eeff"
+    },
+    transcoding: {
+      status: "transcoding",
+      text: "\u8F6C\u7801\u4E2D",
+      bgc: "#e2eeff"
+    },
+    paused: {
+      status: "paused",
+      text: "\u6682\u505C",
+      bgc: "#e2eeff"
+    },
+    failed: {
+      status: "failed",
+      text: "\u4E0A\u4F20\u5931\u8D25",
+      bgc: "#e2eeff"
+    },
+    complete: {
+      status: "complete",
+      text: "\u4E0A\u4F20\u5B8C\u6210",
+      bgc: "#e2eeff"
+    }
+  };
+  if (status === "failed") {
+    file.pause && file.pause();
+  }
+  file.file_upload_status = {
+    ...statusMap[status]
+  };
+};
+
+export { UploadProps, getUploadData, statusSet };

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

@@ -1 +1,98 @@
-import{computed as t}from"vue";const a=".mp4,.ts,.mov,.mxf,.mpg,.flv,.wmv,.avi,.m4v,.f4v,.mpeg,.3gp,.asf,.mkv,.hls",e=(e,l,o)=>{const{mainForm:r}=o;return{isShowBtn:t((()=>{var t;let{max_length:a}=(null==(t=e.formData)?void 0:t.validate)||{};return"guage"==e.source&&(a=+e.limitNum),!a||l.fileList.length<a})),maskHeight:t((()=>t=>`${t.percent}%`)),showPercent:t((()=>t=>{const a=t>99?99:t;return Math.floor(a)})),allow_format:t((()=>{if("guage"===e.source)return a;const{allow_format:t}=e.formData;try{if(t){const a=t.split(",").map((t=>t.startsWith(".")?t:"."+t));return a.join(",")}return a}catch(t){return console.log(t),a}})),defaultValue:t((()=>{const{formData:t,source:a,defFileList:l}=e;return"guage"===a?l:(null==r?void 0:r.defaultValue[t.name])||t.default_val})),isDisabled:t((()=>0==e.formData.is_edit||e.isLock)),max_size:t((()=>{var t,a,l;if("guage"===e.source){let l=(null==(a=null==(t=e.formData)?void 0:t.setting)?void 0:a.maxSize)||50;return isNaN(+l)&&(l=50),1024*l}const{max_size:o}=(null==(l=e.formData)?void 0:l.validate)||{};return o||""})),maxlength:t((()=>{var t,a,l,o;return+((null==(a=null==(t=null==e?void 0:e.formData)?void 0:t.validate)?void 0:a.max_length)||(null==(o=null==(l=null==e?void 0:e.formData)?void 0:l.setting)?void 0:o.limitPic)||0)}))}};export{e as VodComputed};
+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) => {
+  const {
+    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) => {
+    const 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) {
+        const list = allow_format2.split(",");
+        const resList = list.map((v) => {
+          if (v.startsWith(".")) {
+            return v;
+          } else {
+            return "." + v;
+          }
+        });
+        const 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, _b, _c;
+    if (props.source === "guage") {
+      let cMax = ((_b = (_a = props.formData) == null ? void 0 : _a.setting) == null ? void 0 : _b.maxSize) || 50;
+      if (isNaN(+cMax)) {
+        cMax = 50;
+      }
+      return cMax * 1024;
+    }
+    const {
+      max_size: max_size2
+    } = ((_c = props.formData) == null ? void 0 : _c.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/components/vod-chunk-upload/src/hooks/vod-data.js

@@ -1 +1,28 @@
-const l=()=>({VodState:{videoVisible:!1,fileList:[],cacheFileObj:{},playerOptions:{},vodClient:null,chunkUploadVisible:!1,uploader:null,autoStart:!0,timeOuts:3e5,configList:[],draggableOptions:{group:"upload-com-item",filter:".uploading-item",delayOnTouchOnly:!0,delay:100,touchStartThreshold:3,chosenClass:"upload-chosen-draing",dragClass:"upload-sortable-drag"}}});export{l as getVodData};
+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/components/vod-chunk-upload/src/vod-chunk-upload/index.js

@@ -1 +1,2 @@
-import o from"./vod-chunk-upload.vue.js";export{default}from"./vod-chunk-upload.vue.js";
+import script from './vod-chunk-upload.vue.js';
+export { default } from './vod-chunk-upload.vue.js';

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

@@ -1 +1,6 @@
-import o from"./vod-chunk-upload.vue2.js";import u from"../../../../_virtual/_plugin-vue_export-helper.js";var e=u(o,[["__file","vod-chunk-upload.vue"]]);export{e as default};
+import _sfc_main from './vod-chunk-upload.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "vod-chunk-upload.vue"]]);
+
+export { script as default };

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

@@ -1 +1,349 @@
-import{defineComponent as e,reactive as o,computed as l,onMounted as i,openBlock as s,createElementBlock as a,withDirectives as t,normalizeClass as r,unref as n,createElementVNode as d,Fragment as u,toDisplayString as p,vShow as m,createCommentVNode as c,createVNode as v,withCtx as f,normalizeStyle as g,createTextVNode as h,withModifiers as y,createBlock as k}from"vue";import"xe-utils";import"moment";import b from"../../../../shared/utils/vexutilsExpand.js";import{getVodData as C}from"../hooks/vod-data.js";import{VodComputed as U}from"../hooks/vod-computed.js";import L from"../../../../shared/components/player-vod/video-modal.js";import V from"../vod-upload-modal.js";import{NIcon as w,NButton as D}from"naive-ui";import{PlayCircleSharp as x,PlayCircleOutline as O,RemoveCircleSharp as S}from"@vicons/ionicons5";import _ from"../../../../shared/assets/img/video_default_cover.png.js";import j from"../../../../shared/assets/img/video.png.js";import z from"../../../../shared/assets/img/success.png.js";import F from"../../../../shared/components/VueDraggable/src/vuedraggable.js";const N={class:"c-upload"},M={class:"chunk-btn-content"},A={class:"c-uploader-btn"},B=["src"],J={class:"uploader-text"},E=d("p",null,"点击上传",-1),P={class:"guage-text"},T=["src"],R=d("div",{class:"uploader-text"},[d("p",null,"上传视频")],-1),G={class:"vod-wrap c-uploader-preview-wrap"},H={key:0,class:"vod-def-bg vod-uploading"},K={class:"vod-def-bg vod-done"},$=["src"],q=["src"],I={class:"c-icon-wrap"},Q={class:"vod-def-bg vod-error"},W=["src"],X={class:"tooltip-wrap error-wrap"},Y=["onClick"];var Z=e({__name:"vod-chunk-upload",props:{formData:{type:Object,default:()=>({})},source:String,limitNum:{default:1},defFileList:{default:""},isLock:Boolean,isDetail:{type:Boolean,default:!1},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})}},emits:["vodFileList"],setup(e,{emit:Z}){const ee=e,{VodState:oe}=C(),le=o(oe),ie={},{isShowBtn:se,maskHeight:ae,showPercent:te,allow_format:re,defaultValue:ne,isDisabled:de,max_size:ue,maxlength:pe}=U(ee,le,{mainForm:ie});console.log(se.value,"----isShowBtn---",ee.formData.title),l((()=>ve()));const me=l((()=>"guage"==ee.source)),ce=l((()=>{var e,o;return(null==(o=null==(e=ee.formData)?void 0:e.setting)?void 0:o.maxSize)||50})),ve=()=>{const{formData:e}=ee;let o=[];if(o=me.value?ee.defFileList:null==ie?void 0:ie.handleSysParams(ie.defaultValue[e.name]||e.default_val),o=JSON.parse(JSON.stringify(o)),!o)return[];let l=[];return Array.isArray(o)&&(l=[...o]),b.isJSON(o)&&(l=JSON.parse(o)),Array.isArray(l)?(l.forEach((e=>{e.thumbUrl=e.vodCoverUrl||void 0,e.uid=(-Math.random()).toString(),e.status="done"})),le.fileList=l,console.log(le.fileList,"----list---list"),fe(l),l):[]},fe=e=>{if(!Array.isArray(e))return"";const{formData:o}=ee;let l=[];e.forEach((e=>{if("done"===e.status&&(e.response&&"00000"==e.response.code||e.url)){const{data:o={}}=e.response||{};e.url||o.videoUrl;let i=e.vodCoverUrl||o.vodCoverUrl;l.push({name:e.name,size:e.size,url:e.url||o.videoUrl,vodCoverUrl:i,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(l,"---resList---",ee.formData.title);let i=JSON.stringify(l);me.value?Z("vodFileList",i,ee.formData):ie.baseForm.setFieldsValue({[o.val_key]:i})},ge=(e,o)=>{let l,i;if(e.type&&(i=e.type),e.url||e.videoUrl){if(l=e.url||e.videoUrl,!i){let e=l.split(".");i=`video/${e[e.length-1]}`}}else l=URL.createObjectURL(e.originFileObj);le.playerOptions={sources:[{type:i,src:l}]},le.videoVisible=!0},he=()=>{le.videoVisible=!1},ye=()=>{de.value||(le.chunkUploadVisible=!0)},ke=e=>{let o=[];e.forEach((e=>{let l=e.videoCoverPic||void 0;o.push({name:e.videoName||e.name,url:e.videoUrl||e.url,size:e.size,vodCoverUrl:l,status:"done",uid:(-Math.random()).toString()})})),le.fileList.push(...o),fe(le.fileList)},be=()=>{fe(le.fileList)};return i((()=>{ve()})),(o,l)=>(s(),a("div",N,[e.isDetail||ee.isLock?c("v-if",!0):t((s(),a("div",{key:0,class:r(["c-chunk-uploader-btn",{"disable-upload":n(de),"c-chunk-uploader-btn-guage":n(me)}]),onClick:ye},[d("div",M,[d("div",A,[n(me)?(s(),a(u,{key:0},[d("img",{src:n(j),class:"guage-img"},null,8,B),d("div",J,[E,d("span",P,"上传视频（不超过"+p(n(ce))+"M)",1)])],64)):(s(),a(u,{key:1},[d("img",{src:n(j),class:"guage-img"},null,8,T),R],64))])])],2)),[[m,n(se)]]),v(n(F),{modelValue:le.fileList,"onUpdate:modelValue":l[0]||(l[0]=e=>le.fileList=e),animation:"150",itemKey:"uid",disabled:n(de).value,options:le.draggableOptions,onUpdate:be,class:"drag-content"},{item:f((({element:o,index:l})=>{return[d("div",G,[c(" 上传中 "),"uploading"===o.status?(s(),a("div",H,[c(" TODO: 封面图补充 "),d("div",{class:"uploading-mask",style:g({height:n(ae)(o)})},[d("span",null,p(n(te)(o.percent))+"%",1)],4)])):"done"===o.status?(s(),a(u,{key:1},[c(" 上传完成 "),d("div",K,[d("img",{src:(i=o,i.thumbUrl?i.thumbUrl:_),class:"vod-cover-img"},null,8,$),d("div",{class:r(["tooltip-wrap",{"is-new":o.isNew}])},[d("img",{src:n(z),class:"upload-img"},null,8,q),h(" 上传成功 ")],2),c(" 播放图标 "),d("div",I,[v(n(w),{component:n(x),class:"icon-play theme_filled",onClick:y((e=>ge(o)),["prevent","stop"])},null,8,["component","onClick"]),v(n(w),{component:n(O),class:"icon-play theme_outlined",onClick:y((e=>ge(o)),["prevent","stop"])},null,8,["component","onClick"])])])],2112)):"error"===o.status?(s(),a(u,{key:2},[c(" 上传失败 "),d("div",Q,[d("img",{src:o.thumbUrl,class:"vod-cover-img"},null,8,W),d("div",X,[d("span",null,p(o.message?o.message:"上传失败，继续上传？"),1),v(n(D),{size:"small",onClick:y((e=>{}),["prevent","stop"])},{default:f((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定")]})),_:2},1032,["onClick"])])])],2112)):c("v-if",!0),!["done","error"].includes(o.status)||n(de)||e.isDetail?c("v-if",!0):(s(),a("div",{key:3,onClick:y((e=>{return o=l,le.fileList.splice(o,1),void fe(le.fileList);var o}),["stop"]),class:"uploader-preview-delete"},[v(n(w),{class:"pre-delete",component:n(S)},null,8,["component"])],8,Y))])];var i})),_:1},8,["modelValue","disabled","options"]),le.videoVisible?(s(),k(n(L),{key:1,visible:le.videoVisible,formData:ee.formData,playerOptions:le.playerOptions,onCloseVideoModal:he},null,8,["visible","formData","playerOptions"])):c("v-if",!0),v(n(V),{modelValue:le.chunkUploadVisible,"onUpdate:modelValue":l[1]||(l[1]=e=>le.chunkUploadVisible=e),modalTitle:ee.formData.name,max_size:n(ue),maxLength:n(pe),propsCategoryMap:n(re),defaultList:le.fileList,getChunkUploadConfig:e.getChunkUploadConfig,source:ee.source,onGetSumbitList:ke},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig","source"])]))}});export{Z as default};
+import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, withDirectives, normalizeClass, unref, createElementVNode, Fragment, toDisplayString, vShow, createCommentVNode, createVNode, withCtx, normalizeStyle, createTextVNode, withModifiers, createBlock } from 'vue';
+import 'xe-utils';
+import 'moment';
+import vexutilsExpand from '../../../../shared/utils/vexutilsExpand.js';
+import { getVodData } from '../hooks/vod-data.js';
+import { VodComputed } from '../hooks/vod-computed.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 default_cover from '../../../../shared/assets/img/video_default_cover.png.js';
+import videoImg from '../../../../shared/assets/img/video.png.js';
+import success from '../../../../shared/assets/img/success.png.js';
+import draggableComponent from '../../../../shared/components/VueDraggable/src/vuedraggable.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 = {
+  class: "uploader-text"
+};
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("p", null, "\u70B9\u51FB\u4E0A\u4F20", -1);
+const _hoisted_7 = {
+  class: "guage-text"
+};
+const _hoisted_8 = ["src"];
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", {
+  class: "uploader-text"
+}, [/* @__PURE__ */ createElementVNode("p", null, "\u4E0A\u4F20\u89C6\u9891")], -1);
+const _hoisted_10 = {
+  class: "vod-wrap c-uploader-preview-wrap"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "vod-def-bg vod-uploading"
+};
+const _hoisted_12 = {
+  class: "vod-def-bg vod-done"
+};
+const _hoisted_13 = ["src"];
+const _hoisted_14 = ["src"];
+const _hoisted_15 = {
+  class: "c-icon-wrap"
+};
+const _hoisted_16 = {
+  class: "vod-def-bg vod-error"
+};
+const _hoisted_17 = ["src"];
+const _hoisted_18 = {
+  class: "tooltip-wrap error-wrap"
+};
+const _hoisted_19 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "vod-chunk-upload",
+  props: {
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    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 isGuage = computed(() => props.source == "guage");
+    const guageMaxSize = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = props.formData) == null ? void 0 : _a.setting) == null ? void 0 : _b.maxSize) || 50;
+    });
+    const handleDefList = () => {
+      const {
+        formData
+      } = props;
+      let defList = [];
+      if (isGuage.value) {
+        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 (vexutilsExpand.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
+      } = 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 (isGuage.value) {
+        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 default_cover;
+    };
+    onMounted(() => {
+      handleDefList();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [!__props.isDetail && !props.isLock ? withDirectives((openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["c-chunk-uploader-btn", {
+          "disable-upload": unref(isDisabled),
+          "c-chunk-uploader-btn-guage": unref(isGuage)
+        }]),
+        onClick: handleBtnOnClick
+      }, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [unref(isGuage) ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createElementVNode("img", {
+        src: unref(videoImg),
+        class: "guage-img"
+      }, null, 8, _hoisted_4), createElementVNode("div", _hoisted_5, [_hoisted_6, createElementVNode("span", _hoisted_7, "\u4E0A\u4F20\u89C6\u9891\uFF08\u4E0D\u8D85\u8FC7" + toDisplayString(unref(guageMaxSize)) + "M)", 1)])], 64)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [createElementVNode("img", {
+        src: unref(videoImg),
+        class: "guage-img"
+      }, null, 8, _hoisted_8), _hoisted_9], 64))])])], 2)), [[vShow, unref(isShowBtn)]]) : createCommentVNode("v-if", true), createVNode(unref(draggableComponent), {
+        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_10, [createCommentVNode(" \u4E0A\u4F20\u4E2D "), element.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_11, [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_12, [createElementVNode("img", {
+          src: getvideoCover(element),
+          class: "vod-cover-img"
+        }, null, 8, _hoisted_13), createElementVNode("div", {
+          class: normalizeClass(["tooltip-wrap", {
+            "is-new": element.isNew
+          }])
+        }, [createElementVNode("img", {
+          src: unref(success),
+          class: "upload-img"
+        }, null, 8, _hoisted_14), createTextVNode(" \u4E0A\u4F20\u6210\u529F ")], 2), createCommentVNode(" \u64AD\u653E\u56FE\u6807 "), createElementVNode("div", _hoisted_15, [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"])])])], 2112)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, {
+          key: 2
+        }, [createCommentVNode(" \u4E0A\u4F20\u5931\u8D25 "), createElementVNode("div", _hoisted_16, [createElementVNode("img", {
+          src: element.thumbUrl,
+          class: "vod-cover-img"
+        }, null, 8, _hoisted_17), createElementVNode("div", _hoisted_18, [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(() => {
+            var _a;
+            return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+          }),
+          _: 2
+        }, 1032, ["onClick"])])])], 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"]),
+          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,
+        source: props.source,
+        onGetSumbitList: getSumbitList
+      }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig", "source"])]);
+    };
+  }
+});
+
+export { _sfc_main as default };