cnhis-design-vue 3.1.5-beta.14 → 3.1.5-beta.17

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

@@ -1,15 +1,15 @@
 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 '../..\\..\\../src/utils/vexutils';
-import { VodProps, VodState } from '../hooks/vod-data2.js';
-import { VodComputed } from '../hooks/vod-computed2.js';
-import videoModal from '../..\\..\\../src/components/player-vod/video-modal';
-import vodUploadModal from '../vod-upload-modal2.js';
+import vexutils from '../../../../src/utils/vexutils';
+import { getVodData } from '../hooks/vod-data.js';
+import { VodComputed } from '../hooks/vod-computed.js';
+import videoModal from '../../../../src/components/player-vod/video-modal';
+import vodUploadModal from '../vod-upload-modal.js';
 import { NIcon, NButton } from 'naive-ui';
 import { PlayCircleSharp, PlayCircleOutline, RemoveCircleSharp } from '@vicons/ionicons5';
-import default_cover from '../..\\..\\../src/assets/img/video_default_cover.png';
-import videoImg from '../..\\..\\../src/assets/img/video.png';
-import success from '../..\\..\\../src/assets/img/success.png';
+import default_cover from '../../../../src/assets/img/video_default_cover';
+import videoImg from '../../../../src/assets/img/video';
+import success from '../../../../src/assets/img/success';
 
 const _hoisted_1 = { class: "c-upload" };
 const _hoisted_2 = { class: "chunk-btn-content" };
@@ -39,11 +39,22 @@ 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 },
+  __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 state = reactive({ ...VodState });
+    const { VodState } = getVodData();
+    const state = reactive(VodState);
     const mainForm = {};
     const {
       isShowBtn,
@@ -188,7 +199,7 @@ var script = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !_ctx.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
+        !__props.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["c-chunk-uploader-btn", { "disable-upload": unref(isDisabled) }]),
           onClick: handleBtnOnClick
@@ -214,12 +225,12 @@ var script = /* @__PURE__ */ defineComponent({
           [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),
+          modelValue: state.fileList,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.fileList = $event),
           animation: "150",
           itemKey: "uid",
           disabled: unref(isDisabled).value,
-          options: unref(state).draggableOptions,
+          options: state.draggableOptions,
           onUpdate: draggableUpdate,
           class: "drag-content"
         }, {
@@ -264,7 +275,7 @@ var script = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["component", "onClick"])
                   ])
                 ])
-              ], 2112)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              ], 64)) : element.status === "error" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                 createCommentVNode(" \u4E0A\u4F20\u5931\u8D25 "),
                 createElementVNode("div", _hoisted_15, [
                   createElementVNode("img", {
@@ -284,8 +295,8 @@ var script = /* @__PURE__ */ defineComponent({
                     }, 1032, ["onClick"])
                   ])
                 ])
-              ], 2112)) : createCommentVNode("v-if", true),
-              ["done", "error"].includes(element.status) && !unref(isDisabled) && !_ctx.isDetail ? (openBlock(), createElementBlock("div", {
+              ], 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"
@@ -299,22 +310,22 @@ var script = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue", "disabled", "options"]),
-        unref(state).videoVisible ? (openBlock(), createBlock(unref(videoModal), {
+        state.videoVisible ? (openBlock(), createBlock(unref(videoModal), {
           key: 1,
-          visible: unref(state).videoVisible,
+          visible: state.videoVisible,
           formData: props.formData,
-          playerOptions: unref(state).playerOptions,
+          playerOptions: 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),
+          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: unref(state).fileList,
-          getChunkUploadConfig: _ctx.getChunkUploadConfig,
+          defaultList: state.fileList,
+          getChunkUploadConfig: __props.getChunkUploadConfig,
           onGetSumbitList: getSumbitList
         }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])
       ]);

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

@@ -1 +1,95 @@
-export { default } from './vod-upload-modal2.js';
+import { defineComponent, ref, createVNode, resolveComponent, mergeProps, createTextVNode } from 'vue';
+import { NModal, NCard, NButton } from 'naive-ui';
+import './chunk-upload-new.js';
+import script from './chunk-upload-new.vue_vue_type_script_setup_true_lang.js';
+
+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 };

package/es/packages/chunk-upload/style/index.css

@@ -257,10 +257,10 @@
 }
 .c-uploader-preview-wrap .uploader-preview-delete {
   position: absolute;
-  top: -16px;
-  right: -7px;
-  width: 16px;
-  height: 16px;
+  top: 3px;
+  right: 3px;
+  width: 20px;
+  height: 20px;
   z-index: 10;
 }
 .c-uploader-preview-wrap .uploader-preview-delete .pre-delete {
@@ -289,8 +289,10 @@
   position: relative;
   top: 50%;
   left: 50%;
+  font-size: 46px;
   transform: translate(-50%, -50%);
   transition: all 0.25s ease-out;
+  cursor: pointer;
 }
 .c-icon-wrap .theme_outlined {
   display: inline-block;
@@ -353,7 +355,7 @@
   border-color: #5585f5;
 }
 .c-chunk-uploader-btn:hover .guage-img {
-  content: url('../..\../src/assets/img/video_hover.png');
+  content: url('data:image/png;base64,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');
 }
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-icon,
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text p,