cnhis-design-vue 3.1.9-beta.2 → 3.1.9-beta.5

package/es/packages/button-print/style/index.less

@@ -1,30 +1,30 @@
-.dropdown-button {
-  color: #212121;
-  border-color: #d5d5d5 !important;
-}
-
-.c-dropdown {
-  .n-dropdown-menu-wrapper span.active {
-    color: #5585f5;
-  }
-}
-
-.login-form-button {
-  width: 100%;
-  height: 50px;
-  border-radius: 24px;
-  font-size: 16px;
-  color: #ffffff;
-}
-
-.login-form-button-print {
-  padding-top: 15px;
-
-  .n-input {
-    height: 50px;
-    line-height: 50px;
-    font-size: 14px;
-    color: #757575;
-    border-radius: 6px;
-  }
-}
+.dropdown-button {
+  color: #212121;
+  border-color: #d5d5d5 !important;
+}
+
+.c-dropdown {
+  .n-dropdown-menu-wrapper span.active {
+    color: #5585f5;
+  }
+}
+
+.login-form-button {
+  width: 100%;
+  height: 50px;
+  border-radius: 24px;
+  font-size: 16px;
+  color: #ffffff;
+}
+
+.login-form-button-print {
+  padding-top: 15px;
+
+  .n-input {
+    height: 50px;
+    line-height: 50px;
+    font-size: 14px;
+    color: #757575;
+    border-radius: 6px;
+  }
+}

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

@@ -1,15 +1 @@
-import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
-import uploader from 'vue-simple-uploader';
-import 'vue-simple-uploader/dist/style.css';
-import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
-import { expandXEUtils } from 'cnhis-design-vue/es/src/utils/utilExpand';
-import script from './src/vod-chunk-upload/vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs';
-
-const VodChunkUpload = script;
-VodChunkUpload.install = function(app) {
-  app.use(uploader);
-  safeComponentRegister(app, VodChunkUpload, COMPONENT_NAMESPACE + "VodChunkUpload");
-  expandXEUtils();
-};
-
-export { VodChunkUpload as default };
+export { default } from './index2.mjs';

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

@@ -0,0 +1,16 @@
+import { COMPONENT_NAMESPACE } from 'cnhis-design-vue/es/src/global/variable';
+import './src/vod-chunk-upload/vod-chunk-upload2.mjs';
+import uploader from 'vue-simple-uploader';
+import 'vue-simple-uploader/dist/style.css';
+import { safeComponentRegister } from 'cnhis-design-vue/es/src/utils';
+import { expandXEUtils } from 'cnhis-design-vue/es/src/utils/utilExpand';
+import script from './src/vod-chunk-upload/vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs';
+
+const VodChunkUpload = script;
+VodChunkUpload.install = function(app) {
+  app.use(uploader);
+  safeComponentRegister(app, VodChunkUpload, COMPONENT_NAMESPACE + "VodChunkUpload");
+  expandXEUtils();
+};
+
+export { VodChunkUpload as default };

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

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

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

@@ -1671,9 +1671,6 @@ declare const _default: import("vue").DefineComponent<{
             iconColor: string;
             iconColorInfo: string;
             iconColorSuccess: string;
-            /**
-             * 所有分片上传成功
-             */
             iconColorWarning: string;
             iconColorError: string;
             textColorCircle: string;
@@ -1695,12 +1692,13 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeCircle: string;
             iconSizeLine: string;
             iconColor: string;
-            iconColorInfo: string; /**
-             * 上传状态
-             */
+            iconColorInfo: string;
             iconColorSuccess: string;
             iconColorWarning: string;
             iconColorError: string;
+            /**
+             * 上传错误
+             */
             textColorCircle: string;
             textColorLineInner: string;
             textColorLineOuter: string;
@@ -1895,11 +1893,11 @@ declare const _default: import("vue").DefineComponent<{
     onGetSumbitList?: ((...args: any[]) => any) | undefined;
     onCloseUpload?: ((...args: any[]) => any) | undefined;
 }, {
+    maxLength: number;
     defaultList: unknown[];
     getChunkUploadConfig: Function;
     max_size: string;
     propsCategoryMap: string;
-    maxLength: number;
     uploaderType: string;
 }>;
 export default _default;

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

@@ -2,8 +2,8 @@ import { defineComponent, ref, reactive, onMounted, nextTick, onUnmounted, resol
 import SparkMD5 from 'spark-md5';
 import axios from 'axios';
 import { useMessage, NIcon, NProgress, NButton } from 'naive-ui';
-import { UploadProps, UploadState, statusSet } from './hooks/upload-data.mjs';
-import { UploadComputed } from './hooks/upload-computed.mjs';
+import { UploadProps, UploadState, statusSet } from './hooks/upload-data2.mjs';
+import { UploadComputed } from './hooks/upload-computed2.mjs';
 import { FolderOutline, DocumentAttachOutline, Close } from '@vicons/ionicons5';
 
 const _hoisted_1 = { class: "c-chunk-upload-container" };
@@ -22,7 +22,6 @@ const _hoisted_13 = { class: "upload-btn" };
 const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", null, "\u4E0A\u4F20\u65B0\u6587\u4EF6", -1);
 const _hoisted_15 = /* @__PURE__ */ createTextVNode("\u5F00\u59CB\u4E0A\u4F20");
 var script = /* @__PURE__ */ defineComponent({
-  __name: "chunk-upload-new",
   props: { ...UploadProps },
   emits: ["getSumbitList", "closeUpload"],
   setup(__props, { expose, emit }) {
@@ -350,7 +349,7 @@ var script = /* @__PURE__ */ defineComponent({
         createVNode(_component_uploader, {
           ref_key: "uploaderDom",
           ref: uploaderDom,
-          options: state.options,
+          options: unref(state).options,
           autoStart: unref(autoStart),
           onFileAdded,
           onFileSuccess,
@@ -416,7 +415,7 @@ var script = /* @__PURE__ */ defineComponent({
                                 ])
                               ]),
                               createVNode(unref(NProgress), {
-                                percentage: formatedProgress(state.progress, file),
+                                percentage: formatedProgress(unref(state).progress, file),
                                 type: "line",
                                 "show-indicator": false
                               }, null, 8, ["percentage"])

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

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

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

@@ -1,68 +1 @@
-import { computed } from 'vue';
-
-const UploadComputed = (props, state, config) => {
-  const handleProcessHeaders = () => {
-    return {
-      Authorization: "bearer " + state.uploadConfig.token
-    };
-  };
-  const handleGetTargetUrl = (file) => {
-    var _a;
-    return ((_a = state == null ? void 0 : state.uploadConfig) == null ? void 0 : _a.partFileUpload) || "";
-  };
-  const handleProcessParams = (params, file) => {
-    let res = {
-      channel,
-      md5: file.uniqueIdentifier,
-      name: params.filename,
-      chunk: params.chunkNumber - 1,
-      chunks: params.totalChunks,
-      chunkSize: params.currentChunkSize
-    };
-    return res || params;
-  };
-  const processResponse = (response, cb, file, Chunk) => {
-    cb(null, response);
-  };
-  const parseTimeRemaining = (timeRemaining, parsedTimeRemaining) => {
-    return parsedTimeRemaining.replace(/\syears?/, "\u5E74").replace(/\days?/, "\u5929").replace(/\shours?/, "\u5C0F\u65F6").replace(/\sminutes?/, "\u5206\u949F").replace(/\sseconds?/, "\u79D2");
-  };
-  const initState = () => {
-    state.options.target = handleGetTargetUrl;
-    state.options.headers = handleProcessHeaders;
-    state.options.processParams = handleProcessParams;
-    state.options.parseTimeRemaining = parseTimeRemaining;
-    state.options.processResponse = processResponse;
-  };
-  const autoStart = computed(() => {
-    return false;
-  });
-  const btnAttrs = computed(() => {
-    return {
-      accept: props.propsCategoryMap
-    };
-  });
-  const channel = computed(() => {
-    if (Object.keys(state.uploadConfig || {}).length === 0) {
-      return void 0;
-    }
-    return props.uploaderType === "file" ? state.uploadConfig.fileChannel : state.uploadConfig.channel;
-  });
-  const uploadArguments = computed(() => {
-    return {
-      type: props.uploaderType,
-      channel: channel.value
-    };
-  });
-  computed(() => {
-    return { ...uploadArguments.value, share: state.share };
-  });
-  return {
-    initState,
-    uploadArguments,
-    autoStart,
-    btnAttrs
-  };
-};
-
-export { UploadComputed };
+export { UploadComputed } from './upload-computed2.mjs';

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

@@ -0,0 +1,68 @@
+import { computed } from 'vue';
+
+const UploadComputed = (props, state, config) => {
+  const handleProcessHeaders = () => {
+    return {
+      Authorization: "bearer " + state.uploadConfig.token
+    };
+  };
+  const handleGetTargetUrl = (file) => {
+    var _a;
+    return ((_a = state == null ? void 0 : state.uploadConfig) == null ? void 0 : _a.partFileUpload) || "";
+  };
+  const handleProcessParams = (params, file) => {
+    let res = {
+      channel,
+      md5: file.uniqueIdentifier,
+      name: params.filename,
+      chunk: params.chunkNumber - 1,
+      chunks: params.totalChunks,
+      chunkSize: params.currentChunkSize
+    };
+    return res || params;
+  };
+  const processResponse = (response, cb, file, Chunk) => {
+    cb(null, response);
+  };
+  const parseTimeRemaining = (timeRemaining, parsedTimeRemaining) => {
+    return parsedTimeRemaining.replace(/\syears?/, "\u5E74").replace(/\days?/, "\u5929").replace(/\shours?/, "\u5C0F\u65F6").replace(/\sminutes?/, "\u5206\u949F").replace(/\sseconds?/, "\u79D2");
+  };
+  const initState = () => {
+    state.options.target = handleGetTargetUrl;
+    state.options.headers = handleProcessHeaders;
+    state.options.processParams = handleProcessParams;
+    state.options.parseTimeRemaining = parseTimeRemaining;
+    state.options.processResponse = processResponse;
+  };
+  const autoStart = computed(() => {
+    return false;
+  });
+  const btnAttrs = computed(() => {
+    return {
+      accept: props.propsCategoryMap
+    };
+  });
+  const channel = computed(() => {
+    if (Object.keys(state.uploadConfig || {}).length === 0) {
+      return void 0;
+    }
+    return props.uploaderType === "file" ? state.uploadConfig.fileChannel : state.uploadConfig.channel;
+  });
+  const uploadArguments = computed(() => {
+    return {
+      type: props.uploaderType,
+      channel: channel.value
+    };
+  });
+  computed(() => {
+    return { ...uploadArguments.value, share: state.share };
+  });
+  return {
+    initState,
+    uploadArguments,
+    autoStart,
+    btnAttrs
+  };
+};
+
+export { UploadComputed };

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

@@ -1,93 +1 @@
-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 };
+export { UploadProps, UploadState, statusSet } from './upload-data2.mjs';

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

@@ -0,0 +1,93 @@
+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,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;
-    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 };
+export { VodComputed } from './vod-computed2.mjs';

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

@@ -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;
+    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 };