sun-card-design 1.1.37 → 1.1.38

package/dist/sun-card-designer.es160.js

@@ -1,238 +0,0 @@
-import { ref, computed, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, createVNode, withModifiers, withCtx, createTextVNode, h, unref, toDisplayString, Fragment, renderList } from "vue";
-import { UploadOutlined } from "@ant-design/icons-vue";
-import { message } from "ant-design-vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "upload-progress"
-};
-const _hoisted_2 = { class: "progress-text-container" };
-const _hoisted_3 = {
-  key: 1,
-  class: "file-list"
-};
-const _hoisted_4 = { class: "file-item-name" };
-const _sfc_main = {
-  __name: "uploadComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const fileList = ref([]);
-    const uploadControllers = ref(/* @__PURE__ */ new Map());
-    const currentUploadingUid = ref(null);
-    const isUploading = computed(() => !!currentUploadingUid.value);
-    const buttonColor = computed(() => {
-      return props.record.options?.style?.buttonColor;
-    });
-    const buttonSize = computed(() => {
-      return props.record.options?.style?.buttonSize;
-    });
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    const acceptTypes = computed(() => {
-      if (!props.record.options?.format || !Array.isArray(props.record.options.format) || props.record.options.format.length === 0) {
-        return "";
-      }
-      const formatMap = {
-        pdf: ".pdf",
-        word: ".doc,.docx",
-        excle: ".xls,.xlsx",
-        txt: ".txt",
-        ppt: ".ppt,.pptx"
-      };
-      return props.record.options.format.map((format) => formatMap[format] || `.${format}`).join(",");
-    });
-    const beforeUpload = (file) => {
-      const isValidType = checkFileType(file);
-      if (!isValidType) {
-        const allowedFormats = props.record.options?.format || [];
-        const formatNames = {
-          pdf: "PDF",
-          word: "Word",
-          excle: "Excel",
-          txt: "TXT",
-          ppt: "PPT"
-        };
-        const formatText = allowedFormats.map((f) => formatNames[f] || f.toUpperCase()).join("、");
-        if (formatText) {
-          message.error(`只支持 ${formatText} 格式的文件`);
-        } else {
-          message.error("请先配置允许的文件格式");
-        }
-        return false;
-      }
-      return true;
-    };
-    const checkFileType = (file) => {
-      if (!props.record.options?.format || !Array.isArray(props.record.options.format) || props.record.options.format.length === 0) {
-        return false;
-      }
-      const fileName = (file.name || file.fileName || "").toLowerCase();
-      if (!fileName) {
-        return false;
-      }
-      const allowedFormats = props.record.options.format;
-      const formatExtensions = {
-        pdf: [".pdf"],
-        word: [".doc", ".docx"],
-        excle: [".xls", ".xlsx"],
-        txt: [".txt"],
-        ppt: [".ppt", ".pptx"]
-      };
-      const allowedExtensions = allowedFormats.reduce((exts, format) => {
-        if (formatExtensions[format]) {
-          exts.push(...formatExtensions[format]);
-        }
-        return exts;
-      }, []);
-      if (allowedExtensions.length === 0) {
-        return false;
-      }
-      const isValid = allowedExtensions.some((ext) => fileName.endsWith(ext));
-      console.log("文件类型检查:", {
-        fileName,
-        allowedFormats,
-        allowedExtensions,
-        isValid
-      });
-      return isValid;
-    };
-    const customRequest = (options) => {
-      const { file, onSuccess, onProgress } = options;
-      ({ uid: file.uid, name: file.name });
-      currentUploadingUid.value = file.uid;
-      let progress = 0;
-      const timer = setInterval(() => {
-        progress = Math.min(progress + 8 + Math.random() * 6, 99);
-        onProgress({ percent: progress });
-      }, 200);
-      const doneTimer = setTimeout(() => {
-        clearInterval(timer);
-        uploadControllers.value.delete(file.uid);
-        fileList.value.push({ uid: file.uid, name: file.name });
-        message.success("上传成功");
-        onSuccess({ url: URL.createObjectURL(file), name: file.name });
-        if (currentUploadingUid.value === file.uid) currentUploadingUid.value = null;
-      }, 2e3);
-      uploadControllers.value.set(file.uid, { timer, doneTimer });
-    };
-    const onCancelUpload = () => {
-      const uid = currentUploadingUid.value;
-      if (!uid) return;
-      const ctrl = uploadControllers.value.get(uid);
-      if (ctrl) {
-        if (ctrl.timer) clearInterval(ctrl.timer);
-        if (ctrl.doneTimer) clearTimeout(ctrl.doneTimer);
-        uploadControllers.value.delete(uid);
-      }
-      const item = fileList.value.find((f) => f.uid === uid);
-      if (item) {
-        item.status = "cancelled";
-        item.percent = 0;
-      }
-      currentUploadingUid.value = null;
-      message.info("已取消上传");
-    };
-    const removeFile = (uid) => {
-      const item = fileList.value.find((f) => f.uid === uid);
-      if (item && item.status === "uploading") {
-        currentUploadingUid.value = uid;
-        onCancelUpload();
-      }
-      fileList.value = fileList.value.filter((f) => f.uid !== uid);
-    };
-    return (_ctx, _cache) => {
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_upload = resolveComponent("a-upload");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["upload-comp", { active: currentUuid.value === props.record.uuid }])
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          isUploading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            _cache[2] || (_cache[2] = createElementVNode("div", { class: "spinner" }, null, -1)),
-            createElementVNode("div", _hoisted_2, [
-              _cache[1] || (_cache[1] = createElementVNode("div", { class: "progress-text" }, "文件导入中...", -1)),
-              createVNode(_component_a_button, {
-                class: "cancel-btn",
-                onClick: withModifiers(onCancelUpload, ["stop"]),
-                size: "small"
-              }, {
-                default: withCtx(() => [..._cache[0] || (_cache[0] = [
-                  createTextVNode("取消", -1)
-                ])]),
-                _: 1
-              })
-            ])
-          ])) : createCommentVNode("", true),
-          createVNode(_component_a_upload, {
-            accept: acceptTypes.value,
-            multiple: true,
-            "before-upload": beforeUpload,
-            "custom-request": customRequest,
-            "show-upload-list": false,
-            disabled: false
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_button, {
-                type: "primary",
-                style: normalizeStyle({
-                  backgroundColor: buttonColor.value,
-                  borderColor: buttonColor.value,
-                  fontSize: buttonSize.value + "px",
-                  height: "auto",
-                  padding: "4px 12px",
-                  minHeight: "28px"
-                }),
-                icon: h(unref(UploadOutlined))
-              }, {
-                icon: withCtx(() => [
-                  createVNode(unref(UploadOutlined))
-                ]),
-                default: withCtx(() => [
-                  createTextVNode(" " + toDisplayString(props.record.options?.style?.buttonText), 1)
-                ]),
-                _: 1
-              }, 8, ["style", "icon"])
-            ]),
-            _: 1
-          }, 8, ["accept"]),
-          fileList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (file) => {
-              return openBlock(), createElementBlock("div", {
-                class: "file-item",
-                key: file.uid
-              }, [
-                createElementVNode("span", _hoisted_4, toDisplayString(file.name), 1),
-                createVNode(_component_a_button, {
-                  type: "link",
-                  danger: "",
-                  size: "small",
-                  onClick: withModifiers(($event) => removeFile(file.uid), ["stop"])
-                }, {
-                  default: withCtx(() => [..._cache[3] || (_cache[3] = [
-                    createTextVNode("删除", -1)
-                  ])]),
-                  _: 1
-                }, 8, ["onClick"])
-              ]);
-            }), 128))
-          ])) : createCommentVNode("", true)
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5bfcdbbe"]]);
-export {
-  Upload as default
-};

package/dist/sun-card-designer.es161.js

@@ -1,113 +0,0 @@
-import { ref, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode } from "vue";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import IMG from "./sun-card-designer.es196.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "pictureComp",
-  props: ["record", "columnsIndex"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const currentImageUrl = ref(IMG);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    watch(
-      () => props.record.options.defaultValue,
-      (newUrl) => {
-        if (newUrl) {
-          const timer = setTimeout(() => {
-            clearTimeout(timer);
-            checkImageUrl(renderTextByVariables(newUrl, props.columnsIndex));
-          }, 0);
-        } else {
-          currentImageUrl.value = IMG;
-        }
-      },
-      { immediate: true }
-    );
-    const getAlign = () => {
-      const obj = {
-        "left": "flex-start",
-        "center": "center",
-        "right": "flex-end"
-      };
-      return obj[props.record.options.style.align];
-    };
-    const getHeight = () => {
-      const mode = props.record.options.style.mode;
-      const width = props.record.options.style.width;
-      const height = props.record.options.style.height;
-      if (mode === "fixed") {
-        if (props.record.options.style.cuttingRatio === "1") {
-          return width + "px";
-        } else if (props.record.options.style.cuttingRatio === "2") {
-          return width * 9 / 16 + "px";
-        } else if (props.record.options.style.cuttingRatio === "3") {
-          return width * 2 / 3 + "px";
-        } else if (props.record.options.style.cuttingRatio === "4") {
-          return width * 3 / 4 + "px";
-        }
-        return height + "px";
-      } else {
-        return "auto";
-      }
-    };
-    const getAspectRatio = () => {
-      if (props.record.options.style.cuttingRatio === "1") {
-        return "1 / 1";
-      } else if (props.record.options.style.cuttingRatio === "2") {
-        return "16 / 9";
-      } else if (props.record.options.style.cuttingRatio === "3") {
-        return "3 / 2";
-      } else if (props.record.options.style.cuttingRatio === "4") {
-        return "4 / 3";
-      }
-      return "auto";
-    };
-    function checkImageUrl(url) {
-      const img = new Image();
-      img.onload = () => {
-        currentImageUrl.value = url;
-      };
-      img.onerror = () => {
-        currentImageUrl.value = IMG;
-      };
-      img.src = url;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-picture", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle({ "justify-content": getAlign() })
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ width: "100%", padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          createElementVNode("div", {
-            class: "picture-container",
-            style: normalizeStyle({
-              width: props.record.options.style.mode === "fixed" ? props.record.options.style.width + "px" : "100%",
-              height: getHeight(),
-              backgroundImage: `url(${currentImageUrl.value})`,
-              backgroundSize: props.record.options.style.cuttingMode,
-              backgroundPosition: "center",
-              backgroundRepeat: "no-repeat",
-              aspectRatio: getAspectRatio(),
-              borderRadius: props.record.options.style.borderRadius + "px"
-            })
-          }, null, 4)
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Picture = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-182d4dc4"]]);
-export {
-  Picture as default
-};

package/dist/sun-card-designer.es162.js

@@ -1,49 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, normalizeClass, normalizeStyle, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "tagComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_tag = resolveComponent("a-tag");
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(["main-tag", { active: currentUuid.value === props.record.uuid }])
-        }, [
-          createElementVNode("div", {
-            style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-          }, [
-            createVNode(_component_a_tag, {
-              color: props.record.options.style.backgroundColor,
-              style: normalizeStyle({
-                color: props.record.options.style.color,
-                fontSize: props.record.options.style.size
-              })
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(renderTextByVariables)(props.record.options.defaultValue)), 1)
-              ]),
-              _: 1
-            }, 8, ["color", "style"])
-          ], 4)
-        ], 2)
-      ]);
-    };
-  }
-};
-const Tag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b499160a"]]);
-export {
-  Tag as default
-};

package/dist/sun-card-designer.es163.js

@@ -1,43 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, normalizeClass, normalizeStyle, createVNode, unref } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "rateComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_rate = resolveComponent("a-rate");
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(["main-rate", { active: currentUuid.value === props.record.uuid }])
-        }, [
-          createElementVNode("div", {
-            style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-          }, [
-            createVNode(_component_a_rate, {
-              value: unref(renderTextByVariables)(props.record.options.defaultValue) * 1,
-              count: props.record.options.count,
-              "allow-half": "",
-              disabled: ""
-            }, null, 8, ["value", "count"])
-          ], 4)
-        ], 2)
-      ]);
-    };
-  }
-};
-const Rate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da4a8ab1"]]);
-export {
-  Rate as default
-};

package/dist/sun-card-designer.es164.js

@@ -1,39 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, normalizeClass, createVNode, normalizeStyle } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "dividerComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
-          class: normalizeClass(["main-divider", { active: currentUuid.value === props.record.uuid }])
-        }, [
-          createVNode(_component_a_divider, {
-            style: normalizeStyle({
-              "margin-top": props.record.options.style.marginTop + "px",
-              "margin-bottom": props.record.options.style.marginBottom + "px",
-              "background": "#ccc"
-            })
-          }, null, 8, ["style"])
-        ], 2)
-      ]);
-    };
-  }
-};
-const Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-184e8aa5"]]);
-export {
-  Divider as default
-};

package/dist/sun-card-designer.es165.js

@@ -1,46 +0,0 @@
-import { ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode } from "vue";
-import Audio$1 from "./sun-card-designer.es201.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "audioComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const wrapperStyle = computed(() => ({
-      "--play-btn-color": props.record?.options?.style?.playBtnColor || "#4a6bff",
-      "--progress-color": props.record?.options?.style?.progressColor || "#409eff"
-    }));
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-audio", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle(wrapperStyle.value)
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({
-            padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-          })
-        }, [
-          createVNode(Audio$1, {
-            src: props.record.options.src,
-            playBtnColor: props.record?.options?.style?.playBtnColor,
-            progressColor: props.record?.options?.style?.progressColor
-          }, null, 8, ["src", "playBtnColor", "progressColor"])
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Audio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc881905"]]);
-export {
-  Audio as default
-};

package/dist/sun-card-designer.es166.js

@@ -1,58 +0,0 @@
-import { ref, watch, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, withCtx, unref } from "vue";
-import { renderTextByVariables } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _sfc_main = {
-  __name: "selectComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-select", { active: currentUuid.value === props.record.uuid }])
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({ padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px` })
-        }, [
-          createVNode(_component_a_form, {
-            layout: props.record.options.flex
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_form_item, {
-                label: unref(renderTextByVariables)(props.record.options.label)
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_select, {
-                    value: props.record.options.defaultValue,
-                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.defaultValue = $event),
-                    placeholder: props.record.options.placeholder,
-                    style: { "width": "100%" },
-                    options: props.record.options.optionsMode === "fixed" ? props.record.options.optionsFixed : props.record.options.optionsAuto
-                  }, null, 8, ["value", "placeholder", "options"])
-                ]),
-                _: 1
-              }, 8, ["label"])
-            ]),
-            _: 1
-          }, 8, ["layout"])
-        ], 4)
-      ], 2);
-    };
-  }
-};
-const Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34ad5d27"]]);
-export {
-  Select as default
-};

package/dist/sun-card-designer.es167.js

@@ -1,56 +0,0 @@
-import { ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode } from "vue";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["src"];
-const _sfc_main = {
-  __name: "videoComp",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const currentUuid = ref(null);
-    const wrapperStyle = computed(() => ({
-      width: "100%"
-    }));
-    const videoStyle = computed(() => {
-      const style = props.record?.options?.style || {};
-      if (style.mode === "fixed") {
-        const width = style.width ? `${style.width}px` : "360px";
-        const height = style.height;
-        return { width, height };
-      }
-      return { width: "100%" };
-    });
-    watch(
-      () => cardManageStore.currentSelectUuid,
-      (val) => {
-        currentUuid.value = val;
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["main-video", { active: currentUuid.value === props.record.uuid }]),
-        style: normalizeStyle(wrapperStyle.value)
-      }, [
-        createElementVNode("div", {
-          style: normalizeStyle({
-            padding: `${props.record.options?.style?.tbPadding || 0}px ${props.record.options?.style?.lrPadding || 0}px`
-          })
-        }, [
-          createElementVNode("video", {
-            class: "custom-video",
-            src: props.record.options.src,
-            style: normalizeStyle(videoStyle.value),
-            controls: "",
-            preload: "metadata"
-          }, null, 12, _hoisted_1)
-        ], 4)
-      ], 6);
-    };
-  }
-};
-const Video = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-31bc4002"]]);
-export {
-  Video as default
-};