@nutui/nutui 3.2.5-beta.1 → 3.2.6-beta.1

package/dist/packages/_es/Uploader.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, Fragment, createCommentVNode, renderList, createElementVNode, toDisplayString, createVNode, createBlock, createTextVNode, mergeProps } from "vue";
+import { reactive, computed, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, createBlock, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, createVNode, mergeProps } from "vue";
 import { c as createComponent, i as isPromise } from "./component.js";
+import Taro from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 class UploadOptions {
@@ -118,6 +119,14 @@ const _sfc_main = create({
   props: {
     name: { type: String, default: "file" },
     url: { type: String, default: "" },
+    sizeType: {
+      type: Array,
+      default: () => ["original", "compressed"]
+    },
+    sourceType: {
+      type: Array,
+      default: () => ["album", "camera"]
+    },
     timeout: { type: [Number, String], default: 1e3 * 30 },
     fileList: { type: Array, default: () => [] },
     isPreview: { type: Boolean, default: true },
@@ -126,7 +135,7 @@ const _sfc_main = create({
     method: { type: String, default: "post" },
     capture: { type: Boolean, default: false },
     maximize: { type: [Number, String], default: Number.MAX_VALUE },
-    maximum: { type: [Number, String], default: 1 },
+    maximum: { type: [Number, String], default: 9 },
     clearInput: { type: Boolean, default: true },
     accept: { type: String, default: "*" },
     headers: { type: Object, default: {} },
@@ -134,8 +143,7 @@ const _sfc_main = create({
     uploadIcon: { type: String, default: "photograph" },
     uploadIconSize: { type: [String, Number], default: "" },
     xhrState: { type: [Number, String], default: 200 },
-    withCredentials: { type: Boolean, default: false },
-    multiple: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: true },
     disabled: { type: Boolean, default: false },
     autoUpload: { type: Boolean, default: true },
     beforeUpload: {
@@ -174,60 +182,69 @@ const _sfc_main = create({
         [prefixCls]: true
       };
     });
-    const clearInput = (el) => {
-      el.value = "";
+    const chooseImage = () => {
+      if (props.disabled) {
+        return;
+      }
+      Taro.chooseImage({
+        count: props.multiple ? props.maximum * 1 - props.fileList.length : 1,
+        sizeType: props.sizeType,
+        sourceType: props.sourceType,
+        success: onChange
+      });
     };
     const fileItemClick = (fileItem) => {
       emit("file-item-click", { fileItem });
     };
-    const executeUpload = (fileItem, index2) => {
+    const executeUpload = (fileItem, index) => {
       const uploadOption = new UploadOptions();
+      uploadOption.name = props.name;
       uploadOption.url = props.url;
+      uploadOption.fileType = fileItem.type;
       uploadOption.formData = fileItem.formData;
       uploadOption.timeout = props.timeout * 1;
       uploadOption.method = props.method;
       uploadOption.xhrState = props.xhrState;
+      uploadOption.method = props.method;
       uploadOption.headers = props.headers;
-      uploadOption.withCredentials = props.withCredentials;
+      uploadOption.taroFilePath = fileItem.path;
       uploadOption.beforeXhrUpload = props.beforeXhrUpload;
-      try {
-        uploadOption.sourceFile = fileItem.formData.get(props.name);
-      } catch (error) {
-      }
       uploadOption.onStart = (option) => {
         fileItem.status = "ready";
         fileItem.message = translate("readyUpload");
-        clearUploadQueue(index2);
+        clearUploadQueue(index);
         emit("start", option);
       };
       uploadOption.onProgress = (event, option) => {
         fileItem.status = "uploading";
         fileItem.message = translate("uploading");
-        fileItem.percentage = (event.loaded / event.total * 100).toFixed(0);
+        fileItem.percentage = event.progress;
         emit("progress", { event, option, percentage: fileItem.percentage });
       };
-      uploadOption.onSuccess = (responseText, option) => {
+      uploadOption.onSuccess = (data, option) => {
         fileItem.status = "success";
         fileItem.message = translate("success");
         emit("success", {
-          responseText,
+          data,
+          responseText: data,
           option,
           fileItem
         });
         emit("update:fileList", fileList);
       };
-      uploadOption.onFailure = (responseText, option) => {
+      uploadOption.onFailure = (data, option) => {
         fileItem.status = "error";
         fileItem.message = translate("error");
         emit("failure", {
-          responseText,
+          data,
+          responseText: data,
           option,
           fileItem
         });
       };
       let task = new Uploader(uploadOption);
       if (props.autoUpload) {
-        task.upload();
+        task.uploadTaro(Taro.uploadFile, Taro.getEnv());
       } else {
         uploadQueue.push(
           new Promise((resolve, reject) => {
@@ -236,9 +253,9 @@ const _sfc_main = create({
         );
       }
     };
-    const clearUploadQueue = (index2 = -1) => {
-      if (index2 > -1) {
-        uploadQueue.splice(index2, 1);
+    const clearUploadQueue = (index = -1) => {
+      if (index > -1) {
+        uploadQueue.splice(index, 1);
       } else {
         uploadQueue = [];
         fileList.splice(0, fileList.length);
@@ -246,33 +263,40 @@ const _sfc_main = create({
     };
     const submit = () => {
       Promise.all(uploadQueue).then((res) => {
-        res.forEach((i) => i.upload());
+        res.forEach((i) => i.uploadTaro(Taro.uploadFile, Taro.getEnv()));
       });
     };
     const readFile = (files) => {
-      files.forEach((file, index2) => {
-        const formData = new FormData();
-        for (const [key, value] of Object.entries(props.data)) {
-          formData.append(key, value);
-        }
-        formData.append(props.name, file);
+      const imgReg = /\.(png|jpeg|jpg|webp|gif)$/i;
+      files.forEach((file, index) => {
+        var _a, _b;
+        let fileType = file.type;
         const fileItem = reactive(new FileItem());
-        fileItem.name = file.name;
+        if (!fileType && imgReg.test(file.path)) {
+          fileType = "image";
+        }
+        fileItem.path = file.path;
+        fileItem.name = file.path;
         fileItem.status = "ready";
-        fileItem.type = file.type;
-        fileItem.formData = formData;
         fileItem.message = translate("waitingUpload");
-        executeUpload(fileItem, index2);
-        if (props.isPreview && file.type.includes("image")) {
-          const reader = new FileReader();
-          reader.onload = (event) => {
-            fileItem.url = event.target.result;
-            fileList.push(fileItem);
-          };
-          reader.readAsDataURL(file);
+        fileItem.type = fileType;
+        if (Taro.getEnv() == "WEB") {
+          const formData = new FormData();
+          for (const [key, value] of Object.entries(props.data)) {
+            formData.append(key, value);
+          }
+          formData.append(props.name, file.originalFileObj);
+          fileItem.name = (_a = file.originalFileObj) == null ? void 0 : _a.name;
+          fileItem.type = (_b = file.originalFileObj) == null ? void 0 : _b.type;
+          fileItem.formData = formData;
         } else {
-          fileList.push(fileItem);
+          fileItem.formData = props.data;
+        }
+        if (props.isPreview) {
+          fileItem.url = file.path;
         }
+        fileList.push(fileItem);
+        executeUpload(fileItem, index);
       });
     };
     const filterFiles = (files) => {
@@ -296,59 +320,61 @@ const _sfc_main = create({
       }
       return files;
     };
-    const deleted = (file, index2) => {
-      fileList.splice(index2, 1);
+    const deleted = (file, index) => {
+      fileList.splice(index, 1);
       emit("delete", {
         file,
         fileList,
-        index: index2
+        index
       });
     };
-    const onDelete = (file, index2) => {
-      clearUploadQueue(index2);
+    const onDelete = (file, index) => {
+      clearUploadQueue(index);
       let fn = props.beforeDelete(file, fileList);
       if (isPromise(fn)) {
         fn.then((res) => {
           if (res) {
-            deleted(file, index2);
+            deleted(file, index);
           }
         }).catch((error) => {
           console.log(error, "\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
         });
       } else if (fn) {
-        deleted(file, index2);
+        deleted(file, index);
       } else {
         console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01");
       }
     };
-    const onChange = (event) => {
-      if (props.disabled) {
-        return;
-      }
-      const $el = event.target;
-      let { files } = $el;
+    const onChange = (res) => {
+      const { tempFilePaths, tempFiles } = res;
       if (props.beforeUpload) {
-        props.beforeUpload(files).then((f) => {
-          const _files = filterFiles(new Array().slice.call(f));
+        props.beforeUpload(tempFiles).then((f) => {
+          const _files = filterFiles(f);
           readFile(_files);
         });
       } else {
-        const _files = filterFiles(new Array().slice.call(files));
+        const _files = filterFiles(tempFiles);
         readFile(_files);
       }
       emit("change", {
-        fileList,
-        event
+        fileList
       });
-      if (props.clearInput) {
-        clearInput($el);
-      }
     };
+    onMounted(() => {
+      if (Taro.getEnv() == "WEB") {
+        const obj = document.createElement("input");
+        obj.setAttribute("type", "file");
+        obj.setAttribute("id", "taroChooseImage");
+        obj.setAttribute("accept", props.accept);
+        obj.setAttribute("style", "position: fixed; top: -4000px; left: -3000px; z-index: -300;");
+        document.body.appendChild(obj);
+      }
+    });
     return {
-      onChange,
       onDelete,
       fileList,
       classes,
+      chooseImage,
       fileItemClick,
       clearUploadQueue,
       submit
@@ -359,37 +385,34 @@ const _hoisted_1 = {
   key: 0,
   class: "nut-uploader__slot"
 };
-const _hoisted_2 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_3 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_4 = {
+const _hoisted_2 = {
   key: 0,
   class: "nut-uploader__preview-img"
 };
-const _hoisted_5 = {
+const _hoisted_3 = {
   key: 0,
   class: "nut-uploader__preview__progress"
 };
-const _hoisted_6 = { class: "nut-uploader__preview__progress__msg" };
-const _hoisted_7 = {
+const _hoisted_4 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_5 = {
   key: 1,
   class: "nut-uploader__preview__progress"
 };
-const _hoisted_8 = { class: "nut-uploader__preview__progress__msg" };
-const _hoisted_9 = ["onClick", "src"];
-const _hoisted_10 = {
+const _hoisted_6 = { class: "nut-uploader__preview__progress__msg" };
+const _hoisted_7 = ["onClick", "src"];
+const _hoisted_8 = {
   key: 4,
   class: "nut-uploader__preview-img__file"
 };
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = { class: "tips" };
-const _hoisted_13 = {
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "tips" };
+const _hoisted_11 = {
   key: 1,
   class: "nut-uploader__preview-list"
 };
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = ["accept", "multiple", "name", "disabled"];
-const _hoisted_16 = ["accept", "multiple", "name", "disabled"];
+const _hoisted_12 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_nut_progress = resolveComponent("nut-progress");
   return openBlock(), createElementBlock("view", {
@@ -397,82 +420,74 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     _ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_1, [
       renderSlot(_ctx.$slots, "default"),
-      _ctx.maximum - _ctx.fileList.length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _ctx.capture ? (openBlock(), createElementBlock("input", {
-          key: 0,
-          class: "nut-uploader__input",
-          type: "file",
-          capture: "camera",
-          accept: _ctx.accept,
-          multiple: _ctx.multiple,
-          name: _ctx.name,
-          disabled: _ctx.disabled,
-          onChange: _cache[0] || (_cache[0] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_2)) : (openBlock(), createElementBlock("input", {
-          key: 1,
-          class: "nut-uploader__input",
-          type: "file",
-          accept: _ctx.accept,
-          multiple: _ctx.multiple,
-          name: _ctx.name,
-          disabled: _ctx.disabled,
-          onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_3))
-      ], 64)) : createCommentVNode("", true)
+      createTextVNode(),
+      _ctx.maximum - _ctx.fileList.length ? (openBlock(), createBlock(_component_nut_button, {
+        key: 0,
+        class: "nut-uploader__input",
+        onClick: _ctx.chooseImage
+      }, null, 8, ["onClick"])) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index2) => {
+    createTextVNode(),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index) => {
+      var _a;
       return openBlock(), createElementBlock("view", {
         class: normalizeClass(["nut-uploader__preview", [_ctx.listType]]),
         key: item.uid
       }, [
-        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4, [
-          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5, [
-            createElementVNode("view", _hoisted_6, toDisplayString(item.message), 1)
-          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7, [
+        _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_2, [
+          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_3, [
+            createElementVNode("view", _hoisted_4, toDisplayString(item.message), 1)
+          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_5, [
             createVNode(_component_nut_icon, {
               color: "#fff",
               name: item.status == "error" ? "failure" : "loading"
             }, null, 8, ["name"]),
-            createElementVNode("view", _hoisted_8, toDisplayString(item.message), 1)
+            createTextVNode(),
+            createElementVNode("view", _hoisted_6, toDisplayString(item.message), 1)
           ])) : createCommentVNode("", true),
+          createTextVNode(),
           _ctx.isDeletable ? (openBlock(), createBlock(_component_nut_icon, {
             key: 2,
-            onClick: ($event) => _ctx.onDelete(item, index2),
+            onClick: ($event) => _ctx.onDelete(item, index),
             class: "close",
             name: "failure"
           }, null, 8, ["onClick"])) : createCommentVNode("", true),
-          item.type.includes("image") && item.url ? (openBlock(), createElementBlock("img", {
+          createTextVNode(),
+          ((_a = item.type) == null ? void 0 : _a.includes("image")) && item.url ? (openBlock(), createElementBlock("img", {
             key: 3,
             class: "nut-uploader__preview-img__c",
             onClick: ($event) => _ctx.fileItemClick(item),
             src: item.url
-          }, null, 8, _hoisted_9)) : (openBlock(), createElementBlock("view", _hoisted_10, [
+          }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("view", _hoisted_8, [
             createElementVNode("view", {
-              onClick: ($event) => _ctx.fileItemClick(item),
-              class: "nut-uploader__preview-img__file__name"
+              class: "nut-uploader__preview-img__file__name",
+              onClick: ($event) => _ctx.fileItemClick(item)
             }, [
               createVNode(_component_nut_icon, {
                 color: "#808080",
                 name: "link"
               }),
               createTextVNode("\xA0" + toDisplayString(item.name), 1)
-            ], 8, _hoisted_11)
+            ], 8, _hoisted_9)
           ])),
-          createElementVNode("view", _hoisted_12, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_13, [
+          createTextVNode(),
+          createElementVNode("view", _hoisted_10, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11, [
           createElementVNode("view", {
-            onClick: ($event) => _ctx.fileItemClick(item),
-            class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
+            class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]]),
+            onClick: ($event) => _ctx.fileItemClick(item)
           }, [
             createVNode(_component_nut_icon, { name: "link" }),
             createTextVNode("\xA0" + toDisplayString(item.name), 1)
-          ], 10, _hoisted_14),
+          ], 10, _hoisted_12),
+          createTextVNode(),
           createVNode(_component_nut_icon, {
             class: "nut-uploader__preview-img__file__del",
-            onClick: ($event) => _ctx.onDelete(item, index2),
+            onClick: ($event) => _ctx.onDelete(item, index),
             color: "#808080",
             name: "del"
           }, null, 8, ["onClick"]),
+          createTextVNode(),
           item.status == "uploading" ? (openBlock(), createBlock(_component_nut_progress, {
             key: 0,
             size: "small",
@@ -483,6 +498,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : createCommentVNode("", true)
       ], 2);
     }), 128)),
+    createTextVNode(),
     _ctx.listType == "picture" && !_ctx.$slots.default && _ctx.maximum - _ctx.fileList.length ? (openBlock(), createElementBlock("view", {
       key: 1,
       class: normalizeClass(["nut-uploader__upload", [_ctx.listType]])
@@ -492,28 +508,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         color: "#808080",
         name: _ctx.uploadIcon
       }), null, 16, ["size", "name"]),
-      _ctx.capture ? (openBlock(), createElementBlock("input", {
-        key: 0,
-        class: "nut-uploader__input",
-        type: "file",
-        capture: "camera",
-        accept: _ctx.accept,
-        multiple: _ctx.multiple,
-        name: _ctx.name,
-        disabled: _ctx.disabled,
-        onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-      }, null, 40, _hoisted_15)) : (openBlock(), createElementBlock("input", {
-        key: 1,
+      createTextVNode(),
+      createVNode(_component_nut_button, {
         class: "nut-uploader__input",
-        type: "file",
-        accept: _ctx.accept,
-        multiple: _ctx.multiple,
-        name: _ctx.name,
-        disabled: _ctx.disabled,
-        onChange: _cache[3] || (_cache[3] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-      }, null, 40, _hoisted_16))
+        onClick: _ctx.chooseImage
+      }, null, 8, ["onClick"])
     ], 2)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Video.js

@@ -1,12 +1,37 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createCommentVNode, withDirectives, vShow, normalizeClass, toDisplayString, normalizeStyle, withModifiers } from "vue";
+import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock, createElementBlock, createElementVNode, createTextVNode, createCommentVNode, withDirectives, vShow, normalizeClass, toDisplayString, normalizeStyle, withModifiers } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
+const throttle = (func, wait, type) => {
+  if (type === 1) {
+    var previous = 0;
+  } else if (type === 2) {
+    var timeout;
+  }
+  return function() {
+    let context = this;
+    let args = arguments;
+    if (type === 1) {
+      let now = Date.now();
+      if (now - previous > wait) {
+        func.apply(context, args);
+        previous = now;
+      }
+    } else if (type === 2) {
+      if (!timeout) {
+        timeout = setTimeout(() => {
+          timeout = null;
+          func.apply(context, args);
+        }, wait);
+      }
+    }
+  };
+};
 const { create, translate } = createComponent("video");
 const _sfc_main = create({
   props: {
@@ -36,7 +61,7 @@ const _sfc_main = create({
     }
   },
   components: {},
-  emits: ["click", "play", "pause", "playend"],
+  emits: ["click", "play", "pause", "playend", "time"],
   setup(props, { emit }) {
     const state = reactive({
       videoElm: null,
@@ -122,6 +147,7 @@ const _sfc_main = create({
           emit("pause", state.videoElm);
         });
         state.videoElm.addEventListener("ended", playEnded);
+        state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 1e3, 1));
       }
     };
     const customerInit = () => {
@@ -147,6 +173,7 @@ const _sfc_main = create({
             state.videoElm.addEventListener("progress", () => {
               getLoadTime();
             });
+            state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 1e3, 1));
             state.videoElm.addEventListener("ended", playEnded);
             emit("play", state.videoElm);
           } catch (e) {
@@ -158,10 +185,38 @@ const _sfc_main = create({
         }
       }
     };
+    const timeFormat = (t) => {
+      var h = Math.floor(t / 3600);
+      if (h < 10) {
+        h = "0" + h;
+      }
+      var m = Math.floor(t % 3600 / 60);
+      if (m < 10) {
+        m = "0" + m;
+      }
+      var s = Math.round(t % 3600 % 60);
+      if (s < 10) {
+        s = "0" + s;
+      }
+      var str = "";
+      if (h != 0) {
+        str = h + ":" + m + ":" + s;
+      } else {
+        str = m + ":" + s;
+      }
+      return str;
+    };
     const getLoadTime = () => {
       if (state.videoSet.loaded)
         state.videoSet.loaded = state.videoElm.buffered.end(0) / state.videoElm.duration * 100;
     };
+    const getPlayTime = () => {
+      const percent = state.videoElm.currentTime / state.videoElm.duration;
+      state.videoSet.progress.current = Math.round(state.videoSet.progress.width * percent);
+      state.videoSet.totalTime = timeFormat(state.videoElm.duration);
+      state.videoSet.displayTime = timeFormat(state.videoElm.currentTime);
+      emit("time", state.videoSet.displayTime, state.videoSet.totalTime);
+    };
     const playEnded = () => {
       state.state.playing = false;
       state.state.isEnd = true;
@@ -279,12 +334,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         type: _ctx.source.type
       }, null, 8, _hoisted_3)
     ], 40, _hoisted_2),
+    createTextVNode(),
     _ctx.showToolbox && !_ctx.isDisabled ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "playing-mask",
       ref: "touchMask",
       onClick: _cache[1] || (_cache[1] = (...args) => _ctx.play && _ctx.play(...args))
     }, null, 512)) : createCommentVNode("", true),
+    createTextVNode(),
     _ctx.showToolbox && !_ctx.isDisabled ? withDirectives((openBlock(), createElementBlock("div", {
       key: 1,
       class: "nut-video-play-btn",
@@ -293,6 +350,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 512)), [
       [vShow, !_ctx.state.playing]
     ]) : createCommentVNode("", true),
+    createTextVNode(),
     withDirectives(createElementVNode("div", {
       class: normalizeClass(["nut-video-controller", { "show-control": !_ctx.state.playing, "hide-control": _ctx.state.playing }])
     }, [
@@ -300,13 +358,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "control-play-btn",
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
       }),
+      createTextVNode(),
       createElementVNode("div", _hoisted_4, toDisplayString(_ctx.videoSet.displayTime), 1),
+      createTextVNode(),
       createElementVNode("div", _hoisted_5, [
         createElementVNode("div", _hoisted_6, [
           createElementVNode("div", {
             class: "buffered",
             style: normalizeStyle({ width: `${_ctx.videoSet.loaded}%` })
           }, null, 4),
+          createTextVNode(),
           createElementVNode("div", {
             class: "video-ball",
             style: normalizeStyle({
@@ -316,14 +377,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onTouchstart: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.touchSlidSrart($event), ["stop"])),
             onTouchend: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.touchSlidEnd($event), ["stop"]))
           }, _hoisted_8, 36),
+          createTextVNode(),
           createElementVNode("div", _hoisted_9, null, 512)
         ], 512)
       ]),
+      createTextVNode(),
       createElementVNode("div", _hoisted_10, toDisplayString(_ctx.videoSet.totalTime), 1),
+      createTextVNode(),
       createElementVNode("div", {
         class: normalizeClass(["volume", { muted: _ctx.state.isMuted }]),
         onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleMuted && _ctx.handleMuted(...args))
       }, null, 2),
+      createTextVNode(),
       createElementVNode("div", {
         class: "fullscreen-icon",
         onClick: _cache[8] || (_cache[8] = (...args) => _ctx.fullScreen && _ctx.fullScreen(...args))
@@ -331,8 +396,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2), [
       [vShow, _ctx.showToolbox && !_ctx.isDisabled]
     ]),
+    createTextVNode(),
     withDirectives(createElementVNode("div", _hoisted_11, [
       createElementVNode("p", _hoisted_12, toDisplayString(_ctx.translate("errorTip")), 1),
+      createTextVNode(),
       createElementVNode("p", {
         class: "retry",
         onClick: _cache[9] || (_cache[9] = (...args) => _ctx.retry && _ctx.retry(...args))
@@ -342,5 +409,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 512);
 }
-var Video = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Video as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };