cnhis-design-vue 3.1.14-beta.11.1 → 3.1.14-beta.13

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

@@ -1,4 +1,329 @@
-import script from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
-export { default } from './vod-chunk-upload.vue_vue_type_script_setup_true_lang.js';
+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 { 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';
+import videoImg from '../../../../src/assets/img/video';
+import success from '../../../../src/assets/img/success';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue";
+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 = /* @__PURE__ */ createTextVNode(" \u4E0A\u4F20\u6210\u529F ");
+const _hoisted_14 = { class: "c-icon-wrap" };
+const _hoisted_15 = { class: "vod-def-bg vod-error" };
+const _hoisted_16 = ["src"];
+const _hoisted_17 = { class: "tooltip-wrap error-wrap" };
+const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_19 = ["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 (vexutils.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) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !__props.isDetail ? 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(unref(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),
+                    _hoisted_13
+                  ], 2),
+                  createCommentVNode(" \u64AD\u653E\u56FE\u6807 "),
+                  createElementVNode("div", _hoisted_14, [
+                    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_15, [
+                  createElementVNode("img", {
+                    src: element.thumbUrl,
+                    class: "vod-cover-img"
+                  }, null, 8, _hoisted_16),
+                  createElementVNode("div", _hoisted_17, [
+                    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(() => [
+                        _hoisted_18
+                      ]),
+                      _: 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_19)) : 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 };

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

@@ -1,7 +1,6 @@
 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';
+import chunkUploadCom from './chunk-upload-new.js';
 
 var vodUploadModal = defineComponent({
   name: "vodUploadModal",
@@ -9,7 +8,7 @@ var vodUploadModal = defineComponent({
     NModal,
     NCard,
     NButton,
-    chunkUploadCom: script
+    chunkUploadCom
   },
   props: {
     modalTitle: {
@@ -77,7 +76,7 @@ var vodUploadModal = defineComponent({
           "footer-style": "padding: 10px 16px;border-top:1px solid #e8e8e8;text-align:right;",
           "content-style": "padding: 24px 24px 12px;"
         }, {
-          default: () => createVNode(script, mergeProps(attrs, {
+          default: () => createVNode(chunkUploadCom, mergeProps(attrs, {
             "ref": chunkUploadDom,
             "uploaderType": "video",
             "onCloseUpload": closeModal

package/es/packages/drag-layout/index.js

@@ -1,8 +1,7 @@
 import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
 import { expandXEUtils } from '../../src/utils/utilExpand';
-import './src/DragLayout.js';
-import script from './src/DragLayout.vue_vue_type_script_setup_true_lang.js';
+import script from './src/DragLayout.js';
 
 const DragLayout = script;
 DragLayout.install = function(app) {

package/es/packages/drag-layout/src/DragFormLeftItem.js

@@ -1,4 +1,124 @@
-import script from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.js';
-export { default } from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.js';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, Fragment, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { NInput, NDatePicker, NSelect, NRadio, NCheckbox } from 'naive-ui';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
-script.__file = "packages/drag-layout/src/DragFormLeftItem.vue";
+const _hoisted_1 = { class: "DragFormLeftItem" };
+const _hoisted_2 = {
+  key: 0,
+  class: "style-box"
+};
+const _hoisted_3 = { class: "style-box" };
+const _hoisted_4 = { class: "style-box" };
+const _hoisted_5 = { class: "style-box" };
+const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u7537");
+const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u5973");
+const _hoisted_8 = { class: "style-box" };
+const _hoisted_9 = { class: "style-box" };
+const _hoisted_10 = {
+  key: 6,
+  class: "style-box"
+};
+const _hoisted_11 = {
+  key: 7,
+  class: "style-box"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DragFormLeftItem",
+  props: {
+    element: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["left-content", [__props.element.extraField ? "blue-border" : "", "item-" + __props.element.html_type]])
+        }, [
+          createCommentVNode(" \u6587\u672C\u57DF "),
+          __props.element.html_type === "TEXTAREA" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: __props.element.placeholder || __props.element.name,
+              type: "textarea",
+              rows: 2
+            }, null, 8, ["placeholder"])
+          ])) : __props.element.html_type === "DATE" || __props.element.html_type === "DATE-INPUT" || __props.element.html_type === "DATETIME-INPUT" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createCommentVNode(" \u65E5\u671F "),
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(NDatePicker), {
+                disabled: "",
+                placeholder: __props.element.placeholder || __props.element.name
+              }, null, 8, ["placeholder"])
+            ])
+          ], 2112)) : __props.element.html_type === "SELECT" || __props.element.html_type === "SEARCH" || __props.element.html_type === "SEARCH_MORE" || __props.element.html_type === "PHONE_TYPE" || __props.element.html_type === "IDCARD_TYPE" || __props.element.html_type === "LABEL" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createCommentVNode(" \u4E0B\u62C9 \u6807\u7B7E "),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(NSelect), {
+                disabled: "",
+                options: []
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "RADIO" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+            createCommentVNode(" \u5355\u9009 "),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(NRadio), {
+                disabled: "",
+                defaultChecked: ""
+              }, {
+                default: withCtx(() => [
+                  _hoisted_6
+                ]),
+                _: 1
+              }),
+              createVNode(unref(NRadio), {
+                disabled: "",
+                defaultChecked: false
+              }, {
+                default: withCtx(() => [
+                  _hoisted_7
+                ]),
+                _: 1
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "CHECKBOX" || __props.element.html_type === "CHECKBOX_BLOCK" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+            createCommentVNode(" \u591A\u9009 "),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(unref(NCheckbox), {
+                defaultChecked: "",
+                disabled: ""
+              }),
+              createVNode(unref(NCheckbox), {
+                defaultChecked: "",
+                disabled: ""
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "SEARCH_CASCADE" || __props.element.html_type === "LEVEL_SEARCH_CASCADE" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+            createCommentVNode(" \u7EA7\u8054 "),
+            createElementVNode("div", _hoisted_9, [
+              createVNode(unref(NSelect), {
+                defaultValue: "\u7701/\u5E02/\u533A",
+                disabled: ""
+              })
+            ])
+          ], 2112)) : __props.element.html_type === "PHONE_TYPE" ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: "+86"
+            })
+          ])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+            createVNode(unref(NInput), {
+              class: "style-box-input",
+              disabled: "",
+              placeholder: __props.element.placeholder || __props.element.name
+            }, null, 8, ["placeholder"])
+          ])),
+          createTextVNode(" " + toDisplayString(__props.element.name), 1)
+        ], 2)
+      ]);
+    };
+  }
+});
+var DragFormLeftItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DragFormLeftItem.vue"]]);
+
+export { DragFormLeftItem as default };