cnhis-design-vue 3.1.18-beta.5 → 3.1.18-beta.8

package/es/components/chunk-upload/src/hooks/upload-data2.js

@@ -0,0 +1,96 @@
+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, 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, getUploadData, statusSet };

package/es/components/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) => {
-  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, _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 };
+export { VodComputed } from './vod-computed2.js';

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

@@ -0,0 +1,79 @@
+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, _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/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 };
+export { getVodData } from './vod-data2.js';

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

@@ -0,0 +1,28 @@
+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/chunk-upload/src/vod-chunk-upload/index.js

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

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

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

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

@@ -2,8 +2,8 @@ import { defineComponent, reactive, computed, onMounted, openBlock, createElemen
 import Draggable from 'vuedraggable';
 import XEUtils from 'xe-utils';
 import 'moment';
-import { getVodData } from '../hooks/vod-data.js';
-import { VodComputed } from '../hooks/vod-computed.js';
+import { getVodData } from '../hooks/vod-data2.js';
+import { VodComputed } from '../hooks/vod-computed2.js';
 import videoModal from '../../../../shared/components/player-vod/video-modal.js';
 import vodUploadModal from '../vod-upload-modal.js';
 import { NIcon, NButton } from 'naive-ui';