cnhis-design-vue 3.1.6 → 3.1.7-beta.3

package/es/packages/chunk-upload/src/hooks/upload-data2.mjs

@@ -1 +1,93 @@
-const e={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,default:""},maxLength:{type:Number,default:0},defaultList:{type:Array,default:()=>[]},uploaderType:{type:String,default:"video"},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})}},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 UploadState,a as statusSet};
+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
+};
+const UploadProps = {
+  propsCategoryMap: { type: String, default: "" },
+  max_size: { type: String, default: "" },
+  maxLength: { type: Number, default: 0 },
+  defaultList: { type: Array, default: () => [] },
+  uploaderType: { type: String, default: "video" },
+  getChunkUploadConfig: { type: Function, default: () => Promise.resolve({}) }
+};
+const statusSet = (file, status) => {
+  let 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, UploadState, statusSet };

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

@@ -1 +1 @@
-export{VodComputed}from"./vod-computed2.mjs";
+export { VodComputed } from './vod-computed2.mjs';

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

@@ -1 +1,79 @@
-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,r,l)=>{let{mainForm:o}=l;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||r.fileList.length<a})),maskHeight:t((()=>t=>`${t.percent}%`)),showPercent:t((()=>t=>{let 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){return t.split(",").map((t=>t.startsWith(".")?t:"."+t)).join(",")}return a}catch(t){return console.log(t),a}})),defaultValue:t((()=>{const{formData:t,source:a,defFileList:r}=e;return"guage"===a?r:(null==o?void 0:o.defaultValue[t.name])||t.default_val})),isDisabled:t((()=>0==e.formData.is_edit||e.isLock)),max_size:t((()=>{var t;const{max_size:a}=(null==(t=e.formData)?void 0:t.validate)||{};return a||""})),maxlength:t((()=>{var t,a;return+((null==(a=null==(t=null==e?void 0:e.formData)?void 0:t.validate)?void 0:a.max_length)||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) => {
+  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;
+    return +(((_b = (_a = props == null ? void 0 : props.formData) == null ? void 0 : _a.validate) == null ? void 0 : _b.max_length) || 0);
+  });
+  return {
+    isShowBtn,
+    maskHeight,
+    showPercent,
+    allow_format,
+    defaultValue,
+    isDisabled,
+    max_size,
+    maxlength
+  };
+};
+
+export { VodComputed };

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

@@ -1 +1 @@
-export{VodProps,VodState}from"./vod-data2.mjs";
+export { VodProps, VodState } from './vod-data2.mjs';

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

@@ -1 +1,33 @@
-const e={formData:{type:Object,default:()=>({})},defList:[Array,String],source:String,limitNum:{default:1},defFileList:{default:""},isLock:Boolean,isDetail:{type:Boolean,default:!1},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})}},l={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{e as VodProps,l as VodState};
+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"
+  }
+};
+
+export { VodProps, VodState };

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

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

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

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

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

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

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

@@ -1 +1,325 @@
-import{defineComponent as e,reactive as s,computed as o,onMounted as i,openBlock as l,createElementBlock as a,withDirectives as t,normalizeClass as r,unref as n,createElementVNode as d,Fragment as u,vShow as c,createCommentVNode as m,createVNode as p,withCtx as v,normalizeStyle as g,toDisplayString as f,withModifiers as h,createBlock as y,createTextVNode as k}from"vue";import b from"vuedraggable";import U from"cnhis-design-vue/es/src/utils/vexutils";import{VodProps as C,VodState as L}from"../hooks/vod-data2.mjs";import{VodComputed as V}from"../hooks/vod-computed2.mjs";import w from"cnhis-design-vue/es/src/components/player-vod/video-modal";import O from"../vod-upload-modal2.mjs";import{NIcon as D,NButton as x}from"naive-ui";import{PlayCircleSharp as S,PlayCircleOutline as _,RemoveCircleSharp as z}from"@vicons/ionicons5";import F from"cnhis-design-vue/es/src/assets/img/video_default_cover.png";import M from"cnhis-design-vue/es/src/assets/img/video.png";import N from"cnhis-design-vue/es/src/assets/img/success.png";const A={class:"c-upload"},j={class:"chunk-btn-content"},J={class:"c-uploader-btn"},E=["src"],P=d("div",{class:"uploader-text"},[d("p",null,"点击上传"),d("span",{class:"guage-text"},"上传视频（不超过50M)")],-1),T=["src"],B=d("div",{class:"uploader-text"},[d("p",null,"上传视频")],-1),R={class:"vod-wrap c-uploader-preview-wrap"},G={key:0,class:"vod-def-bg vod-uploading"},H={class:"vod-def-bg vod-done"},K=["src"],$=["src"],q=k(" 上传成功 "),I={class:"c-icon-wrap"},Q={class:"vod-def-bg vod-error"},W=["src"],X={class:"tooltip-wrap error-wrap"},Y=k("确定"),Z=["onClick"];var ee=e({name:"vod-chunk-upload",props:{...C},emits:["vodFileList"],setup(e,{emit:k}){const C=e,ee=s({...L}),se={},{isShowBtn:oe,maskHeight:ie,showPercent:le,allow_format:ae,defaultValue:te,isDisabled:re,max_size:ne,maxlength:de}=V(C,ee,{mainForm:se});console.log(oe.value,"----isShowBtn---",C.formData.title),o((()=>ue()));const ue=()=>{const{formData:e}=C;let s=[];if(s="guage"===C.source?C.defFileList:null==se?void 0:se.handleSysParams(se.defaultValue[e.name]||e.default_val),s=JSON.parse(JSON.stringify(s)),!s)return[];let o=[];return Array.isArray(s)&&(o=[...s]),U.isJSON(s)&&(o=JSON.parse(s)),Array.isArray(o)?(o.forEach((e=>{e.thumbUrl=e.vodCoverUrl||void 0,e.uid=(-Math.random()).toString(),e.status="done"})),ee.fileList=o,console.log(ee.fileList,"----list---list"),ce(o),o):[]},ce=e=>{if(!Array.isArray(e))return"";const{formData:s,source:o}=C;let i=[];e.forEach((e=>{if("done"===e.status&&(e.response&&"00000"==e.response.code||e.url)){const{data:s={}}=e.response||{};e.url||s.videoUrl;let o=e.vodCoverUrl||s.vodCoverUrl;i.push({name:e.name,size:e.size,url:e.url||s.videoUrl,vodCoverUrl:o,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(i,"---resList---",C.formData.title);let l=JSON.stringify(i);"guage"!==o?se.baseForm.setFieldsValue({[s.val_key]:l}):k("vodFileList",l,C.formData)},me=(e,s)=>{let o,i;if(e.type&&(i=e.type),e.url||e.videoUrl){if(o=e.url||e.videoUrl,!i){let e=o.split(".");i=`video/${e[e.length-1]}`}}else o=URL.createObjectURL(e.originFileObj);ee.playerOptions={sources:[{type:i,src:o}]},ee.videoVisible=!0},pe=()=>{ee.videoVisible=!1},ve=()=>{re.value||(ee.chunkUploadVisible=!0)},ge=e=>{let s=[];e.forEach((e=>{let o=e.videoCoverPic||void 0;s.push({name:e.videoName||e.name,url:e.videoUrl||e.url,size:e.size,vodCoverUrl:o,status:"done",uid:(-Math.random()).toString()})})),ee.fileList.push(...s),ce(ee.fileList)},fe=()=>{ce(ee.fileList)};return i((()=>{ue()})),(e,s)=>(l(),a("div",A,[e.isDetail?m("v-if",!0):t((l(),a("div",{key:0,class:r(["c-chunk-uploader-btn",{"disable-upload":n(re)}]),onClick:ve},[d("div",j,[d("div",J,["guage"==C.source?(l(),a(u,{key:0},[d("img",{src:n(M),class:"guage-img"},null,8,E),P],64)):(l(),a(u,{key:1},[d("img",{src:n(M),class:"guage-img"},null,8,T),B],64))])])],2)),[[c,n(oe)]]),p(n(b),{modelValue:ee.fileList,"onUpdate:modelValue":s[0]||(s[0]=e=>ee.fileList=e),animation:"150",itemKey:"uid",disabled:n(re).value,options:ee.draggableOptions,onUpdate:fe,class:"drag-content"},{item:v((({element:s,index:o})=>{return[d("div",R,[m(" 上传中 "),"uploading"===s.status?(l(),a("div",G,[m(" TODO: 封面图补充 "),d("div",{class:"uploading-mask",style:g({height:n(ie)(s)})},[d("span",null,f(n(le)(s.percent))+"%",1)],4)])):"done"===s.status?(l(),a(u,{key:1},[m(" 上传完成 "),d("div",H,[d("img",{src:(i=s,i.thumbUrl?i.thumbUrl:F),class:"vod-cover-img"},null,8,K),d("div",{class:r(["tooltip-wrap",{"is-new":s.isNew}])},[d("img",{src:n(N),class:"upload-img"},null,8,$),q],2),m(" 播放图标 "),d("div",I,[p(n(D),{component:n(S),class:"icon-play theme_filled",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"]),p(n(D),{component:n(_),class:"icon-play theme_outlined",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"])])])],64)):"error"===s.status?(l(),a(u,{key:2},[m(" 上传失败 "),d("div",Q,[d("img",{src:s.thumbUrl,class:"vod-cover-img"},null,8,W),d("div",X,[d("span",null,f(s.message?s.message:"上传失败，继续上传？"),1),p(n(x),{size:"small",onClick:h((e=>{}),["prevent","stop"])},{default:v((()=>[Y])),_:2},1032,["onClick"])])])],64)):m("v-if",!0),!["done","error"].includes(s.status)||n(re)||e.isDetail?m("v-if",!0):(l(),a("div",{key:3,onClick:h((e=>{return s=o,ee.fileList.splice(s,1),void ce(ee.fileList);var s}),["stop"]),class:"uploader-preview-delete"},[p(n(D),{class:"pre-delete",component:n(z)},null,8,["component"])],8,Z))])];var i})),_:1},8,["modelValue","disabled","options"]),ee.videoVisible?(l(),y(n(w),{key:1,visible:ee.videoVisible,formData:C.formData,playerOptions:ee.playerOptions,onCloseVideoModal:pe},null,8,["visible","formData","playerOptions"])):m("v-if",!0),p(n(O),{modelValue:ee.chunkUploadVisible,"onUpdate:modelValue":s[1]||(s[1]=e=>ee.chunkUploadVisible=e),modalTitle:C.formData.name,max_size:n(ne),maxLength:n(de),propsCategoryMap:n(ae),defaultList:ee.fileList,getChunkUploadConfig:e.getChunkUploadConfig,onGetSumbitList:ge},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig"])]))}});export{ee as default};
+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 'cnhis-design-vue/es/src/utils/vexutils';
+import { VodProps, VodState } from '../hooks/vod-data2.mjs';
+import { VodComputed } from '../hooks/vod-computed2.mjs';
+import videoModal from 'cnhis-design-vue/es/src/components/player-vod/video-modal';
+import vodUploadModal from '../vod-upload-modal2.mjs';
+import { NIcon, NButton } from 'naive-ui';
+import { PlayCircleSharp, PlayCircleOutline, RemoveCircleSharp } from '@vicons/ionicons5';
+import default_cover from 'cnhis-design-vue/es/src/assets/img/video_default_cover.png';
+import videoImg from 'cnhis-design-vue/es/src/assets/img/video.png';
+import success from 'cnhis-design-vue/es/src/assets/img/success.png';
+
+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"];
+var script = /* @__PURE__ */ defineComponent({
+  props: { ...VodProps },
+  emits: ["vodFileList"],
+  setup(__props, { emit }) {
+    const props = __props;
+    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 (vexutils.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 default_cover;
+    };
+    onMounted(() => {
+      handleDefList();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !_ctx.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(videoImg),
+                  class: "guage-img"
+                }, null, 8, _hoisted_4),
+                _hoisted_5
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createElementVNode("img", {
+                  src: unref(videoImg),
+                  class: "guage-img"
+                }, null, 8, _hoisted_6),
+                _hoisted_7
+              ], 64))
+            ])
+          ])
+        ], 2)), [
+          [vShow, unref(isShowBtn)]
+        ]) : createCommentVNode("v-if", true),
+        createVNode(unref(Draggable), {
+          modelValue: unref(state).fileList,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).fileList = $event),
+          animation: "150",
+          itemKey: "uid",
+          disabled: unref(isDisabled).value,
+          options: unref(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(success),
+                      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"])
+                  ])
+                ])
+              ], 2112)) : 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"])
+                  ])
+                ])
+              ], 2112)) : createCommentVNode("v-if", true),
+              ["done", "error"].includes(element.status) && !unref(isDisabled) && !_ctx.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"]),
+        unref(state).videoVisible ? (openBlock(), createBlock(unref(videoModal), {
+          key: 1,
+          visible: unref(state).videoVisible,
+          formData: props.formData,
+          playerOptions: unref(state).playerOptions,
+          onCloseVideoModal: closeVideoModal
+        }, null, 8, ["visible", "formData", "playerOptions"])) : createCommentVNode("v-if", true),
+        createVNode(unref(vodUploadModal), {
+          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: unref(state).fileList,
+          getChunkUploadConfig: _ctx.getChunkUploadConfig,
+          onGetSumbitList: getSumbitList
+        }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])
+      ]);
+    };
+  }
+});
+
+export { script as default };

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

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

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

@@ -1 +1 @@
-export{default}from"./vod-upload-modal2.mjs";
+export { default } from './vod-upload-modal2.mjs';