cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.15

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

@@ -1,79 +1 @@
-import { computed } from 'vue';
-
-const defaultAccept = ".mp4,.ts,.mov,.mxf,.mpg,.flv,.wmv,.avi,.m4v,.f4v,.mpeg,.3gp,.asf,.mkv,.hls";
-const VodComputed = (props, state, config) => {
-  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;
-    const { max_size: max_size2 } = ((_a = props.formData) == null ? void 0 : _a.validate) || {};
-    return max_size2 || "";
-  });
-  const maxlength = computed(() => {
-    var _a, _b, _c, _d;
-    return +(((_b = (_a = props == null ? void 0 : props.formData) == null ? void 0 : _a.validate) == null ? void 0 : _b.max_length) || ((_d = (_c = props == null ? void 0 : props.formData) == null ? void 0 : _c.setting) == null ? void 0 : _d.limitPic) || 0);
-  });
-  return {
-    isShowBtn,
-    maskHeight,
-    showPercent,
-    allow_format,
-    defaultValue,
-    isDisabled,
-    max_size,
-    maxlength
-  };
-};
-
-export { VodComputed };
+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;const{max_size:a}=(null==(t=e.formData)?void 0:t.validate)||{};return a||""})),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};

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

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

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

@@ -1,2 +1 @@
-import script from './vod-chunk-upload.vue.js';
-export { default } from './vod-chunk-upload.vue.js';
+import o 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,332 +1 @@
-import { defineComponent, reactive, computed, onMounted, resolveComponent, openBlock, createElementBlock, withDirectives, normalizeClass, unref, createElementVNode, Fragment, vShow, createCommentVNode, createVNode, withCtx, normalizeStyle, toDisplayString, createTextVNode, withModifiers, createBlock } from 'vue';
-import XEUtils from 'xe-utils';
-import 'moment';
-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 _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 = { class: "c-icon-wrap" };
-const _hoisted_14 = { class: "vod-def-bg vod-error" };
-const _hoisted_15 = ["src"];
-const _hoisted_16 = { class: "tooltip-wrap error-wrap" };
-const _hoisted_17 = ["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 default_cover;
-    };
-    onMounted(() => {
-      handleDefList();
-    });
-    return (_ctx, _cache) => {
-      const _component_draggable = resolveComponent("draggable");
-      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) }]),
-          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(_component_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(success),
-                      class: "upload-img"
-                    }, null, 8, _hoisted_12),
-                    createTextVNode(" \u4E0A\u4F20\u6210\u529F ")
-                  ], 2),
-                  createCommentVNode(" \u64AD\u653E\u56FE\u6807 "),
-                  createElementVNode("div", _hoisted_13, [
-                    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_14, [
-                  createElementVNode("img", {
-                    src: element.thumbUrl,
-                    class: "vod-cover-img"
-                  }, null, 8, _hoisted_15),
-                  createElementVNode("div", _hoisted_16, [
-                    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(() => [
-                        createTextVNode("\u786E\u5B9A")
-                      ]),
-                      _: 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_17)) : 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 };
+import{defineComponent as e,reactive as o,computed as l,onMounted as i,resolveComponent as s,openBlock as t,createElementBlock as a,withDirectives as r,normalizeClass as n,unref as d,createElementVNode as u,Fragment as p,vShow as m,createCommentVNode as c,createVNode as v,withCtx as f,normalizeStyle as g,toDisplayString as h,createTextVNode as y,withModifiers as k,createBlock as b}from"vue";import C from"xe-utils";import"moment";import{getVodData as U}from"../hooks/vod-data.js";import{VodComputed as L}from"../hooks/vod-computed.js";import V from"../../../../shared/components/player-vod/video-modal.js";import _ from"../vod-upload-modal.js";import{NIcon as D,NButton as O}from"naive-ui";import{PlayCircleSharp as S,PlayCircleOutline as w,RemoveCircleSharp as x}from"@vicons/ionicons5";import j from"../../../../shared/assets/img/video_default_cover.png.js";import F from"../../../../shared/assets/img/video.png.js";import z from"../../../../shared/assets/img/success.png.js";import N from"../../../../_virtual/plugin-vue_export-helper.js";const A={class:"c-upload"},M={class:"chunk-btn-content"},J={class:"c-uploader-btn"},B=["src"],P=u("div",{class:"uploader-text"},[u("p",null,"点击上传"),u("span",{class:"guage-text"},"上传视频（不超过50M)")],-1),E=["src"],T=u("div",{class:"uploader-text"},[u("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={class:"c-icon-wrap"},I={class:"vod-def-bg vod-error"},Q=["src"],W={class:"tooltip-wrap error-wrap"},X=["onClick"];var Y=N(e({__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:!1},getChunkUploadConfig:{type:Function,default:()=>Promise.resolve({})}},emits:["vodFileList"],setup(e,{emit:N}){const Y=e,{VodState:Z}=U(),ee=o(Z),oe={},{isShowBtn:le,maskHeight:ie,showPercent:se,allow_format:te,defaultValue:ae,isDisabled:re,max_size:ne,maxlength:de}=L(Y,ee,{mainForm:oe});console.log(le.value,"----isShowBtn---",Y.formData.title),l((()=>ue()));const ue=()=>{const{formData:e}=Y;let o=[];if(o="guage"===Y.source?Y.defFileList:null==oe?void 0:oe.handleSysParams(oe.defaultValue[e.name]||e.default_val),o=JSON.parse(JSON.stringify(o)),!o)return[];let l=[];return Array.isArray(o)&&(l=[...o]),C.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"})),ee.fileList=l,console.log(ee.fileList,"----list---list"),pe(l),l):[]},pe=e=>{if(!Array.isArray(e))return"";const{formData:o,source:l}=Y;let i=[];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 l=e.vodCoverUrl||o.vodCoverUrl;i.push({name:e.name,size:e.size,url:e.url||o.videoUrl,vodCoverUrl:l,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(i,"---resList---",Y.formData.title);let s=JSON.stringify(i);"guage"!==l?oe.baseForm.setFieldsValue({[o.val_key]:s}):N("vodFileList",s,Y.formData)},me=(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);ee.playerOptions={sources:[{type:i,src:l}]},ee.videoVisible=!0},ce=()=>{ee.videoVisible=!1},ve=()=>{re.value||(ee.chunkUploadVisible=!0)},fe=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()})})),ee.fileList.push(...o),pe(ee.fileList)},ge=()=>{pe(ee.fileList)};return i((()=>{ue()})),(o,l)=>{const i=s("draggable");return t(),a("div",A,[e.isDetail||Y.isLock?c("v-if",!0):r((t(),a("div",{key:0,class:n(["c-chunk-uploader-btn",{"disable-upload":d(re)}]),onClick:ve},[u("div",M,[u("div",J,["guage"==Y.source?(t(),a(p,{key:0},[u("img",{src:d(F),class:"guage-img"},null,8,B),P],64)):(t(),a(p,{key:1},[u("img",{src:d(F),class:"guage-img"},null,8,E),T],64))])])],2)),[[m,d(le)]]),v(i,{modelValue:ee.fileList,"onUpdate:modelValue":l[0]||(l[0]=e=>ee.fileList=e),animation:"150",itemKey:"uid",disabled:d(re).value,options:ee.draggableOptions,onUpdate:ge,class:"drag-content"},{item:f((({element:o,index:l})=>{return[u("div",R,[c(" 上传中 "),"uploading"===o.status?(t(),a("div",G,[c(" TODO: 封面图补充 "),u("div",{class:"uploading-mask",style:g({height:d(ie)(o)})},[u("span",null,h(d(se)(o.percent))+"%",1)],4)])):"done"===o.status?(t(),a(p,{key:1},[c(" 上传完成 "),u("div",H,[u("img",{src:(i=o,i.thumbUrl?i.thumbUrl:j),class:"vod-cover-img"},null,8,K),u("div",{class:n(["tooltip-wrap",{"is-new":o.isNew}])},[u("img",{src:d(z),class:"upload-img"},null,8,$),y(" 上传成功 ")],2),c(" 播放图标 "),u("div",q,[v(d(D),{component:d(S),class:"icon-play theme_filled",onClick:k((e=>me(o)),["prevent","stop"])},null,8,["component","onClick"]),v(d(D),{component:d(w),class:"icon-play theme_outlined",onClick:k((e=>me(o)),["prevent","stop"])},null,8,["component","onClick"])])])],64)):"error"===o.status?(t(),a(p,{key:2},[c(" 上传失败 "),u("div",I,[u("img",{src:o.thumbUrl,class:"vod-cover-img"},null,8,Q),u("div",W,[u("span",null,h(o.message?o.message:"上传失败，继续上传？"),1),v(d(O),{size:"small",onClick:k((e=>{}),["prevent","stop"])},{default:f((()=>[y("确定")])),_:2},1032,["onClick"])])])],64)):c("v-if",!0),!["done","error"].includes(o.status)||d(re)||e.isDetail?c("v-if",!0):(t(),a("div",{key:3,onClick:k((e=>{return o=l,ee.fileList.splice(o,1),void pe(ee.fileList);var o}),["stop"]),class:"uploader-preview-delete"},[v(d(D),{class:"pre-delete",component:d(x)},null,8,["component"])],8,X))])];var i})),_:1},8,["modelValue","disabled","options"]),ee.videoVisible?(t(),b(d(V),{key:1,visible:ee.videoVisible,formData:Y.formData,playerOptions:ee.playerOptions,onCloseVideoModal:ce},null,8,["visible","formData","playerOptions"])):c("v-if",!0),v(d(_),{modelValue:ee.chunkUploadVisible,"onUpdate:modelValue":l[1]||(l[1]=e=>ee.chunkUploadVisible=e),modalTitle:Y.formData.name,max_size:d(ne),maxLength:d(de),propsCategoryMap:d(te),defaultList:ee.fileList,getChunkUploadConfig:e.getChunkUploadConfig,onGetSumbitList:fe},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig"])])}}}),[["__file","vod-chunk-upload.vue"]]);export{Y as default};

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

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