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

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

@@ -1,33 +1 @@
-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 };
+export { VodProps, VodState } from './vod-data2.mjs';

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

@@ -0,0 +1,33 @@
+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,3 +1,2 @@
-import './vod-chunk-upload.mjs';
-import script 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

@@ -0,0 +1,3 @@
+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,4 +1,2 @@
-import script 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';
-
-script.__file = "packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue";

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

@@ -290,9 +290,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Icon", {
             color: string;
             opacity1Depth: string;
-            /**
-             * 封面图图加载报错
-             */
             opacity2Depth: string;
             opacity3Depth: string;
             opacity4Depth: string;

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

@@ -1,10 +1,10 @@
 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-data.mjs';
-import { VodComputed } from '../hooks/vod-computed.mjs';
+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-modal.mjs';
+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';
@@ -39,7 +39,6 @@ const _hoisted_17 = { class: "tooltip-wrap error-wrap" };
 const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_19 = ["onClick"];
 var script = /* @__PURE__ */ defineComponent({
-  __name: "vod-chunk-upload",
   props: { ...VodProps },
   emits: ["vodFileList"],
   setup(__props, { emit }) {
@@ -215,12 +214,12 @@ var script = /* @__PURE__ */ defineComponent({
           [vShow, unref(isShowBtn)]
         ]) : createCommentVNode("v-if", true),
         createVNode(unref(Draggable), {
-          modelValue: state.fileList,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.fileList = $event),
+          modelValue: unref(state).fileList,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).fileList = $event),
           animation: "150",
           itemKey: "uid",
           disabled: unref(isDisabled).value,
-          options: state.draggableOptions,
+          options: unref(state).draggableOptions,
           onUpdate: draggableUpdate,
           class: "drag-content"
         }, {
@@ -265,7 +264,7 @@ var script = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["component", "onClick"])
                   ])
                 ])
-              ], 64)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              ], 2112)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                 createCommentVNode(" \u4E0A\u4F20\u5931\u8D25 "),
                 createElementVNode("div", _hoisted_15, [
                   createElementVNode("img", {
@@ -285,7 +284,7 @@ var script = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"])
                   ])
                 ])
-              ], 64)) : createCommentVNode("v-if", true),
+              ], 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"]),
@@ -300,21 +299,21 @@ var script = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue", "disabled", "options"]),
-        state.videoVisible ? (openBlock(), createBlock(unref(videoModal), {
+        unref(state).videoVisible ? (openBlock(), createBlock(unref(videoModal), {
           key: 1,
-          visible: state.videoVisible,
+          visible: unref(state).videoVisible,
           formData: props.formData,
-          playerOptions: state.playerOptions,
+          playerOptions: unref(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),
+          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: state.fileList,
+          defaultList: unref(state).fileList,
           getChunkUploadConfig: _ctx.getChunkUploadConfig,
           onGetSumbitList: getSumbitList
         }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])

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

@@ -0,0 +1,4 @@
+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,95 +1 @@
-import { defineComponent, ref, createVNode, resolveComponent, mergeProps, createTextVNode } from 'vue';
-import { NModal, NCard, NButton } from 'naive-ui';
-import './chunk-upload-new.mjs';
-import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs';
-
-var vodUploadModal = defineComponent({
-  name: "vodUploadModal",
-  components: {
-    NModal,
-    NCard,
-    NButton,
-    chunkUploadCom: script
-  },
-  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(script, mergeProps(attrs, {
-            "ref": chunkUploadDom,
-            "uploaderType": "video",
-            "onCloseUpload": closeModal
-          }), null),
-          footer: () => renderModalFooter()
-        })]
-      });
-    };
-    return () => {
-      return renderVodModal();
-    };
-  }
-});
-
-export { vodUploadModal as default };
+export { default } from './vod-upload-modal2.mjs';

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

@@ -0,0 +1,95 @@
+import { defineComponent, ref, createVNode, resolveComponent, mergeProps, createTextVNode } from 'vue';
+import { NModal, NCard, NButton } from 'naive-ui';
+import './chunk-upload-new2.mjs';
+import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs';
+
+var vodUploadModal = defineComponent({
+  name: "vodUploadModal",
+  components: {
+    NModal,
+    NCard,
+    NButton,
+    chunkUploadCom: script
+  },
+  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(script, mergeProps(attrs, {
+            "ref": chunkUploadDom,
+            "uploaderType": "video",
+            "onCloseUpload": closeModal
+          }), null),
+          footer: () => renderModalFooter()
+        })]
+      });
+    };
+    return () => {
+      return renderVodModal();
+    };
+  }
+});
+
+export { vodUploadModal as default };